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

body {
    font-family: "Arial", Verdana, sans-serif;
    font-size: 12px;
    background-color: #ad1448;}

input, textarea, select {border: 1px #eb6a27 solid;}
input, textarea, select, label, option {font-family: "Arial", Verdana, sans-serif; font-size: 11px;}

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

a {color: #ad1448;}

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

.pageCorporate #ariane li {padding: 0;}

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

#enTete {width: 720px; height: 135px; position: relative;}

#enTete ul {
   list-style: none; position: relative; top: 85px;
   width: 720px; height: 30px;}
#enTete ul li {float: left;}
#enTete ul li a {
   display: block; height: 30px; background-repeat: no-repeat;
   text-indent: -5000px; overflow: hidden;}
#enTete ul li#btnNavA a {background-image: url(../../images/btnNavA.gif); width: 70px;}
#enTete ul li#btnNavB a {background-image: url(../../images/btnNavB.gif); width: 144px;}
#enTete ul li#btnNavC a {background-image: url(../../images/btnNavC.gif); width: 135px;}
#enTete ul li#btnNavD a {background-image: url(../../images/btnNavD.gif); width: 108px;}
#enTete ul li#btnNavE a {background-image: url(../../images/btnNavE.gif); width: 86px;}
#enTete ul li#btnNavF a {background-image: url(../../images/btnNavF.gif); width: 101px;}
#enTete ul li#btnNavG a {background-image: url(../../images/btnNavG.gif); width: 76px;}

#enTete em {
   display: block; width: 199px; height: 16px;
   background: transparent url(../../images/baseline.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;
   position: absolute; top: 36px; left: 15px;}

#lnkMeilleurTarif {
   display: block; width: 94px; height: 63px;
   background: transparent url(../../images/meilleurTarif.png) no-repeat;
   text-indent: -5000px; overflow: hidden;
   position: absolute; top: 10px; left: 230px;}

#langues {position: absolute; right: 0; top: 10px;}
#langues a {
   display: block; width: 19px; height: 22px; 
   text-indent: -5000px; overflow: hidden;
   float: left; margin-left: 5px;}

#langues #vFR {background: transparent url(../../images/drapFR.gif) no-repeat;}
#langues #vEN {background: transparent url(../../images/drapEN.gif) no-repeat;}
#langues #vDE {background: transparent url(../../images/drapDE.gif) no-repeat;}

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

#footer {width: 720px; text-align: center; height: 50px;}
#footer p {
   width: 330px !important; height: 36px; line-height: 36px; float: left; 
   font-size: 10px; color: #fff; padding-left: 20px;}
#footer p a {text-decoration: none; color: #fff;}
#footer p a:hover {text-decoration: underline;}
#footer p img {border: 0; position: relative; top: 6px; left: 5px; float: left;}
#footer p span {display: block; float: left;}
#footer p a#logoPhare {float: right; margin-left: 10px;}
#footer #logosEnseignes {float: left; margin-left: 20px;}
#footer #logosEnseignes img {border: 0;}

.btnForm {
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px; color: #fff; float: left;
   background-color: #ad1448; font-weight: bold;
   padding: 2px 6px; text-align: center; text-decoration: none;
   cursor: pointer; border: 0; font-size: 14px;}

.btnValider {width: 80px !important;}

/******************************************************************************/
/*                                                               Main Content */
/******************************************************************************/

#mainContent {background: transparent url(../../images/bgMainContent.gif) no-repeat; padding-top: 20px; width: 720px; margin-bottom: 10px;}
#piedMainContent {background: transparent url(../../images/piedMainContent.gif) no-repeat; width: 720px; height: 16px;}
#content {margin: 0 3px 0 3px; background-color: #fff; width: 680px; padding: 0 17px 17px 17px;}

#colA,
#colB {float: left;}

#colA {width: 260px;}
#colB {width: 720px; position: relative;}

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

#colA #logo {
   display: block; width: 200px; height: 108px;
   background: transparent url(../../images/bgLogo.gif) no-repeat;
   text-align: center; font-size: 10px; line-height: 11px; margin-bottom: 16px;
   color: #000; text-decoration: none; padding: 12px 20px 0 20px;}
#colA #logo img {border: 0; margin-bottom: 9px; display: block;}

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

#blocNewsletter legend {display: none;}

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

.btnRetour {
   text-align: right; float: right; position: relative; top: 20px;
   text-decoration: none; font-weight: bold; font-size: 11px; 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-bottom: 1px #eee 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;}

/******************** Bloc réserver un hotel */

#blocResaHotel {width: 220px; margin: 0 0 15px 10px;}
#blocResaHotel h2 {
   width: 220px; height: 30px;
   background: transparent url(../../images/titreBlocResa.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}
#blocResaHotel #contentResa {
   -moz-border-radius: 20px; 
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
   border: 3px #eb6a27 solid;
   background-color: #fff;
   padding: 12px;}

#blocResaHotel label {
   display: block; font-weight: bold; 
   text-align: right; padding-right: 10px;}
#blocResaHotel .lineForm {margin-bottom: 10px;}
#blocResaHotel .lineDates {margin-bottom: 6px;}
#blocResaHotel .lineClient label {text-align: left;}
#blocResaHotel select option {padding: 0 10px 0 5px;}
#blocResaHotel select#city {font-size: 10px; width: 100px;}
#blocResaHotel select#listeHotelsForm {font-size: 10px; width: 190px;}
#blocResaHotel label.inptPetit {width: 80px; float: left;}
#blocResaHotel .lineForm input {width: 178px; margin-bottom: 5px; }
#blocResaHotel input#date_arrivee,
#blocResaHotel input#date_depart {width: 76px; height: 16px; text-align: center; background-color: #fff !important;}
#blocResaHotel .lnkAnnuler {font-size: 10px; line-height: 11px;}

#codeClient {margin-top: 3px; width: 190px;}

#btnJeReserveFiche,
#btnJeReserve {float: right; border: 0;}

#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: 220px; margin: 0 0 15px 10px;}
.blocSearchHotelSem h2 {
   width: 220px; height: 41px;
   background: transparent url(../../images/titreBlocSearchSem.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}
.blocSearchHotelSem #contentSearchSem {
   -moz-border-radius: 20px; 
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
   border: 3px #eb6a27 solid;
   background-color: #fff;
   padding: 12px;}
.blocSearchHotelSem label {width: 120px; float: left; font-weight: bold;}
.blocSearchHotelSem #capAccueil {width: 70px;}

#btnJeRecherche {float: right; border: 0; margin: 10px 0 0 0;}

#pageSeminaires #content h2 {padding-top: 15px;}
#pageSeminaires #content .blocSearchHotelSem {float: right; margin: 0 0 30px 40px;}
#pageSeminaires #content .blocSearchHotelSem h2 {
   background: transparent url(../../images/titreBlocSearchSem2.gif) no-repeat; 
   padding-top: 0; margin-top: 15px;}

.btnSem {
  text-decoration: none; font-weight: bold; padding: 1px 5px;
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px; color: #fff; text-align: center;
   background-color: #eb6a27;}
.btnSem:hover {background-color: #ad1448;}

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

#blocNewsletter {
   width: 220px; padding-top: 30px; margin: 0 0 15px 10px;
   background: transparent url(../../images/titreBlocNewsletter.gif) no-repeat;}
#blocNewsletter #contentNewsletter {
   -moz-border-radius: 20px; 
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
   border: 3px #eb6a27 solid;
   background-color: #fff;
   padding: 12px;}
#blocNewsletter label {width: 80px; float: left; font-weight: bold;}
#blocNewsletter #votreEmail {width: 108px;}

#btnJeMabonne {float: right; border: 0; margin: 10px 0 0 0;}

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

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

#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 */

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

#pageAccueil #colB #searchHotelMap,
#pageAccueil #colB #actusPromos {float: left;}

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

#searchHotelMap {width: 220px; margin: 0 0 10px 10px;}
#searchHotelMap h2 {
   width: 220px; height: 30px;
   background: transparent url(../../images/titreBlocSearchMap.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}
#searchHotelMap #contentSearchMap {
   -moz-border-radius: 20px; 
   -webkit-border-radius: 20px;
   -khtml-border-radius: 20px;
   border-radius: 20px;
   border: 3px #eb6a27 solid;
   background-color: #fff;
   padding: 12px;}

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

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

#pageAccueil #searchHotelMap {
   width: 250px; padding: 0 20px 0 0; background-image: none; 
   margin: 0 0 10px 0;}
#pageAccueil #searchHotelMap h2 {
   display: block; width: 250px; height: 22px; margin-bottom: 20px;
   background: transparent url(../../images/titreSearchMap.gif) no-repeat;
   position: relative; text-indent: -5000px; overflow: hidden;}
#pageAccueil #searchHotelMap #contentSearchMap {
   -moz-border-radius: 0; 
   -webkit-border-radius: 0;
   -khtml-border-radius: 0;
   border-radius: 0;
   border: 0; padding: 0;}
#pageAccueil #searchHotelMap ul {width: 100px; padding-left: 20px; margin-top: 10px;}

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

#actusPromos {width: 410px;}
#actusPromos .titreActu {
   width: 410px; height: 22px; margin-bottom: 20px;
   text-indent: -5000px; overflow: hidden;
   background: transparent url(../../images/titreActusPromos.gif) no-repeat;}

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

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

#pageEnseignes #colB h2 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreEnseignes.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

.pageActualites #colB h1 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreActualites.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

.pageEmploi #colB h1 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreRecrutement.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

#pageCarte #colB h1 {
   width: 680px; height: 28px; margin-bottom: 5px;
   background: transparent url(../../images/titreCarte.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

#pageContact #colB h1 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreContact.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}
#pageNewsletter #colB h1 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreNewsletter.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

#pageMentions #colB h1 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreMentions.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

#pageCGV #colB h1 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreCGV.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

#pageSeminaires #colB h1 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreSeminaires.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

#pageMeilleurTarif #colB h1 {
   width: 680px; height: 28px; margin-bottom: 15px;
   background: transparent url(../../images/titreMeilleurTarif.gif) no-repeat;
   text-indent: -5000px; overflow: hidden;}

#pageListeHotels #mainContent h1 {font-size: 24px; font-weight: normal; margin-bottom: 15px;}

.blocHotel {margin-bottom: 10px;}
.titreHotel {
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px; padding: 5px 5px 3px 10px;
   margin-bottom: 10px;}
.titreHotel h2 { font-size: 20px; font-weight: normal; line-height: 20px; margin: 2px 0 0 0;}
.titreHotel h2 a {text-decoration: none; color: #fff;}
.marque {float: left; margin: 0 10px 0 0;}

.blocHotel img.photo {float: left; margin-right: 10px;}

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

.prix {
   font-size: 22px; text-align: center; width: 100px; 
   float: right; line-height: 18px !important; color: #ad1448;
   -moz-border-radius: 10px; font-weight: bold;
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px; padding-bottom: 4px;
   border-radius: 10px; background-color: #fff;}
.prix span {
   display: block; font-size: 10px; font-weight: normal; 
   text-transform: uppercase; color: #000;}

.btnPlan {
   display: block; width: 50px; height: 30px; float: right; line-height: 12px;
   background: transparent url(../../images/btnAcces.png) no-repeat; font-weight: bold;
   padding: 0 0 0 35px; text-decoration: none; font-size: 11px; color: #000; margin: 10px 0 0 10px;}

.blocHotel .prix {position: relative; top: 5px; margin-right: 10px;}
.blocHotel .zoneTexte {line-height: 15px; clear: both; padding: 0 10px;}
.blocHotel .horaires,
.blocHotel .coordonnees {margin-bottom: 5px;}

.btnPlusInfo {
   display: block; 
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px; color: #fff; float: left;
   background-color: #ad1448; font-weight: bold;
   padding: 2px 10px; text-align: center; text-decoration: none;}
.btnReserver {
   display: block; height: 28px; width: 120px; text-indent: -5000px; overflow: hidden;
   background: transparent url(../../images/btnJeReserveFiche.png) no-repeat; float: right; margin-left: 15px;}

.blocHotel .btnReserver {margin: 10px 10px 0 0;}

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

#contentFiche {
   width: 660px; padding: 10px;
   -moz-border-radius: 15px; 
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
   border-radius: 15px;}

#navFiche {list-style: none; width: 660px; height: 27px; margin-top: 20px;}
#navFiche li {float: left; height: 27px;}
#navFiche li h3 {border-bottom: 0 !important; margin-bottom: 0 !important;}
#navFiche li a {display: block; height: 27px; background-repeat: no-repeat; background-position: 0 -30px;}
#navFiche li a span {display: none;}
#navFiche li#btnNavFicheA,
#navFiche li#btnNavFicheB {margin: 0 1px 0 0;}

#navFiche li#btnNavFicheA a {background-image: url(../../images/btnInfosGene.png); width: 132px;}
#navFiche li#btnNavFicheB a {background-image: url(../../images/btnPlanAcces.png); width: 112px;}
#navFiche li#btnNavFicheC a {background-image: url(../../images/btnPromo.png); width: 72px;}

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

#padd {width: 630px; padding: 15px;}

#piedPadd {width: 660px; height: 15px; background: transparent url(../../images/piedPadd.png) no-repeat;}

#pageFicheHotel #colB h1 {
   font-size: 22px; line-height: 23px; text-transform: none; padding-bottom: 8px; margin-bottom: 10px;
   font-weight: normal; background: transparent url(../../images/filetTitreFiche.png) no-repeat left bottom; }

#pageFicheHotel .coordonnees,
#pageFicheHotel .horaires {float: left; color: #fff; font-size: 11px;}

#pageFicheHotel .coordonnees {width: 420px;}
#pageFicheHotel .horaires {width: 240px; text-align: right;}

ul.lnkOutils {list-style: none; float: right; position: relative; top: 20px; left: 0;}
ul.lnkOutils li {float: left;}
ul.lnkOutils li a {
   color: #fff; 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.png) no-repeat 0 4px;}
ul.lnkOutils li.pictoDownload a {background: transparent url(../../images/pictoDownload.png) no-repeat 0 3px;}

#blocVisuels {float: left; padding-bottom: 10px; width: 250px;}
#blocVisuels {width: 250px;}
#blocVisuels #zoom {margin-bottom: 5px;}
#blocVisuels .legende {margin: 0 0 10px 0 !important;}
#blocVisuels .legende h4 {font-size: 10px !important; margin: 0 !important; font-weight: normal !important; border-bottom: 0 !important;}

#blocVisuels ul {list-style: none; width: 250px; height: 53px; margin-bottom: 30px;}
#blocVisuels ul li {float: left; padding-right: 10px;}
#blocVisuels ul li img {border: 0;}

#blocVisuels .btnReserver {margin-top: 20px;}

#descriptif {width: 365px; padding-left: 15px; float: left;}

#pageFicheHotel #descriptif h3,
#services h3 {font-size: 13px; color: #ad1448;}

.zonePictos a img {border: 0;}

#padd h4 {
   font-size: 18px; margin-bottom: 5px;
   font-weight: normal; }
#pageFicheHotel #descriptif img {float: left; margin: 5px 10px 0 0;}
#pageFicheHotel #descriptif .zoneTexte {margin-bottom: 10px;}

#blocPromo {
   width: 640px; -moz-border-radius: 10px; 
   -webkit-border-radius: 10px; padding: 10px;
   -khtml-border-radius: 10px; margin-top: 10px;
   border-radius: 10px; background-color: #fff;}
#blocPromo h4 {display: none;}
#blocPromo h5 {font-size: 14px; color: #ad1448; margin-bottom: 5px;}
#blocPromo h6 {font-size: 12px;}

#blocPromo .prix {background-color: #ad1448; color: #fff; }
#blocPromo .prix span {color: #fff;}
#blocPromo .zoneTexte {line-height: 14px; font-size: 11px; width: 390px;}
#blocPromo .zoneTexte p {margin-bottom: 0;}
#blocPromo img {margin-right: 10px; float: left;}

#blocSeminaires {margin-bottom: 20px;}
#blocSeminaires h3,
#services h3 {margin-bottom: 10px !important;font-size: 13px; color: #ad1448;}

#blocSeminaires table,
.pageEmploi table {border-collapse: collapse; width: 100%; margin-bottom: 15px;}

#blocSeminaires table th,
#blocSeminaires table td,
#pageOffres table th,
#pageOffres table td {border-bottom: 1px #eee solid; padding: 2px 5px; text-align: left;}
#blocSeminaires table th,
.pageEmploi table th {background-color: #eee;}

.hotelPC, .coulPC .titreHotel {background-color: #f7b322;}
.hotelMB, .coulMB .titreHotel {background-color: #006633;}
.hotelKY, .coulKY .titreHotel {background-color: #0c3188;}
.hotelCA, .coulCA .titreHotel {background-color: #96c038;}
.hotelAS, .coulAS .titreHotel {background-color: #1da02e;}
.hotelCO, .coulCO .titreHotel {background-color: #0062ab;}
.hotelSH, .coulSH .titreHotel {background-color: #eee;}

.hotelPC #padd {background: #fff url(../../images/bgPaddPC.gif) no-repeat;}
.hotelMB #padd {background: #fff url(../../images/bgPaddMB.gif) no-repeat;}
.hotelKY #padd {background: #fff url(../../images/bgPaddKY.gif) no-repeat;}
.hotelCA #padd {background: #fff url(../../images/bgPaddCA.gif) no-repeat;}
.hotelAS #padd {background: #fff url(../../images/bgPaddAS.gif) no-repeat;}
.hotelCO #padd {background: #fff url(../../images/bgPaddCO.gif) no-repeat;}
.hotelSH #padd {background: #fff url(../../images/bgPaddSH.gif) no-repeat;}

.coulSH .titreHotel h2 a {color: #000;}

.hotelPC h1,
.hotelMB h1,
.hotelKY h1,
.hotelCA h1,
.hotelAS h1,
.hotelCO h1 {color: #fff;}

#pageFicheHotel .hotelPC h1 span,
.coulPC .titreHotel span {color: #ad1448;}

#pageFicheHotel .hotelKY h1 span,
#pageFicheHotel .hotelCO h1 span,
#pageFicheHotel .hotelSH h1 span,
.coulKY .titreHotel span,
.coulCO .titreHotel span,
.coulSH .titreHotel span,
.coulMB .titreHotel span {color: #eb6a27;}

#pageFicheHotel .hotelCA h1 span,
.coulCA .titreHotel span {color: #ad1448;}

#pageFicheHotel .hotelSH .coordonnees,
#pageFicheHotel .hotelSH .horaires,
.hotelSH ul.lnkOutils li a {color: #000;}

/*************************************************** 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 {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: 660px; height: 600px;}

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

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

#infobulle .btnPlusInfo {font-size: 12px;}
#infobulle .btnReserver {
   height: 20px; width: 90px; 
   background: transparent url(../../images/btnJeReserve.gif) no-repeat; float: right; margin-left: 15px;}

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

h3.titreArrondi,
h2.titreArrondi {
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
   background-color: #eb6a27;
   padding: 1px 10px; color: #fff;
   margin-bottom: 10px; font-size: 14px;}

#pageOffres #colB h2.titreArrondi {font-size: 14px;}

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

.listeOffres {margin-bottom: 15px !important;}
.listeOffres .cellA {width: 10%;}
.listeOffres .cellB {width: 40%;}
.listeOffres .cellC {width: 28%;}
.listeOffres .cellD {width: 12%;}

.pagePromo #contentPadd img {float: left; margin-right: 20px; margin-bottom: 15px;}
.pagePromo #contentPadd h2 {
   font-size: 20px; margin-bottom: 10px; font-weight: normal; color: #ad1448;
   line-height: 20px; padding-right: 120px; padding-top: 10px;}
.pagePromo #contentPadd h3 {font-size: 14px !important; margin-bottom: 5px;}
.pagePromo #contentPadd label {font-weight: bold;}
#calendar {margin: -10px 0 15px 0 !important;}

.pagePromo #contentPadd,
.float {float: left;}
.float {padding-right: 5px;}

.pagePromo .offre {float: right; margin: 0 0 15px 30px; width: 130px;}
.pagePromo .tarif {
   color: #fff; font-weight: bold; 
   -moz-border-radius: 10px; font-size: 14px;
   -webkit-border-radius: 10px; display: block;
   -khtml-border-radius: 10px; text-align: center;
   border-radius: 10px; padding: 5px; margin-bottom: 5px;
   background-color: #ad1448; width: 120px;}
.pagePromo .offre em {
   display: block; font-size: 10px;}


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

#btnCandidature {
   float: right; -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px; font-size: 11px;
   border-radius: 10px; display: block; line-height: 12px;
   font-weight: bold; padding: 10px 0 10px 35px; color: #fff; text-decoration: none;
   margin-bottom: 10px; font-size: 12px; width: 140px; margin-left: 20px;
   background: #ad1448 url(../../images/pictoCandidature.png) no-repeat 7px 5px;}

.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; margin-top: 20px;}
#outilsEmploi li {width: 185px;}
#outilsEmploi li a {
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px; font-size: 11px;
   border-radius: 10px; display: block; line-height: 12px;
   background-color: #ad1448; font-weight: bold;
   padding: 10px 0 10px 35px; color: #fff; text-decoration: none;
   margin-bottom: 10px; font-size: 12px; background-repeat: no-repeat;
   background-position: 7px 5px;}
#outilsEmploi li a#btnEmploiA {background-image: url(../../images/pictoCandidature.png);}
#outilsEmploi li a#btnEmploiB {background-image: url(../../images/pictoPrintEmploi.png);}

#logoEmploi {display: none;}

.raison {float: right; position: relative; top: 10px;}

#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 {
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
   background-color: #eb6a27;
   padding: 1px 10px; color: #fff;
   margin-bottom: 10px; font-size: 14px;}

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

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

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

.pageForm #colB fieldset {
   border: 1px #eb6a27 solid; 
   -moz-border-radius: 15px; 
   -webkit-border-radius: 15px;
   -khtml-border-radius: 15px;
   border-radius: 15px;
   padding: 10px; margin-bottom: 15px;}
.pageForm #colB fieldset legend {
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px; color: #fff; float: left;
   background-color: #eb6a27; font-weight: bold; margin-bottom: 10px;
   padding: 2px 10px; text-align: center; text-decoration: none;}
.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: 300px; padding-right: 20px; margin-bottom: 0 !important; font-size: 11px;}
#blocSearchMail .lineForm {width: 308px;}
#blocSearchMail .lineForm input {float: left;}
#blocSearchMail .btnForm {width: 85px; font-size: 12px;}
#blocSearchMail #search_email {width: 160px; margin-right: 10px; position: relative; top: 3px;}
#blocSearchMail label {width: 40px !important; position: relative; top: 5px; font-weight: bold;}

#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; margin-bottom: 5px;
   font-weight: bold;}

#pageSeminaires #colB h3 {font-size: 18px; color: #ad1448; font-weight: normal; margin-bottom: 5px;}

.uneEnseigne {padding: 0 0 10px 0; margin-bottom: 10px;}
.uneEnseigne span.visuel {
   display: block; width: 170px;
   text-align: center; margin-bottom: 10px;
   float: left; margin-right: 15px;}
.uneEnseigne h3 {
   float: left; width: 470px;
   -moz-border-radius: 10px; 
   -webkit-border-radius: 10px;
   -khtml-border-radius: 10px;
   border-radius: 10px;
   background-color: #eb6a27;
   padding: 1px 10px; color: #fff;
   margin-bottom: 10px;}
.uneEnseigne img {border: 0;}

.validation-advice,
#jsErrMsg {background-color: #ad1448; color: #fff; display: block; font-weight: bold; text-align: center;}

#blocVousEtes {position: relative;}
#blocVousEtes .validation-advice {position: absolute; left: 100px; top: 17px; padding: 1px 10px;}

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

#pageMeilleurTarif #colB h2 {font-size: 18px; color: #ad1448; font-weight: normal; margin-bottom: 10px;}
#pageMeilleurTarif #colB h2 span {
   display: inline-block; width: 80px; height: 28px;
   background: transparent url(../../images/bgTarif.gif) no-repeat;
   color: #fff; line-height: 28px; text-align: center;}

#pageMeilleurTarif #content #btnJeReserveMT {
   display: block; width: 250px; height: 28px; margin-left: 200px;
   background: transparent url(../../images/btnJeReserveMeilleurTarif.gif) no-repeat;
   text-indent: -5000px; overflow: hidden; margin-bottom: 20px;}
#pageMeilleurTarif #content ul.liste li {margin-bottom: 5px;}

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