/* =General-----------------------------------------------------------------------------*/

html{height: 100%}
p{margin: 10px 0px;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0;list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/

body{ height:100%; margin:0px; padding:0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; color: #333; background:#D9EBEB;}

/* =Headings-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6{ font-family:Georgia,  Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;}

/* =Link-----------------------------------------------------------------------------*/



/* =Frame-----------------------------------------------------------------------------*/

#wrap{ margin: 0 auto; width:800px; background:#fff; border-left:2px #ccc dashed; border-right:2px #ccc dashed; border-bottom:2px #ccc dashed;  }

#header{ height:222px; }

#header #headerTop{ height:160px; }
#header #headerTop #headerTopCol01{ display:block; height:160px; width:180px; background:transparent url("../../img/boutique/logoHotel.gif") center center no-repeat; float:left; border-right:2px #ccc dashed;  } 
#header #headerTop #headerTopCol02{ height:160px; width:326px; background:transparent url("../../img/boutique/bgBouIcon.gif") bottom center no-repeat; float:left; border-right:2px #ccc dashed;  } 
#header #headerTop #headerTopCol03{ display:block;height:160px; width:290px; background:transparent url("../../img/boutique/iconBag.gif") center center no-repeat; float:left;   } 
#header #headerBottom{ height:62px; float:left; margin-top: -20px; }
#header #headerBottomLine01{ height:30px; border-bottom:2px #ccc dashed; }
#header #headerBottomLine01 #headerBottomLine01Left{ width:480px; height:30px; float:left; background:#898989; color:#fff; font-size:14px; line-height:30px; font-weight:bold; padding-left:30px; }
#header #headerBottomLine01 #headerBottomLine01Right{ text-align:center; width:290px; height:30px; float:right; background:#c1c8ca; color:#000; }
#header #headerBottomLine01 #headerBottomLine01Right a{ color:#333; font-size:11px; text-transform:uppercase; text-decoration:none; line-height:30px; font-weight:bold; }
#header #headerBottomLine02{ height:30px; }
#header #headerBottomLine02 #headerBottomLine02Left{ padding-left:20px;width:490px; height:30px; float:left; background:#898989; }
#header #headerBottomLine02 #headerBottomLine02Left a{ color:#fff; font-size:11px; text-transform:uppercase; text-decoration:none; line-height:30px; font-weight:bold; padding:0px 10px; border-right:1px #fff solid; }
#header #headerBottomLine02 #headerBottomLine02Right{ width:290px; height:30px; float:right; background:#c1c8ca; color:#333; font-size:11px; line-height:30px; font-weight:bold; text-align:center; text-transform:uppercase; }

#header #headerTop #mainMenuTop{ position:relative; left:600px; top:-160px; height:20px; width:200px; margin-top:0px; color:#464333; }
#header #headerTop #mainMenuTop a{ float:right; margin:0 7px; color:#464333; text-decoration:none; }
#header #headerTop #mainMenuTop a:hover{ float:right; margin:0 7px; color:#FB0F0C; text-decoration:none; }


#middle{  }
#middle #middleLeft{ width:404px; float:left; }
.bgHome{ background:transparent url("../../img/boutique/homeLeft.jpg") top left no-repeat; }
#middle #middleRight{ width:366px; float:right; padding:15px; }
#middle #middleRight h1{ color:#898989; font-size:16px; text-transform:uppercase; margin-bottom:10px; }
#middle #middleRight p{ color:#666; line-height:16px; font-size:11px; }
#middle #middleRight #boxCat div.item{ height:150px; width:161px; overflow:hidden; border-right:2px #ccc dashed; border-bottom:2px #ccc dashed; float:left; padding:10px; text-align:center; }
#middle #middleRight #boxCat div.noRight{ border-right:0px #ccc dashed; }
#middle #middleRight #boxCat div.item img{ margin:0 auto; }
#middle #middleRight #boxCat div.item h3{ font-size:12px; color:#898989; text-transform:uppercase; text-align:center; }
#middle #middleRight #boxCat div.item a{ color:#333; text-decoration:none; display:block; text-align:left; margin-top:5px; }
#middle #middleRight #boxCat div.item a:hover{ color:#333; text-decoration:underline; }

#middle #boxShowCat{ padding:10px; }
#middle #boxShowCat #catInfo{ height:162px; width:354px; overflow:hidden; border-right:2px #ccc dashed; border-bottom:2px #ccc dashed; float:left; padding:10px; text-align:left; margin:5px; background:transparent url("../../img/boutique/iconEyeHand.gif") 10px 20px no-repeat; }
#middle #boxShowCat #catInfo h1{ font-size:28px; color:#9bcaca; text-transform:uppercase; text-align:left; padding-top:50px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:3px; }
#middle #boxShowCat #catInfo p{ line-height:16px; color:#666; font-size:11px; }
#middle #boxShowCat div.item{ height:162px; width:162px; overflow:hidden; border-right:2px #ccc dashed; border-bottom:2px #ccc dashed; float:left; padding:10px; text-align:center; margin:5px; }
#middle #boxShowCat div.noRight{ border-right:0px #ccc dashed; }
#middle #boxShowCat div.item img{ margin:0 auto; }
#middle #boxShowCat div.item h3{ font-size:12px; color:#898989; text-transform:uppercase; text-align:center; margin-top:10px; }
#middle #boxShowCat div.item h5{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; text-decoration:none; text-align:center; margin-top:10px; font-size:10px; }

#middle #boxShowSCat{ padding:10px; }
#middle #boxShowSCat #scatInfo{ height:162px; width:354px; overflow:hidden; border-right:2px #ccc dashed; border-bottom:2px #ccc dashed; float:left; padding:10px; text-align:left; margin:5px 0px 5px 5px; background:transparent url("../../img/boutique/iconEyeHand.gif") 10px 20px no-repeat; }
#middle #boxShowSCat #scatInfo h1{ font-size:28px; color:#9bcaca; text-transform:uppercase; text-align:left; padding-top:50px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:3px; }
#middle #boxShowSCat #scatInfo h2{ font-size:16px; color:#666666; text-transform:uppercase; text-align:left; padding-bottom:5px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:1px; }
#middle #boxShowSCat #scatInfo p{ line-height:16px; color:#666; font-size:11px; margin:0px 2px; }
#middle #boxShowSCat #showPic{ width:354px; overflow:hidden; border-bottom:2px #ccc dashed; border-bottom:2px #ccc dashed; float:right; padding:5px 10px 10px 10px; text-align:left; margin:5px 5px 5px 0px; }
#middle #boxShowSCat #itemList{ overflow:hidden; padding:10px; text-align:left; margin:5px; }
#middle #boxShowSCat #itemList div.item{ width:364px;margin:0px 5px; padding:10px 0px; border-bottom:1px #ccc dotted; float:left; }
#middle #boxShowSCat #itemList div.item h4{ font-size:11px; color:#666; height:20px; width:140px; float:left; line-height:12px; padding-top:4px; }
#middle #boxShowSCat #itemList div.item strong{ display:block;font-size:11px; color:#666; height:20px; width:80px; float:left; line-height:20px; }
#middle #boxShowSCat #itemList div.item a{ display:block;font-size:10px; color:#666; height:20px; width:110px; float:left; background:#d9ebeb; border-left:20px #898989 solid; text-decoration:none; line-height:20px; padding-left:10px; }



#middle #boxPanier{ padding:10px; }
#middle #boxPanier #scatInfo{ height:162px; width:354px; overflow:hidden; border-right:2px #ccc dashed; border-bottom:2px #ccc dashed; float:left; padding:10px; text-align:left; margin:5px 0px 5px 5px; background:transparent url("../../img/boutique/iconEyeHand.gif") 10px 20px no-repeat; }
#middle #boxPanier #scatInfo h1{ font-size:28px; color:#9bcaca; text-transform:uppercase; text-align:left; padding-top:50px; font-family:Georgia, "Times New Roman", Times, serif; letter-spacing:3px; }
#middle #boxPanier #scatInfo p{ line-height:16px; color:#666; font-size:11px; }
#middle #boxPanier #showInfo{ width:354px; overflow:hidden; border-bottom:2px #ccc dashed; border-bottom:2px #ccc dashed; float:right; padding:5px 10px 10px 10px; text-align:left; margin:5px 5px 5px 0px; height:165px; }
#middle #boxPanier #showInfo h3{ font-size:11px; color:#9bcaca; text-transform:uppercase; text-align:left; letter-spacing:3px; }
#middle #boxPanier #showInfo strong{ display:block;font-size:11px; color:#666; text-align:left; letter-spacing:1px; margin:5px 0px; }
#middle #boxPanier #showInfo h2{ font-size:12px; color:#729f9f; text-transform:uppercase; text-align:left; letter-spacing:3px; }
#middle #boxPanier #showInfo a{ display:block;font-size:10px; color:#666; height:20px; width:110px; float:right; background:#d9ebeb; border-right:20px #898989 solid; text-decoration:none; line-height:20px; padding-left:10px; font-weight:bold; }

#middle #boxPanier #itemList{ overflow:hidden; padding:10px; text-align:left; margin:5px; }
#middle #boxPanier #itemList div.item{ width:364px;margin:0px 5px; padding:10px 0px; border-bottom:1px #ccc dotted; float:left; }
#middle #boxPanier #itemList div.item h4{ font-size:11px; color:#666; height:20px; width:140px; float:left; line-height:20px; }
#middle #boxPanier #itemList div.item h4 span{ font-family:Verdana,Arial,Helvetica,sans-serif; }
#middle #boxPanier #itemList div.item strong{ display:block;font-size:11px; color:#666; height:20px; width:80px; float:left; line-height:20px; }
#middle #boxPanier #itemList div.item a{ display:block;font-size:10px; color:#666; height:20px; width:110px; float:left; background:#d9ebeb; border-left:20px #898989 solid; text-decoration:none; line-height:20px; padding-left:10px; }

/*CSS FORM PANIER*/
table.form{ font-weight:bold; }
table{ width:100%;margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
table.form td{ padding-right:10px; }
table.form td input{ width:200px; border:2px #666 solid; padding:0px 5px; color:#333; font-size:12px; height:15px; }
table.form td input.formBtn{ background:#333; color:#fff; font-weight:bold; height:17px; width:210px; }
table tr.dark{  background:#ebeff1;}
table tr.light{  background:#fff;}
.formBtn{ background:#333; color:#fff; font-weight:bold; height:20px; width:150px; }
.formTxt{ width:140px; border:2px #666 solid; padding:0px 5px; color:#333; font-size:12px; height:15px; }

#listPage{ clear:both; padding-top:20px; }
#listPage a{ padding:3px; border:1px #666666 solid; margin-right:4px; color:#333333; text-decoration:none; }
#listPage a:hover{ background-color:#CCCCCC; }
#listPage a.activ{ background-color:#CCCCCC; }