/* CSS Document */

body {	
background:#EBCDA5;
font:10px,Verdana,sans-serif;
color:#000;
text-align:center;
padding:0px;
margin-top:0px;
}

#container { 
margin-left:auto;
margin-right:auto;
text-align:left;
width:900px;
float:auto;
}

#bandeau{
width:900px;
float:left;
height:156px;
}

#logo{
height:156px;
width:234px;
float:left;
background: url(charte/logo.jpg) no-repeat;
}

#flash{
float:left;
height:156px;
width:455px;
background: url(charte/fond_flash.gif) no-repeat;
padding-top:15px;
}

#imgdroite{
float:left;
height:156px;
width:211px;
background: url(charte/imgdroite.jpg) no-repeat;
}

#milieu{
float:left;
width:900px;
background-color:#FFF;
}

#menu{
float:left;
width:164px;
}

#menu_gauche{
background: url(charte/menu_gauche.jpg) no-repeat;
width:164px;
float:left;

padding-top:45px;
background-color:#fff;
}


#arrondi_bas{
background: url(charte/arrondi_bas.gif) no-repeat;
float:left;
width:164px;
height:31px;
}

/*#menu_gauche li{
list-style-type:none;
font:11px Verdana,sans-serif;
color:#fff;
list-style-position:outside;
padding-left:20px;
height:35px;
background:url(charte/fond_menu_gauche.jpg) no-repeat;
line-height:20px;
vertical-align:middle;
}

#menu_gauche ul{
	
}*/


#menu_gauche li{
list-style-type:none;
font:12px Verdana,sans-serif;
color:#fff;
list-style-position:outside;
padding-left:20px;
height:25px;
background:url(charte/fond_menu_gauche.jpg) no-repeat;
line-height:20px;
vertical-align:middle;
}

#menu_gauche ul{

}

#menu_gauche li a:link, #menu_gauche li a:visited  {
	color:#fff;
	text-decoration: none;
	}
#menu_gauche li a:hover, #menu_gauche li a:active  {
	color:#fff;
	}

#droite{
width:736px;
float:left;
/*background-color:#f2f2f2;*/
}

#menuh_droite{
float:left;
width:736px;
background-color:#FF6600;
height:25px;
}

#menuh_droite li{
background: url(charte/liste_menu.gif) no-repeat;
display:inline;
width:235px;
margin-left:10px;
font:16px Arial,sans-serif;
font-weight:bold;
color:#fff;
padding-left:30px;
height:25px;
line-height:25px;
vertical-align:middle;
}

#menuh_droite li a:link, #menuh_droite li a:visited  {
	color:#fff;
	text-decoration: none;
	}
#menuh_droite li a:hover, #menuh_droite li a:active  {
	color:#fff;
	}

#contenu{
float:left;
width:510px;
background-color:#fff;
font:13px Arial,sans-serif;
text-align:justify;
}

#justifie{
	width:490px;
}

#photo{
width:500px;
height:250px;
float:left;
background:url(charte/photo.jpg) no-repeat;
text-align:justify;
}

#texte{
width:280px;
margin-left:132px;
margin-top:60px;
float:left;
text-align:justify;
}

#prestataire{
width:490px;
float:left;
height:154px;
margin-bottom:20px;
margin-top:10px;
padding-left:60px;
background:url(charte/fond_presta.gif) no-repeat;
}

#titre_pres{
width:430px;
float:left;
text-align:justify;
color:#000;
font:14px Arial,sans-serif;
font-weight:bold;
margin-bottom:10px;
}

#texte_pres{
width:290px;
float:left;
text-align:justify;
margin-left:5px;
}

#img{
width:65px;
height:60px;
float:left;
}

#menu_droite{
width:225px;
float:left;
background-color:#f2f2f2;
}

#espace_client{
float:left;
background: url(charte/fond_espace_client.gif) no-repeat;
height:119px;
width:219px;
margin-top:15px;
padding-left:80px;
padding-top:35px;
font:11px Verdana,sans-serif;
font-weight:bold;
color:#000;
margin-right:4px;
margin-left:1px;
}

#liste{
float:left;
background-color:#f2f2f2;
width:225px;
}

#decor{
background-image: url(charte/bas_liste.gif);
float:left;
width:225px;
height:33px;
margin-top:10px;
background-position: center;
background-repeat: no-repeat;
margin-bottom:5px;
}

#liste li{
list-style:none;
}

h1{
color:#000;
font:14px Arial,sans-serif;
font-weight:bold;
}

h2{
color:#ff6600;
font:12px Verdana,sans-serif;
font-weight:bold;
margin-top:5px;
border-bottom:dotted #ff6600 1px;
border-top:dotted #ff6600 0px;
padding-bottom:2px;
text-align:left;
}

h3{
width:430px;
float:left;
text-align:justify;
color:#000;
font:14px Arial,sans-serif;
font-weight:bold;
margin-bottom:10px;
}

.savoir{
color:#ff6600;
font:10px Verdana,sans-serif;
font-weight:bold;
text-align:right;
}

.savoir a:link, .savoir a:visited  {
	color:#ff6600;
	text-decoration: none;
	}
.savoir a:hover, .savoir a:active  {
	color:#ff6600;
	}

#footer{
float:left;
width:900px;
height:16px;
background-color:#FF6600;
text-align:center;
line-height:16px;
vertical-align:middle;
color:#fff;
}