@charset "utf-8";
/* ###########################################################
######################## RESET CSS - DEBUT ###################
########################################################### */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
    }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
    }
body {
    line-height: 1
    }
ol, ul {
    list-style: none
    }
blockquote, q {
    quotes: none
    }
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
    content: none
    }
table {
    border-collapse: collapse;
    border-spacing: 0
    }
audio {
    height: 0;
    width: 0
    }
/* ###########################################################
######################## RESET CSS - FIN #####################
########################################################### */
@font-face {
    font-family: "QuicksandBook";
    src: url(../fonts/Quicksand.eot);
    src: url(../fonts/Quicksand.eot?#iefix) format("embedded-opentype"), url(../fonts/Quicksand.woff) format("woff"), url(../fonts/Quicksand.ttf) format("truetype");
    font-weight: normal;
    font-style: normal
    }
@font-face {
    font-family: "QuicksandBook";
    src: url(../fonts/quicksand_bold-webfont.eot);
    src: url(../fonts/quicksand_bold-webfont.eot?#iefix) format("embedded-opentype"), url(../fonts/quicksand_bold-webfont.woff) format("woff"), url(../fonts/quicksand_bold-webfont.ttf) format("truetype");
    font-weight: bold;
    font-style: normal
    }
html {
    overflow-y: hidden
    }
body {
    background: #fff;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    /* Soit 80% de la taille de la police par défaut du navigateur (par défaut 16px) - Voir http: //riddle.pl/emcalc/ pour calculer la taille des polices en cascade */
    color: #000;
    /* Couleur des texte dans Speedsales */
    margin: 0;
    padding: 0;
    line-height: 1.6875;
    overflow-x: auto;
    height: 100%
    }
p.btn {
    clear: both;
    margin: 5px 0 !important
    }
a.btn, .btn a, a.btnOffres, #btnIntro {
    background: url(../images/btn.png) no-repeat right top;
    color: #FFF !important;
    height: 24px;
    line-height: 24px;
    text-align: center;
    text-decoration: none !important;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms
    }
a.btnOffres {
    width: auto
    }
a.btn:hover, .btn a:hover, a.btnOffres:hover, #btnIntro:hover {
    background-position: bottom right;
    color: #000 !important
    }
strong {
    font-weight: bold
    }
em {
    font-style: italic
    }
br {
    line-height: 1
    }
sup {
    vertical-align: top;
    font-size: 0.7em
    }
#btnIntro {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 1000;
    display: block;
    margin-left: -100px;
    width: auto;
    width: 200px;
    font-size: 0.8em;
    font-family: "QuicksandBook", Arial, sans-serif
    }
/* ###########################################################
######################## HEADER ##############################
###########################################################
   ================================================== */
#header {
    position: fixed;
    top: 24px;
    left: -66px;
    z-index: 40;
    min-width: 1024px;
    min-width: 980px;
    width: 100%;
    height: 240px;
    color: #fff;
    font-size: 0.95em;
    font-family: "QuicksandBook"
    }
#headerBack {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 240px;
    background: #000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
    }
#retourMenu {
    position: relative;
    right: -66px;
    display: none;
    padding: 5px;
    width: 110px;
    height: 56px;
    background: #000;
    color: #FFF;
    line-height: 28px
    }
/* ** Navigation HEADER **
   ==================================================
   ================================================== */
#header #nav {
    position: absolute;
    left: 33px;
    margin: 0;
    width: 100%;
    height: 240px;
    font-size: 1em
    }
#header #nav ul {
    position: relative;
    margin: 0 auto;
    text-align: center
    }
#header #nav ul li {
    display: inline
    }
#header #nav ul li ul {
    display: none
    }
#header #nav ul li ul.snav {
    display: block
    }
#header #nav a {
    float: left;
    color: #fff;
    text-decoration: none;
    letter-spacing: 2px;
    cursor: pointer
    }
#header #nav a:hover {
    color: #015F67
    }
#header #nav a.pictoHome {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/header/pictoHome.png) no-repeat 0 0;
    -webkit-transition-duration: 0ms;
    -moz-transition-duration: 0ms;
    -o-transition-duration: 0ms;
    -ms-transition-duration: 0ms;
    transition-duration: 0ms
    }
#headerNavButton {
    position: absolute;
    top: 0;
    left: 100%;
    width: 66px;
    height: 66px;
    background-image: url(../images/header/fleche-nav.jpg);
    background-position: -66px 0;
    color: #fff;
    cursor: pointer;
    cursor: pointer
    }
#headerNavButton.open {
    background-position: -66px 0
    }
#headerNavButton.close {
    background-position: 0 0
    }
/* ** Logo HEADER **
   ==================================================
   ================================================== */
#header #logoHeader {
    position: absolute;
    top: 25%;
    padding-left: 33px;
    width: 100%;
    height: 140px;
    text-align: center
    }
#header #logoHeader a {
    display: block;
    margin: 0 auto;
    max-width: 138px;
    max-height: 139px;
    width: auto;
    height: 100%
    }
#header #logoHeader img {
    display: block;
    margin: 0 auto;
    max-width: 138px;
    max-height: 139px;
    width: auto;
    height: 100%
    }
#header #logoHeader a img.imgHover, #header #logoHeader a:hover img.imgBase {
    display: none
    }
#header #logoHeader a:hover img.imgHover {
    display: block
    }
/* ** Légende HEADER **
   ==================================================
   ================================================== */
#header #legende {
    position: absolute;
    bottom: 19%;
    overflow: hidden;
    padding-left: 33px;
    width: 100%;
    text-align: left;
    font-size: 0.8em;
    line-height: 1.2em
    }
#header #legende .text {
    position: relative;
    bottom: -75px;
    margin: 0 auto;
    width: 90%
    }
#header #legende .text p {
    width: 80%
    }
/* ** Gestion des effets de transition  **
   ==================================================
   ================================================== */
#header #nav a {
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms
    }
/* Video */
.container-video {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    overflow: hidden;
    background: url(../images/content/overlay-video.png) repeat;
    font-family: "QuicksandBook"
    }
.btnCloseVideo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 110;
    margin: -265px 0 0 334px;
    padding: 5px 10px;
    width: auto;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-size: 12px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s
    }
.btnCloseVideo:hover {
    background-color: #FFF;
    color: #000
    }
.isIe8 .me-plugin {
    position: static
    }
.mejs-container {
    position: absolute !important;
    top: 50%;
    left: 50%;
    margin: -235px 0 0 -410px
    }
.mejs-container.mejs-container-fullscreen {
    top: 0;
    left: 0;
    margin: 0
    }
/**/
.closePageSlidePresentation, .closepageslideSuiteDeluxe {
    margin-left: 10px;
    position: absolute;
    bottom: 20px;
    margin-top: -64px !important;
    right: 20px;
    z-index: 20
    }
#container.largeurComplete {
    width: 100% !important;
    left: 0 !important
    }
.texteBlog {
    position: absolute;
    top: 50%;
    height: 100px;
    margin-top: -50px;
    width: 100%;
    text-align: center;
    font-size: 40px
    }
.container-offres {
    height: auto;
    width: 280px;
    position: absolute;
    right: 4%;
    bottom: 30px;
    z-index: 40
    }
.container-offres #btnWidgetOffres {
    color: #fff !important;
    width: auto;
    height: 36px;
    line-height: 36px;
    padding: 0 20px 0 10px;
    text-decoration: none;
    background: url(../images/content/fleches-widget.png) no-repeat 0 0;
    display: block;
    border-bottom: none;
    background-color: #000
    }
.container-offres #btnWidgetOffres.down {
    background-position: 98% -36px
    }
.container-offres #btnWidgetOffres.down:hover {
    background-position: 98% -62px;
    background-color: #fff;
    color: #000 !important
    }
.container-offres #btnWidgetOffres.up {
    background-position: 98% 15px;
    background-color: #fff;
    color: #000 !important
    }
.container-offres #btnWidgetOffres.up:hover {
    background-position: 98% -11px;
    background-color: #000;
    color: #fff !important
    }
/*================================================================================================== 
   ================================================================================================== 
                                        CONTENT 
   ==================================================================================================== 
   ==================================================================================================== */
#content {
    width: 100%;
    font-size: 1em;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 30px;
    font-family: "QuicksandBook";
    min-width: 980px;
    overflow: hidden;
    background: url(../images/header/logo-image-hover.png) no-repeat center center
    }
/* ********* BLOC PRESENTATION PAGE ACCUEIL *********
   ================================================== */
a.btnPresentation {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    padding: 0 25px 0 10px !important;
    width: 140px;
    height: 24px;
    font-size: 0.9em;
    line-height: 24px
    }
#content #slide-presentation {
    position: absolute;
    width: 100%;
    height: auto !important;
    bottom: 0;
    background-color: #FFF;
    left: 101%;
    font-size: 0.9em;
    z-index: 25
    }
#content #slide-presentation .closePageSlide {
    z-index: 23
    }
#content #slide-presentation .closePresentation:hover {
    background-position: left bottom
    }
#content #slide-presentation .texte {
    position: relative
    }
/* ===[ TEXTE - Slide Presentation ]=== */
#content #slide-presentation .texte {
    left: 0;
    width: 73%;
    padding: 105px 2% 1%;
    -webkit-box-shadow: 0 0 10px 0 #333;
    box-shadow: 0 0 10px 0 #333;
    /*    overflow-x:hidden;
        overflow-y:auto;*/
    }
#content #slide-presentation .texte h1 {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1%
    }
#content #slide-presentation .texte h2 {
    font-size: 1.2em;
    border-bottom: 1px solid #888
    }
#content #slide-presentation .texte p {
    margin: 1% 0
    }
#content #slide-presentation .texte a {
    color: #015F67
    }
#content #slide-presentation .texte a:hover {
    color: #000
    }
#content #slide-presentation .texte ul {
    margin: 1% 0 1% 5%
    }
#content #slide-presentation .texte ul li {
    list-style-type: disc
    }
/* ===[ SIDEBAR - Slide Presentation ]=== */
#content #slide-presentation .sideBarAccueil {
    background: none repeat scroll 0 0 #121212;
    border-left: 1px solid #888;
    bottom: 0;
    left: 77%;
    padding: 85px 2% 2%;
    position: absolute;
    top: 0;
    width: 19%
    }
#content #slide-presentation .sideBarAccueil ul li {
    margin-bottom: 10px;
    list-style-type: none
    }
#content #slide-presentation .sideBarAccueil a {
    height: 24px;
    line-height: 24px;
    display: block;
    padding: 0
    }
/* ********* ITEMS *********
   ================================================== */
#content #container {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 77%;
    left: 23%;
    height: 100%;
    z-index: 39;
    overflow: hidden
    }
#content #container .wrapper, #content #container #wrapper-dynamique {
    height: 100%;
    width: 100%;
    overflow: hidden;
    position: relative
    }
#content .item {
    float: left;
    width: 33.33%;
    height: 100%;
    position: relative
    }
/* ===[ Mosaïque avec 1 seule rubrique (PDV) ]=== */
#content .rubriques-1 .item {
    width: 100%
    }
/* ===[ Mosaïque avec 2 / 4 / 8 / 10 rubriques (PDV) ]=== */
#wrapper-dynamique.rubriques-2 .item, #wrapper-dynamique.rubriques-4 .item, #wrapper-dynamique.rubriques-10 .item, #wrapper-dynamique.rubriques-5 .item.deux, #wrapper-dynamique.rubriques-5 .item.trois, #content .wrapper.rubriques-2 .item, #content .wrapper.rubriques-4 .item, #content .wrapper.rubriques-10 .item {
    width: 50%
    }
/* ===[ MosaÏque avec 3 / 6 / 9 / 12 rubriques (PDV) ]=== */
#wrapper-dynamique.rubriques-3 .item, #wrapper-dynamique.rubriques-6 .item, #wrapper-dynamique.rubriques-9 .item, #content .wrapper.rubriques-3 .item, #content .wrapper.rubriques-5 .item, #content .wrapper.rubriques-6 .item, #content .wrapper.rubriques-9 .item {
    width: 33.33%
    }
#wrapper-dynamique.rubriques-5 .item.un .box {
    width: 33.33%
    }
/* ===[ Modeles pour les pages Chambres  ]=== */
#content .wrapper.modele-chambres .item {
    height: 60%
    }
#content .wrapper.modele-chambres .item .box {
    height: 50%
    }
#content .item.disponibilite-reservation {
    position: relative;
    z-index: 3;
    float: left;
    width: 66.66%;
    height: 40% !important;
    background-color: #fff
    }
#content .item.disponibilite-reservation .box {
    height: 100% !important
    }
#content .item.disponibilite-reservation h2 {
    line-height: 2em;
    text-transform: uppercase;
    padding: 0% 2%
    }
#content .item.disponibilite-reservation .bloc-gauche, #content .item.disponibilite-reservation .bloc-droite {
    height: 100%;
    float: left
    }
#content .bloc-gauche .qs_form .qs_ul li .date {
    width: 50%
    }
#content .item.disponibilite-reservation .bloc-gauche {
    width: 58% !important;
    margin-left: 2%
    }
#content .item.disponibilite-reservation .bloc-droite {
    width: 40% !important
    }
#content .item.disponibilite-reservation .bloc-droite a {
    display: block;
    color: #000;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
    }
#content .item.disponibilite-reservation .bloc-droite img {
    margin: 10px auto;
    max-width: 100% !important;
    height: auto !important;
    border: 1px solid #888;
    box-shadow: 0 0 5px 0 #ccc;
    vertical-align: middle;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
    }
#content .item.disponibilite-reservation .bloc-droite a:hover {
    color: #00173D
    }
#content .item.disponibilite-reservation .bloc-droite a:hover img {
    border-color: #00173D;
    box-shadow: 0 0 5px 0 #ccc inset
    }
#content .item.disponibilite-reservation .container-iframe {
    top: 2em;
    bottom: 0;
    width: 100%;
    height: auto !important;
    position: absolute
    }
#content .item.disponibilite-reservation .container-iframe img {
    width: auto !important;
    margin: 0 auto
    }
#content .modele-chambres .pageslide .contenuSlide {
    padding: 0 20px 30px !important
    }
/* =========================================== */
#content .item .box {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    float: left
    }
#content .item .box > div {
    position: relative;
    height: 100% !important;
    width: 100% !important
    }
#content .item .box.imgGrand {
    height: 55%
    }
#content .item .box.imgPetit {
    height: 45%
    }
#content .item img {
    height: 100% !important;
    width: auto;
    max-height: 100%;
    top: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block
    }
#content img.imgCarteFrance {
    display: block;
    height: 100% !important;
    width: auto;
    margin: 0 auto
    }
/* ********* LIENS IMAGES MOSAIQUE *********
   ================================================== */
#content .item .zoomImg {
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 4
    }
#content .item .zoomImg span {
    background: url(../images/content/croix-hover-img.png) no-repeat center;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -30px;
    margin-left: -30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0
    }
#content .item .zoomImg:hover span {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
    }
/* ********* BOUTONS MOSAIQUE *********
   ================================================== */
#content .item a.btnMenu {
    background: url(../images/content/overlay.png) repeat 0 0;
    position: absolute;
    bottom: 0;
    height: auto;
    line-height: 1.2em;
    color: #000;
    left: 0;
    right: 0;
    padding: 10px 35px 10px 15px;
    display: block;
    text-decoration: none;
    z-index: 5
    }
#content .item a.btnMenu span {
    display: block;
    background: #000;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center
    }
#content .item a.btnMenu:hover {
    background: url(../images/content/overlay-hover.png) repeat 0 0;
    color: #fff
    }
#content .item a.btnMenu:hover span {
    background-color: #FFF;
    color: #000
    }
/*================================================================================================== 
   ================================================================================================== 
                                       STYLE DU CONTENU
   ==================================================================================================== 
   ==================================================================================================== */
/* ********* PAGESLIDES *********
   ================================================== */
#content .pageslide {
    position: absolute;
    top: 0;
    /*height: 100% !important;*/
    z-index: 10;
    width: 33.33%;
    background-color: #FFF;
    color: #000;
    left: 100%;
    /*overflow-y: auto;*/
    overflow-x: hidden;
    -webkit-box-shadow: 0 0 10px 0 #333;
    box-shadow: 0 0 10px 0 #333
    }
#content .pageslide .contenuSlide {
    padding: 45px 20px 30px 20px;
    font-size: 0.9em
    }
#content .pageslide.withTable {
    width: 66.66%
    }
#content .pageslide.fullWidth {
    width: 100%
    }
#content .pageslide.fullWidth .contenuSlide {
    padding: 0 20px 30px 20px
    }
/* ********* PARAGRAPHES *********
   ================================================== */
#content .contenuSlide p {
    margin: 2% 0
    }
/* ********* TITRES *********
   ================================================== */
#content .contenuSlide h2, #content .contenuSlide h3 {
    font-size: 1em;
    text-transform: uppercase
    }
#content .contenuSlide h2 {
    font-weight: bold;
    margin: 20px 0 0 0
    }
#content .contenuSlide h3 {
    margin: 10px 0
    }
/* ********* LIENS *********
   ================================================== */
#content .contenuSlide a {
    text-decoration: underline;
    color: #015F67
    }
#content .contenuSlide a:hover {
    color: #000
    }
/* ********* TABLEAUX *********
   ================================================== */
#content .contenuSlide table {
    width: 100%;
    border: 1px solid #888;
    margin: 2% 0;
    font-size: 0.9em;
    clear: both
    }
#content .contenuSlide table tr {
    height: auto
    }
#content .contenuSlide table tr:first-child {
    border-bottom: 1px solid #888;
    background-color: #005F67 !important;
    color: #fff
    }
#content .contenuSlide table tr:nth-child(even) {
    background-color: #FFF
    }
#content .contenuSlide table tr:nth-child(odd) {
    background-color: #DEF6F8
    }
#content .contenuSlide table td {
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border-right: 1px solid #888;
    width: auto
    }
.isIe7 #content .contenuSlide table td, .isIe8 #content .contenuSlide table td {
    border-bottom: 1px solid #888
    }
/* ********* LISTES *********
   ================================================== */
#content .contenuSlide ul {
    margin: 1% 0% 1% 8%
    }
#content .contenuSlide ul li {
    list-style-type: disc
    }
/* ********* IFRAME *********
   ================================================== */
#content .contenuSlide iframe {
    width: 100%
    }
/* ********* IFRAME COMMENTAIRES *********
   ================================================== */
iframe#livredor html body .comment_mes {
    font-size: 0.9em !important
    }
/* ********* PLAN DU SITE *********
   ================================================== */
#plandusite ul {
    list-style-position: inside;
    margin: 0 0 20px 0 !important
    }
#plandusite ul li {
    list-style-type: none !important
    }
#plandusite ul li ul {
    margin: 0 0 0 5% !important
    }
#plandusite li a.loadPhotoMontage {
    text-transform: uppercase;
    display: block;
    margin: 10px 0
    }
#plandusite div.ligne {
    width: 100%;
    float: left;
    padding: 0;
    margin: 0
    }
#plandusite div {
    display: block;
    float: left;
    width: 31%;
    padding: 0 2% 0 0
    }
#plandusite #headerBack, #plandusite #headerNavButton {
    display: none
    }
/* ********* BOUTON FERMER CONTENU ********
   ================================================== */
#content .pageslide .closePageSlide {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    height: 44px;
    display: block;
    background: url(../images/content/close.png) no-repeat 0 0
    }
#content .pageslide .closePageSlide:hover {
    background-position: left bottom
    }
/* ********* WIDGET OFFRES SPECIALES - PAGES CHAMBRES ********
   ================================================== */
#content .contenuSlide .widgetOffres {
    position: relative !important;
    width: 100% !important
    }
/*================================================================================================== 
   ================================================================================================== 
                                        SIDEBAR NAVIGATION
   ==================================================================================================== 
   ==================================================================================================== */
#content .sidebar {
    position: absolute !important;
    left: 0;
    height: 100%;
    background: #fff;
    font-family: "QuicksandBook";
    z-index: 22;
    -webkit-box-shadow: 0 0 10px 0 #333;
    box-shadow: 0 0 10px 0 #333;
    min-width: 236px
    }
#content .sidebar h1 {
    width: auto;
    padding: 0 10%;
    height: auto;
    margin: 7% 0;
    text-align: left;
    color: #000;
    line-height: 1.3em;
    font-size: 1.1em
    }
#content .sidebar ul {
    width: 100%
    }
#content .sidebar ul li {
    height: auto;
    width: 100%;
    margin: 1% 0
    }
#content .sidebar ul li a {
    padding: 5px 0 5px 10%;
    margin: 0 10% 0 auto;
    display: block;
    width: auto;
    line-height: 1.2em;
    text-decoration: none;
    text-transform: uppercase;
    color: #000;
    position: relative
    }
#content .sidebar li a span.blackBar {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #015F67;
    width: 0;
    height: 100%;
    display: block
    }
#content .sidebar li a:hover span.blackBar, #content .sidebar li a.active span.blackBar {
    width: 100%
    }
#content .sidebar li a span.texte {
    position: relative;
    top: 0
    }
#content .sidebar li a:hover span.texte, #content .sidebar li a.active span.texte {
    color: #fff
    }
/* ** Navigation Sous Nav SIDEBAR **
   ==================================================
   ==================================================
   ================================================== */
#content .sidebar li ul.snav {
    margin: 0 0 10px 0;
    display: none;
    font-size: 0.9em
    }
#content .sidebar li ul.snav li {
    height: auto
    }
#content .sidebar li ul.snav li a {
    text-transform: none;
    padding-left: 20%;
    height: auto;
    line-height: 1.2em
    }
#content .sidebar li ul.snav li a:hover, #content .sidebar li ul.snav li a.active {
    font-weight: bold;
    color: #015F67
    }
.isIe8 #content .sidebar li ul.snav li a:hover, .isIe8 #content .sidebar li ul.snav li a.active {
    text-decoration: underline;
    font-weight: normal
    }
#content .tableauContenu .logo {
    margin: 24px auto 10px auto;
    width: 28%
    }
#content .tableauContenu .logo a {
    display: block
    }
#content .tableauContenu .logo img {
    width: 100%;
    height: auto;
    display: block
    }
#content .tableauContenu .logo a img.imgHover, #content .tableauContenu .logo a:hover img.imgBase {
    display: none
    }
#content .tableauContenu .logo a:hover img.imgHover {
    display: block
    }
/*================================================================================================== 
   ================================================================================================== 
                               GESTION DES EFFETS DE TRANSITION
   ==================================================================================================== 
   ==================================================================================================== */
.container-offres #btnWidgetOffres, #content #slide-presentation a, #content .item a.btnMenu, #content .item a.btnMenu span, #content .sidebar ul li a, #content .sidebar li a span.blackBar, #content .sidebar li a span.texte, #content .item .zoomImg span, #content .pageslide .closePageSlide, #content .contenuSlide a {
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms
    }
/* *****************************************************************************************************************************
    BLOG + PLAN DU SITE
*****************************************************************************************************************************
   ================================================== */
#containerBlog, .container-blog, .container-plan, .container-speedroute, .container-speedrouteEtablissement {
    position: fixed;
    bottom: -100%;
    z-index: 40;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background-color: #ccc;
    background-color: #FFF;
    font-family: "QuicksandBook"
    }
.container-speedroute #monSpeedroute, .container-speedrouteEtablissement #monSpeedroute2 {
    height: 100%;
    width: 100%
    }
.sr_site .feuilleRoute li {
    font-size: 1.2em
    }
.sr_site .speedroute-infowindow {
    font-size: 12px !important
    }
.sr_site a {
    color: #000 !important;
    text-decoration: underline !important
    }
#monSpeedroute a.btn, #monSpeedroute2 a.btn {
    color: #000 !important;
    background-image: inherit !important;
    text-decoration: none !important
    }
#monSpeedroute a.btn-primary, #monSpeedroute2 a.btn-primary {
    color: #fff !important
    }
#monSpeedroute2 .toolbar-speedroute {
    display: none
    }
.sr .btn-primary {
    background-color: #000 !important
    }
.sr .btn-primary:hover {
    background-color: #333 !important
    }
#containerBlog .header, .container-blog .header, .container-plan .header, .container-speedroute .header, .container-speedrouteEtablissement .header {
    width: 100%;
    height: 44px;
    line-height: 44px;
    background-color: #000;
    float: left
    }
#containerBlog .btnCloseBlog, .container-blog .btnCloseBlog, .container-plan .btnClosePlan, .container-speedroute .btnCloseSR, .container-speedrouteEtablissement .btnCloseSREtablissement {
    position: relative;
    float: right;
    width: auto;
    height: 44px;
    display: block;
    padding: 0 55px 0 10px;
    background: url(../images/content/close.png) no-repeat right top #fff;
    color: #000;
    text-decoration: none
    }
#containerBlog .btnCloseBlog:hover, .container-blog .btnCloseBlog:hover, .container-plan .btnClosePlan:hover, .container-speedroute .btnCloseSR:hover, .container-speedrouteEtablissement .btnCloseSREtablissement:hover {
    background-position: bottom right;
    background-color: #000;
    color: #fff
    }
#containerBlog h3, .container-blog h3, .container-plan h3, .container-speedroute h3, .container-speedrouteEtablissement h3 {
    width: auto;
    float: left;
    padding-left: 1%;
    color: #fff
    }
.container-plan h3 {
    text-transform: uppercase
    }
#containerBlog .retour, .container-blog .retour, .container-plan .retour, .container-speedroute .retour, .container-speedrouteEtablissement .retour {
    background: #fff;
    width: auto;
    float: right;
    padding: 0 1%
    }
.container-blog .container-iframe, .container-plan .container-iframe, .container-speedroute .container-iframe, .container-speedrouteEtablissement .container-iframe {
    position: absolute;
    top: 44px;
    bottom: 30px;
    left: 0;
    right: 0;
    overflow: hidden
    }
#containerBlog iframe, .container-blog iframe {
    position: relative;
    width: 100%;
    height: 100%
    }
/* ********* ACTUALITES *********
   ================================================== */
#actualites {
    margin: 20px 0;
    padding: 0 2%
    }
#actualites h4 {
    border-bottom: 1px solid #888;
    font-size: 1.2em
    }
#actualites ul {
    margin-left: 20px;
    list-style-type: disc
    }
#actualites p {
    margin: 1% 0
    }
#actualites a {
    color: #015F67
    }
/* ********* PLAN DU SITE *********
   ================================================== */
#plandusite ul {
    list-style-position: inside;
    margin: 0 0 20px 0 !important
    }
#plandusite ul li {
    list-style-type: none !important
    }
#plandusite ul li ul {
    margin: 0 0 0 5% !important
    }
#plandusite ul li ul li {
    font-size: 0.9em
    }
#plandusite li a {
    color: #015F67;
    text-decoration: underline
    }
#plandusite li a:hover {
    color: #000
    }
#plandusite li a.loadPhotoMontage, #plandusite li a.first {
    text-transform: uppercase;
    display: block;
    margin: 10px 0;
    text-decoration: none;
    font-weight: bold
    }
#plandusite div.ligne {
    width: 100%;
    float: left;
    padding: 0 2%;
    margin-top: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
    }
#plandusite div.ligne.deux {
    margin-bottom: 20px;
    margin-top: 0
    }
#plandusite div {
    display: block;
    float: left;
    width: 31%;
    padding: 0 2% 0 0
    }
#plandusite #headerBack, #plandusite #headerNavButton {
    display: none
    }
/* *****************************************************************************************************************************
    FOOTER FIXE
*****************************************************************************************************************************
   ================================================== */
#footerFixed {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #000;
    color: #fff;
    height: 30px;
    line-height: 30px;
    font-family: "QuicksandBook";
    left: 0;
    z-index: 41;
    font-size: 0.7em;
    min-width: 980px
    }
#footerFixed a {
    text-decoration: none
    }
/* ********* NAV FOOTER FIXE *********
   ================================================== */
#footerFixed ul.nav {
    width: 100%;
    overflow: hidden
    }
#footerFixed ul.nav li {
    display: inline;
    text-align: center
    }
#footerFixed ul.nav li a {
    color: #fff
    }
#footerFixed ul.nav li a.gras {
    text-transform: uppercase;
    font-weight: bold;
    background-color: #015F67
    }
#footerFixed ul.nav li a.gras:hover {
    background-color: #fff
    }
#footerFixed ul.nav li a:hover {
    color: #015F67
    }
#footerFixed ul.nav li a.active {
    background-color: #FFF;
    color: #000;
    font-weight: bold
    }
#footerFixed ul.nav li a.active:hover {
    background-color: #58585a;
    color: #fff
    }
/* ********* LISTE OUTILS + RESEAUX SOCIAUX FOOTER FIXE *********
   ================================================== */
#footerFixed ul.tools {
    float: right
    }
#footerFixed ul.tools li {
    display: block;
    float: left;
    text-align: center
    }
#footerFixed ul.tools li.active {
    background-color: #58585a
    }
#footerFixed ul.tools li a {
    background: url(../images/footer/tools-footer.png) no-repeat 0 0;
    height: 14px;
    display: block
    }
#footerFixed ul.tools li.langues {
    position: relative;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 30px;
    background: none;
    color: #fff;
    line-height: 1;
    cursor: pointer
    }
#footerFixed ul.tools li.langues:after {
    position: absolute;
    right: 0;
    content: "^";
    font-size: 1.5em;
    line-height: 0
    }
#footerFixed ul.tools li.langues:hover, #footerFixed ul.tools ul.listeLangues a:hover {
    color: #015F67
    }
#footerFixed ul.tools li.langues:hover ul.listeLangues {
    height: 30px
    }
/* Liste des langues */
#footerFixed ul.listeLangues {
    position: absolute;
    bottom: 30px;
    z-index: -1;
    overflow: hidden;
    margin-left: -38px;
    width: 130px;
    height: 0;
    height: 0;
    background: #000;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s
    }
#footerFixed ul.tools ul.listeLangues li {
    display: block;
    padding: 2% 5%
    }
#footerFixed ul.listeLangues li a {
    display: block;
    padding-left: 34px;
    height: 24px;
    background: url(../images/footer/drapeaux.png) no-repeat 0 0;
    color: #fff;
    line-height: 24px
    }
#footerFixed ul.listeLangues li.fr a {
    background-position: 0 0
    }
#footerFixed ul.listeLangues li.uk a {
    background-position: 0 -24px
    }
#footerFixed ul.listeLangues li.de a {
    background-position: 0 -48px
    }
#footerFixed ul.listeLangues li.it a {
    background-position: 0 -72px
    }
#footerFixed ul.listeLangues li.es a {
    background-position: 0 -96px
    }
#footerFixed ul.listeLangues li.ru a {
    background-position: 0 -120px
    }
#footerFixed ul.listeLangues li.pt a {
    background-position: 0 -144px
    }
#footerFixed ul.listeLangues li.ch a {
    background-position: 0 -168px
    }
#footerFixed ul.listeLangues li.jp a {
    background-position: 0 -192px
    }
#footerFixed ul.listeLangues li.nl a {
    background-position: 0 -216px
    }
#footerFixed ul.listeLangues li.br a {
    background-position: 0 -240px
    }
.fr #footerFixed ul.listeLangues li.fr, .uk #footerFixed ul.listeLangues li.uk, .de #footerFixed ul.listeLangues li.de, .it #footerFixed ul.listeLangues li.it, .es #footerFixed ul.listeLangues li.es, .ru #footerFixed ul.listeLangues li.ru, .pt #footerFixed ul.listeLangues li.pt, .br #footerFixed ul.listeLangues li.br, .ch #footerFixed ul.listeLangues li.ch, .jp #footerFixed ul.listeLangues li.jp, .nl #footerFixed ul.listeLangues li.nl {
    display: none
    }
#footerFixed li.langues .labelLangue {
    display: none
    }
.fr #footerFixed li.langues .labelLangue.fr, .uk #footerFixed li.langues .labelLangue.uk, .de #footerFixed li.langues .labelLangue.de, .it #footerFixed li.langues .labelLangue.it, .es #footerFixed li.langues .labelLangue.es, .ru #footerFixed li.langues .labelLangue.ru, .pt #footerFixed li.langues .labelLangue.pt, .ch #footerFixed li.langues .labelLangue.ch, .jp #footerFixed li.langues .labelLangue.jp, .nl #footerFixed li.langues .labelLangue.nl, .br #footerFixed li.langues .labelLangue.br {
    display: block
    }
#footerFixed span.drapeauVisible {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 3px 0 0 0;
    width: 24px;
    height: 24px;
    background: url(../images/footer/drapeaux.png) no-repeat 0 0
    }
.fr #footerFixed span.drapeauVisible {
    background-position: 0 0
    }
.uk #footerFixed span.drapeauVisible {
    background-position: 0 -24px
    }
.de #footerFixed span.drapeauVisible {
    background-position: 0 -48px
    }
.it #footerFixed span.drapeauVisible {
    background-position: 0 -72px
    }
.es #footerFixed span.drapeauVisible {
    background-position: 0 -96px
    }
.ru #footerFixed span.drapeauVisible {
    background-position: 0 -120px
    }
.pt #footerFixed span.drapeauVisible {
    background-position: 0 -144px
    }
.ch #footerFixed span.drapeauVisible {
    background-position: 0 -168px
    }
.jp #footerFixed span.drapeauVisible {
    background-position: 0 -192px
    }
.nl #footerFixed span.drapeauVisible {
    background-position: 0 -216px
    }
.br #footerFixed span.drapeauVisible {
    background-position: 0 -240px
    }
#footerFixed ul.tools a#music {
    width: 24px
    }
#footerFixed ul.tools a#music.pause {
    background: url(../images/footer/music-off.gif) no-repeat left bottom
    }
#footerFixed ul.tools a#music.play {
    background: url(../images/footer/music-on.gif) no-repeat left bottom
    }
#footerFixed ul.tools a.recherche {
    width: 13px;
    background-position: -48px top
    }
#footerFixed ul.tools a.recherche:hover {
    background-position: -48px bottom
    }
#footerFixed ul.tools a.facebook {
    width: 8px;
    background-position: -81px top
    }
#footerFixed ul.tools a.facebook:hover {
    background-position: -81px bottom
    }
#footerFixed ul.tools a.twitter {
    width: 18px;
    background-position: -97px top
    }
#footerFixed ul.tools a.twitter:hover {
    background-position: -97px bottom
    }
#footerFixed ul.tools a.pinterest {
    width: 17px;
    background-position: -122px top
    }
#footerFixed ul.tools a.pinterest:hover {
    background-position: -122px bottom
    }
#footerFixed ul.tools a.blog {
    width: 30px;
    background-position: right top
    }
#footerFixed ul.tools a.blog:hover {
    background-position: right bottom
    }
#footerFixed .bloc-recherche {
    background-color: #58585a;
    bottom: 30px;
    height: 30px;
    position: absolute;
    width: 100%;
    display: none
    }
#footerFixed .bloc-recherche a.btnCloseSpeedsearch {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-family: "QuicksandBook";
    background-color: #000;
    position: absolute;
    right: 2.5%
    }
#footerFixed .bloc-recherche a.btnCloseSpeedsearch:hover {
    color: #58585a;
    background-color: #fff
    }
/* *****************************************************************************************************************************
    FOOTER 
*****************************************************************************************************************************
   ================================================== */
#footer {
    background-color: #000;
    position: absolute;
    bottom: -480px;
    width: 100%;
    display: none;
    height: auto;
    font-family: "QuicksandBook";
    z-index: 41;
    font-size: 0.75em;
    line-height: 1.3em;
    min-width: 980px
    }
#footer a {
    text-decoration: none
    }
#footer .container_16 {
    width: 98%;
    margin-left: 1%;
    margin-right: 1%
    }
#footer #contentFooter {
    margin: 0 auto;
    padding: 20px 0 0
    }
#footer #btnFermerFooter {
    position: absolute;
    width: 110px;
    height: 35px;
    line-height: 35px;
    color: #fff;
    right: 2%;
    top: -35px;
    background-color: #000;
    text-align: center;
    font-size: 1.1em
    }
#footer #btnFermerFooter span {
    font-weight: bold
    }
#footer #btnFermerFooter:hover {
    color: #fff;
    background-color: #38393A
    }
#footer .grid_8.custom {
    width: 50%
    }
/* ********* BLOCS DU FOOTER  *********
   ================================================== */
#footer .reservation, #footer .adresse, #footer .services, #footer .newsletter, #footer .blocWidget, #footer .langues, #footer .rsociaux, #footer .etablissement, #footer .coffret-cadeaux, #footer .logoPartenaires {
    background-color: #38393a
    }
#footer .reservation, #footer .adresse {
    height: 155px;
    margin-bottom: 6%
    }
#footer .reservation .date #footer .blocWidget, #footer .langues {
    height: 125px;
    margin-bottom: 6%
    }
#footer .services, #footer .newsletter {
    height: 205px;
    margin-bottom: 2.8%
    }
#footer .newsletter {
    background-color: #015F67
    }
#footer .newsletter .titre {
    color: #FFF !important
    }
#footer .services.grid_8, #footer .newsletter.grid_8, #footer .logoPartenaires.grid_8 {
    width: 49%
    }
#footer .bloc {
    padding: 10px 15px;
    position: relative
    }
#footer .bloc .titre {
    padding: 0 0 5px;
    font-size: 1.25em;
    color: #9c9e9f;
    text-transform: uppercase
    }
#footer .blocWidget .bloc {
    float: left;
    height: 84%
    }
#footer .blocWidget .blocImage {
    padding: 0;
    overflow: hidden;
    width: 38%;
    float: left
    }
#footer .blocWidget .blocImage img {
    height: 100%;
    width: auto
    }
#footer .blocWidget a {
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px
    }
#footer .text {
    color: #fff
    }
#footer .text a {
    color: #fff
    }
#footer .text a:hover {
    color: #aaa
    }
#footer .langues li {
    margin-bottom: 0.5%;
    display: inline
    }
#footer .coffret-cadeaux {
    height: 185px
    }
#footer .coffret-cadeaux a {
    display: block;
    margin: 10px 0 0 0
    }
#footer .coffret-cadeaux img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto
    }
#footer .coffret-cadeaux a:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6
    }
/* ********* RESEAUX SOCIAUX FOOTER  *********
   ================================================== */
#footer .rsociaux {
    height: 75px
    }
#footer .rsociaux.grid_16 {
    width: 100%
    }
#footer .rsociaux ul {
    width: 100%;
    height: 100%
    }
#footer .rsociaux ul li {
    display: block;
    height: 75px;
    line-height: 75px;
    float: left;
    width: 50%;
    text-align: center
    }
#footer .rsociaux ul li.liens {
    width: 100%
    }
#footer .rsociaux ul li a {
    height: 65px;
    margin: 5px auto;
    width: 70%;
    display: block;
    text-transform: uppercase;
    position: relative;
    color: #fff;
    text-align: center
    }
#footer .rsociaux a span {
    display: block
    }
#footer .rsociaux a .texteReseauxSociaux {
    width: 100%;
    position: absolute;
    line-height: 1.2em;
    font-size: 0.9em
    }
#footer .rsociaux a img {
    position: relative
    }
#footer .rsociaux ul li a:hover {
    color: #aaa
    }
#footer .rsociaux a.facebook .texteReseauxSociaux {
    top: 0
    }
#footer .rsociaux a.facebook img {
    top: 22px
    }
#footer .rsociaux a.facebook:hover .texteReseauxSociaux {
    top: 55%
    }
#footer .rsociaux a.facebook:hover img {
    top: -10px;
    -webkit-transform: rotatex(360deg);
    -moz-transform: rotatex(360deg);
    -o-transform: rotatex(360deg);
    -ms-transform: rotatex(360deg);
    transform: rotatex(360deg)
    }
#footer .rsociaux a.googleBlog .texteReseauxSociaux {
    top: 35px;
    text-align: center
    }
#footer .rsociaux a.googleBlog img {
    top: -12px
    }
#footer .rsociaux a.googleBlog:hover .texteReseauxSociaux {
    top: 0
    }
#footer .rsociaux a.googleBlog:hover img {
    top: 35%;
    -webkit-transform: rotatey(360deg);
    -moz-transform: rotatey(360deg);
    -o-transform: rotatey(360deg);
    -ms-transform: rotatey(360deg);
    transform: rotatey(360deg)
    }
#footer .rsociaux a.twitter .texteReseauxSociaux {
    top: 35px
    }
#footer .rsociaux a.twitter img {
    right: -40%;
    top: -4px
    }
#footer .rsociaux a.twitter:hover .texteReseauxSociaux {
    top: 0;
    left: 0
    }
#footer .rsociaux a.twitter:hover img {
    top: 35%;
    right: 33%;
    -webkit-transform: rotatey(180deg);
    -moz-transform: rotatey(180deg);
    -o-transform: rotatey(180deg);
    -ms-transform: rotatey(180deg);
    transform: rotatey(180deg)
    }
/* Logo */
#footer .logoPartenaires {
    height: 75px;
    line-height: 75px
    }
#footer .logoPartenaires li {
    display: block;
    float: left;
    width: 20%;
    text-align: center
    }
#footer .logoPartenaires li img {
    height: auto;
    margin: 0 auto;
    vertical-align: middle;
    max-width: 90%
    }
/* ********* ETABLISSEMENTS PARTENAIRES *********
   ================================================== */
#footer .etablissement {
    height: 60px;
    line-height: 1.6em
    }
#footer .etablissement .text {
    padding-right: 20px;
    background: url(../images/footer/fleche.png) no-repeat right center;
    height: 100%;
    color: #fff;
    text-transform: uppercase
    }
#footer .etablissement .text span {
    font-weight: bold
    }
#footer .etablissement .logo {
    height: 100%
    }
#footer .etablissement .logo ul {
    width: 100%;
    height: 100%
    }
#footer .etablissement .logo ul li {
    display: block;
    float: left;
    width: 33%;
    text-align: center
    }
#footer .logo a {
    width: auto;
    padding-left: 50px;
    height: 42px;
    display: block;
    text-transform: uppercase;
    color: #fff;
    text-align: left
    }
#footer .etablissement .logo a.auberge-cassagne {
    background: url(../images/footer/logo-auberge.png) no-repeat 0 0
    }
#footer .etablissement .logo a.bories {
    background: url(../images/footer/logo-bories.png) no-repeat 0 0
    }
#footer .etablissement .logo a.valon {
    background: url(../images/footer/logo-valon.png) no-repeat 0 0
    }
#footer .etablissement .logo a:hover {
    color: #aaa;
    background-position: left bottom
    }
/* ********* CREDITS *********
   ================================================== */
#footer .tableauCredits {
    float: left;
    width: 100%;
    margin: 10px 0;
    color: #494949
    }
#footer .tableauCredits a {
    color: #494949;
    text-decoration: none
    }
#footer .tableauCredits a:hover {
    color: #fff
    }
#footer .tableauCredits {
    text-align: center;
    position: relative
    }
/* ###########################################################
######################## SPEEDMAILING ########################
###########################################################
   ==================================================
   ================================================== */
#module_emailing_auto {
    z-index: 1000;
    padding: 0;
    margin: 0 auto
    }
/* BOUTON INFO + CLOSE
   ==================================================
   ================================================== */
.emailingauto_img_infos {
    width: 18px;
    float: left;
    margin-left: 10px;
    margin-top: 8px
    }
.tooltip_close {
    display: block;
    float: right
    }
.tooltip_close:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5
    }
.radio {
    margin: 0;
    padding: 0
    }
#emailingauto_button {
    width: 170px;
    height: 24px;
    background: url(../images/btn.png) no-repeat right top;
    color: #fff;
    margin-top: 5px;
    border: none;
    display: block;
    cursor: pointer;
    float: left;
    font-family: "QuicksandBook"
    }
#emailingauto_button:hover {
    background-position: right bottom;
    color: #000
    }
/* BOUTON SE DESINSCRIRE
   ==================================================
   ================================================== */
#emailingauto_button_desinscrire {
    height: 24px;
    color: #fff;
    background: url(../images/btn.png) no-repeat right top;
    margin-top: 5px;
    border: none;
    display: block;
    cursor: pointer;
    width: 195px;
    float: left;
    font-family: "QuicksandBook"
    }
#emailingauto_button_desinscrire:hover {
    color: #000;
    background-position: right bottom
    }
/* TOOLTIP
   ==================================================
   ================================================== */
.emailingauto_tooltip {
    border: 5px solid #000;
    padding: 10px;
    text-align: left;
    background-color: #38393a;
    color: #fff;
    -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.4)
    }
.emailingauto_tooltip a {
    color: #ccc;
    text-decoration: underline;
    cursor: pointer
    }
.emailingauto_tooltip a:hover {
    color: #000;
    text-decoration: underline
    }
.emailingauto_tooltip_unsubscribe input {
    width: 120px;
    padding-bottom: 0
    }
/* MESSAGES
   ==================================================
   ================================================== */
.emailing_auto_message_success, .emailing_auto_confirm_text .success {
    color: #000;
    font-size: 12px
    }
.emailing_auto_message_error, .emailing_auto_confirm_text .error {
    color: #000;
    font-size: 12px
    }
.emailing_auto_confirm_title {
    color: black;
    padding-top: 100px
    }
.emailing_auto_confirm_text {
    padding-bottom: 50px
    }
/* CHAMPS EMAIL
   ==================================================
   ================================================== */
#emailingauto_email {
    width: 100%;
    padding: 5px 0;
    color: #000;
    border: none;
    background-color: #fff;
    margin: 10px 0;
    text-indent: 5px;
    -webkit-box-shadow: 0 0 10px -1px #333 inset;
    box-shadow: 0 0 10px -1px #333 inset
    }
#emailingauto_email_unsubscribe {
    width: 185px;
    padding: 5px;
    color: #000;
    border: none;
    background-color: #fff;
    margin: 5px 0
    }
/* NE PAS TOUCHER LES CLASSES CI-DESSOUS
   ==================================================
   ================================================== */
#emailingauto_tooltip {
    position: absolute;
    display: none;
    z-index: 20000;
    width: 225px;
    font-size: 0.7em;
    line-height: 1.3em;
    font-family: "QuicksandBook"
    }
#emailingauto_tooltip_unsubscribe {
    position: absolute;
    display: none;
    z-index: 20000;
    width: 300px !important;
    padding-bottom: 10px;
    font-size: 0.7em;
    line-height: 1.3em;
    font-family: "QuicksandBook"
    }
#emailingauto_tooltip_unsubscribe div {
    float: left;
    margin: 2px 0
    }
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe1 {
    float: right
    }
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe2, #emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe3, #emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe5 {
    clear: both;
    float: left
    }
#emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe7, #emailingauto_tooltip_unsubscribe div.moduleSpeedMailingTooltipUnsubscribe8 {
    float: left
    }
#emailing_auto_trad_erreur {
    clear: both
    }
/* ###########################################################
######################## QUICKSEARCH #########################
###########################################################
   ==================================================
   ================================================== */
.blocQS {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -215px;
    width: 430px;
    text-align: center;
    font-size: 0.8em
    }
.qs_form {
    width: 100%;
    margin: 0 auto;
    /* NE PAS TOUCHER - UTILISÉ POUR CENTRER LE QS - GERER DANS LA CLASSE SUIVANTE SI BESOIN */
    }
#footer #qs_form_0 {
    width: 90%
    }
.qs_form .qs_ul {
    float: left
    }
#header .qs_form .qs_ul {
    width: auto
    }
#footer .qs_form .qs_ul {
    width: 100%
    }
#qs_form_0 .qs_ul {
    width: 100%
    }
.qs_form .qs_ul li {
    display: block;
    margin: 5px 0;
    padding: 0;
    line-height: 20px;
    vertical-align: middle
    }
#header .qs_form .qs_ul li {
    float: left;
    margin-left: 5px
    }
/* ******************************************** Champ date ********************************************
   ==================================================
   ================================================== */
.qs_form .qs_ul li .date {
    margin: 0 0 5px 0;
    padding: 0;
    width: 90%;
    height: 20px;
    border: 1px solid #38393A;
    background-image: url(/lsudhtml/javascript/calendar/zpcal/themes/layouts/img/calendar.gif);
    background-position: right;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0 0 10px -1px #888 inset;
    box-shadow: 0 0 10px -1px #888 inset;
    text-indent: 3px;
    cursor: pointer
    }
/* ********************************************** Bouton Réservez  *************************************************
   ==================================================
   ================================================== */
.qs_form .qs_ul li .li_reserver {
    width: 70%
    }
.qs_form .qs_ul li .qs_book {
    float: left;
    padding: 0 30px 0 15px;
    height: 24px;
    border: none;
    background: url(../images/btn.png) no-repeat right top;
    color: #fff;
    text-align: center;
    font-size: 1em;
    font-family: "QuicksandBook";
    cursor: pointer;
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    transition-duration: 400ms
    }
.qs_form .qs_ul li .qs_book:hover {
    background-position: right bottom;
    color: #000
    }
#footer .qs_form .qs_ul li .qs_book {
    float: right;
    margin-right: 10%
    }
/* ********************************************** Bouton Options  *************************************************
   ==================================================
   ================================================== */
#qs_form_2 .qs_ul li .qs_options {
    color: #FFF;
    text-decoration: none
    }
#qs_form_2 .qs_ul li .qs_options:hover {
    color: #015F67
    }
/* ** Gestion des effets de transition  **
   ==================================================
   ==================================================
   ================================================== */
.container-blog a.btnCloseBlog, .container-plan a.btnClosePlan, #plandusite li a, #footerFixed ul.nav li a, #footerFixed ul.tools li a, #footerFixed .bloc-recherche a.btnCloseSpeedsearch, #footer #btnFermerFooter, #footer .text a, #footer .rsociaux ul li a, #footer .rsociaux a .texteReseauxSociaux, #footer .rsociaux a img, #footer .logo a, #footer .tableauCredits a, #emailingauto_button, #emailingauto_button_desinscrire {
    -webkit-transition-duration: 400ms;
    -moz-transition-duration: 400ms;
    -o-transition-duration: 400ms;
    -ms-transition-duration: 400ms;
    transition-duration: 400ms
    }
/*
    Variable Grid System (Fluid Version).
    Learn more ~ http://www.spry-soft.com/grids/
    Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

    Licensed under GPL and MIT.
*/
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_16 {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    min-width: 980px
    }
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
    display: inline;
    float: left;
    position: relative;
    margin-left: 1%;
    margin-right: 1%
    }
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
    margin-left: 0
    }
.omega {
    margin-right: 0
    }
/* Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.grid_1 {
    width: 4.25%
    }
.grid_2 {
    width: 10.5%
    }
.grid_3 {
    width: 16.75%
    }
.grid_4 {
    width: 23%
    }
.grid_5 {
    width: 29.25%
    }
.grid_6 {
    width: 35.5%
    }
.grid_7 {
    width: 41.75%
    }
.grid_8 {
    width: 77%
    }
.grid_9 {
    width: 54.25%
    }
.grid_10 {
    width: 66.5%
    }
.grid_11 {
    width: 66.75%
    }
.grid_12 {
    width: 77%
    }
.grid_13 {
    width: 83.25%
    }
.grid_14 {
    width: 85.5%
    }
.grid_15 {
    width: 91.75%
    }
.grid_16 {
    width: 98%
    }
/* Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.prefix_1 {
    padding-left: 6.25%
    }
.prefix_2 {
    padding-left: 12.5%
    }
.prefix_3 {
    padding-left: 18.75%
    }
.prefix_4 {
    padding-left: 25%
    }
.prefix_5 {
    padding-left: 31.25%
    }
.prefix_6 {
    padding-left: 37.5%
    }
.prefix_7 {
    padding-left: 43.75%
    }
.prefix_8 {
    padding-left: 50%
    }
.prefix_9 {
    padding-left: 56.25%
    }
.prefix_10 {
    padding-left: 62.5%
    }
.prefix_11 {
    padding-left: 68.75%
    }
.prefix_12 {
    padding-left: 75%
    }
.prefix_13 {
    padding-left: 81.25%
    }
.prefix_14 {
    padding-left: 87.5%
    }
.prefix_15 {
    padding-left: 93.75%
    }
/* Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.suffix_1 {
    padding-right: 6.25%
    }
.suffix_2 {
    padding-right: 12.5%
    }
.suffix_3 {
    padding-right: 18.75%
    }
.suffix_4 {
    padding-right: 25%
    }
.suffix_5 {
    padding-right: 31.25%
    }
.suffix_6 {
    padding-right: 37.5%
    }
.suffix_7 {
    padding-right: 43.75%
    }
.suffix_8 {
    padding-right: 50%
    }
.suffix_9 {
    padding-right: 56.25%
    }
.suffix_10 {
    padding-right: 62.5%
    }
.suffix_11 {
    padding-right: 68.75%
    }
.suffix_12 {
    padding-right: 75%
    }
.suffix_13 {
    padding-right: 81.25%
    }
.suffix_14 {
    padding-right: 87.5%
    }
.suffix_15 {
    padding-right: 93.75%
    }
/* Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.push_1 {
    left: 6.25%
    }
.push_2 {
    left: 12.5%
    }
.push_3 {
    left: 18.75%
    }
.push_4 {
    left: 25%
    }
.push_5 {
    left: 31.25%
    }
.push_6 {
    left: 37.5%
    }
.push_7 {
    left: 43.75%
    }
.push_8 {
    left: 50%
    }
.push_9 {
    left: 56.25%
    }
.push_10 {
    left: 62.5%
    }
.push_11 {
    left: 68.75%
    }
.push_12 {
    left: 75%
    }
.push_13 {
    left: 81.25%
    }
.push_14 {
    left: 87.5%
    }
.push_15 {
    left: 93.75%
    }
/* Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/
.pull_1 {
    left: -6.25%
    }
.pull_2 {
    left: -12.5%
    }
.pull_3 {
    left: -18.75%
    }
.pull_4 {
    left: -25%
    }
.pull_5 {
    left: -31.25%
    }
.pull_6 {
    left: -37.5%
    }
.pull_7 {
    left: -43.75%
    }
.pull_8 {
    left: -50%
    }
.pull_9 {
    left: -56.25%
    }
.pull_10 {
    left: -62.5%
    }
.pull_11 {
    left: -68.75%
    }
.pull_12 {
    left: -75%
    }
.pull_13 {
    left: -81.25%
    }
.pull_14 {
    left: -87.5%
    }
.pull_15 {
    left: -93.75%
    }
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
    }
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
    }
.clearfix {
    display: inline-block
    }
* html .clearfix {
    height: 1%
    }
.clearfix {
    display: block
    }
/* Tableau demande par email pour les offres spéciales */
#content .contenuSlide table.formulaire, #content .contenuSlide table.formulaire table {
    text-align: left !important;
    background: none !important;
    border: none !important;
    margin: 0 !important
    }
#content .contenuSlide table.formulaire tr:first-child, #content .contenuSlide table.formulaire tr:nth-child(2n), #content .contenuSlide table.formulaire tr:nth-child(2n+1) {
    background: none !important;
    background-color: none !important;
    border: none !important
    }
#content .contenuSlide table.formulaire td {
    border-right: none !important;
    text-align: left
    }
#content .contenuSlide table.formulaire ul li {
    list-style-type: none !important
    }
/********  SPEEDNEWS  *********/
#fancybox-overlay {
    position: fixed !important
    }
a#showBackgroundImagesAdministration {
    z-index: 100000;
    position: fixed;
    top: 30px;
    right: 30px;
    background-color: #015F67;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-family: Verdana;
    font-size: 15px;
    border-radius: 10px;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.6), inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset 3px 6px 6px rgba(255, 255, 255, 0.5), inset -3px -6px 6px rgba(0, 0, 0, 0.2)
    }
a#showBackgroundImagesAdministration:hover {
    background-color: #fff;
    color: #015F67;
    -moz-transform: translate(2px, 2px);
    -webkit-transform: translate(2px, 2px);
    -o-transform: translate(2px, 2px);
    -ms-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0), 1px 1px 1px rgba(0, 0, 0, 0.6), inset 1px 1px 1px rgba(255, 255, 255, 0.6), inset 3px 6px 6px rgba(255, 255, 255, 0.5), inset -3px -6px 6px rgba(0, 0, 0, 0.2)
    }
#backgroundImagesAdministration {
    width: 500px
    }
#backgroundImagesAdministration img {
    max-width: 500px;
    width: 500px;
    height: auto
    }
div#backgroundImagesAdministration p {
    font-family: Verdana;
    font-size: 40px;
    margin: 15px 0
    }
/* BANDE ANNONCE
=========================================================== */
#bandeAnnonce {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 999
    }
/* END BANDE ANNONCE
=========================================================== */