/* CSS Document */

body 
{
background:#1b5f91 url(../images/fond.gif) repeat-x top left;
text-align:center;
padding:O;
margin:0;
font-family:Trebuchet ms, arial,verdana;
}

#conteneur
{
/*height:748px;*/
width:870px;
background:#FFFFFF ;
padding:O;
margin:0 auto;
text-align:left;
margin-top:20px;
}

#header{
height:195px;
width:870px;
background: url(../images/haut_arrondi.gif) no-repeat top left;
}

h1 span{display:none;}

#reflet{
display:block;
margin:1px auto;
padding:0;
height:140px;
width:870px;
background: url(../images/reflet.gif) no-repeat top left;
}
#logo{
margin:0;
padding:0;
height:195px;
width:200px;
background: url(../images/esconseil-logo.gif) no-repeat top left;
float:left;
}
#logo a{
display:block;
height:195px;
margin:0;
padding:0;
width:200px;
}
#flash{
margin:0;
padding:0;
margin-top:50px;
height:145px;
width:500px;
float:left;
}
#droite-flash{
float:left;
margin:0;
padding:0;
height:195px;
width:168px;
}
/*ESPACE*/
#espace{
margin:0;
padding:0;
margin-top:59px;
width:132px;
height:108px;
background: url(../images/bloc_espace_client.gif) no-repeat top left;
}

#espace .form-espace {
position:relative;
top:25px;
left:10px;
}

#espace .form-espace label{
font-size:10px;
color:#fff;
word-spacing: -0.5px
}

#espace p{
margin:0;
padding:0;
}

#espace a{
font-size:10px;
color:#fff;
text-align:center;
word-spacing: -0.5px
}


.buttonSubmit {
margin-top:3px;
margin-left:3px;
width:29px;
height:17px;
color:#0083CA;
font-weight:bold;
font-size:9px;
text-align:center;
background:url(../images/bouton_ok.gif) no-repeat left bottom;
cursor:pointer;
border:none;
}

.buttonSubmit:hover{
background-position:left top;
}

/*ACCES*/
#accessibilite
{
padding:0;
margin-top:12px;
margin-right:50px;
width:90px;
height:16px;
}

#accessibilite img{
padding:0;
margin:0;
border:none;
}

#accessibilite a{
padding:0;
margin:0;
border:none; 
text-decoration:none; 
color:#fff;
}





/* ADRESSE*/
#adresse{ margin-top:30px;width:170px;height:94px;background: url(../images/bloc_adresse.gif) no-repeat top left;}
#adresse p{padding-left:8px;padding-top:10px;}
#adresse a{padding:0;margin:0;color:#666;font-size:10px;line-height:12px;text-decoration:none;word-spacing: -1px}
#adresse a:hover, #adresse a:focus{color:#000;}


#main{width:870px;margin-top:2px; height:auto;}

#sidebar{width:170px;float:left; margin-left:30px !important; margin-left:15px;}

#content{
float:left;
width:600px;
padding:0;
margin:0;
margin-left:30px !important; 
margin-left:15px;
color:#5D5D5D;
font-size:13px;
line-height:15px;
}


h2{width:591px;height:26px;margin-bottom:5px;padding-left:10px;color:#fff;font-size:16px;line-height:26px;}
h2 a{display:inline;color:#FFF;text-decoration:none;padding:0 20px;}
.bleu{background: url(../images/titre_bleu.gif) no-repeat top left;}
.orange{background: url(../images/titre_orange.gif) no-repeat top left;}



.liste ul, .liste li{color:#5D5D5D;}
ul.liste {font-size:13px; margin-bottom:10px;}
ul.liste > li{font-size:12px; line-height:16px;}

#colonne-images{float:left;width:184px;margin:20px 2px;}
#colonne-texte-hp{float:left;margin:2px;width:600px; height:220px;}


.bloc-texte{ float:right; margin-bottom:10px;}

.bloc-texte a{ color:#175C8F;}
.bloc-texte a:hover{ color:#FFCC00;}
a.info {
	position: relative;
	color:#fff;
}

a.info span {
   display: none; /* on masque l'infobulle */
}

a.info:hover {
color:#175C8F;
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

a.info:hover span {
text-align:left;
   display: inline; /* on affiche l'infobulle */
   text-decoration:none;
   position: absolute;
   white-space: nowrap; /*pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: -40px;
   line-height:10px;
   background: white;
   margin:0;
   padding: 10px;
   border: 1px solid #004b83;
}


#footer{margin:0 auto;padding:0;height:50px;width:870px;background:#fff url(../images/bas_arrondi.gif) no-repeat bottom left;font-size:11px;} 
#footer ul,#footer li{list-type-style:none;display:inline;margin:0;padding:0;}
#footer li a{padding-right:5px;color:#175C8F;text-decoration:none;word-spacing: -1px}
#footer li a:visited {color:#003366;}
#footer li a:hover{color:#FFCC00;}
#footer p{ margin:0; padding:0;}

#formulaire{color:#565656; margin-bottom:15px;}
#formulaire label{display:block; margin:2px 0;}
#formulaire input{display:block; font-size:12px; line-height:14px;}


.clr { 
clear:both;
}

.center{
text-align:center;
}

h4 {
text-transform:uppercase;
font-weight:bold; 
font-style:italic; 
color:#1b5f91;
font-size:14px;
margin-top:15px;
}

.copyright {
color:#666;
}

.image {
float:right;
margin:10px;
}

.hp-images{
background: url(../images/img-groupe.jpg) no-repeat bottom right;
}
.texta{ font-size:10px; height:14px;}

#idpop a{display:block;width:10px;height:90px;}
#idpop span{display:none;}
#idpop {position:absolute;top:0;right:0; left:0;background: url(../images/id-pop.gif) no-repeat top left;margin:3px;}