* { margin: 0; padding: 0; }
.break {clear: both; height: 1px; line-height: 1px; font-size: 1px; display: block;}

body {
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 12px;
    background: #eae6db url(../../images/bgBody.jpg) repeat-x;}

.pageMB {background: #fefde3 url(../../images/bgBodyMB.jpg) repeat-x;}

input, textarea, select {border: 1px #b9b4a5 solid;}
.pageMB input,
.pageMB select {border: 1px #bbc700 solid;}
input, textarea, select, label, option {font-family: "Trebuchet MS", Arial, sans-serif; font-size: 11px;}

#allContent {width: 960px; margin: auto; padding-bottom: 15px;}

a {color: #ad1448;}
.pageMB a {color: #00663d;}

#ariane {list-style: none; height: 25px; margin-bottom: 0 !important;}
#ariane li {float: left; font-size: 10px; font-weight: bold; padding: 0 3px 0 0; }
#ariane li a {text-decoration: none;}

.pageCorporate #ariane li {padding: 0;}

/******************************************************************************/
/*                                                                    En tête */
/******************************************************************************/

#enTete {width: 960px; height: 130px; position: relative;}

#enTete h1 {text-indent: -5000px;}

#enTete #logo img {border: 0; position: absolute; left: 10px; top: 20px;}
#enTete #logo {text-indent: -5000px; overflow: hidden; display: block;}

.pageMB #enTete #logo img {top: 9px;}

#enTete #vFR,
#enTete #vEN {display: block; width: 19px; height: 22px; position: absolute; top: 17px;}

#enTete #vFR span,
#enTete #vEN span {display: none;}

#enTete #vFR {background: transparent url(../../images/drapFR.gif) no-repeat; right: 45px;}
#enTete #vEN {background: transparent url(../../images/drapEN.gif) no-repeat; right: 20px;}

#enTete ul {
   list-style: none; position: absolute; left: 260px; top: 90px; 
   width: 680px; height: 38px;}
#enTete ul li {float: left;}
#enTete ul li a {display: block; height: 38px; background-repeat: no-repeat; padding-right: 10px;}
#enTete ul li a span {display: none;}
#enTete ul li#btnNavA a {background-image: url(../../images/btnNavA.png); width: 47px;}
#enTete ul li#btnNavB a {background-image: url(../../images/btnNavB.png); width: 62px;}
#enTete ul li#btnNavC a {background-image: url(../../images/btnNavC.png); width: 86px;}
#enTete ul li#btnNavD a {background-image: url(../../images/btnNavD.png); width: 133px;}
#enTete ul li#btnNavE a {background-image: url(../../images/btnNavE.png); width: 96px;}
#enTete ul li#btnNavF a {background-image: url(../../images/btnNavF.png); width: 81px;}
#enTete ul li#btnNavG a {background-image: url(../../images/btnNavG.png); width: 53px; padding-right: 0;}
#enTete ul li#btnNavH a {background-image: url(../../images/btnNavAMB.png); width: 116px;}

.pageMB #enTete ul li#btnNavA a {background-image: url(../../images/btnNavAMB.png); width: 116px;}

.pageMB #enTete ul li {margin-right: 30px;}

#enTete ul li a:hover,
#pageAccueil #enTete ul li#btnNavA a,
#pageGroupe #enTete ul li#btnNavB a,
#pageEnseignes #enTete ul li#btnNavC a,
.pageHotels #enTete ul li#btnNavD a,
.pageActualites #enTete ul li#btnNavE a,
.pageEmploi #enTete ul li#btnNavF a,
#pageContact #enTete ul li#btnNavG a {background-position: 0 -41px;}

#footer {border-top: 1px #000 solid; padding-top: 10px; width: 100%; text-align: center; height: 50px;}
#footer p {width: 500px !important; float: right; font-size: 11px;}
#footer p a {text-decoration: none; color: #000;}
#footer p a:hover {text-decoration: underline;}
#footer p img {border: 0; position: relative; top: 4px;}

#contentFooter {width: 960px; margin: auto;}
#footer #logosEnseignes {float: left; margin-left: 20px;}
#footer #logosEnseignes img {border: 0;}

.btnForm {
   height: 21px; font-weight: bold; padding: 0 10px 2px 10px;
   background: transparent url(../../images/bgBtnForm.gif) repeat-x;
   cursor: pointer;}

.pageMB .btnForm {
   background: transparent url(../../images/bgBtnFormMB.gif) repeat-x; 
   color: #fff; border: 1px #006139 solid;}

.btnValider {width: 80px !important;}

/******************************************************************************/
/*                                                             Page d'accueil */
/******************************************************************************/

#colA,
#colB {float: left;}

#colA {width: 240px;}
#colB {width: 680px; padding: 50px 20px 0 20px; position: relative;}

#pageAccueil #colB {padding: 30px 20px 0 20px;}

#contentResa,
#blocSearchHotelSem,
#blocNewsletter {border: 0;}

#blocResaHotel legend,
#blocSearchHotelSem legend,
#blocNewsletter legend {display: none;}

.zoneTexte p,
#colB p {margin-bottom: 10px;}

.btnRetour {
   display: block; text-align: right; 
   text-decoration: none; font-weight: bold;
   color: #000;}

.zoneTexte ul,
.zoneTexte ol {list-style-position: inside; margin-bottom: 10px;}

.zoneTexte h1 {font-size: 26px;}
.zoneTexte h2 {font-size: 22px;}
.zoneTexte h3 {font-size: 18px;}
.zoneTexte h4 {font-size: 14px;}
.zoneTexte h5 {font-size: 12px;}
.zoneTexte h6 {font-size: 10px;}

.zoneTexte table {border-collapse: collapse; margin-bottom: 10px;}
.zoneTexte table th,
.zoneTexte table td {border: 1px #fff solid; padding: 2px 4px; text-align: left; font-size: 11px;}
.zoneTexte table td p,
.zoneTexte table th p {margin-bottom: 0 !important;}

.liste {list-style: none;}
.liste li {background: transparent url(../../images/puce.gif) no-repeat 0 6px; padding-left: 10px;}

/******************** Réserver un hotel (page d'accueil) */

#blocResaHotel {
   width: 180px; padding: 60px 30px 10px 30px; margin-bottom: 0;
   background: transparent url(../../images/bgResaHotel.gif) no-repeat;}
   
.pageMB #blocResaHotel {background: transparent url(../../images/bgResaHotelMB.gif) no-repeat;}
   
#blocResaHotel label {display: block;}

#blocResaHotel .lineForm {margin-bottom: 10px; }

#blocResaHotel select option {padding: 0 10px 0 5px;}
#blocResaHotel select#listeHotelsForm {font-size: 10px; width: 180px;}

#blocResaHotel label.inptPetit {width: 80px; float: left;}

#blocResaHotel input {width: 178px; margin-bottom: 5px; }
#blocResaHotel input#date_arrivee,
#blocResaHotel input#date_depart {width: 76px; text-align: center;}

#blocResaHotel .btnValider {float: right; margin-top: 5px;}

#blocResaHotel .lnkAnnuler {font-size: 10px; font-weight: bold; line-height: 11px; position: relative; top: 3px}

#codeClient {margin-top: 3px;}

#show1up {position: absolute; margin: 0 0 0 -5px;}
#show2up {position: absolute; margin: 0 0 0 -5px;}

/******************** Réserver un hotel seminaires (page d'accueil) */

#blocSearchHotelSem {
   width: 180px; padding: 70px 30px 10px 30px; 
   background: transparent url(../../images/bgSearchHotelSem.gif) no-repeat; clear: both;}
#blocSearchHotelSem label {width: 105px; float: left;}
#blocSearchHotelSem #capAccueil {width: 70px;}

#blocSearchHotelSem .btnValider {float: right; margin-top: 10px;}

/******************** Bloc newsletter */

#blocNewsletter {
   width: 180px; padding: 55px 30px 15px 30px; 
   background: transparent url(../../images/bgBlocNewsletter.gif) no-repeat; clear: both;}
#blocNewsletter label {width: 70px; float: left;}
#blocNewsletter #votreEmail {width: 105px;}

#blocNewsletter .btnValider {float: right; margin-top: 10px;}

.pageMB #blocNewsletter {background: transparent url(../../images/bgBlocNewsletterMB.gif) no-repeat;}

/******************** Bouton facebook */

#btnFacebook {
   display: block; padding-left: 40px; height: 33px; margin: 10px 35px;
   background: transparent url(../../images/btnFacebook.gif) no-repeat;
   font-weight: bold; line-height: 30px; font-size: 10px;}
#btnTwitter {
   display: block; padding-left: 40px; height: 33px; margin: 10px 35px;
   background: transparent url(../../images/btnTwitter.gif) no-repeat;
   font-weight: bold; line-height: 30px; font-size: 10px;}

.pageMB #btnFacebook {background: transparent url(../../images/btnFacebookMB.gif) no-repeat;}
.pageMB #btnTwitter {background: transparent url(../../images/btnTwitterMB.gif) no-repeat;}

#btnHotelSelectionnes {
   display: block; width: 144px; height: 97px;
   background: transparent url(../../images/hotelsSelectionnes.gif) no-repeat;
   text-indent: -5000px; overflow: hidden; margin-left: 38px;}

/************** col Accueil B */

#colB #zoneFlash {
   width: 680px; height: 163px; margin-bottom: 20px; position: relative;
   background: transparent url(../../images/bgFlash.jpg) no-repeat right top;}

.pageMB #colB #zoneFlash {background-image: none;}

#cache {background-color: #eae6db; width: 30px; height: 30px; position: absolute; left: 0; bottom: 0;}

#edito {margin-bottom: 30px; font-size: 14px;}

#searchHotelMap,
#actusPromos {width: 330px; float: left;}

/******************** Rechercher un hotel sur la carte (page d'accueil) */

#searchHotelMap {
   width: 180px; padding: 70px 30px 10px 30px;
   background: transparent url(../../images/bgSearchHotelMap.gif) no-repeat;}
#searchHotelMap h1 {display: none;}

#pageAccueil #searchHotelMap {width: 330px; padding: 0 20px 0 0; background-image: none;}
#pageAccueil #searchHotelMap h1 {
   display: block; width: 330px; height: 24px; margin-bottom: 12px;
   background: transparent url(../../images/titreSearchMap.gif) no-repeat;}
#pageAccueil #searchHotelMap h1 span {display: none;}

.pageMB #searchHotelMap h1 {background: transparent url(../../images/titreSearchMapMB.gif) no-repeat !important;}

#searchHotelMap ul {list-style: none; width: 90px; float: left;}
#searchHotelMap ul li {line-height: 13px; /*float: left; width: 90px;*/}
#searchHotelMap ul li a {
   text-decoration: none; color: #000; 
   font-size: 10px; line-height: 10px;
   font-family: "Arial", sans-serif; }
#searchHotelMap ul li a:hover {text-decoration: underline;}

.pageMB #searchHotelMap ul {margin-top: 15px;}
.pageMB #searchHotelMap ul li {line-height: 18px;}
.pageMB #searchHotelMap ul li a {font-size: 12px; }

#pageAccueil #searchHotelMap ul {width: 165px;}
#pageAccueil #searchHotelMap ul li a {
   padding-left: 10px;
   background: transparent url(../../images/puceVille.gif) no-repeat 0 5px;}

.pageMB #searchHotelMap ul li a {background: transparent url(../../images/puceVilleMB.gif) no-repeat 0 5px !important;}

#carteAccueil {display: block; text-align: center;}
#carteAccueil img {border: 0;}

/******************** Actus / Promos (page d'accueil) */

#actusPromos .titreActu {
   width: 330px; height: 24px; margin-bottom: 12px;
   text-indent: -5000px;
   background: transparent url(../../images/titreActusPromos.gif) no-repeat;}

.pageMB #actusPromos .titreActu {background: transparent url(../../images/titreActusPromosMB.gif) no-repeat;}

.actu {border-bottom: 1px #b2aa94 solid; margin-bottom: 10px;}
.actu img {border: 0; float: left; margin-right: 10px;}
.actu .date,
#pageDetailActualite .date {display: block; color: #ad1448; font-weight: bold; display: none;}
.actu h2 {font-size: 13px;}
.actu h2 a {text-decoration: none; color: #000;}
.actu .lnkSuite {
   display: block; color: #ad1448; text-align: right;
   font-weight: bold; text-decoration: none !important;}

.pageMB .actu {border-bottom: 1px #006139 solid;}
.pageMB .actu .date,
.pageMB .actu .lnkSuite {color: #00663d;}

/******************************************************************************/
/*                                                               Pages Hotels */
/******************************************************************************/

.pageHotels #colB h1,
.pageCorporate #colB h1,
.pageActualites #colB h1,
.pageEmploi #colB h1,
.pageForm #colB h1 {
   text-transform: uppercase; font-size: 22px; margin-bottom: 25px;
   font-weight: normal; border-bottom: 1px #eb6a27 solid;}

.blocHotel {border-bottom: 1px #fff solid; padding-bottom: 15px; margin-bottom: 15px;}

.titreHotel h2,
#pageFicheHotel #colB h2 { font-size: 20px; font-weight: normal; line-height: 20px; margin-bottom: 10px;}

.titreHotel h2 {margin-bottom: 0;}
.titreHotel h2 a {text-decoration: none; color: #000;}

.blocHotel img,
.marque {float: left; margin-right: 10px; margin-bottom: 10px;}

.titreHotel span,
#pageFicheHotel #colB h2 span {
   font-size: 12px !important; font-weight: bold;
   text-transform: uppercase; color: #746847;
   display: block;}

.coordonnees {
   color: #ad1448; font-weight: bold; font-size: 11px; 
   margin-bottom: 5px; line-height: 14px;}
   
.horaires {
   float: right; font-size: 11px; 
   text-align: right; width: 110px; font-weight: bold; line-height: 14px;}
   
.prix {
   font-size: 22px; text-align: center; width: 100px; height: 48px; font-weight: normal;
   background: transparent url(../../images/bgPrix.gif) no-repeat; margin-left: 20px;
   padding-top: 12px; float: right; line-height: 18px !important;}
.prix span {display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #76705f;}

.btnPlan {
   display: block; width: 68px; height: 30px; float: left;
   background: transparent url(../../images/btnAcces.gif) no-repeat;}
.btnPlan span {display: none;}

.blocHotel .prix {position: relative; top: -8px;}
.blocHotel .btnPlan {float: right; position: relative; top: -5px; margin: 10px 0 0 10px;}
.blocHotel .zoneTexte {line-height: 15px; clear: both;}

.btnPlusInfo,
.btnReserver {
   display: block; height: 19px; color: #fff; float: left;
   font-weight: bold; text-align: center; font-size: 10px; margin-top: 5px;
   text-transform: uppercase; text-decoration: none; line-height: 19px;}

.btnPlusInfo {width: 64px; background: transparent url(../../images/btnPlusInfo.gif) no-repeat; margin-right: 8px;}
.btnReserver {width: 64px; background: transparent url(../../images/btnReserver.gif) no-repeat;}

/******************************* Fiche hotel */

#contentFiche {width: 680px; background: transparent url(../../images/bgFiche.gif) no-repeat 0 17px;}

#navFiche {list-style: none; height: 27px;}
#navFiche li {float: left;}
#navFiche li a {display: block; height: 27px; background-repeat: no-repeat;}
#navFiche li a span {display: none;}
#navFiche li#btnNavFicheA {margin: 0 3px;}

#navFiche li#btnNavFicheA a {background-image: url(../../images/btnInfosGene.gif); width: 131px;}
#navFiche li#btnNavFicheB a {background-image: url(../../images/btnPlanAcces.gif); width: 108px;}

.pageInfosGene #navFiche li#btnNavFicheA a,
.pageAcces #navFiche li#btnNavFicheB a {background-position: 0 -27px;}

#padd {padding: 20px; width: 640px;}

#blocVisuels {float: left; padding-bottom: 10px; width: 250px;}
#blocVisuels {width: 270px;}
#blocVisuels #zoom {margin-bottom: 5px;}
#blocVisuels .legende {margin-bottom: 10px; font-size: 10px;}
#blocVisuels ul {list-style: none; width: 250px;}
#blocVisuels ul li {float: left; padding-right: 10px;}
#blocVisuels ul li img {border: 0;}

#descriptif,
#services {
   float: left; width: 370px; margin-bottom: 15px;}

#pageFicheHotel #colB h2 {
   width: 400px; height: 60px; 
   margin-bottom: 0; font-size: 22px;
   line-height: 23px;}

#pageFicheHotel .coordonnees {margin-bottom: 15px;}

#pageFicheHotel .horaires {width: auto; padding-right: 5px;}

#pageFicheHotel .prix,
#pageFicheHotel .btnReserver {float: right; position: relative; top: -10px;}

#pageFicheHotel .btnReserver {
   width: 110px; height: 37px; padding-top: 12px; font-size: 14px; font-weight: normal;
   background: transparent url(../../images/btnReserverFiche.gif) no-repeat;
   font-family: "Arial", Verdana, sans-serif; margin: 0 0 0 10px; float: right;}

ul.lnkOutils {list-style: none; float: right; position: relative; top: -3px; left: -5px;}
ul.lnkOutils li {float: left;}
ul.lnkOutils li a {
   color: #000; text-decoration: none; 
   font-weight: bold; display: block; font-size: 11px;
   padding-left: 20px; line-height: 22px;}
ul.lnkOutils li a:hover {text-decoration: underline;}
ul.lnkOutils li.pictoContact {padding-right: 20px;}
ul.lnkOutils li.pictoContact a {background: transparent url(../../images/pictoContact.gif) no-repeat 0 4px;}
ul.lnkOutils li.pictoDownload a {background: transparent url(../../images/pictoDownload.gif) no-repeat 0 3px;}

#pageFicheHotel dl {width: 430px; float: left; margin-right: 10px;}
#pageFicheHotel dl dt,
#pageFicheHotel #colB h4 {
   font-size: 14px; text-transform: uppercase; margin-bottom: 5px;
   font-weight: bold; border-bottom: 1px #ad1448 solid;}
#pageFicheHotel dl dd,
#pageFicheHotel #colB h4 {margin-bottom: 10px;}
#pageFicheHotel dl dd img {float: left; margin: 5px 10px 0 0;}

#blocPromo {
   width: 200px; float: left; 
   background: transparent url(../../images/bgBlocPromo.gif) no-repeat;}
#blocPromo h4 {display: none;}
#blocPromo h5 {font-size: 14px; color: #ad1448; margin-bottom: 5px;}
#blocPromo h6 {font-size: 12px;}
#blocPromo .prix {background-image: none; float: right; padding: 0; width: 89px; top: 0; padding: 20px 15px 0 0;}
#blocPromo .zoneTexte {padding: 0 15px; text-align: center; line-height: 14px; font-size: 11px;}
#blocPromo .btnReserver {margin: 0 0 0 45px; float: none;}
#blocPromo img {margin-bottom: 10px;}

#blocSeminaires {margin-bottom: 20px;}
#blocSeminaires table,
.pageEmploi table {border-collapse: collapse; width: 100%;}
#blocSeminaires table th,
#blocSeminaires table td,
#pageOffres table th,
#pageOffres table td {border: 1px #fff solid; padding: 2px 5px; text-align: left;}
#blocSeminaires table th,
.pageEmploi table th {background-color: #d2cdc1;}

.zonePictos a {
   clear: both; display: block; text-decoration: none; 
   font-size: 10px; font-weight: bold; text-align: right;
   padding-top: 10px;}

#legendePictos {
   background-color: #eae6db; border: 10px #fff solid; width: 630px; height: 435px;
   position: absolute; left: 20px; top: 230px; padding: 5px 15px;}
#legendePictos h5 {text-transform: uppercase; font-size: 14px; border-bottom: 1px #ad1448 solid; margin-bottom: 10px;}
#legendePictos ul {list-style: none;}
#legendePictos ul li {float: left; width: 210px; font-size: 11px; line-height: 12px;}
#legendePictos ul li img {float: left; margin-right: 5px;}
#legendePictos ul li span {display: block; float: left; margin-top: 10px; width: 150px;}

/*************************************************** Plan d'accès */

#blocItineraire {border: 0; margin-bottom: 15px; position: relative;}
#blocItineraire p {font-size: 12px; margin-bottom: 10px;}
#blocItineraire .lineForm {margin-bottom: 5px; padding-left: 50px;}
#blocItineraire .lineForm input {font-weight: bold; color: #666; width: 430px;}
#blocItineraire label {width: 30px; text-align: right; display: block; padding-right: 5px; float: left;}
#blocItineraire .btnForm {position: absolute; right: 50px; top: 40px;}

#zoneGoogleMap {background-color: #fff; width: 680px; height: 600px;}

#pageFicheHotel #zoneGoogleMap {margin-bottom: 15px; width: 640px;}

.gmnoprint {font-size: 10px;}
.visuelBulle {margin: 0 5px 10px 0; float: left;}
.zonePicto {clear: both; padding-top: 10px;}
.zonePicto img {float: left; margin-right: 5px;}

/******************************************************************************/
/*                                                                 Actualités */
/******************************************************************************/

.pageActualites #colB h3,
#pageOffres #colB h2 {
   background: transparent url(../../images/bgThemActu.gif) no-repeat;
   width: 670px; height: 30px; text-transform: uppercase; padding: 0 0 0 10px;
   font-size: 12px; line-height: 38px; margin-bottom: 10px;}
.pageActualites .actu {padding: 0 3px;}

#pageDetailActualite .date {padding-top: 10px;}
#pageDetailActualite #colB img {float: left; margin-right: 15px;}
#pageDetailActualite #colB h2 {font-size: 18px; margin-bottom: 15px;}

.listeOffres .cellA {width: 10%;}
.listeOffres .cellB {width: 40%;}
.listeOffres .cellC {width: 28%;}
.listeOffres .cellD {width: 12%;}

/******************************************************************************/
/*                                                                Recrutement */
/******************************************************************************/

#btnCandidature {
   display: block; float: right; color: #000; text-decoration: none; font-size: 11px; font-weight: bold;
   width: 70px; height: 27px; background: #fff url(../../images/pictoCandidature.gif) no-repeat 5px 5px;
   padding: 6px 5px 5px 40px; line-height: 12px; border: 1px #b9b4a5 solid; margin-left: 20px;}

.intro {margin-bottom: 15px;}

#pageOffres #colB h3 {color: #ad1448; font-size: 15px; margin-bottom: 10px;}

.pageEmploi #colB p {margin-bottom: 10px;}
#pageOffres table {margin: 0 3px; width: 99%;}

#outilsEmploi {list-style: none; float: right; width: 350px; height: 27px;}
#outilsEmploi li {float: right;}
#outilsEmploi li a {
   display: block; color: #000; text-decoration: none; font-size: 11px; font-weight: bold;
   height: 27px; padding: 6px 5px 5px 40px; line-height: 12px; border: 1px #b9b4a5 solid; margin-left: 20px;}
#outilsEmploi li a#btnEmploiA {width: 70px; background: #fff url(../../images/pictoCandidature.gif) no-repeat 5px 5px;}
#outilsEmploi li a#btnEmploiB {width: 90px; background: #fff url(../../images/pictoPrintEmploi.gif) no-repeat 5px 5px;}

#logoEmploi {display: none;}

#listeRef {list-style-position: inside; margin-bottom: 15px;}

#pageFicheEmploi #colB h2,
#pageRepondreEmploi #colB h2 {font-size: 22px; color: #ad1448; margin-bottom: 15px;}
#pageFicheEmploi #colB h3,
#pageRepondreEmploi #colB h3 {
   font-size: 14px; text-transform: uppercase; margin-bottom: 5px;
   font-weight: bold; border-bottom: 1px #ad1448 solid;}

.pageEmploi .zoneTexte {margin-bottom: 15px;}

#pageRepondreEmploi #colB h3 {margin-bottom: 20px;}

.mentions {font-size: 10px; line-height: 11px;}

.pageForm #colB fieldset {border: 2px #b9b4a5 solid; padding: 10px; margin-bottom: 15px;}
.pageForm #colB fieldset legend {
   margin: 0 5px; font-weight: bold; margin-bottom: 5px;
   background-color: #fff; border: 1px #b9b4a5 solid;
   padding: 0 10px; font-size: 12px; text-transform: uppercase;}
.pageForm #colB fieldset label {
   display: block; float: left;
   text-align: right; padding-right: 5px;}
.pageForm #colB fieldset .lineForm {margin-bottom: 8px;}

.pageForm #colB .lineCheck {height: 30px;}
.pageForm #colB .lineCheck input {border: 0;}

.pageForm #colB .lineSubmit {margin: 0 0 15px 0; text-align: right; float: right;}

.pageForm #colB fieldset label {width: 130px;}

.colFormA,
.colFormB {float: left; width: 328px;}

.colFormA input,
.colFormB input {width: 180px;}

/******************************************************************************/
/*                                                          Contacter l'hotel */
/******************************************************************************/

#blocSearchMail p,
#blocSearchMail .lineForm {float: left;}

#blocSearchMail p {width: 340px; padding-right: 20px; margin-bottom: 0 !important; font-size: 11px;}
#blocSearchMail .lineForm {width: 268px; background-color: #f2efe8; padding: 10px 5px 10px 15px;}
#blocSearchMail .btnForm {width: 75px;}
#blocSearchMail #search_email {width: 130px;}
#blocSearchMail label {width: 40px !important;}

#emailFound {font-weight: bold; text-align: center; clear: both;}

.pageForm #colB fieldset ul {list-style: none;}
.pageForm #colB fieldset ul li {float: left;}
.pageForm #colB fieldset ul li label,
.pageForm #colB fieldset ul li input {width: auto !important; float: left;}
.pageForm #colB fieldset ul li label {padding-right: 20px;}
.pageForm #colB fieldset ul li input {margin: 0 3px 0 15px; border: 0;}

#pageContact #colB fieldset #nomHotel {width: 308px;}

.pageForm #colB fieldset textarea {width: 508px; height: 70px;}

#pageContact #colB p {margin-bottom: 10px;}

#pageGroupe #colB p {text-align: justify;}

/******************************************************************************/
/*                                                                  Corporate */
/******************************************************************************/

.pageCorporate #colB ul {list-style-position: inside; margin-bottom: 15px;}
.pageCorporate #colB h2 {font-size: 14px; text-transform: uppercase; margin-bottom: 5px;
   font-weight: bold; border-bottom: 1px #ad1448 solid;}

.uneEnseigne {
   border-bottom: 1px #fff solid; 
   padding: 0 0 10px 0; margin-bottom: 10px;}
.uneEnseigne span.visuel {
   display: block; width: 170px;
   text-align: center;
   float: left; margin-right: 15px;}
.uneEnseigne h2 {float: left; width: 490px;}
.uneEnseigne img {border: 0;}
   
.validation-advice {display: block; color: #cc0000; font-weight: bold; padding-top: 3px; clear: both;}

#jsErrMsg {background-color: #cc0000; color: #fff; display: block; font-weight: bold; text-align: center;}

/* Style WysiWyg*/
.texte_rouge {color: #cc0000;}

/*********************************************************************************************************/
/*                                                                                      Calendrier Yahoo */
/*********************************************************************************************************/

#examplecontainer1 {position: relative; left: 250px; top: 1px; z-index: 3 !important;}
#examplecontainer2 {position: relative; left: 250px; top: 1px; z-index: 3 !important;}

#cal1Container { display:none; position:absolute; right:1px; width: 310px; top: 0px; z-index: 15 !important;}
#cal2Container { display:none; position:absolute; right:1px; width: 310px; top: 0px; z-index: 15 !important;}

#fromDayOfWeekLabeln {}
#toDayOfWeekLabel {}
table.yui-calendar { width: 145px !important;}

/*********************************************************************************************************/
/*                                                                                            Mister Bed */
/*********************************************************************************************************/

#lnkHotels {
   display: block; width: 190px; height: 27px; margin-top: 20px;
   background: transparent url(../../images/bgLnkHotels.gif) no-repeat;
   color: #000; text-decoration: none; padding: 15px 20px 0 20px;
   font-size: 11px; font-weight: bold; line-height: 12px; margin-left: 50px;}