/* =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;}

/* =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; }

#headerLeft { display:block;width:169px; float:left; height:170px; background:transparent url("../../img/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:174px; width:565px; 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; padding:2px 15px 0px 0px; overflow:hidden; }
#headerMiddle #secMenu{ height:55px; background:#fff url("../../img/bleu/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; }
#middleMiddle{ width:566px; float:left; }
#middleMiddle #middleMiddleLeft{ float:left; width:239px; }

#middleMiddle #middleMiddleRight{ float:right; width:323px; }
#middleMiddle #contain h1{ font-size:14px; text-transform:uppercase; font-weight:bold; margin:0px 0px 5px 0px; text-align:left; }
#middleMiddle #contain h2{ font-size:12px; text-transform:uppercase; font-weight:bold; margin:10px 0px 5px 0px; text-align:left; }
#middleMiddle #contain { padding:15px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; line-height:16px; text-align:justify; }

#footer{ clear:both; }
#footerLeft{ height:163px; width:169px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:11px;color:#fff; }
#footerLeft #footerLeftAddr{ width:160px; height:180px; margin:15px auto; padding-bottom:20px; }
#footerMiddle{ height:163px; width:566px; float:left; }
#footerMiddle #footerMiddleLeft{ height:163px; width:241px; float:left; border-top:2px #ccc dashed; }
#footerMiddle #footerMiddleRight{ width:320px; float:right; }

#middleMiddleRight #slideShowDisplay{ border-bottom:2px #ccc dashed; }

/*IMAGE GAUCHE*/
.bgArt{ background:#fff url("../../img/bleu/imgArt.jpg") top left no-repeat; }
.bgAventure{ background:#fff url("../../img/bleu/imgAventure.jpg") top left no-repeat; }
.bgMasso{ background:#fff url("../../img/bleu/imgMasso.jpg") top left no-repeat; }
.bgBronzage{ background:#fff url("../../img/bleu/imgBronzage.jpg") top left no-repeat; }
.bgCoiffure{ background:#fff url("../../img/bleu/imgCoiffure.jpg") top left no-repeat; }
.bgExercice{ background:#fff url("../../img/bleu/imgExercice.jpg") top left no-repeat; }

.bgForfaits{ background:#fff url("../../img/brun/imgForfaits.jpg") top left no-repeat; }
.bgSpacieuse{ background:#fff url("../../img/brun/imgSpacieuse.jpg") top left no-repeat; }
.bgTendance{ background:#fff url("../../img/brun/imgTendance.jpg") top left no-repeat; }

.bgTabu{ background:#fff url("../../img/beige/imgTabu.jpg") top left no-repeat; }
.bgInter{ background:#fff url("../../img/beige/imgInter.jpg") top left no-repeat; }

.bgDeveloppement{ background:#fff url("../../img/vert/imgDeveloppement.jpg") top left no-repeat; }

.bgTraiteur{ background:#fff url("../../img/vertpale/imgTraiteur.jpg") top left no-repeat; }
.bgCuisine{ background:#fff url("../../img/vertpale/imgCuisine.jpg") top left no-repeat; }
.bgEvenement{ background:#fff url("../../img/vertpale/imgEvenement.jpg") top left no-repeat; }
.bgReunion{ background:#fff url("../../img/vertpale/imgReunion.jpg") top left no-repeat; }

.bgGeneral{ background:#fff url("../../img/gris/bgLeftVoir.gif") top left no-repeat; }
.bgHistorique{ background:#fff url("../../img/gris/imgHistorique.jpg") top left no-repeat; }

/*HOME*/
#homePic{ border-bottom:2px #ccc dashed; }
#homeTexte{ border-bottom:2px #ccc dashed; }

/*CSS BLEU*/
body.bleu{ background: #FFF url("../../img/bleu/bgAll.gif") top center repeat-y; }
*html body.bleu{ background: #FFF url("../../img/bleu/bgAll_ie.gif") top center repeat-y; }
body.bleu #header { background:transparent url("../../img/bleu/bgHeader.gif") top left repeat-y; }
body.bleu #headerLeft {background-image:url(../../img/bleu/logoHotel.gif); }
body.bleu #middle { background:transparent url("../../img/bleu/bgHeader.gif") top left repeat-y; }
body.bleu #middleMiddle #contain h1, body.bleu #middleMiddle #contain h2{ color:#007aa5;}
body.bleu #middleLeft { background:transparent url("../../img/bleu/5sens.gif") 0px 40px no-repeat; }
body.bleu #footer{ height:163px; background:transparent url("../../img/brun/bgFooter.gif") top left repeat-y; }
body.bleu #footerMiddle #footerMiddleLeft{ background:transparent url("../../img/bleu/motifFooter.gif") top left no-repeat; }
#middleMiddle div.bgAttrHome{ background:transparent url("../../img/bleu/homeRight.jpg") top left no-repeat; height:269px; width:323px; }

/*CSS BRUN*/
body.brun{ background: #FFF url("../../img/brun/bgAll.gif") top center repeat-y; }
*html body.brun{ background: #FFF url("../../img/brun/bgAll_ie.gif") top center repeat-y; }
body.brun #header { background:transparent url("../../img/brun/bgHeader.gif") top left repeat-y; }
body.brun #headerLeft {background-image:url(../../img/brun/logoHotel.gif) }
body.brun #middle { background:transparent url("../../img/brun/bgHeader.gif") top left repeat-y; }
body.brun #middleMiddle #contain h1, body.brun #middleMiddle #contain h2{ color:#988962;}
body.brun #middleLeft { background:transparent url("../../img/brun/5sens.gif") 0px 40px no-repeat; }
body.brun #footer{ height:163px; background:transparent url("../../img/brun/bgFooter.gif") top left repeat-y; }
body.brun #footerMiddle #footerMiddleLeft{ background:transparent url("../../img/brun/motifFooter.gif") top left no-repeat; }
#middleMiddle div.bgHerbHome{ background:transparent url("../../img/brun/homeRight.jpg") top left no-repeat; height:269px; width:323px; }

/*CSS BEIGE*/
body.beige{ background: #FFF url("../../img/beige/bgAll.gif") top center repeat-y; }
*html body.beige{ background: #FFF url("../../img/beige/bgAll_ie.gif") top center repeat-y; }
body.beige #header { background:transparent url("../../img/beige/bgHeader.gif") top left repeat-y; }
body.beige #headerLeft {background-image:url(../../img/beige/logoHotel.gif) }
body.beige #middle { background:transparent url("../../img/beige/bgHeader.gif") top left repeat-y; }
body.beige #middleMiddle #contain h1, body.beige #middleMiddle #contain h2{ color:#333;}
body.beige #middleLeft { background:transparent url("../../img/beige/5sens.gif") 0px 40px no-repeat; }
body.beige #footer{ height:163px; background:transparent url("../../img/brun/bgFooter.gif") top left repeat-y; }
body.beige #footerMiddle #footerMiddleLeft{ background:transparent url("../../img/beige/motifFooter.gif") top left no-repeat; }
#middleMiddle div.bgRestoHome{ background:transparent url("../../img/beige/homeRight.jpg") top left no-repeat; height:269px; width:323px; }

/*CSS GRIS*/
body.gris{ background: #FFF url("../../img/gris/bgAll.gif") top center repeat-y; }
*html body.gris{ background: #FFF url("../../img/gris/bgAll_ie.gif") top center repeat-y; }
body.gris #header { background:transparent url("../../img/gris/bgHeader.gif") top left repeat-y; }
body.gris #headerLeft {background-image:url(../../img/gris/logoHotel.gif) }
body.gris #middle { background:transparent url("../../img/gris/bgHeader.gif") top left repeat-y; }
body.gris #middleMiddle #contain h1, body.gris #middleMiddle #contain h2{ color:#333;}
body.gris #middleLeft { background:transparent url("../../img/gris/5sens.gif") 0px 1px no-repeat; }
body.gris #footer{height:163px; background:transparent url("../../img/gris/bgFooter.gif") top left repeat-y; }
body.gris #footerMiddle #footerMiddleLeft{ background:transparent url("../../img/gris/motifFooter.gif") top left no-repeat; }
body.gris #footerMiddle #footerMiddleRight img{ margin-top:100px; }
#middleMiddle div.bgConceptHome{ background:transparent url("../../img/gris/homeRight.jpg") top left no-repeat; height:269px; width:323px; }

/*CSS VERT*/
body.vert{ background: #FFF url("../../img/vert/bgAll.gif") top center repeat-y; }
*html body.vert{ background: #FFF url("../../img/vert/bgAll_ie.gif") top center repeat-y; }
body.vert #header { background:transparent url("../../img/vert/bgHeader.gif") top left repeat-y; }
body.vert #headerLeft {background-image:url(../../img/vert/logoHotel.gif); }
body.vert #middle { background:transparent url("../../img/vert/bgHeader.gif") top left repeat-y; }
body.vert #middleMiddle #contain h1, body.vert #middleMiddle #contain h2{ color:#bbd147;}
body.vert #middleLeft { background:transparent url("../../img/vert/5sens.gif") 0px 40px no-repeat; }
body.vert #footer{ height:163px; background:transparent url("../../img/brun/bgFooter.gif") top left repeat-y; }
body.vert #footerMiddle #footerMiddleLeft{ background:transparent url("../../img/vert/motifFooter.gif") top left no-repeat; }
#footerMiddleLeft{ position:relative; }

/*CSS VERTPALE*/
body.vertpale{ background: #FFF url("../../img/vertpale/bgAll.gif") top center repeat-y; }
*html body.vertpale{ background: #FFF url("../../img/vertpale/bgAll_ie.gif") top center repeat-y; }
body.vertpale #header { background:transparent url("../../img/vertpale/bgHeader.gif") top left repeat-y; }
body.vertpale #middle { background:transparent url("../../img/vertpale/bgHeader.gif") top left repeat-y; }
body.vertpale #middleMiddle #contain h1, body.vertpale #middleMiddle #contain h2{ color:#bfe476;}
body.vertpale #middleLeft { background:transparent url("../../img/vertpale/5sens.gif") 0px 40px no-repeat; }
body.vertpale #footer{ height:163px; background:transparent url("../../img/brun/bgFooter.gif") top left repeat-y; }
body.vertpale #footerMiddle #footerMiddleLeft{ background:transparent url("../../img/vertpale/motifFooter.gif") top left no-repeat; }

/*CSS ROUGE*/
body.rouge{ background: #FFF url("../../img/rouge/bgAll.gif") top center repeat-y; }
*html body.rouge{ background: #FFF url("../../img/rouge/bgAll_ie.gif") top center repeat-y; }
body.rouge #header { background:transparent url("../../img/rouge/bgHeader.gif") top left repeat-y; }
body.rouge #headerLeft {background-image:url(../../img/rouge/logoHotel.gif); }
body.rouge #middle { background:transparent url("../../img/rouge/bgHeader.gif") top left repeat-y; }
body.rouge #middleMiddle #contain h1, body.rouge #middleMiddle #contain h2{ color:#d15238;}
body.rouge #middleLeft { background:transparent url("../../img/rouge/5sens.gif") 0px 40px no-repeat; }
body.rouge #footer{ height:163px; background:transparent url("../../img/brun/bgFooter.gif") top left repeat-y; }
body.rouge #footerMiddle #footerMiddleLeft{ background:transparent url("../../img/rouge/motifFooter.gif") top left no-repeat; }
#middleMiddle div.bgServHome{ background:transparent url("../../img/rouge/homeRight.jpg") top left no-repeat; height:269px; width:323px; }

/*LISTE*/
ul,ol{ margin:15px 0px;padding:0;list-style: none; padding-left:10px; }
ul li, ol li{ background:transparent url("../../img/puce.gif") 0px 5px no-repeat; padding-left:10px; line-height:14px; margin-bottom:4px;  }

/*SLIDESHOW*/
#slideShowDisplay div.itemSlideShow{  width:241px; height:269px; overflow:hidden; }

/*Espace*/
#footerLinkJC{height:30px; background-color:#FFFFFF; margin-top:50px; _margin-top:0px; _height:50px;}
/*Espace*/
#planDuSite a{color:#000000; text-decoration:none;}
#planDuSite a:hover{color:#000000; text-decoration:underline;}