/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
}
body{
	background-attachment: scroll;
	background-color: #fff;
	background-image: url(../images/charte/bg-body.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
/***************** CONTAINER *****************/
#container{
	position:relative;
	min-height:100%;
	width:766px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(../images/charte/bg-hauteur.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
/***************** HEADER *****************/
#header{
width:766px;
height:213px;
}

/***************** CONTENU *****************/
#contenu{
	position:relative;
	width:766px;
	padding:3px 0 0 0;
	background-attachment: scroll;
	background-image: url(../images/charte/bg-texte.gif);
	background-repeat: no-repeat;
	background-position: left top;
  }

  strong{
  color: #6F3902;
  }

  .bas-text{
   color: #F3CFA7;
   font-weight: bold;
   }





#contenu2{
	position:relative;
	width:720px;
	margin:0 0 0 25px;
	padding:20px 0 44px 0;
  font:12px/18px Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#342216;

}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer{
clear:both;
}
/***************** FOOTER *****************/
#footer{
	position:relative;
	clear:both;
	width:766px;
	height:44px;
	margin:-44px auto 0;
	background-attachment: scroll;
	background-image: url(../images/charte/bg-footer.gif);
	background-repeat: no-repeat;
	background-position: left top;

  }


#idep{
position:absolute;
left:0;
top:0;
width:235px;
height:44px;
}
#idep img{
float:left;
}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
text-align:left;
color:#ccb4a0;
margin:24px 0 0;
}
#footer #idep a.idep.optea{
margin:0;
color:#ccb4a0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}

#news {
width: 176px;
margin-left: 15px;
float: right;
margin-top: 20px;
margin-bottom: 10px;
 }


.news1{
width: 176px;
background-image:  url(../images/charte/news1_02.jpg);
background-repeat: no-repeat;
background-position: top left;


}

.news2{
width: 176px;
background-image:  url(../images/charte/news2.jpg);
background-repeat: repeat-y;
background-position: top left;

}

.news3{
width: 176px;
background-image:  url(../images/charte/news3.jpg);
background-repeat: no-repeat;
background-position: top left;
height: 26px;
}


#news p {
font-family: Arial, Helvetica, sans-serif;
font-size:11px ;
line-height: 16px;
font-weight:normal;
color:#ffffff;
padding: 5px 10px 5px 10px;

 }

 #news .titre {
 text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size:12px ;
line-height: 16px;
text-transform: uppercase;
font-weight:bold;
color:#FFB400;
padding: 10px 10px 0px 10px;

 }

.news-lien {
font-family: Arial, Helvetica, sans-serif;
font-size:11px ;
font-weight:bold;
color:#FFC374;
text-align: center;
text-decoration: none;
 }

.news-lien:hover {
font-family: Arial, Helvetica, sans-serif;
color:#ffffff;
font-size:11px ;
font-weight:bold;

 }