body{ 
background-image:url(images/fond.jpg); 
background-repeat:repeat-x; 
background-color:#00ccff; 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:31px 0 0 0; 
}

/*styles du main */
#main {
width:955px; 
margin:0 auto; 
position:relative;
}

/*styles du header */
#header {
width:955px; 
height:90px; 
margin-bottom:17px;
}

#logo {
float:left;
margin-top:15px; 

margin-right:20px; 
width:200px; 
}

#pub { 
background-color:#FFF; 
height:90px; 
width:728px; 
float:left;
}

a img { 
border:0;
}

/*styles du contenu */
#contenu {width:955px;}

/*styles du contenu gauche */
#gauche {
float:left; 
width:635px; 
margin:0 5px 0 0; 
}

#contenu_gauche { 
padding:0 0 0 9px; 
width:626px;/*635-9*/ 
background-image:url(images/fond2.jpg);
background-repeat:repeat-x;
background-color:#FFF;
}

#presentation { 
height:183px;
}

#presentation2{ height:148px; background-color:#dcf1f8; border:1px solid #0288b5; width:614px;}
#presentation3{ height:148px; background-color:#dcf1f8; border:1px solid #0288b5; width:614px; margin-top:20px;}
#carte { height:370px; width:350px; background-color:#dcf1f8; margin-top:10px; float:left; }
#prestataire { height:372px; width:255px; margin-left:9px; margin-top:10px; float:left;}
#prestataire2 { height:339px; width:254px; background-color:#dcf1f8; border:1px solid #0288b5;}
#conseil { width:617px; height:76px; margin-top:14px;}
.on {float:left; margin-right:20px; background-image:url(images/menu_milieu.jpg); background-repeat:repeat-x; color:#FFF;}
#menu .on a{ color:#FFF; }
.off {float:left; margin-right:25px;}
#image_pre { width:212px; height:146px; border:1px solid #CCC; background-color:#000; float:left;}
#texte_pre { float:left; height:148px; width:400px;}
#texte_presen { width:370px; text-align:justify; margin-top:20px; margin-left:10px;}
#contact { font-weight:bold; margin-left:223px; margin-top:20px;}
#contact2 { font-weight:bold; float:right; margin-right:20px; margin-top:20px;}
#contact a, #contact2 a {text-decoration:underline; color:#000; }
#titre {font-weight:bold; margin-left:10px; margin-top:25px; margin-bottom:4px;}
#photo { margin-left:9px; width:234px; height:98px; border:1px solid #CCC; background-color:#000; margin-bottom:6px}
#texte { margin-left:9px;}
#lire { margin-left:175px; font-weight:bold; text-decoration:underline; margin-top:20px;}
#bando { background-image:url(images/trouver.jpg); background-repeat:no-repeat; width:616px; height:43px;}
#bando2 { background-image:url(images/trouver2.jpg); background-repeat:no-repeat; width:616px; height:43px; }
#hierarchie { margin-left:10px; margin-top:10px;}
#hierarchie a { text-decoration:none; color:#000; }
#hierarchie a:hover { text-decoration:underline;}
#fiche_titre {margin-left:10px; margin-top:25px;}
#fiche_images1 { width:334px; height:210px; float:left; background-color:#FFF; margin-left:10px; margin-right:10px; margin-top:10px; border:1px solid #CCC; overflow:hidden;}
#fiche_images2 { width:264px; height:174px; float:left; background-color:#FFF; margin-top:10px;}
.carre { width:80px; height:80px; border:1px solid #000; float:left; background-color:#000; margin-right:6px; margin-bottom:4px; overflow:hidden;}
#descriptif { margin-top:17px; margin-left:10px; text-align:justify; width:600px;}
#comm { float:left; width:195px;  margin-left:10px; margin-top:25px; text-align:justify;}
#adress{ float:left; width:203px;  margin-top:25px; margin-left:10px}
#conta{ float:left; width:160px;  margin-top:25px; margin-left:10px}
#ecriture { font-weight:bold; margin-top:20px; margin-left:90px;}
#gauche_es { width:300px;  margin-top:10px; float:left; margin-bottom:30px;}
#droite_es { width:300px; margin-top:10px; float:left; margin-bottom:30px;}
.espace_bleu { width:298px; background-color:#dcf1f8; height:50px; border:1px solid #0f8eb9; margin-bottom:10px; float:left; }
.espace_vio { width:298px; background-color:#fae8fd; height:50px; border:1px solid #6a3171; margin-bottom:10px; float:left; margin-left:15px; }
.espace_bleu a, .espace_vio a { text-decoration:none; color:#000;}
.espace_bleu a:hover, .espace_vio a:hover { text-decoration:underline;}
.espace_tof_b { width:90px; height:50px; background-color:#000; float:left; border-right:1px solid #0f8eb9; overflow:hidden; }
.espace_tof_r { width:90px; height:50px; background-color:#000; float:left; border-right:1px solid #6a3171; overflow:hidden; }
.espace_ecri { margin-top:12px; margin-left:10px; float:left;}

/*styles du contenu droit */
#droit {float:left;}
#contenu_droit { width:315px; float:left; background-color:#FFF;}
#pub2 { background-color:#000; width:300px; height:250px; margin-left:6px; margin-bottom:10px; border:1px solid #000;}
#recherche { height:323px; width:300px; margin-left:9px; color:#FFF;}
#bouton_on, #bouton_off { height:29px; width:150px;}
#haut_re {height:184px; background-image:url(images/degrade_vert.jpg); padding-left:15px; padding-top:10px;}
#bas_re {height:90px; background-image:url(images/degrade_vert2.jpg); padding-left:15px; padding-top:10px;}
#jaune { background-image:url(images/jaune.png); width:315px; height:76px; margin-top:5px; padding-top:10px;}
#text1 { font-size:18px; font-weight:bold; text-align:center;}
#text2 { font-weight:bold; font-size:14px; text-align:center;}
#bouton2 { text-align:center ;}

.espace1 { width:150px; height:29px; background-image:url(images/espace1.jpg);  }
.espace2 { width:150px; height:29px; background-image:url(images/espace2.jpg); }

.prestataire1 { width:150px; height:29px; background-image:url(images/prestataire2.jpg) ;}
.prestataire2 { width:150px; height:29px; background-image:url(images/prestataire1.jpg); }

/*styles du footer */
#footer { padding-top:10px;}
#foot {margin:0; padding:0; list-style:none; padding-bottom:20px; float:left; color:#028cb8;}

/*styles des liens */
#menu {margin:0; padding:0; list-style:none; font-weight:bold; padding-bottom:20px; float:left; margin-left:0px;}
#menu li a { text-decoration:none; color:#000;}
#menu li a:hover { text-decoration:underline;}
#foot li a { text-decoration:none; color:#028cb8;}
#foot li a:hover { text-decoration:underline;}
#lire a { color:#000;}
#contact a { color:#000;}
