html,body{margin:0;padding:0}
body{background:#5E5E5E; font: 76% arial,sans-serif;text-align:left; font-family:Helvetica; }
p{margin:0 10px 10px}
a{padding:5px; text-decoration:none; color:#000000;}
/*div#banner{background-color:#F3F2ED; height:160px;}*/

/*
#FF1B00		orange fonce 
#FECF63		orange clair
"Trebuchet MS",Helvetica,sans-serif
*/


/*banniere*/
#banner {background: #FFFFFF; height:120px; float:left; width:100%; margin-top:5px; border-left:solid 20px #FFFFFF; border-right:solid 20px #FFFFFF; }
#banner a img { border:none; margin:0; padding:0; float:left; margin-top:30px; vertical-align: middle; line-height: 1em;}
#banner a {text-decoration:none; float:left; margin:0; padding:0; display:block;}
#banner h1{height:40px;/*line-height:40px;*/margin:0;padding-right:20px; float:left; font-size:16px; color:#999999; font-family:"Courier New", Courier, monospace;}
#banner .wtitre { width:40%; margin-left:30px; float:left;}
#banner .wlogo {width:50%; margin-right:30px; margin-top:30px; float:right;}
#banner .wlogo img {margin:0; float:right;}
#topmessage {width:740px; text-align:right; float:left; background-image:url(../IMG/construc.jpg); background-repeat:repeat-x; margin-right:10px;}
#topmessage p {line-height:16px; vertical-align:middle; margin:0; text-transform:uppercase;}

/*site centre*/
#container{width:700px;margin:0 auto;}
#container h2 { color:#666666; font-size:14px;}

/*zone centrale*/
#wrapper { background:#FFFFFF; /*:url(../IMG/colcolor.jpg); background-repeat:repeat-y; background-position:right;*/ width:100%; color:#333333; /*border:solid 1px #333333;*/ float:left; min-height:500px; font-family:"Trebuchet MS",Helvetica,sans-serif; 
border-left:solid 20px #FFFFFF;
border-right:solid 20px #FFFFFF;}

/*col principale*/
#content{width:500px; float:left; background:#FFFFFF; min-height:500px;}
#content p{float:left;}

#services {width:100%; /*min-height:350px;*/ border:solid 2px #666666; float:left; height:auto; margin:10px; /*font-family:"Trebuchet MS",Helvetica,sans-serif; /*Geneva, Arial, Helvetica, sans-serif;*/ font-family:century gothic;}
.service { width:50%; float:left; color:#CCCCCC; line-height:1.5em; font-weight:bold;  }
#serviceL{ width:45%; padding-top:15px;  }
#serviceM { width:45%; padding-top:15px;  }
#serviceL {float:left; text-align:right; color:#EC6B21;}
#serviceM {float:right; text-align:left; color:#333333;}

#serviceL a h3 { font-size:18px; margin:0; padding:0; line-height:22px; }
#serviceM a h3 { font-size:18px; margin:0; padding:0; line-height:22px; }

#serviceL a h3 {  color:#EC6B21; width:100%;}
#serviceM a h3 {  color:#333333;  width:100%;}

#serviceL a {padding:0; margin:0;}
#serviceM a {padding:0; margin:0;}

#serviceL p {width:100%; margin:0; font-size:12px; }
#serviceM p {width:100%; margin:0; font-size:12px; }

#serviceL a.plus { float:left; text-align:right; color:#999999; width:100%; margin-top:20px; margin-bottom:20px; vertical-align:middle; }
#serviceM a.plus { float:left; text-align:left; color:#999999; width:100%; margin-top:20px; margin-bottom:20px; vertical-align:middle;}

#serviceL a img {border:none; margin-left:15px;}
#serviceM a img {border:none; margin-left:15px;}

.htext { width:100%; float:left; margin-top:15px; margin-bottom:15px; }
.htext h2 {float:left;}
.htext h2 a {margin:0; color:#666666; padding:0;}
.htext h2 a:hover { color:#000000; }
.htext p {float:right;}
.htext img {margin: 10px; float:left; display:block;}
.right {float:right; width:80%;}
.right p { margin-right:10px; margin-left:0;}
.right a { padding:0; float:none; display:inline;}
/*#content img { float:left; margin:0; display:block; margin-top:10px; margin-bottom:10px;}*/


#titres {border-bottom:solid 1px #999999;}
#titres a {padding:0; margin:0;}
#titres h1 {margin-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
#titres h2 {font-family:"Courier New", Courier, monospace; margin-left:30px;}
#titres h2 a {font-family:"Courier New", Courier, monospace; margin-left:30px; padding:0; margin:0;}
#titres h2 a:hover { color:#FF1B00; }

#listearticle {width:100%; float:left;}
#listearticle h3 a { color:#FECF63; }
#listearticle h3 a:hover { text-decoration:underline; }
#listearticle ul { padding:0; margin:0 20px; list-style-type:none; float:left;}
#listearticle ul li { padding:0; margin:15px 0; width:100%; float:left;}
#listearticle p { width:100%; float:left;}
#listearticle ul li a.plus { float:right; text-align:right; text-decoration:underline; color:#FF1B00; }


#listetrouve {width:100%; float:left;}
#listetrouve h3 { margin:15px 20px;}
#listetrouve ul { padding:0; margin:0 20px; list-style-type:none; float:left;}
#listetrouve ul li { padding:0; margin:5px 15px; width:100%; float:left;}
#listetrouve ul li a { color:#FECF63; text-decoration:underline;}
#listetrouve ul li a:hover { color:#666666; }

div#cherche {float:right;width:100%;}
#cherche form {width:100%;}
#cherche label {color:#FFFFFF; margin-left:20px; font-size:14px; font-weight:bold; background-color:#333333; padding-left:10px; width:100%;} /*label rechercher*/
#recherche{ float:left; margin-left:20px; border: solid 1px #999999; margin-right:10px; } /*champ de saisie*/
#cherche .submit { float:left; width:20px; height:20px; background-image:url(../IMG/search.jpg); background-repeat:no-repeat; border:none; } /*bouton rechercher*/


.categorie {float:left;width:100%; }
.categorie ul{margin:15px 30px; padding:0; list-style-type:none;}
.categorie li{margin:5px 0; padding:0;}
.categorie li a {margin:0; padding:0;}
.categorie h3 {color:#FFFFFF; margin-left:20px; background-color:#333333; padding-left:10px;}

/*colonne droite*/
div#extra{width:200px; float:right;}

/*pied de page*/
#footer{background:#333333;  width:100%; float:left; margin:10px 1px; color:#CCCCCC; border:solid 20px #333333;}
#footer p{margin:0;padding:5px 10px; text-align:center;}

/*barre menu navig*/
#navigbar { width:100%; height: 30px; background:#FFFFFF; text-transform:uppercase; border-bottom:solid 5px #EC6B21; }
#navigbar ul { list-style:none; margin:0; padding:0; }
#navigbar ul li { float:left; }
#navigbar ul li a { display:block; text-decoration:none; color:#333333; padding-top:8px; padding-left:30px; padding-right:10px; padding-bottom:6px; }
#navigbar ul li a:hover { color:#EC6B21; }

#formulaire_contact {padding:0; margin:0;}
#formulaire_contact form fieldset {padding:0; margin:0; float:left;}