/* =General-----------------------------------------------------------------------------*/ html{height: 100%} p{margin: 0;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: #FFF url("../../img/gris/bgAll.gif") top center repeat-y; } /* =Headings-----------------------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6{ font-family: Verdana, Arial, Helvetica, sans-serif; margin:0; padding:0;} /* =Link-----------------------------------------------------------------------------*/ #linkInfolettre{ display:block; height:20px; width:160px; background:url(../../img/general/btnInfolettre.gif) center bottom no-repeat; } /* =Frame-----------------------------------------------------------------------------*/ #wrap{ margin: 0 auto; width:800px; } #header{ height:205px; background:transparent url("../../img/gris/bgHeader.gif") top left repeat-y; } #headerLeft { display:block;width:169px; float:left; height:170px; background:transparent url("../../img/gris/logoHotel.gif") center center no-repeat; } #infolettre { width:169px; float:left; height:35px; position:relative; top: -30px; left: 5px; background:transparent url("../../img/general/btnInfolettre.gif") center center no-repeat; } #sous-infolettre { width:169px; float:left; height:35px; position:relative; top: -30px; left: 5px; background:transparent url("../../img/general/sous-info-lettre.gif") center center no-repeat; } #infolettre_en { width:169px; float:left; height:35px; position:relative; top: -30px; left: 5px; background:transparent url("../../img/general/btnInfolettreEN.gif") center center no-repeat; } #headerMiddle{ height:204px; width:566px; float:left;background:#fff; } #headerMiddle #mainMenu { height:106px; border-bottom:2px #ccc dashed; } #headerMiddle #mainMenu #mainMenuTop{ height:20px; width:560px; margin-top:10px; color:#464333; } #headerMiddle #mainMenu #mainMenuTop a{ float:right; margin:0 7px; color:#464333; text-decoration:none; } #headerMiddle #mainMenu #mainMenuTop a:hover{ float:right; margin:0 7px; color:#FB0F0C; text-decoration:none; } #headerMiddle #mainMenu #mainMenuLeft { margin:0px; padding:0px; float:left; height:86px; width:390px; border-right:2px #ccc dashed; } #headerMiddle #mainMenu #mainMenuRight { height:86px; width:170px; float:left; } #headerMiddle #secName{ height:28px; border-bottom:2px #ccc dashed; color:#898989; font-family: Arial, Helvetica, sans-serif; font-size:35px; text-align:right; padding:2px 15px 0px 0px; overflow:hidden; text-transform:uppercase; } #headerMiddle #secName strong{ width:100px; height:24px; background:#fff url("../../img/gris/5sensTitle.gif") 0px 6px no-repeat; padding-right:5px; } #headerMiddle #secMenu{ height:55px; background:#fff url("../../img/gris/bgMenu.gif") bottom left no-repeat; } #headerMiddle #secMenu #secMenuTop{ padding-top:4px; text-align:center; } #headerMiddle #secMenu #secMenuBottom{ padding:4px 0px 0px 30px; } #middle{ background:transparent url("../../img/gris/bgHeader.gif") top left repeat-y; } #middleLeft { width:169px; float:left; height:700px; background:transparent url("../../img/gris/5sens.gif") 0px 1px no-repeat; } #middleMiddle{ height:269px; width:565px; float:left; } #middleMiddle #middleMiddleLeft{ float:left; width:241px; height:269px; border-right:2px #ccc dashed; } .bgVoir{ background:#fff url("../../img/gris/bgLeftVoir.gif") top left no-repeat; } .bgSentir{ background:#fff url("../../img/gris/bgLeftSentir.gif") top left no-repeat; } .bgToucher{ background:#fff url("../../img/gris/bgLeftToucher.gif") top left no-repeat; } .bgGouter{ background:#fff url("../../img/gris/bgLeftGouter.gif") top left no-repeat; } .bgEntendre{ background:#fff url("../../img/gris/bgLeftEntendre.gif") top left no-repeat; } #middleMiddle #middleMiddleLeft #contain h1{ display:block; font-size:14px; text-transform:uppercase; color:#c0b999; font-weight:bold; margin:75px 0px 0px 0px;} #middleMiddle #middleMiddleLeft #contain { padding:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; text-align:justify; } #middleMiddle #middleMiddleRight{ float:right; width:322px; height:269px; background-color:#ece7e7; } #middleMiddle #middleMiddleRight #blockTopBlack{ height:55px; background-color:#000; color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-align:center; padding-top:35px; } #middleMiddle #middleMiddleRight div.col3x{ width:106px; float:left; height:179px; } #middleMiddle #middleMiddleRight div.col3x_border{ width:106px; height:179px; float:left; border-right:2px #ccc dashed; border-left:2px #ccc dashed; } #middleMiddle #middleMiddleRight div div.picVoir_1{ height:89px; background:#fff url("../../img/gris/imgCol_Voir_1.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picVoir_2{ height:89px; background:#fff url("../../img/gris/imgCol_Voir_2.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picVoir_3{ height:89px; background:#fff url("../../img/gris/imgCol_Voir_3.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picToucher_1{ height:89px; background:#fff url("../../img/gris/imgCol_Toucher_1.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picToucher_2{ height:89px; background:#fff url("../../img/gris/imgCol_Toucher_2.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picToucher_3{ height:89px; background:#fff url("../../img/gris/imgCol_Toucher_3.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picSentir_1{ height:89px; background:#fff url("../../img/gris/imgCol_Sentir_1.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picSentir_2{ height:89px; background:#fff url("../../img/gris/imgCol_Sentir_2.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picSentir_3{ height:89px; background:#fff url("../../img/gris/imgCol_Sentir_3.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picGouter_1{ height:89px; background:#fff url("../../img/gris/imgCol_Gouter_1.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picGouter_2{ height:89px; background:#fff url("../../img/gris/imgCol_Gouter_2.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picGouter_3{ height:89px; background:#fff url("../../img/gris/imgCol_Gouter_3.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div.col2x{ width:160px; float:left; height:179px; } #middleMiddle #middleMiddleRight div.col2x_border{ width:160px; height:179px; float:left; border-left:2px #ccc dashed; } #middleMiddle #middleMiddleRight div div.picEntendre_1{ height:89px; background:#fff url("../../img/gris/imgCol_Entendre_1.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.picEntendre_2{ height:89px; background:#fff url("../../img/gris/imgCol_Entendre_2.jpg") top left no-repeat; } #middleMiddle #middleMiddleRight div div.text{ padding:5px; } #middleMiddle #middleMiddleRight div div.text a{ text-decoration:none; color:#333; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; } #footer{ clear:both; height:163px; background:transparent url("../../img/gris/bgFooter.gif") top left repeat-y; } #footerLeft{ height:163px; width:169px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#fff; } #footerLeft #footerLeftAddr{ width:160px; height:150px; margin:15px auto; background:transparent url("../../img/general/contact.gif") 0px 30px no-repeat; padding-bottom:20px; } #footerMiddle{ height:163px; width:566px; float:left; } #footerMiddle #footerMiddleLeft{ height:163px; width:241px; border-right:2px #ccc dashed; float:left; } #footerMiddle #footerMiddleRight{ height:163px; width:320px; float:left; background:#fff url("../../img/gris/motifFooter.gif") top left no-repeat; border-top:2px #ccc dashed; } *html body{ background: #FFF url("../../img/gris/bgAll_ie.gif") top center repeat-y; }