/* CSS Document */
body{margin:0px; padding:0px; background:#7EADB9; color:#5D5B46; font:14px/18px Georgia, "Times New Roman", Times, serif;}
div, p, ul, h2, img{margin:0px; padding:0px;}
ul{list-style-type:none; }
 #global{margin: 0 auto;text-align:left; width: 960px; background:url(images/bg_body.png) 0 0 no-repeat #7EADB9;}	
/*----TOP PANEL----*/
#topPan{width:960px; height:41px; position:relative; margin:0 auto; font:14px/18px Arial, Helvetica, sans-serif;}
#topPan ul{width:312px; height:22px; position:absolute; top:2px; right:43px;}
#topPan ul li{float:left; width:110px; height:22px;}
#topPan ul li a{width:145px; height:16px; display:block; color:#64C5DD; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none;}
#topPan ul li a:hover{ color:#fff; text-decoration:none;}

#topPan ul li.register{float:left; width:100px; height:22px;}
#topPan ul li.register a{width:100px; height:16px; display:block; color:#64C5DD; font:13px/16px Arial, Helvetica, sans-serif; text-decoration:none; padding:0 0 0 10px;}
#topPan ul li.register a:hover{color:#fff; text-decoration:none;}

#topPan img.logo{width:960px; height:117px; position:absolute; top:25px; }

#topPan p.callus{width:119px; height:25px; background:url(images/callus-bg.gif) 0 0 no-repeat #212121; color:#fff; position:absolute; top:53px; right:115px; line-height:24px; text-align:center;}
#topPan p.phone{width:130px; height:25px; background:#212121; color:#EAE8CD; position:absolute; top:83px; right:109px; font-size:20px; line-height:25px; text-align:center;}

/*----/TOP PANEL----*/
#menu{width: 735px; height:35px; padding-right:5px; float:right;}
.menuLeft {float:left;height:35px;width:9px;background: url(images/menu_left.png) no-repeat;color: #FFF;}
 .menuRight {float:right; width: 726px;background:  url(images/menu_right.png)  top right no-repeat; }
	.topHeaderPan ul li{ width:80px; height:35px; float:left;} 
	.topHeaderPan ul li a{ width:80px;height:35px; display:block; background:url(images/menu_center.png) 70% 30% repeat-x; color:#fff; text-align:center; font: 11px Arial, Helvetica, sans-serif; line-height:35px; text-decoration:none;}
	.topHeaderPan ul li a:hover{width:80px; height:35px; background:url(images/menu_center.png) 70% 30% repeat-x; text-decoration:none; color:#64C5DD;}
	.topHeaderPan ul li.contact{width:80px; height:35px; background:none; float:left;} 
/*----Header Middle Panel----*/
#headermiddlePan{width:960px; height:228px; float:left;}
 
/*----Menu Panel----*/
#menuPan{width:560px; height:33px; background:#0E72A4; position:relative; margin:0 auto;}
#menuPan ul{width:560px; height:28px; position:absolute; top:2px; left:14px;}
#menuPan ul li{width:80px; height:28px; float:left;}
#menuPan ul li a{width:80px; height:28px; display:block;  color:#fff; border-right:1px dashed #000; font:13px/28px Arial, Helvetica, sans-serif; text-align:center; text-decoration:none;}
#menuPan ul li a:hover{width:80px; height:28px; background:#1D8DE3; color:#2F2A28; border-right:1px dashed #000; text-decoration:none;}

#menuPan ul li.home{width:80px; height:28px; background:#1D8DE3; color:#2F2A28; font:13px/28px Arial, Helvetica, sans-serif; text-align:center; border-right:1px dashed #000; text-decoration:none;}

#menuPan ul li.contact a{width:80px; height:28px; display:block; color:#fff; border:none; font:13px/28px Arial, Helvetica, sans-serif;  text-align:center; text-decoration:none;}
#menuPan ul li.contact a:hover{width:80px; height:28px; background:#1D8DE3; color:#2F2A28; border:none; text-decoration:none;}


/*----HEADER- PANEL----*/


/*----Body Bottom Panel----*/
#bodybottomPan{width:960px; position:relative; margin:0 auto; }

/*----/Bottom Left Panel----*/
#bottomleftPan form{width:400px; padding:0px 0 0 70px; font-size:0; height:84px;margin:0;	}
#bottomleftPan form label{	font-size:10px; line-height:14px; color:#313131; text-transform:uppercase; display:block; 	float:left; width:140px; margin-right:18px;	}
#bottomleftPan form label.re{	font-size:10px; line-height:14px; color:#313131; text-transform:uppercase; background-color:#FDFDFE; display:block; 	float:left; padding:2px 0 0 0; margin:5px 0 0 0;	}
#bottomleftPan form input{	background:url(images/input_box.gif) no-repeat 0 0 ; color:#000000; border:1px solid #09203B; float:left; height:18px; padding:0 1px 0 1px; display:block; width:140px; margin:4px 16px 0 0;	}
#bottomleftPan form select{	background:url(images/input_box.gif) no-repeat 0 0 #fff; color:#000000; border:1px solid #09203B; float:left;  display:block; width:140px; margin:4px 16px 10px 0;	}
#bottomleftPan form input.checkbox{	 width:10px; height:10px; margin:9px 5px 0 0; padding:0 0 0 0; float:left;	}
#bottomleftPan form input.login{background:url(images/login_bu.png) no-repeat 0 0; float:left; margin:7px 0 64px 125px; width:71px; height:20px;cursor:pointer; border:none; font-size:0; 	}
#bottomleftPan{width:475px; height:218px; float:left; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/search-bg.png) repeat-x;}
#bottomleftPan h2{width:250px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 0 15px; text-transform:uppercase;}
#bottomleftPan ul{width:290px; margin:15px 0 0 50px;}
#bottomleftPan ul li{width:290px; height:30px;} 
#bottomleftPan ul li a{width:210px; height:30px; display:block; background:url(images/bullet1.png) 0 10px no-repeat ; color:#163C7B; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 20px;}
#bottomleftPan ul li a:hover{display:block;background:url(images/bullet2.png) 0 10px no-repeat ; color:#1D8DE3; line-height:30px;} 
#bottomleftPan table{ width:470px; margin-left:5px;}
#bottomleftPan a{ height:20px; display:block; background:url(images/bullet1.png) 0 9px no-repeat ; color:#163C7B; font-size:10px; line-height:30px; text-decoration:none; padding:0 0 0 20px;}
#bottomleftPan a:hover{display:block;background:url(images/bullet2.png) 0 9px no-repeat ; color:#1D8DE3; line-height:30px;} 
 
#bottomleftPanH{width:475px; float:left; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/search-bg.png) repeat-x;}
#bottomleftPanH h2{width:250px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 0 8px; text-transform:uppercase;}
#bottomleftPanH ul{width:290px; margin:15px 0 0 50px;}
#bottomleftPanH ul li{width:290px;} 
#bottomleftPanH ul li a{width:210px; display:block;  color:#163C7B; font-size:14px; line-height:30px; text-decoration:none; padding:0 0 0 20px;}
#bottomleftPanH ul li a:hover{display:block; color:#1D8DE3; line-height:30px;} 
 
 
#bottomleftPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomleftPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomleftPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;}
/*----Bottom Right Panel----*/
#bottomrightPan{width:475px; float:left; color:#09203B; border:1px solid #143760; margin-left:5px; background:#FFFFFF url(images/visite-bg.png) repeat-x;}
#bottomrightPan h2{width:250px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 0 15px; text-transform:uppercase;}

#bottomrightPan ul{width:390px; margin:11px 0 10px 30px;}
#bottomrightPan ul li{width:390px; height:20px; } 
#bottomrightPan ul li a{width:390px; height:20px; display:block; background:url(images/bullet1.png) 0 5px no-repeat ; color:#163C7B; font-size:12px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#bottomrightPan ul li a:hover{display:block;background:url(images/bullet2.png) 0 5px no-repeat ; color:#1D8DE3; line-height:20px;} 
 
#bottomrightPan p.more{width:270px; height:21px; padding:0px; margin:10px 0 25px 50px;} 
#bottomrightPan p.more a{width:270px; height:21px; display:block; background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; text-decoration:none;} 
#bottomrightPan p.more a:hover{background:url(images/bottom-more-bg.gif) 0 0 no-repeat #FEFDF1; color:#FDF6B6; text-decoration:none;} 
.divider1{position: relative;height: 5px; width:960px; clear: both; margin:0 auto;}
/*----/Bottom Left Panel----*/

	#content{ clear:both; padding-left:225px; margin: 0 auto;}
h2 { color:#64C5DD; font:Arial, Helvetica, sans-serif; font-weight:normal; font-size: 20px;}

/*----FOOTER PANEL----*/

#footermainPan{height:108px; background:url(images/footerbg.png) 0 0 repeat-x #3B3B3B; color:#fff; font:13px/20px "Trebuchet MS",Arial, Helvetica, sans-serif; position:relative; margin:0 auto; clear:both; }

#footerPan{width:900px; position:relative; margin:0 auto; padding-top:15px;}

#footerPan ul{width:640px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff;  text-decoration:none; font-size:12px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:220px; position:relative; margin:0 auto; color:#fff;  font-size:11px;}
.iata{margin-left:260px; color:#fff; font:10px Arial, Helvetica, sans-serif;}
.webM a{color:#fff; font:10px Arial, Helvetica, sans-serif; position:relative; margin:0 auto; text-align:center; text-decoration:none; margin-left:360px;}
.webM ul li a:hover{color:#2F2A28; text-decoration:none; position:relative; margin:0 auto;}


/*----/FOOTER PANEL----*/

.offre-col a img.photo { width: 124px; height: 90px; border: 0; }
.offre-col .destination a{ float: left; width: 100%; text-decoration:none; font: bold 12px Trebuchet MS, Verdana, sans-serif; line-height: 15px; color:#000; }
/*.offre-col .libre {  float: left; width: 100%; font: bold 14px Trebuchet MS, Verdana, sans-serif; line-height: 14px; color: #f60; }*/
.offre-col .detail a {  float: left; width: 100%; line-height:11px;}
.offre-col .detail a .descriptif-link { color:#01f; text-decoration: underline; white-space:nowrap;}
.offre-col .detail a .descriptif-link:hover { color:#f60; text-decoration: underline; white-space:nowrap;}
.offre-col .duree a {font-size: 10px; }
.offre-col .apartirde { font-size: 10px; margin: 0px 0px 0px 5px;   }
.offre-col .prix {  width: auto;  color: #000033; font-size: 19px; font-weight: bold; line-height: 16px;}
.offre-col .prix a span.ttc {  padding: 0px 1px 0px 2px; color: #fff; text-decoration:none; font-size: 20px; font-weight: bold;}



#bottomleftPanH  dl.offre-col { float: left; width: 227px; }


#bottomleftPanH dl.offre-col dt { width: 98px; padding: 0; float: left; margin: 0; }
#bottomleftPanH dl.offre-col dd { width: 100px;  margin-left: 7em; padding: 0px 0px 0px 5px !important; +padding: 0px 0px 0px 0px;  }
#bottomleftPanH dl.offre-col dt a img.photo { width: 100px; height: 72px; border: 0; }
#bottomleftPanH dl.offre-col dd.libre { color: #000000;   }
#bottomleftPanH dl.spec1 {margin: 10px 0px 5px 10px !important; }


#bottomleftPanH  a  dl.offre { float: left; width: 398px; height: 49px; margin: 0px 0px 0px  0px; padding: 5px 0px 0px 5px; +padding: 0px 0px 0px 3px;   }
#bottomleftPanH .offre .destination { float: left; width: 296px; text-align: left;  }
#bottomleftPanH .offre .detail { float: left; width: 296px; }


/*--- Cas particuliers ---*/
#bottomrightPanR dl.spec1 { margin: 8px 0px 0px 10px; }


#bottomrightPanR{width:475px; float:left; color:#09203B; border:1px solid #143760;margin:0 0 0 5px; background:#FFFFFF url(images/visite-bg.png) repeat-x;}
#bottomrightPanR h2{width:250px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 0 15px; text-transform:uppercase;}


#bottomrightPanR  dl.offre-col { float: left; width: 227px;  }

#bottomrightPanR div.content {background: transparent url(/z/go/resources/images/bg/bg-bonsplans-vide.gif) left top no-repeat; width: 452px; height: 849px;}
#bottomrightPanR dl.offre-col dt { width: 98px; padding: 0; float: left; margin: 0; }
#bottomrightPanR dl.offre-col dd { width: 100px;  margin-left: 7em; padding: 0px 0px 0px 5px !important; +padding: 0px 0px 0px 0px;  }
#bottomrightPanR dl.offre-col dt a img.photo { width: 100px; height: 72px; border: 0; }
#bottomrightPanR dl.offre-col dd.libre { color: #f60;   }
#bottomrightPanR dl.spec1 {margin: 10px 0px 5px 10px !important; }


#bottomrightPanR  a  dl.offre { float: left; width: 398px; height: 49px; margin: 0px 0px 0px  0px; padding: 5px 0px 0px 5px; +padding: 0px 0px 0px 3px;   }
#bottomrightPanR .offre .destination { float: left; width: 296px; text-align: left;  }
#bottomrightPanR .offre .detail { float: left; width: 296px; }


/*--- Cas particuliers ---*/
#bottomrightPanR dl.spec1 { margin: 8px 0px 0px 10px; }

/*list hotels*/
#bottomrightPanL{width:957px; float:left; margin:auto; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/visite-bg.png) repeat-x;}
#bottomrightPanL table{ width:952px; margin-left:5px;}
#bottomrightPanL h2{width:250px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 0 15px; text-transform:uppercase;}
#bottomrightPanL  a{ height:20px; display:block; background:url(images/bullet1.png) 0 9px no-repeat ; color:#163C7B; font-size:10px; line-height:30px; text-decoration:none; padding:0 0 0 20px;}
#bottomrightPanL  a:hover{display:block;background:url(images/bullet2.png) 0 9px no-repeat ; color:#1D8DE3; line-height:30px;} 
#bottomrightPanT{width:957px; float:left; margin:auto; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/visite-bg.png) repeat-x;}
#bottomrightPanT  a{ height:20px; color:#163C7B; font-size:10px; line-height:10px; text-decoration:none;}
#bottomrightPanT  a:hover{color:#1D8DE3; line-height:10px;} 
#bottomrightPanT h2{width:450px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 0 15px; text-transform:uppercase;}
#bottomleftPanS{width:475px; height:236px; float:left; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/search-bg.png) repeat-x;}
#bottomleftPanS h2{width:400px; font:20px Arial, Helvetica, sans-serif; margin:12px 0 10px 15px; text-transform:uppercase;}

#bottomleftPanS a{ height:20px; margin-left:13px; display:block; background:url(images/bullet1.png) 0 4px no-repeat ; color:#163C7B; font-size:12px;  text-decoration:none; padding:0 0 0 20px;}
#bottomleftPanS a:hover{display:block;background:url(images/bullet2.png) 0 4px no-repeat ; color:#1D8DE3; margin-left:13px; }
 #bottomleftPanF{width:761px;height:115px; margin-left:100px; float:left; color:#09203B; border:1px solid #143760; background:#FFFFFF url(images/search-bg.png) repeat-x;}
 /*Detail hotels*/
 .imghotel { margin-bottom:5px; margin-right:5px;}
.titreprod { font-family:Arial, Helvetica, sans-serif; color:#00000; font-size:14px; text-align: justify;}
.titreprod a{ font-family:Arial, Helvetica, sans-serif; color:#1D8DE3; text-decoration:none; }
.titreprod a:hover{ font-family:Arial, Helvetica, sans-serif; color:#09203B; text-decoration:none;}
.texterech2 {color:#09203B; font:13px/28px Arial, Helvetica, sans-serif; font-weight:bold;}
.texterech1 {color:#09203B; font:11px Arial, Helvetica, sans-serif;text-decoration:none;}
.texterech1 a{ color:#09203B;  font:11px Arial, Helvetica, sans-serif; text-decoration:none;}
.texterech1 a:hover{color:#2F2A28;  text-decoration:none;}
 h3{width:550px; font:16px Arial, Helvetica, sans-serif; color:#1D8DE3; text-transform:uppercase; font-weight:bold;}
  h4{width:550px; font:35px Arial, Helvetica, sans-serif; color:#000000; text-transform:uppercase; font-weight:bold; margin-top:35px;}
 .milevel2 {color:#000000; font:13px Arial, Helvetica, sans-serif; padding:10px;}
 .milevel1 {color:#000000; font:13px Arial, Helvetica, sans-serif; margin-top:10px; padding-left:10px; padding-right:10px; border:1px solid #143760;  vertical-align:top; background:#FFFFFF url(images/visite-bg.png) repeat-x;}
 .milevel3 {color:#000000; font:13px Arial, Helvetica, sans-serif; padding-left:10px; padding-right:10px; border:1px solid #143760; height:240px; vertical-align:top; background:#FFFFFF url(images/visite-bg.png) repeat-x;}
  .milevel4 {color:#000000; font:13px Arial, Helvetica, sans-serif; padding-left:5px; border:1px solid #143760; vertical-align:top; background:#FFFFFF url(images/visite-bg.png) repeat-x;}
 .checkword {width:209px; color:#000000; font:12px Arial, Helvetica, sans-serif; font-weight:bold; line-height:20px; padding-left:10px;}
 .equipements {color:#09203B; font:13px Arial, Helvetica, sans-serif;text-decoration:none; font-weight:bold; line-height:20px; padding-bottom:10px;}
 .equipements a{color:#09203B; font:13px Arial, Helvetica, sans-serif;text-decoration:none; font-weight:bold; line-height:20px; padding-bottom:10px;}
 .equipements a:hover{color:#1D8DE3; font:13px Arial, Helvetica, sans-serif;text-decoration:none; font-weight:bold; line-height:20px; padding-bottom:10px;}
 img.stars { border: none;}
 .taille { width:11px; height:20;}
.voyage {color:#09203B; font:12px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
.destination {color:#1D8DE3; font:13px Arial, Helvetica, sans-serif; text-decoration:none;}
.destination a{color:#fff; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}
.destination a:hover{color:#64C5DD; font:13px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;}

.photo { width:100px; height:72px; border:0;}
.apartirde {FONT: 10px Trebuchet MS, Verdana, sans-serif; margin-left:5px; color:#000000;}
.prix {FONT: bold 20px Trebuchet MS, Verdana, sans-serif; margin-left:5px;color:#000000;}
.libre {FONT: bold 14px/14px Trebuchet MS, Verdana, sans-serif; COLOR: #000; margin-left:5px;}
.titrechambre1{ height:30px; background-color:#3B6D8E; color:#FFFFFF;}
.titreTarif{ height:20px; background-color:#3B6D8E; color:#FFFFFF;}
.titreDevis{ height:20px; background-color:#87AEC5; color:#fff; font-weight:bold;}
.titreDevis2{ height:20px; background-color:#6793AE; color:#fff;}
.titreDevis4{ height:20px; background-color:#6793AE; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;}
.titreDevis3{ height:20px;color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
.titreDevis5{ height:20px;color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;}
.reserve { padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px;  WIDTH: auto; COLOR: #000; LINE-HEIGHT: 16px;  BACKGROUND-COLOR: #1D8DE3;text-decoration:none;}
.reserve a{  padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: auto; COLOR: #000; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #1D8DE3; text-decoration:none;}
.reserve a:hover{padding:3px; FONT-WEIGHT: bold; FONT-SIZE: 12px; WIDTH: auto; COLOR: #fff; LINE-HEIGHT: 16px; BACKGROUND-COLOR: #87AEC5; text-decoration:none;}
.tarifs { margin-top:10px; padding-left:10px; padding-right:10px; border:1px solid #000; vertical-align:top; background:#D2E7F4;}
.info { padding-left:10px; padding-right:10px; border:1px solid #000; vertical-align:top; background:#D2E7F4;}

.leftLogin form{width:220px; margin-left:5px; margin-right:3px;height:90px; float:left; color:#333227;}
.leftLogin form label{width:85px; display:block; float:left; padding:14px 15px 0 6px; color:#FFFFFF; }
.leftLogin form label.emailpadding{padding:12px 15px 0 6px; }
.leftLogin form input{ float:left; display:block; width:101px; height:16px; margin:14px 0 9px 0;}
 form input.fieldpadding{ border:1px solid #4EA5E7; color:#747B4F; height:15px; background:#ACDAFE; }
 .leftLogin{ width:237px; height:150px; float:left; margin: 3px 0 0 0;  background:#85ADC4 url(images/bg_login.gif) repeat-x;}
  .leftLogin2{ width:237px; height:220px; float:left; background:#85ADC4 url(images/bg_login.gif) repeat-x;}
 .leftLogin form input.gobutton{float:right; background-color:#000033; border:none; width:45px; height:21px; margin:2px 10px 0 0; padding:0 0 0 5px; text-decoration:none; color:#fff; font:14px/21px "Trebuchet MS",Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left;}
.leftLogin input.fieldsearch{ border:1px solid #747B4F; color:#747B4F; height:15px; margin-left:15px; margin-top:10px; }
.leftLogin h3{height:20px; background:#FCFAE6; display:block; float:right;  margin:12px 0 22px 13px; font:28px/48px Georgia, "Times New Roman", Times, serif; color:#3D3C2C;}
.textbox{ border:1px solid #4EA5E7; color:#747B4F; height:20px; background:#ACDAFE; }
.textareabox{width: 260px;height: 120px; border:1px solid #4EA5E7; color:#747B4F; background:#ACDAFE;}
.btnSubmit input.login{	width:45px; background-color:#4EA5E7;height:19px;border:none;cursor:pointer;float:right; padding-right:50px; padding-bottom:5px; color:#09203B; }
/*------------navigation � gauche-------------*/
.menud { font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#0066CC;}
.menuc { font-family:Arial, Helvetica, sans-serif; color:#143760;}
.menuc a{ font-family:Arial, Helvetica, sans-serif; color:#143760; text-decoration:none;}
.menuc a:hover{ font-family:Arial, Helvetica, sans-serif; color:#143760; text-decoration:none;}
.sidenav {	width: 217px; margin-left:10px;}
.sidenav ul {padding: 0;border-top: 1px solid #747B4F;}
.sidenav li {border-bottom: 1px solid #747B4F;}
.sidenav li a {font-size: 1.1em;color: #554;display: block;	padding: 4px 0 4px 5%;	text-decoration: none;width: 207px;}
.sidenav li a:hover {background: #929E84;color: #fff;}
.sidenav a {font-size:12px;color:#fff;display: block;	text-decoration: none;width: 140px; padding-left:10px;}
.sidenav a:hover {font-size:12px;background: #ACDAFE;color: #000; border:1px solid #4EA5E7;}
.sidenav h3 { margin-top:10px; margin-bottom:5px;}
/*cuisine*/
#bottomrightPanC ul{width:290px; margin:11px 0 10px 30px;}
#bottomrightPanC ul li{width:290px; height:20px; } 
#bottomrightPanC ul li a{width:290px; height:20px; display:block; background:url(images/bullet1.png) 0 5px no-repeat ; color:#163C7B; font-size:12px; line-height:20px; text-decoration:none; padding:0 0 0 20px;}
#bottomrightPanC ul li a:hover{display:block;background:url(images/bullet2.png) 0 5px no-repeat ; color:#1D8DE3; line-height:20px;}
/*------------calendrier-------------*/
 .ds_box {background-color: #FFF;	border: 1px solid #000;	position: absolute;	z-index: 32767;}

.ds_tbl {background-color: #FFF;}

.ds_head {background-color: #333;	color: #FFF;	font-family: Arial, Helvetica, sans-serif;	font-size: 13px;font-weight: bold;
	text-align: center;	letter-spacing: 2px;}

.ds_subhead {background-color: #CCC;	color: #000;	font-size: 12px;	font-weight: bold;	text-align: center;
	font-family: Arial, Helvetica, sans-serif;	width: 32px;}

.ds_cell {background-color: #EEE;	color: #000;	font-size: 13px;	text-align: center;	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;	cursor: pointer;}

.ds_cell:hover {background-color: #F3F3F3;} /* This hover code won't work for IE */

.txtforma { FONT-SIZE: 9px;COLOR: #000000; FONT-FAMILY: Verdana, Arial, 
  Helvetica, sans-serif; BACKGROUND-COLOR: #FFFFFF; border: 1px #395898 solid; } 
  .menul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-style: normal;
}

  /*-------------------mod menu------------*/ 
 
.home{background:url(graphics/home.gif) 10px no-repeat ; }
.home a:hover{background:url(graphics/homeh.gif)  10px no-repeat ; }
 
.contenu{background:url(graphics/contenu.gif) 10% 40% no-repeat }
.contenu a:hover{background:url(graphics/contenuh.gif) 14% 70% no-repeat;}

.menu{background:url(graphics/menu.gif) 14% 45% no-repeat;}
.menu a:hover{background:url(graphics/menuh.gif) 23% 80% no-repeat ;}

.outil{background:url(graphics/outils.gif) 10% 50% no-repeat ;}
.outil a:hover{background:url(graphics/outilsh.gif) 21% 80% no-repeat ;}

.mnuTitre a{height:27px; padding-left: 35px;color:#000; text-align:center; font:11px Verdana, Arial, Helvetica, sans-serif; text-decoration:none;letter-spacing:2px; padding-top:5px;}
.mnuTitre a:hover{ color:#000; text-decoration:none; font:11px Verdana, Arial, Helvetica, sans-serif;}

img {
  border:none;
}
.titre a{width:108px; height:21px; color:#000; font:11px Arial, Helvetica, sans-serif; text-decoration:none;} 
.titre a:hover{color:#97ACC9; text-decoration:none;}

.bottomSpace { padding-bottom:5px;}
.cadreIntro { padding-top:5px; padding-left:5px; border-bottom:1px solid #E7E7E7; border-left:1px solid #E7E7E7; border-right:1px solid #E7E7E7; border-top:1px solid #E7E7E7;}

/*-------------------salon------------*/ 
 .etw {font-size:12pt;color:#ffffff;font-family:Verdana,Arial,Helvetica,sans-serif; background-color:#3B6D8E;}
 .mt {font-size:8pt;color:#000000;font-weight:normal;font-family:Verdana,Arial,Helvetica,sans-serif;}
/*-------------------liste produit------------*/
.contentarea ul {font-family: Arial;font-size: 12px;text-transform: none;	color: #898889;	text-decoration: none;padding: 15px 0 0 0; }

.contentarea li a{ font-family: Arial;font-size: 10px;text-transform: none;color: #333333;text-decoration: none;display: block;  }
	
.contentarea li a:hover{font-family: Arial;font-size: 10px;text-transform: none;	color: #003277;	text-decoration: none;display:block;}	
.listPro{ float:left; width:139px; text-align:center; padding-bottom:15px; margin-right:20px;}	
.alaLigne { position: relative;height: 4px; width:603; clear: both;}

  /*formulaire*/
div.row {clear: both; padding-top: 10px; }
div span.label {float: left; width: 95px;	text-align: right;font: 12px Arial, Helvetica, sans-serif;	color:#000; }
div.row span.label {float: left; 	text-align: right;font: 12px Arial, Helvetica, sans-serif;	color:#000; }
div.row span.formw {float: right; width: 335px;	text-align: left; }
div.row span.formw input{border: 1px solid #323232; float: left; text-align: left; }
div.row span.formw textarea{border: 1px solid #323232; float: left; text-align: left; }
div.row span.formr {float: right; text-align: left; }
.button {border: 1px solid #006; background: #FF9900; color:#FFFFFF;}
.button a:hover{border: 1px solid #006; background: #FF9900; color:#000; text-decoration:none;}
.buttonr {border: 1px solid #006; background: #323232;}  
.cadreform{width: 450px;border: 1px solid #163C7B; padding: 5px;
  margin: 0px auto;}
  .formw2 input{border: 1px solid #323232; float: left; text-align: left; background:#FF9900; color:#FFFFFF; }
  
  .dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	color:#FFF;
	font-size:0.9em;
	background-color:#163C7B;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-repeat:no-repeat;
	background-position:top right;	
	height:20px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
		
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
	text-align:justify;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}

	/*#contenu{
		width:680px; border: 1px solid #FF9900; display:block; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify;
	}*/
	.cachediv{
      width:680px; border: 1px solid #FF9900; display:none; color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify;
}
	.cachediv2{
      width:680px; border: 1px solid #FF9900;color:#000; font:12px Arial, Helvetica, sans-serif; padding:5px 5px 5px 5px; text-align:justify;
}

.TDatePicker_default
{
	border: 1px solid #919EA9;
	background-color: White;
	text-align: center;
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	cursor: default;
}

.TDatePicker_default .selected 
{
	background-color: #FF9900;
	border: 1px solid #FF9900;
	color: white;
}
.TDatePicker_default .today
{
	font-weight: bold;
}
