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

html,body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; padding-top:0px; height:100%; width:100%; background: url(../image/bg.jpg) repeat-x; background-attachment: scroll; background-color:#ffffff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size : 11px;}
a:link,a:visited {text-decoration:none; color:#333333; font-size:11px;}
a:hover {text-decoration:underline;color:#333333;font-size:11px;}
li {list-style:none;}
ul {margin:0px; padding:0px;}

#page {width:1000px; height: auto; margin-left:auto; margin-right:auto; background-color:#FFFFFF; text-align:justify}

/* tete de page */
#banner {width:1000px; height: 150px; border:none; background-image:url(../image/ban.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto;  float:left}
.redbg { width:1000px; height:26px; background:url(../image/redbg_01.jpg) repeat-x; float:left;}
.st { color:#FFFFFF; float:left; padding-left:20px; padding-top:3px;}
.redbg a:link,.redbg a:visited,.redbg a:hover { color:#FFFFFF; }
.st2 { float:right; width:auto; height:auto; padding-top:3px; color:#FFFFFF; padding-right:15px;}
.st2 ul li { float:left; padding:0px 3px; }

/* menu */
#menu {width:1000px; height: 29px; border:none;  margin-left:auto; margin-right:auto; float:left}
#menu a { font-family: Arial, Helvetica, sans-serif; font-size : 12px; font-weight:bold; color:#000000; text-decoration:none; display: block }
#menu ul { padding: 0px; position: absolute; line-height:20px;  margin-top: 29px; white-space: nowrap; text-align:left; list-style-type:none ; list-style-position: outside;  filter:alpha(opacity=80%); -moz-opacity:0.8; opacity:0.8; }
#menu div { cursor: hand ; float:left}



.menu1 { width: auto; height: 29px; float:left; background:url(../image/menu1g.gif) no-repeat left ; padding-left: 15px; margin-right: 2px}
.menu1 span {width: auto; height: 29px;  float:left; background:url(../image/menu1d.gif) no-repeat right; padding-right: 15px;}


.menu2 { width: auto; height: 29px; float:left; background:url(../image/menu2g.gif) no-repeat left ; padding-left: 15px; margin-right: 2px}
.menu2 span {width: auto; height: 29px; float:left; background:url(../image/menu2d.gif) no-repeat right; padding-right: 15px ;}
.menu2 ul { background-color:#fcf7e2; border-right:1px solid #f6d8a1; border-left:1px solid #f6d8a1; }
.menu2 li {border-bottom: 1px solid #f6d8a1; padding-left: 5px; padding-right: 5px ;}
.menu2 a:hover { background-color:#FFCC33 }
.menu2 li:hover { background-color:#FFCC33 }

.menu3 { width: auto; height: 29px; float:left; background:url(../image/menu3g.gif) no-repeat left ; padding-left: 15px; margin-right: 2px}
.menu3 span {width: auto; height: 29px; float:left; background:url(../image/menu3d.gif) no-repeat right; padding-right: 15px}
.menu3 ul {background-color:#ccffcc ; border-right:1px solid #339966; border-left:1px solid #339966; }
.menu3 li {border-bottom: 1px solid #339966; padding-left: 5px; padding-right: 5px ;}
.menu3 a:hover { background-color: #00cc66 }
.menu3 li:hover { background-color: #00cc66 }



.menu4 { width: auto; height: 29px; float:left; background:url(../image/menu4g.gif) no-repeat left ; padding-left: 15px; margin-right: 2px}
.menu4 span { width: auto; height: 29px; float:left; background:url(../image/menu4d.gif) no-repeat right; padding-right: 15px}

.menutext { padding-top: 8px;}

.intermenu { width: 5px}

.nettoyeur {clear:both;}
.main {width:1000px; height:auto; float:left; background:#FFFFFF;}

/* shearch */
#search { width:960px; height: 50px; border:none; background:url(../image/bg-sch.gif) repeat-x;  margin-left:auto; margin-right:auto; padding-left: 20px ; padding-right:20px; float:left}
#search  a { cursor: hand; }

.routard { width: 180px ; height: 40px; background:url(../image/routard.gif) no-repeat left; border:none; float:left; margin: 5px 0 }
.routard-text { text-align: right; margin: 5px 0 5px 40px; font-size:12px; font-weight:bold ; text-decoration:none; color: #666666}

.search-box { width:auto; height: 25px; float: left; margin: 13px 0 0px 40px;}
.search-bouton { width:auto; height: 25px; float: left; margin: 13px 0 0px 40px;}


#search2 { width:950px; height: 30px; border:none; background:url(../image/bg-sch2.gif) repeat-x;  margin-left:auto; margin-right:auto; padding-left: 30px ; padding-right:20px; float:left}
#search2  a { cursor: hand; }

.msn { width: auto ; height: 21px; background:url(../image/msn.gif) no-repeat left; border:none; float:left; margin: 4px 0 }
.palce { width: auto ; height: 21px;border:none; float:left; margin: 10px 15px 10px 162px; font-weight:bold; }
.msn-text { text-align: left; margin: 5px 0 5px 20px; font-size:12px; font-weight:bold ; text-decoration:none; color: #666666}


#gauche {width:160px; height: auto; margin-left: 10px; margin-right: 10px; float:left }
#milieu {width:550px; height: auto; margin-left: 10px; margin-right: 10px; float:left}
#droite {width:160px; height: auto; margin-left: 10px; margin-right: 10px; float:left}


/*Barre de progression*/

#prog { width: 550px; height: 50px; }
#barre { width: 600px; height: 50px;padding: 0px 10px; background:url(../image/barre-prog.gif) center top no-repeat; padding-top: 3px}
.cran { width: 100px; height: 30px; float:left; background:url(../image/cran.gif)  center top no-repeat; text-align:center; margin-top:12px; padding-top: 10px  }
#curseur {width: 100px; height: 30px; float:left; text-align:center ; background: url(../image/curseur.gif) no-repeat top center;}

/*outils clients*/
#outils { width:550px; height:50px; float:left; color:#996633; font-weight:bold; text-decoration:underline; margin-top: 5px }
#retour { float:left ; padding: 5px 0; color:#996633; font-weight:bold; cursor: hand }
#favoris { float:right; text-align:right; padding: 5px 0; color:#996633; font-weight:bold; cursor: hand }
#print { float:left; background:url(../image/print.gif) no-repeat left; padding: 5px 0  5px 25px; color:#996633; font-weight:bold; cursor: hand}
#mail { float:right; background:url(../image/mail.gif)  no-repeat left;  padding: 5px 0  5px 25px; text-align:right; color:#996633; font-weight:bold; cursor: hand}

/*Cadre 1*/
.cadre1 { width: 550px; height: auto; border-bottom: #faab05 3px solid; float:left; margin-top: 15px }

.hcadre1 { width: 550px; height: 28px;  background: url(../image/cadre1-d.gif) no-repeat right bottom; }
.hcadre1 span {width: auto; height: 28px; background: url(../image/cadre1-g.gif) no-repeat right; padding: 0px 30px 0 10px; float:left;font-size:12px; color:#996633; font-weight:bold;}

.text-tour { width: 340px; height: 200px; margin:5px; float:left; white-space:normal}
.text-tour h2 {color:#996633; font-weight:bold; font:Verdana, Arial, Helvetica, sans-serif; font-size:16px}

.text-tour span { color:#996633;}
.map-tour{ width: 250px; height: 200px; margin:5px; float:right}

/*onglet*/

#boite-onglet { width: 550px; height: auto ; float:left; border-bottom: #faab05 3px solid;}
.onglet { width: 550px; height: 26px ; background:url(../image/onglet-b-ligne.gif) repeat-x bottom; margin-top:15px}
.onglet span { position: absolute; width:100px}
.onglet-fd { width:84px ; height: 22px; float:left; background:url(../image/onglet-j.gif) no-repeat left top; padding: 5px 0 0 5px;  text-decoration:underline}
.onglet a { font-weight:bold; color:#000000; cursor: hand;}
.onglet-fd span{ width:84px ; height: 25px; float:left; background:url(../image/onglet-b.gif) no-repeat left top; display:block; font-weight:bold; color: #FFFFFF; text-shadow: #000000 1px; margin: -5px 0 0 -5px; padding: 5px 0 0 5px; text-decoration: underline }
#onglet-fd-der { width:84px ; height: 22px; float:left; background:url(../image/onglet-j.gif) no-repeat left top;}

/*left and right*/
/*left*/
.left-box {width:175px; height:auto; float:left; padding-left:7px;}
.ltb { width:153px; height:auto; float:left; padding-left:20px;}
.ltb2 {width:153px; height:auto; float:left;}
.tcz { background:url(../image/wbg_03.jpg) repeat-x; width:133px; height:17px; float:left; padding-left:20px; padding-top:3px;}
.tczit {width:153px; height:auto; float:left; padding-bottom:5px;}
.tczit ul { padding-left:15px; padding-top:5px; }
.tczit ul li { background:url(../image/sjx_07.jpg) no-repeat; padding-left:15px; float:left;  width:120px;}
.ad01 { padding:5px 0px; float:left;}
.lhb { width:153px; height:auto; float:left; padding:5px 0px;}
.lhb2 {width:153px; height:20px; background:#C5C0AC; float:left; text-align:center; color:#FFFFFF; padding-top:3px; font-weight:bold;}
.lhb3 { width:151px; height:auto; float:left; border-left:1px #C6C5C5 solid;border-right:1px #C6C5C5 solid;border-bottom:1px #C6C5C5 solid; background:url(../image/tl04_08.jpg) bottom repeat-x; padding-bottom: 10px;}
.lhb3 ul { padding:5px;}
.lhb3 ul li { background:url(../image/yico2.gif) no-repeat; padding-left:9px; float:left; width:130px; padding-bottom:2px;} 
.morez { width:auto; float:right; height:auto; background:url(../image/jtu_18.jpg) no-repeat right bottom; padding-right:15px; margin-right:10px; display:inline; }
.ltb3 { width:152px; height:auto; float:left;}
.hby { width:152px; height:15px; background:url(../image/hb03_03.jpg) no-repeat; float:left;}
.hbyb { width:150px; height:600px; float:left; border-left:1px #897659 solid;border-right:1px #897659 solid;border-bottom:1px #897659 solid; background:url(../image/btpic_16.jpg) no-repeat bottom;}
.nv1 { width:150px; height:auto; float:left; padding-top:10px;}
.nv2 { width:120px; height:auto; float:left; background:url(../image/hb012_03.jpg) no-repeat left; padding-left:15px; margin-left:5px; display:inline; color:#883030;}
.nv3 { width:135px; height:auto; float:left;margin-left:5px; border-bottom:2px #8D7A5D solid; padding-bottom:10px;}
.nv3 ul { padding:5px;}
.nv3 ul li { float:left;}

.fr-right {width:175px; height:auto; float:left;}
.search-bouton2 { width:auto; height: 25px; float: left; margin: 2px 0 0px 260px;}
.c7c { width:550px; height:auto; float:left; padding-top:5px; padding-bottom:5px; border-top:1px #999 dashed;}
.l04 { float:right; padding-top:5px; padding-bottom:5px; padding-right:5px;}
.l05 { float:left; padding-right:5px; }

#pied-logo {width:498px; height: 50px; border-top: 1px solid #CCCCCC; background-color:#FFFFFF;  margin-left:auto; margin-right:auto; padding: 10px 250px ; float:left }
.bottom-box {width:540px; float:left; height:auto;padding: 0px 230px 10px 230px; text-align:center; color:#999; font-size:11px;}
.b-link-b {width:700px; height:auto; margin-left:auto; margin-right:auto; }
.b-link-b a:link,.b-link-b a:visited,.b-link-b a:hover {color:#FFFFFF;}
.b-link-b ul {text-align:center; padding-top:15px; color:#FFFFFF; font-size:12px;}
.logos { width:auto; height:50 px; float:left}
#pied-lien {width:1000px; height: 96px; border:none; background:url(../image/bg-pied.gif) repeat-x;  margin-left:auto; margin-right:auto; float:left}