/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "flexcrollstyles.css";
body{
  font:11px Arial, Helvetica, sans-serif;
}



#texte-accueil h1{ /*----------Titre paragraphe-----------*/
font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	line-height:normal;
	padding:20px 0 15px 0;
	margin:0 0 12px 0;
}
#texte-accueil h2{ /*----------Titre paragraphe-----------*/
font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:13px;
	font-weight:normal;
  padding:10px 0 3px 0;
  border-bottom:1px solid #beb379;
	margin:0 10px 15px 0;
}
#texte-accueil h3{ /*----------Titre paragraphe-----------*/
font-family: Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
  line-height:14px;
  padding:5px 0 7px 0;
  height:28px;
/*	margin:0 10px 15px 0;*/
}
#texte a:link, #texte a:visited{
	font-weight:bold;
		text-decoration:none;
	color:#fff;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
color:#fff;
}
#texte-accueil a:link, #texte-accueil a:visited{
	font-weight:normal;
	text-decoration:underline;
	color:#d7d7d7;
}
#texte-accueil a:hover, #texte-accueil a:active{
	font-weight:normal;
	text-decoration:none;
color:#d7d7d7;
}

#texte-accueil #texte-left{
  width:325px;
  float:left;
  padding-top:20px;
}


#texte-accueil .list{
  background: url(../images/charte/bullet-1.jpg) left 4px no-repeat;
margin-left:12px;
  display: inline;
  float:left;
  padding-left:10px;
}
#texte-accueil .bullet-arrow{
  background: url(../images/charte/bullet-arrow.gif) left top no-repeat;
  display: inline;
  float:left;
  padding-left:20px;
}

#texte-accueil p {
  font-size:11px;
	line-height:1.4em;
	text-align:justify;
	color: #b1b1b3;
  margin-bottom: 1em;
}

#texte-accueil p.color, #texte-accueil .color{
  font-weight:bold;
  color:#ffffff;
}
#texte-accueil .tag{
  text-transform: uppercase;
  font-weight: bold;
  color:#fff;
}

/* ------------------------------------------NEWS--------------------------------- */

#news{
	float:right;
	width:280px;
	min-height:85px;
	height:auto !important;
	height:85px;
	color:#beb379;
	margin:50px 0 0 10px;
	line-height:1.5em;
}
#news a:link, #news a:visited{
  color:#D7D7D7;
  text-decoration: underline;
}
#news a:active, #news a:hover{
  text-decoration: none;
  color:#D7D7D7;
}


#news ul li{
	margin:10px 0 2px 20px;
	color:#78acce;
  font-size: 11px;;
	font-weight:bold;
}

.invisible{
  display: none;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
  line-height: 0px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}