/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
/*---permet de changer la couleur de la barre de scroll dans IE (déconseillé)
scrollbar-base-color:#7d8a2e;
---*/
}
body{
background:#000 url(../images/charte/bg-page-x.jpg) repeat-x top left;
}
/***************** CONTAINER *****************/
/*#container0{
position:relative;
width:1003px;
min-height:100%;
margin: 0 auto;
background:url(../images/charte/bg-page-y.gif) repeat-y top left;
padding: 0px;
}*/
#container{
position:relative;
min-height:100%;
width:1003px;
margin:0 auto;
background:url(../images/charte/bg-page-y.gif) repeat top left;
background-color: #CAC9C9;
}
/***************** HEADER *****************/
#header{
width:1003px;
height:194px;
}
/***************** MENU TOP *****************/
#menuTop{
position:relative;
z-index:10;
width:960px;
height:38px;
background-image:url(../images/charte/bg-menu.jpg);
list-style:none;
padding:0 43px 0 0;
}
#menuTop li{
position:relative;
float:right;
width:180px;
height:30px;
padding:8px 0 0 0;
}
#menuTop a{
text-decoration:none;
font:normal 12px/30px Arial, Helvetica, sans-serif;
color:#fff;
text-align:center;
display:block;
height:30px;
overflow:hidden;
}
#container #menuTop a:hover
#container #menuTop a.trigered{
	text-decoration:underline;
}


#contenu{
width:1003px;
min-height:314px;
background:url(../images/charte/bg-contenu.jpg) no-repeat left top;
}
#contenu-accueil{
width:1003px;
min-height:314px;
background:url(../images/charte/bg-contenu-accueil.jpg) no-repeat left top;
}
/***************** MENU LEFT *****************/
#menuLeft{
float:left;
width:252px;
padding:14px 0 0 27px;

}
#menuLeft h1 a{
width:199px;
display:block;
height:17px;
overflow:hidden;
background-position:left top;
margin:0 0 5px 0;
}
#menuLeft h1 a:hover{
background-position:right top;
}
#menuLeft h1 a span{
	display:none;
}
#menuLeft h1 a.accueil{
background-image:url(../images/charte/accueil.jpg);
}
#menuLeft h1 a.societe{
background-image:url(../images/charte/societe.jpg);
}
#menuLeft h1 a.metier{
background-image:url(../images/charte/metier.jpg);
}
#menuLeft h1 a.entreprises{
background-image:url(../images/charte/entreprises.jpg);
}
#menuLeft h1 a.particuliers{
background-image:url(../images/charte/particuliers.jpg);
}
#menuLeft h1 a.presse{
background-image:url(../images/charte/presse.jpg);
}
#menuLeft h1 a.liens{
background-image:url(../images/charte/liens.jpg);
}
#menuLeft h1 a.contact{
background-image:url(../images/charte/contact.jpg);
}
#menuLeft h1 a.deontologie{
background-image:url(../images/charte/deontologie.jpg);
}
#menuLeft h1 a.rapport{
background-image:url(../images/charte/raport.jpg);
}
#menuLeft h1 a.mentions{
background-image:url(../images/charte/mentions.jpg);
}

/* MENU LEFT EN */

#menuLeft_en{
float:left;
width:252px;
padding:14px 0 0 27px;

}
#menuLeft_en h1 a{
width:199px;
display:block;
height:17px;
overflow:hidden;
background-position:left top;
margin:0 0 5px 0;
}
#menuLeft_en h1 a:hover{
background-position:right top;
}
#menuLeft_en h1 a span{
	display:none;
}
#menuLeft_en h1 a.accueil{
background-image:url(../images/charte/accueil_en.jpg);
}
#menuLeft_en h1 a.societe{
background-image:url(../images/charte/societe_en.jpg);
}
#menuLeft_en h1 a.metier{
background-image:url(../images/charte/metier_en.jpg);
}
#menuLeft_en h1 a.entreprises{
background-image:url(../images/charte/entreprises_en.jpg);
}
#menuLeft_en h1 a.particuliers{
background-image:url(../images/charte/particuliers_en.jpg);
}
#menuLeft_en h1 a.presse{
background-image:url(../images/charte/presse_en.jpg);
}
#menuLeft_en h1 a.liens{
background-image:url(../images/charte/liens_en.jpg);
}
#menuLeft_en h1 a.contact{
background-image:url(../images/charte/contact_en.jpg);
}
#menuLeft_en h1 a.deontologie{
background-image:url(../images/charte/deontologie_en.jpg);
}
#menuLeft_en h1 a.rapport{
background-image:url(../images/charte/raport_en.jpg);
}
#menuLeft_en h1 a.mentions_en{
background-image:url(../images/charte/mentions_en.jpg);
}


#snap{
	float:left;
	width:199px;
	height:160px;
	background-image:url(../images/charte/snarp.jpg);
}

#wad{
	float:left;
	width:199px;
	height:160px;
	margin:5px 0 0 0;
	background-image:url(../images/charte/wad-encart.gif);
}


/***************** SOUS MENU */
#menuLeft ul{
list-style:none;
padding-bottom:10px;
}

#container #menuLeft li a{
background:none;
border:none;
text-decoration:none;
font:normal 11px/15px Arial, Helvetica, sans-serif;
color:#fff;
display:block;
height:15px;
overflow:hidden;
padding:0 0 0 30px;
}
#container #menuLeft li a:hover{
text-decoration:underline;
color:red;
}
/***************** CONTENU *****************/

#texte{
float:left;
width:470px;
padding:80px 0 0 0px;
}
#colonne-vide{
	float:right;
	width:200px;
	height:300px;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:39px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:1003px;
height:39px;
margin:-39px auto 0;
background:url(../images/charte/bg-footer.gif) no-repeat top left;
}
#idep{
position:absolute;
left:10px;
top:10px;
width:205px;
height:20px;
}
#idep2{
position:relative;
font:10px/9px Arial, Helvetica, sans-serif;
padding-top:3px;
width:1200px;
height:15px;
color:#FFFFFF;
}
#idep2 a
{
font:10px/9px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}
#idep2 a:hover
{
font:10px/9px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#idep img{
float:left;

}
#footer #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#fff;

}
#footer #idep a.idep.optea{
margin:0;
}
#footer #idep a:hover.idep{
text-decoration:none;
color:#fff;
}



/*****************************************/
#footer_en{
position:relative;
clear:both;
width:1003px;
height:39px;
margin:-39px auto 0;
background:url(../images/charte/bg-footer_en.gif) no-repeat top left;
}
#idep{
position:absolute;
left:10px;
top:10px;
width:205px;
height:20px;
}
#idep img{
float:left;

}
#footer_en #idep a.idep{
text-decoration:none;
display:block;
font:9px/8px Arial, Helvetica, sans-serif;
color:#fff;

}
#footer_en #idep a.idep.optea{
margin:0;
}
#footer_en #idep a:hover.idep{
text-decoration:none;
color:#fff;
}
/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#texte h1{
font: 18px Tahoma, Helvetica, sans-serif;
color:#000;
height: 40px;
letter-spacing:1px;
margin:20px 0 12px 0;
padding:27px 0 0 48px ;
background: url(../images/charte/title_bird.gif) no-repeat left top;
z-index: 30;
position: absolute;
top:170px;
left: 270px;
width:420px;
}
#texte h2{
font:bold 12px Tahoma, Helvetica, sans-serif;
color:#000;
padding:20px 0 10px 0;
float:left
}

#texte h3{
font:bold 14px Tahoma, Helvetica, sans-serif;
color:#000;
padding:20px 0 10px 0;
letter-spacing: 1px;
}

#texte #entreprise h2{
 padding:35px 0 10px 0;

}

#texte h5{
font:12px  Tahoma ,Arial , Helvetica, sans-serif;
text-align:justify;
color:#000;
line-height:15px;
margin-bottom:0px
}
#texte p{
font:12px  Tahoma ,Arial , Helvetica, sans-serif;
text-align:justify;
color:#000;
line-height:15px;
margin-bottom:16px
}
#texte span{
color:#F20709;
font-weight: bold;

}

#contenu p.couleur, span.couleur{
font-weight:bold;
color:#000;
}
#texte a:link, #texte a:visited{
font-weight:normal;
text-decoration:underline;
color:#F20709;
}
#texte a:hover, #texte a:active{
color:#F20709;
text-decoration:none;
}

/* ****************************** */
.invisible{
      display: none;
}