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


*{
	margin:0;
	padding:0;
}


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

/* (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*/
}


#global{
margin:auto;
padding:0;
height:900px;
width:900px;
background-image:url(images/FondContainer2.png);
background-repeat:no-repeat;
text-align:left;
}

#zonesup{
width:900px;
height:140px;
}


#entete{
/*width:700px;
height:150px;*/
/*margin-top:20px;*/
/*margin-left:40px;
background: transparent url(images/LogoV4_Logo390x110pxEtBaseline_dontReserve_pngblanc.png) 0 0 no-repeat;
background-repeat:no-repeat;
background-position:0 20px;*/
float:left;
background: transparent url(images/LogoV4_Logo390x110pxEtBaseline_dontReserve_pngblanc.png) 40px 20px no-repeat;
display:block;
width:700px;
height:140px;
}

#entete a span {
display:none;
}

#accesspe{
width:150px;
height:140px;
font-weight:normal;
float:left;
text-align:right;
}




#menuhaut{

	list-style:none;		/*précise le style (ou l'absence) de puce*/
	text-align:center;
	height:160px;
	}



#menuhaut ul{
list-style-type:none;
background-color:none;
margin: 0 0 0 270px;
}



#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:70px 0 0 50px;
background-color:none;

/*border-bottom:1px solid #d8b400;
border-top:1px solid #d8b400;*/
}


#menuhaut li a{
font-size:15px;
text-align:right;
background:url(images/4carres_pngblanc.png) bottom right no-repeat;
color:#999999;
font-weight:bold;
text-decoration:none;
display:block;
padding:5px;
width:115px;
height:50px;
}

#menuhaut li a span {
display:none;
}

#menuhaut li a:hover{
background-color:#fff;
color:#d7b400;
}

#contenu{
height:420px;
}

#zonetexte1{
width:750px;
margin:20px 0 0 60px;
height:90px;
font-size:11px;
}

#zonetexte2{
width:550px;
margin:10px 0 0 100px;
height:160px;
font-size:11px;

}

#zonetexte3{
width:400px;
margin:10px 0 0 60px;
padding:5px;
height:120px;
/*background: 0 0 no-repeat;*/
background: transparent url(images/VisuelEqualPayDay100x100.jpg) 0 10px no-repeat;
display:block;
}

#zonetexte3 a {
width:400px;
height:120px;
color:#999999;
font-weight:normal;
/*font-size:1.1em;*/
}

/*#zonetexte3 a span {
display:none;
}*/

#zonetexte3 p{
margin-left:110px;
padding-top:5px;
border-top:1px solid #d8b400;
border-left:4px solid #d8b400;
}



#footer {
height:50px;
/*margin:auto;*/
margin-top:10px;
/*width:650px;*/
}

#footer ul{
width:430px;
margin:auto;
}

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

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

#footer1 {
text-align:center;
}

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










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

ul{
list-style-type:none;
}

p{
margin-top:15px;
}


a{
text-decoration:none;
color:#d8b400;
font-size:11px;
font-weight:bold;
}


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

.accueil{
text-align:center;
}


.color999999{
color:#999999;
}

.colord8b400{
color:#d8b400;
}

.color3696cc{
color:#3696cc;
}

.color96c338{
color:#96c338;
}

.pucecolor3696cc{
border-left:5px solid #3696cc;
padding:0 0 0 5px;
}

.puced8b400{				
padding: 0 0 0 30px;
background: url(images/carre5x5px_d8b400_pngblanc.png) 10px 5px no-repeat;
color:#d8b400;
}


.puce10_d5d705{				
padding: 0 0 0 20px;
background: url(images/carre10x10px_d5d705_pngblanc.png) 0px 3px no-repeat;
}


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

.puce10_8c7500{				
padding: 0 0 0 20px;
background:url(images/carre10x10px_8c7500_fondblanc.png) 0px 3px no-repeat;
}

.puce10_8c5e00{				
padding: 0 0 0 20px;
background:url(images/carre10x10px_8c5e00_fondblanc.png) 0px 3px no-repeat;
}

.puce30_bulle{				
padding: 0 0 0 40px;
background:url(images/Bulleviolette_pngblanc.png) 0px 3px no-repeat;
}

.puce3bulles{				
padding: 0 0 0 15px;
background:url(images/PuceBullesPleines10x10_pngblanc.png) 0px 3px no-repeat;
}


h3.bloc{
height:1.1em;
color:#999999;
font-size:12px;
font-weight:bold;
}

.bloc{
text-decoration:none;
font-size:11px;
font-weight:normal;
margin:5px 0 0 0;
}