@charset "utf-8";
/* CSS Document */


*{
	margin:0;
	padding:0;
}


body{
background-color:#3c3a3f;;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#666666;
margin-top:50px;
}

#container{
margin:auto;
background-color:#FFFFFF;
width:1020px;
/*height:1200px;*/
}


/* (gère le <hr class="clearall" />	dans la page html)*/
.clearall {				
clear:both; 			/*le clearall permet de terminer l'entorse des float et de reprendre le flux normal*/
}
hr {					/* le hr met un espace (sous forme de ligne) de séparation pour éviter trop de proximité entre les zones*/
visibility:hidden;		/* le hr est représenté par une ligne horizontale, hidden permet de ne pas le voir*/
}

/* SITE SAUF FOOTER ----------------- SITE SAUF FOOTER------------------ SITE SAUF FOOTER--------------- SITE SAUF FOOTER*/
#global{
margin:auto;
padding:0;
background-color:#FFFFFF;
width:1020px;
}

/* ZONE GAUCHE DU SITE ----------------- ZONE GAUCHE DU SITE------------------ ZONE GAUCHE DU SITE--------------- ZONE GAUCHE DU SITE*/
#gauche{
float:left;
width:200px;
height:auto;
background-color:#FFFFFF;
}

#gauche1{
width:200px;
height:265px;
}

#gauche1 a{
background:url(images/bulle-petit-fd-blanc.jpg) no-repeat center;
display:block;
width:195px;
height:260px;
/*padding-left:17px;*/
}

#gauche #gauche1 a span{
display:none;
}

#gauche2{
width:200px;
height:440px;
}

#gauche2 ul{
list-style-type:none;
margin-left:20px;
padding:0;

background-color:none;
}


#gauche2 li a{
background-color:#3c3a3f;
font-size:10px;
text-align:left;
color:#FFFFFF;
text-decoration:none;
display:block;
padding:5px;
margin:1px;
width:160px;
height:20px;
}

#gauche2 li a:hover{
background-color:#d8b400;
color:#333333;
}

#gauche2 li a.menuorange{
background-color:#ffffff;
font-size:10px;
text-align:left;
color:#333333;
text-decoration:none;
display:block;
padding:5px;
margin:1px;
width:160px;
height:25px;
border-bottom:1px solid #d8b400;
}

#gauche2 li a:hover.menuorange{
background-color:#ffffff;
color:#d8b400;
}

#gauche3{
width:165px;
height:110%;
margin-left:25px;
/*background-image:url(images/fondnews2.png);
background-repeat:no-repeat;
padding-top:50px;
padding-left:10px;*/
border:1px solid #d7b400;
padding-bottom:10px;
}



/* PARTIE CENTRALE DU SITE ----------------- PARTIE CENTRALE DU SITE------------------ PARTIE CENTRALE DU SITE--------------- PARTIE CENTRALE DU SITE*/
#centre{
width:650px;
height:auto;
float:left;
background-color:#FFFFFF;
}



/* PARTIE CENTRALE ZONE D'ENTETE ----------------- ZONE D'ENTETE ------------------ ZONE D'ENTETE */
#entete{
width:640px;
height:165px;

}


#identite{
width:460px;
height:120px;
margin-top:20px;
float:left;
}

#entete #identite a {
background: transparent url(images/LogoV4_Logo390x110pxEtBaseline_dontReserve_pngblanc.png) 0 0 no-repeat;
display:block;
width:357px;
height:114px;
}
#entete #identite a span {
display:none;
}


#entete2{
width:150px;
height:120px;
float:left;
margin-top:20px;
}

#entete2 h5{
padding: 0 0 0 15px;
}

#menuhaut{
	list-style:none;			/*précise le style (ou l'absence) de puce*/
	margin-left:40px;
	text-align:center;
	height:60px;
	margin-top:30px;
}



#menuhaut li{					/* s'applique aux li qui se trouvent dans le menu*/
display:inline;				/*on met le display (inline) ici parce que c'est le li qui est un élément block à transformer en inline*/
float:left;			
margin-right:15px;
background-color:none;
border-bottom:1px solid #d8b400;
border-top:1px solid #d8b400;
}


#menuhaut li a{
font-size:11px;
text-align:center;
color:#59483e;
text-decoration:none;
display:block;
padding:5px;
width:115px;
height:20px;
}

#menuhaut li a:hover{
background-color:#3c3a3f;
color:#FFFFFF;
}


#entete2{
height:120px;
float:left;
}

#bandeauPub{
width:610px;
height:70px;
float:left;
text-align:center;
}


/* PARTIE CENTRALE ZONE DE CONTENU -----------------  ZONE DE CONTENU ------------------  ZONE DE CONTENU  */
#contenu{
/*height:830px;*/
width:600px;
margin-top:20px;
margin-left:15px;
float:left;
}


#contenuzone1{
width:600px;
}


#contenuzone2{
width:600px;
margin-top:10px;
}


#pave1{
width:360px;
text-align:left;
float:left;
/*border: solid 1px #d8b400;*/
}

#pave1sub2{
width:240px;
/*height:150px;*/
margin-top:00px;
text-align:right;
float:left;
}

#pave2{
width:280px;
/*height:400px;*/
/*margin-top:10px;*/
float:left;
margin-left:0px;
/*border:1px solid #d5d705;*/
}

#pave3{
width:300px;
/*height:400px;*/
float:left;
/*margin-top:-5px;*/
padding-left:20px;
}


#contenuzone3{
margin-top:30px;
width:600px;
clear:both;
}

/*
#contenu table tr{
border:1px solid #c9d30e;
}
*/

#contenu tr td{
width:205px;
height:110px;
/*border:1px solid #3c3a3f;*/
}


#contenu li a{
text-decoration:none;
color:#999999;
line-height:1em;
text-align:left;
padding-left:30px;	
}

/* PARTIE DROITE DU SITE ----------------- PARTIE DROITE DU SITE ------------------ PARTIE DROITE DU SITE --------------- PARTIE DROITE DU SITE */
#droite{
float:left;
background-color:#FFFFFF;
padding-bottom:20px;
}


#droite0{
width:170px;
height:170px;
}

#droite0 a{
background:url(images/VisuelEqualPayDay145x165.jpg) no-repeat center;
display:block;
width:168px;
height:168px;
}

#droite #droite0 a span{
display:none;
}





#droite1{
width:150px;
height:auto;
background-color:#ffffff;
margin:auto;
margin-top:30px;
text-align:left;
border-left:1px solid #d5d705;
}

#droite2{
width:150px;
height:auto;
background-color:#ffffff;
margin:auto;
margin-top:30px;
text-align:left;
border-left:1px solid #d5d705;
}

#droite3{
width:150px;
height:auto;
background-color:#ffffff;
margin:auto;
margin-top:30px;
text-align:left;
border-left:1px solid #d5d705;
}


table {
color:#545454;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
border:none;
}



/* PARTIE INFERIEURE DU SITE ----------------- PARTIE INFERIEURE DU SITE ------------------ PARTIE INFERIEURE DU SITE --------------- PARTIE INFERIEURE DU SITE */
#footer {
height:50px;
/*margin:auto;*/
padding-top:20px;
/*width:650px;*/
background-color:#FFFFFF;
clear:both;
}

#footer ul{
width:430px;
padding-top:10px;
margin:auto;
border-top:1px solid #d8b400;
}

#footer li{
display:inline;
text-align:center;	
padding-right:5px;
}

#footer li a{
text-decoration:none;
color:#999999;
line-height:1em;
text-align:center;	
}

#footer1 {
background-color:#FFFFFF;
text-align:center;
}

#footer2{
height:30px;
background-color:#FFFFFF;
text-align:center;
}





/* Zones de contenu des pages style accueil (accueil, contact, Mentions Légales)---*/
#zonetexte1{				
margin-left:5px;
margin-top:20px;
}


#zonetexte2{
margin-left:5px;
margin-top:20px;
border:1px solid #c9d30e;
}


#zonetexte3{
margin-left:5px;
margin-top:20px;
border:1px solid #c9d30e;
}


#zonetexte3 table{
width:430px;
height:60px;
}

#zonetexte4 table{
width:430px;
height:60px;
}
/* Fin des zones de contenu de la page Mentions Légales---*/




/* STYLE DES ELEMENTS DU SITE ----------------- STYLE DES ELEMENTS DU SITE ------------------ STYLE DES ELEMENTS DU SITE --------------- STYLE DES ELEMENTS DU SITE  */
h1{
margin-top:10px;
font-size:20px;
font-weight:lighter;
color:#d8b400;
text-align:right;
border-bottom:1px solid #d8b400;

}

h1 span{
padding: 10px 0 0 36px;
background: url(images/4carres_pngblanc.png) 0 2px no-repeat;
}


h1.img{
border:none;
}


h2{
font-size:15px;
font-family:Geneva, Arial, Helvetica, sans-serif;
color:#999999;
text-align:left;
/*padding-left:20px;*/
margin-top:20px;
}


h2 span{
padding: 0px 0 0 19px;
background: url(images/carre10x10px_d8b400_pngblanc.png) 0 3px no-repeat;
}


h2.bloc{
background-color:#d8b400;
height:100%;
color:#FFFFFF;
margin-top:40px;
}

h3{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#d5d705;
}

h3.pave{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:15px;
color:#999999;
margin-top:20px;
padding-left:5px;
padding-top:5px;
text-align:left;
border-bottom-width:30px;
border-bottom:1px solid #999999;
border-left:10px solid #999999;
border-collapse:separate;
}



h3.bloc{
background-color:#d8b400;
height:100%;
color:#FFFFFF;
padding:5px;
}


h3.blocd5d705{
background-color:#d5d705;
height:100%;
color:#FFFFFF;
padding:5px;
}

h3.bloc8c7500{
background-color:#8c7500;
height:100%;
color:#FFFFFF;
padding:5px;
}

h4{
font-size:11px;
margin:30px 0 0 0;
border:none;
}

h4.article{
margin:30px 0 0 0;
border:none;
}


h5{
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
margin-top:20px;
margin-left:20px;
}

p{
margin:10px 0 0 20px;
}


p.top0{
margin-top:0px;
}

p.top20{
margin-top:20px;
}

p.pave{
padding-top:35px;
text-align:center;
color:#666666;
padding-left:20px;
padding-right:20px;
font-style:italic;
}


p.pave1sub2{
padding-top:20px;
text-align:left;
color:#666666;
font-style:italic;
text-align:center;
}

p.bloc{						/*vu le 07/10/09 : utilisé pour les textes des articles des zones droite et gauche*/
padding-left:7px;
padding-right:7px;
margin-left:0;
}

.puced8b400{				/*vu le 07/10/09 : utilisé pour les puces de liens de fin de page de contenu centre*/
padding: 0 0 0 30px;
background: url(images/carre5x5px_d8b400_pngblanc.png) 20px 5px no-repeat;
color:#d8b400;
}


.puce5_999999{				/*vu le 07/10/09 : utilisé pour les liens de fin d'article de la zone droite*/
padding: 0 0 0 10px;
background: url(images/carre5x5px_999999_pngblanc.png) 0px 5px no-repeat;
}

.puce5_8c7500{				/*vu le 07/10/09 : utilisé pour les liens de fin d'article de la zone droite*/
padding: 0 0 0 10px;
background: url(images/carre5x5px_8c7500_pngblanc.png) 0px 5px no-repeat;
}


.puce7_d5d705{				/*vu le 07/10/09 : utilisé pour les titres H5 avec puce*/
padding: 0 0 0 10px;
background: url(images/carre7x7px_d5d705_pngblanc.png) 0px 3px no-repeat;
}




.listed5d705{				/*vu le 07/10/09 : utilisé pour les puces de listes dans les zones de type paragraphe*/
padding: 0 0 0 30px;
background: url(images/carre5x5px_d5d705_pngblanc.png) 20px 5px no-repeat;
}


a{
text-decoration:none;
color:#d8b400;
}


a:hover{
font-weight:bold;
color:#8c7500;
}

img{
text-align:center;
border:1px solid #ccc4c4;
}


img.h1{
border:none;
}

a img{
text-align:center;
border:none;
}


.liensinternes{
margin-top:10px;
}


.mentions{
font-size:10px;
color:#545807;
/*font-weight:bold;
margin-top:30px;*/
}

.article{				/*vu le 07/10/09 : utilisé pour les blocs texte du glossaire*/
border-top:1px dotted #999999;
border-spacing:10px;
margin-top:0;
}


/*.presentation{
margin-left:20px;
}*/

.bold{
font-weight:bold;
}

.fond{
background-color:#d8b400;
color:#FFFFFF;
padding:5px;
}

.left40{
margin-left:40px;
}

.left20{
margin-left:20px;
}

.FerDroit{				/*vu le 07/10/09 : utilisé pour le retour haut de page*/
text-align:right;
}

.GoUp{				/*vu le 07/10/09 : utilisé pour le retour haut de page*/
margin-top:20px;
font-weight:bold;
color:#999999;
}

p.GoUp span{
padding: 0px 0 0 20px;
background:transparent url(images/puce_flecheVerteUp.png) 0px 3px no-repeat;
}



.d8b400{
color:#d8b400;
}


.d5d705{
color:#d5d705;
}

.fondd5d705{
background-color:#d5d705;
}

.8c7500{
color:#8c7500;
}

.8c5e00{
color:#8c5e00;
}

.color999999{	/*maj le 27/06/10 : mis en 777 en attendant réaffectation des éléments en .color999999*/
color:#777777;
}

.color888888{	/*créé le 27/06/10 : pas encore affecté*/
color:#888888;
}

.color777777{	/*créé le 27/06/10 : pas encore affecté*/
color:#777777;
}

.presentation a{
text-decoration:none;
color:#d8b400;
}

.presentation a:hover{
font-weight:bold;
color:#8c7500;
}

.puce10pxd8b400{
background:url(images/carre10x10px_d8b400.png) no-repeat;
}

.puce00073195{
background:url(images/00073195.jpg) no-repeat;
}

.puce3bulles{
background:url(images/PuceBullesPleines10x10_pngblanc.png) no-repeat;
}