@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; }
#logo { padding: 86px 0 0 200px; width:350px; height:35px; font-size:16px; font-weight:bold; color:#333333; font-style:italic;}


/* 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;   }
#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; position:absolute; z-index:1}
.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}
.menu4 ul {background-color:#ccffcc ; border-right:1px solid #339966; border-left:1px solid #339966; }
.menu4 li {border-bottom: 1px solid #339966; padding-left: 5px; padding-right: 5px ;}
.menu4 a:hover { background-color: #00cc66 }
.menu4 li:hover { background-color: #00cc66 }

.menu5 { width: auto; height: 29px; float:left; background:url(../image/menu5g.gif) no-repeat left ; padding-left: 15px; margin-right: 2px}
.menu5 span {width: auto; height: 29px; float:left; background:url(../image/menu5d.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 20px;}
.search-bouton { width:auto; height: 25px; float: left; margin: 13px 0 0px 20px;}


#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 152px; 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:620px; height: auto; margin-left: 10px; margin-right: 10px; float:left}
#droite {width:160px; height: auto; margin-left: 10px; margin-right: 10px; float:left}
#result {width:980px; height: auto; margin-left: 10px; margin-right: 10px; float:left}

/*home page*/
#pub1{ 
position: relative;
visibility: hidden; 
border: 1px solid darkred;
}



/*Barre de progression*/

#prog { width: 620px; 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:620px; 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: 620px; height: auto; border-bottom: #faab05 3px solid; float:left; margin-top: 15px }

.hcadre1 { width: 620px; 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: 250px; height: auto; 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: 350px; height: 300px; margin:5px; float:right}



/*onglet*/

#boite-onglet { width: 620px; height: auto ; float:left; border-bottom: #faab05 3px solid;}
.onglet { width: 620px; 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;}

/*Tableau resumé*/
#tableau1 { width: 100%; height:auto; float:left; background-color:#efefed}
#tableau1 tr { height:20px}
.l1 { background-color:#efefed;}
.l2 { background-color:#FFFFFF;}
.l3 { height:25px; background-color:#eddfcf; width: 100%; text-align:center}
.c1 { width:50px; text-align:center}
.c2 { width: 90px; padding-left:10px}
.c3 { width: 20px}
.c4 { width:auto; padding-left: 10px}
.c5 { width: 180px; font-weight:bold;  padding-left: 5px}
.c6	{ width: 150px; text-align:center}
.c7 { width: 110px; background-color:#efefed; padding-left: 5px}
.c8 { width: 170px; text-align:center}

/*legende tableau*/
#legende { width: 100%; float:left; height:auto; float:left; background-color:#efefed}


/*Detail*/

#detail { width: 620px; height:auto; float:left}
.jour { width:600px; margin: 5px; float:left; border-bottom:dotted 2px #faab05; padding-bottom:5px}
.photo-g { width:150px; height: 100px; float:left; border: 1px solid; padding: 1px}
.photo-d { width:150px; height: 100px; float: right; border: 1px solid;  padding: 1px}
.text-jour { width: 435px; white-space:normal; float: left; padding: 0 5px;color:#000000 }
.text-jour h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#3366cc; margin-bottom:5px; margin-top:5px}
.text-jour span { font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666 ;}

/*Visites*/

.sites1 { width: 620px; height: auto; float:left; background:#ffffff; margin: 5px 0}
.sites2 { width: 620px; height: auto; float:left; background:#efefed; margin: 5px 0}
.ville-site { width: 90px; height:60px; float:left; text-align:center; padding:5px}
.ville-site h1 { font: Verdana, Arial, Helvetica, sans-serif; font-style:italic; font-weight:bold; font-size:14px; color:#3366cc;}
.ville-site span {font-style:normal; font-weight:bold; font-size:18px; color:#996633; letter-spacing: 10px }
.ville-text { width: 500px; height:auto; padding:5px; white-space:normal; padding: 5px; float:right; font-size:10px; color: #666666; font-weight:normal}
.visite { width: 144px;  float:left; margin: 4px}
.visite h3 { font:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; margin: 5px; text-align:center}
.visite  img {padding: 2px; border: 1px solid}
.visite-detail {width : 280px; height:160px; background:#eddfcf; position:absolute; padding: 10px; border: 1px solid; color:#6f5126}
.visite-detail img { border: 1px solid #000000; padding:0px}
#nav-image { width:270px; height:12px; float:left; margin:5px}
#fleche-g { width:12px; height: 12px; background:url(../image/fleche-g.gif) no-repeat; float: left}  
#fleche-d { width:12px; height: 12px; background:url(../image/fleche-d.gif) no-repeat; float: right}

/*Hotel*/

#chx-hotel { width: 620px; height: 20px; background:#eddfcf; padding:5px 0px}
.select-hotel { width: 190px; float:left; margin-left: 10px}

.hotel  { width: 620px; height:auto; float:left; padding-top: 5px ; background:#ffffff; }
.hotel span { width: 620px; height:auto; float:left;  padding-top: 5px;  background:#efefed; }
.hotel-img { width:210px; height: 120px; float:left; border: 1px solid; padding: 1px}
.hotel-img-small { width: 70px; height:120px; float:left; margin: 0px 5px }
.hotel-img-small img { width: 70px; height:40px; float: left; margin: 0px; padding-bottom: 2px; border: 0px }
.hotel-text { width: 315px; height:120px; float:left; padding: 5px}
.hotel-text h2 { font-size:16px; color:#3366cc; margin: 3px 0px; padding: 0px }

/*Soirées*/
.soiree  { width: 620px; height:auto; float:left; padding-top: 5px ; background:#ffffff; }
.soiree span { width: 620px; height:auto; float:left;  padding-top: 5px;  background:#efefed; }
.soiree-img { width:210px; height: 120px; float:left; border: 1px solid; padding: 1px}
.soiree-text { width: 390px; height:120px; float:left; padding: 5px}
.soiree-text h2 { font-size:16px; color:#3366cc; margin: 3px 0px; padding: 0px }

/*Talbleau prix*/

#prix {width: 620px; height:auto; float:left; background-color:#ffffff; border-bottom: #faab05 3px solid;  margin-top: 5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size : 11px; font-weight:normal }
.titre0 { width: 610px; float:left; font-weight:bold; color: #f88335; margin-top: 10px; padding-bottom: 2px; padding-left: 10px; border-bottom : #faab05 3px double;}
#tableau2 { width: 620px; height:auto; float:left; background-color:#ffffff; }
#tableau2 tr { height:20px}
#tableau3 { width: 620px; height:auto; float:left; background-color:#ffffff; }
#tableau3 tr { height:20px}


/*Services*/
.services { width: 620px; float:left ; padding-top:10px}
.services ul { list-style:upper-alpha; color: #996633; line-height:15px;}
.services li { border-bottom: dotted 1px; padding-top: 2px }

/*reservation*/
.resa { width: 620px; height:40px; background-color:#efefed; float: left;}
.resa div { cursor: hand } 
.bouton-resa {width: auto; height:13px; float:right; background:url(../image/fleche-resa.gif) left no-repeat; white-space:nowrap; padding-left:20px; margin: 5px 20px; font-weight:bold; color:#f88335; text-decoration:none }
/* pied de page*/

#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; vertical-align:top; }
.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; margin-top:-10px;}
.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;  float:left}
#pied-lien {width:1000px; height: 96px; border:none; background:url(../image/bg-pied.gif) repeat-x; margin-top:-5px; margin-left:auto; margin-right:auto; float:left}

/*left*/
.left-box {width:175px; height:auto; float:left; padding-left:5px;}
.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:148px; height:17px; float:left; padding-left:5px; padding-top:3px; font-weight:bold; white-space:nowrap}
.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;  text-align:left} 
.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:auto; 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:620px; 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; }