/*
Couleur principale #006072 // constrate avec du clair
Couleur principale rgb(223,235,237) // (variante ultra light) // constrate avec du sombre
Couleur principale #8c7557 // (variante foncé) // constrate avec du clair

Couleur secondaire #ffffff // constrate avec du clair
Couleur secondaire rgb(255,255,255) // (variante ultra light) // constrate avec du sombre

Couleur de fond #fdfaf1 // constrate avec du sombre
*/

html, body { margin: 0; padding: 0; height: 100%; background: #fdfaf1; font-family:'Lato',Arial, Helvetica, sans-serif;}
body > .wrapper { max-width:640px; margin: auto; background: #fdfaf1;}

.dropdown .dropdown-content { display:none; }
.dropdown.active .dropdown-content { display:block; }

#header { background: #ffffff; color:#006072; }

#header ul, #header li{list-style:none; padding:0; margin:0;}
#header a { color:#006072; }

#header .top{height:80px; z-index: 1000; position: relative;}
#header .top td{padding:5px 5px;}
#header .top .langues {text-align:right; min-width: 40px;}
#header .top .langues a{text-decoration:none;}
#header .top .langues .icon{border:3px solid #006072; border-radius:35px; line-height:35px; height:35px; width:35px; display:inline-block; text-align:center; font-size:20px;}

#header .top .langues .dropdown {position:relative; text-align:right;}
#header .top .langues .dropdown-title{cursor:pointer;}
#header .top .langues .dropdown-content{display:none;}

#header .top .langues .active .dropdown-content { text-align: left; display:block; position:absolute; z-index:200; background:#fff; padding:5px; border-radius:10px; top:50px; right:0;}
#header .top .langues .active .dropdown-content a{ color:#006072; display: block; position: relative; line-height: 35px; padding: 5px 5px 5px 45px;}
#header .top .langues .active .dropdown-content .icon{ border-color: #006072; position: absolute; top: 0;left: 0;}

#header .top .homelink{font-size:2em; min-width: 40px;}
#header .top .homelink span{display:none;}
#header .top .logo {text-align:center; font-size: 0; }
#header .top .logo span{display:none;}
#header .top .logo img{max-height:70px; max-width:100%;}

#header .bandeau{ position:relative; min-height: 120px; }
#header .bandeau .item{ font-size: 0; display: none; }
#header .bandeau .item:first-child{ display: block; }
#header .bandeau .item span { font-size: 14px; }

#header .shortcut {background:rgba; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6))); background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6)); background-image:-o-linear-gradient(top, rgba(0,0,0,0), #rgba(0,0,0,0.6)); background-image: linear-gradient(to bottom, #rgba(0,0,0,0), rgba(0,0,0,0.6)); position:absolute; bottom:0; left:0; z-index:200; width:100%; padding:50px 0 5px 0;}
#header .shortcut a { color: #FFFFFF; }
.shortcut ul{display:table; width:100%;}
.shortcut li{text-align:center; display:table-cell;}
.shortcut a{text-decoration:none; text-align:center; font-size:1em;}
.shortcut i{border:3px solid #fff; border-radius:35px; line-height:35px; height:35px; width:35px; font-size:20px; text-align:center;}

#header .actualites .item { display:block; position:relative; height:60px; padding:10px; text-decoration:none;}
#header .actualites .item img { position:absolute; top:50%; left:10px; height:60px; margin-top:-30px; border-radius:30px; }
#header .actualites .item dl { margin: 15px 30px 0 70px; padding: 0; }
#header .actualites .item dt { margin: 0;padding: 0; font-size:20px; line-height: 30px; white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; }
#header .actualites .item i { position:absolute; top:10px; right:10px; height:60px; line-height: 60px; font-size: 60px; }

#header .navigation { background: rgb(223,235,237); color:#006072; font-size: 20px;  }
#header .navigation ul { margin: 0;padding: 0; list-style: none; }
#header .navigation>ul>li:nth-child(2n+1) { background: #fff; }
#header .navigation a { display: block; position: relative; color:#006072; padding: 10px; text-decoration: none;  }
#header .navigation .dropdown>ul { padding: 0 10px; }
#header .navigation .dropdown>ul.dropdown-content { padding:0 0 0 10px; font-size: 16px; }
#header .navigation .dropdown>ul.dropdown-content a { color:#ffffff; }
#header .navigation .dropdown>ul.dropdown-content>li:nth-child(2n+1) { background: rgb(255,255,255); }
#header .navigation .dropdown>ul.dropdown-content>li:nth-child(2n) { background: #fff; }
#header .navigation i { position:absolute; top:10px; right:10px; color:#ffffff; font-size: 28px; }

.page_title { background: #006072; color:#ffffff !important; padding: 10px 70px 10px 10px; position: relative; min-height: 50px; margin-top:-10px; margin-left:-10px; margin-right:-10px; margin-bottom:15px; }
.page_title h1 { margin: 0;padding: 0; font-size: 24px; font-family: Playfair Display;}
.page_title h2 { margin: 0;padding: 0; font-size: 16px; font-weight: normal;}

.page_title a { position: absolute; right:10px; top:10px; color: #ffffff; }
.page_title a span { display: none; }
.page_title a i { font-size: 56px; }


.page_content { padding:10px;}

#footer { color: #006072; }
#footer a { color: #006072; }

#footer table { width:100%; border:none; border-collapse: collapse; }

#footer .coords { background: #ffffff; color: #006072;  padding: 5px 10px; vertical-align: top;}
#footer .coords a { color: #006072;  }
#footer .coords dl { margin: 0;padding: 0;  }
#footer .coords dd { margin: 0 0 0 30px; padding: 8px 0; position: relative; }
#footer .coords i { position:absolute; top:6px; left:-34px; border:1px solid #006072; -webkit-border-radius: 50%; border-radius: 50%; width:24px; height:24px; line-height: 24px; text-align: center; }

#footer .nav_social { width:30px; text-align: center; background: rgb(255,255,255); padding: 10px; vertical-align: top; }
#footer .nav_social a>span { display:none; }
#footer .nav_social a { color:#fff; }
#footer .nav_social ul { margin: 0;padding: 0; list-style: none; }
#footer .nav_social li { margin: 0 0 5px;padding: 0; }

#footer .bottom { }
#footer .bottom .mobile a { color:#006072; text-decoration: none; font-size: 16px; padding: 20px 10px;}
#footer .bottom .copy { color:#ccc; font-size: 12px; text-align: right; padding: 20px 10px;}

.bouton_retour {
    text-align: right;
    margin: 0;
}

.bouton_retour a {
    color: #333;
    text-decoration: none;
}

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------- CONTENU -------------------------------------- */
/* ------------------------------------------------------------------------------------ */
.contenu { font-size: 14px; }

.contenu h1, 
.contenu h2, 
.contenu h3, 
.contenu h4, 
.contenu h5, 
.contenu h6 { 
  margin:1em 0 0.75em;  padding:0; line-height:1.1em; font-family: Playfair Display;
}

.contenu h1 { font-size:24px; color: #006072; font-weight: bold; }
.contenu h2 { font-size:20px; color: #333; font-weight: bold; }
.contenu h3 { font-size:18px; color: #333; font-weight: bold; }
.contenu h4 { font-size:16px; color: #333; font-weight: normal; }
.contenu h5 { font-size:14px; color: #333; font-weight: normal; }
.contenu h6 { font-size:13px; color: #333; font-weight: normal; }
.contenu p  { margin:.75em 0 .5em; padding:0; line-height:1.4em; }

.contenu h1+h2, .contenu h1+h3, .contenu h1+h4, .contenu h1+h5, .contenu h1+h6,
.contenu h2+h3, .contenu h2+h4, .contenu h2+h5, .contenu h2+h6,
.contenu h3+h4, .contenu h3+h5, .contenu h3+h6,
.contenu h4+h5, .contenu h4+h6,
.contenu h5+h6 { margin-top:-.85em; }

.contenu td > h1:first-child,
.contenu td > h2:first-child,
.contenu td > h3:first-child,
.contenu td > h4:first-child,
.contenu td > h5:first-child,
.contenu td > h6:first-child,
.contenu > h1:first-child,
.contenu > h2:first-child,
.contenu > h3:first-child,
.contenu > h4:first-child,
.contenu > h5:first-child,
.contenu > h6:first-child,
.contenu > div > h1:first-child,
.contenu > div > h2:first-child,
.contenu > div > h3:first-child,
.contenu > div > h4:first-child,
.contenu > div > h5:first-child,
.contenu > div > h6:first-child  { margin-top: 0; }

.contenu a { color: #006072; }
.contenu a:hover { color: #333; }
.contenu a.bouton{display:inline-block;background:#006072;color:#fff;padding:2px 15px;text-decoration:none;border:1px double #006072;outline:1px solid #fff;outline-offset:-2px;font-size:14px}
.contenu a.bouton-large { font-size: 24px; padding: 5px 15px;}
.contenu a.bouton:hover{background:#ffffff;border:1px double #ffffff}
.contenu hr.separateur{height:3px;width:88px;background:url(../img/layout/separateur.png);text-align:left;border:0;margin:10px 0 25px;padding:0}
.contenu hr.separateur2{width:100%;border:0;border-top:dotted #333 2px;text-align:left;margin:12px 0 20px;padding:0}
.contenu span.prix{height:2px;font-size:22px;color:#006072}
.contenu a.lien_telecharger{display:inline-block;height:16px;line-height:16px;background:url(../img/layout/download.png) no-repeat;padding:0 0 0 22px;color:#006072}
.contenu a.lien_telecharger:hover { color: #333333; }

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------- MODULES FIXES -------------------------------- */
/* ------------------------------------------------------------------------------------ */

.module_chambres_mobile { margin: 20px 0;}
.module_chambres_mobile a { text-decoration: none; color:#333 }
.module_chambres_mobile ul,
.module_chambres_mobile li { list-style: none; padding: 0;margin: 0;}
.module_chambres_mobile li { position: relative; padding: 10px 40px 10px 140px; min-height: 80px; }
.module_chambres_mobile li:nth-child(2n+1) { background:rgb(223,235,237); }
.module_chambres_mobile img { position: absolute; width:120px; top: 10px;left: 10px; }
.module_chambres_mobile dt { color:#006072; font-size: 20px; font-family: Playfair Display;}
.module_chambres_mobile dd { margin: 0;padding: 0; }
.module_chambres_mobile dd>*:first-child { margin-top:0; } 
.module_chambres_mobile dd>*:last-child { margin-bottom:0; } 
.module_chambres_mobile a i { position: absolute; right:10px; top: 10px; font-size: 56px; line-height: 80px; color:#ffffff; }
.module_chambres_mobile a span { display: none; }

.module_actualites_mobile { margin: 20px 0;}
.module_actualites_mobile ul,
.module_actualites_mobile li { list-style: none; padding: 0;margin: 0;}
.module_actualites_mobile li { position: relative; padding: 10px 40px 10px 140px;  min-height: 80px; }
.module_actualites_mobile li:nth-child(2n+1) { background:rgb(223,235,237); }
.module_actualites_mobile img { position: absolute; width:120px; top: 10px;left: 10px; }
.module_actualites_mobile dt { color:#006072; font-size: 24px; font-family: Playfair Display;}
.module_actualites_mobile dd { margin: 0;padding: 0; }
.module_actualites_mobile dd>*:first-child { margin-top:0; } 
.module_actualites_mobile dd>*:last-child { margin-bottom:0; } 
.module_actualites_mobile a i { position: absolute; right:10px; top: 10px; font-size: 56px; line-height: 80px; color:#ffffff; }
.module_actualites_mobile a span { display: none; }

.module_offres_mobile { margin: 20px 0;}
.module_offres_mobile ul,
.module_offres_mobile li { list-style: none; padding: 0;margin: 0;}
.module_offres_mobile li { position: relative; padding: 10px 40px 10px 140px;  min-height: 80px; }
.module_offres_mobile li:nth-child(2n+1) { background:rgb(223,235,237); }
.module_offres_mobile img { position: absolute; width:120px; top: 10px;left: 10px; }
.module_offres_mobile dt { color:#006072; font-size: 24px; font-family: Playfair Display;}
.module_offres_mobile dd { margin: 0;padding: 0; }
.module_offres_mobile dd>*:first-child { margin-top:0; } 
.module_offres_mobile dd>*:last-child { margin-bottom:0; } 
.module_offres_mobile a {text-decoration: none; }
.module_offres_mobile dt.titre a {color:#006072; font-size: 20px; }
.module_offres_mobile dd.more a i { position: absolute; right:10px; top: 10px; font-size: 56px; line-height: 80px; color:#ffffff; }
.module_offres_mobile a span { display: none; }
.bouton_retour a { color:#ffffff; }

/* ------------------------------------------------------------------------------------ */
/* ------------------------------------- FORMULAIRE ----------------------------------- */
/* ------------------------------------------------------------------------------------ */

.formulaire * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#333; }
.formulaire .ligne_form {}
.formulaire .ligne_form label { padding: 5px; }
.formulaire .ligne_form_champ { padding: 5px; }
.formulaire .ligne_form_champ input[type=text] { width:100%; padding: 5px; }
.formulaire .ligne_form_champ textarea { width:100%; height: 100px; padding: 5px;}
.formulaire .ligne_form_champ select { width:100%; padding: 5px; }


.formulaire .bouton{ display:inline-block;background:#006072;color:#fff;padding:2px 15px;text-decoration:none;border:1px double #006072;outline:1px solid #fff;outline-offset:-2px;font-size:14px; 
	-webkit-border-radius: 0;
        border-radius: 0;
}
.formulaire .bouton-large { font-size: 24px; padding: 5px 15px;}
.formulaire .bouton-wide { width: 100%; }
.formulaire .bouton:hover{background:#ffffff;border:1px double #ffffff}


/* ------------------------------------------------------------------------------------ */
/* ------------------------------------- MODULES -------------------------------------- */
/* ------------------------------------------------------------------------------------ */

/* GALERIE -------------------------------------- */
.module_galerie { position: relative; padding: 10px; box-shadow: 1px 1px 8px 1px rgba(183, 183, 183, 0.72); }
.module_galerie .titre { color:#006072;text-align:right;font-family:'Lato',Arial, Helvetica, sans-serif;padding:0 0 10px;font-weight:700; }
.module_galerie .bx-wrapper .bx-prev {
    background: url("../../img/layout/slider_prev_blanc.png") no-repeat left top;
    width:15px; height:22px; left: 10px; margin-top: -22px; z-index: 500; }
.module_galerie .bx-wrapper .bx-next {
    background: url("../../img/layout/slider_next_blanc.png") no-repeat left top;
    width:15px; height:22px; right: 10px; margin-top: -22px; z-index: 500; }
.module_galerie .contenu { margin: 5px 0 0 0; }
.module_galerie .launch_diaporama { display: block; position: absolute; width: 32px; height: 32px; top: 0; right:-32px; text-decoration: none;
    background: url("../../img/layout/icone-agrandir.png") no-repeat left top; }
.module_galerie .launch_diaporama:hover { background: url("../../img/layout/icone-agrandir.png") no-repeat left bottom; }

/* ENCART CONTENU ------------------------------------- */
.module_encart_contenu { position: relative; }
.module_encart_contenu.avec_ombre { position: relative; padding: 10px; box-shadow: 1px 1px 8px 1px rgba(183, 183, 183, 0.72); }
.module_encart_contenu h3.titre { color:#006072;text-align:right;font-family:'Lato',Arial, Helvetica, sans-serif;padding:0 0 10px;font-weight:700; }
.module_encart_contenu .contenu { margin: 0 0 10px 0; }

/* ENCART METEO ------------------------------------- */
.module_encart_meteo { position: relative; font-size: 13px; margin: 20px 0; }
.module_encart_meteo .meteo_container { background: #eee;  padding: 10px; }
.module_encart_meteo .heure{ text-align:center;font-size:35px;line-height:35px;font-weight:300;color:#666;padding:3px 0 0; }
.module_encart_meteo .date { text-align: center; color: #666; padding: 5px 0 0 0; }
.module_encart_meteo .meteo { text-align: center; padding: 2px 0; }
.module_encart_meteo .bloc_meteo { width: 65px; display: inline-block; text-align: center; }
.module_encart_meteo .temperature_high { font-weight: 600; color: #333; }
.module_encart_meteo .temperature_low { color: #666; }
.module_encart_meteo .jour { color: #333; }
.module_encart_meteo .jour strong { font-weight: 600; }
.module_encart_meteo .ville_pays { text-align: center; color: #666; font-weight: 600; padding: 7px 0 7px 0; }

.module_encart_meteo .dark { background: #333; }
.module_encart_meteo .dark .heure { color: #fff; }
.module_encart_meteo .dark .bloc_meteo .temperature_high { color: #fff; }
.module_encart_meteo .dark .bloc_meteo .jour { color: #fff; }


/* TABLEAU ------------------------------------- */
.module_tableau table { width: 100%; box-shadow: 1px 1px 8px 1px rgba(150, 150, 150, 0.72); margin: 10px 0; }
.module_tableau table td { padding: 5px 10px; text-align: center; }
.module_tableau table thead { background: #006072; color: #fff; font-weight: bold; }
.module_tableau table tbody tr.even { background: #eee; }

/* TABLEAU SEMINAIRES ------------------------------- */

.module_tableau_seminaires table { width: 100%; box-shadow: 1px 1px 8px 1px rgba(150, 150, 150, 0.72); }
.module_tableau_seminaires h3 { margin: 0 0 10px 0; }
.module_tableau_seminaires table td { padding: 5px 10px; }
.module_tableau_seminaires table thead { background: #006072; color: #fff; font-weight: bold; }
.module_tableau_seminaires table tbody tr.even { background: #eee; }

/* ACCORDEON -------------------------------------- */
.module_accordeon > ul {  margin: 0; padding: 0; list-style-type: none; }
.module_accordeon > ul > li { position: relative; padding: 0; border: 1px solid #eeeeee; margin: 0 0 20px 0; }
.module_accordeon.template_style_2 ul li.show .titre_accordeon, .module_accordeon.template_style_2 ul li .titre_accordeon:hover {
    background: #006072;
    color: #fff;
}
.module_accordeon > ul > li.hide { height: 35px; overflow: hidden; background: #fff; }
.module_accordeon > ul > li.show { background: #eeeeee; }
.module_accordeon ul li .titre { font-size: 20px; padding: 15px 0 17px 20px; cursor: pointer; }
.module_accordeon ul li.show .titre { font-weight: bold; }
.module_accordeon ul li .titre .arrow { height: 29px; width: 29px; position: absolute; top: 13px; right: 13px; background: url('../../img/layout/arrow_bloc_deroulant.png') no-repeat left top; }
.module_accordeon ul li .titre:hover .arrow, .module_accordeon ul li.show .titre .arrow { background: url('../../img/layout/arrow_bloc_deroulant.png') no-repeat left bottom; }
.module_accordeon ul li .contenu { padding: 0 20px 0 20px; }

/* VIGNETTES -------------------------------------- */
.module_vignettes:after { display: block; content:""; position: relative; height: 0; line-height: 0; font-size: 0; visibility: hidden; clear: both;}
.module_vignettes > ul { margin: 0;padding: 0;}
.module_vignettes > ul > li {
    position: relative;
    display: block;
    float:left;
    width:48%;
    padding: 0;
    margin: 20px 0;
    cursor: pointer;
    box-shadow: 1px 1px 8px 1px rgba(150, 150, 150, 0.72);
    
    -webkit-transition: box-shadow .3s ease;
    -moz-transition: box-shadow .3s ease;
    -ms-transition: box-shadow .3s ease;
    -o-transition: box-shadow .3s ease;
    transition: box-shadow .3s ease;
}
.module_vignettes > ul > li:nth-child(2n+1) { margin-right:4%; clear:left;}
.module_vignettes > ul > li.over { box-shadow: 1px 1px 20px 1px rgba(100, 100, 100, 0.72); }
.module_vignettes > ul > li .detail { padding: 15px; }
.module_vignettes > ul > li .titre { font-family:'Lato',Arial, Helvetica, sans-serif; font-weight: bold; font-size: 20px; }
.module_vignettes > ul > li .contenu { font-size: 13px; }
.module_vignettes > ul > li a.en_savoir_plus {
    display: block;
    width: 41px;
    height: 41px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: url('../../img/layout/vignettes_link.png') no-repeat;
}

@media screen and (max-width: 400px) {
  .module_vignettes  > ul > li { clear:both; float:none; right:0; width: 100%; }
}

/* VIDEO ---------------------------------------- */
.module_video { position: relative; padding: 10px; box-shadow: 1px 1px 8px 1px rgba(183, 183, 183, 0.72); }
.module_video .titre {color:#006072;text-align:right;font-family:'Lato',Arial, Helvetica, sans-serif;padding:0 0 10px;font-weight:700; }
.module_video .visuel { position: relative; }
.module_video .visuel .launch_video { position: absolute; top: 0; left: 0; }
.module_video .contenu { margin: 5px 0 0 0; text-align: center; }

/* FLUX FACEBOOK ------------------------------------- */
.module_flux_facebook{ padding: 10px; }
.module_flux_facebook.avec_ombre { box-shadow: 1px 1px 8px 1px rgba(183, 183, 183, 0.72); }
.module_flux_facebook .dark_background{ background-color: #333333; }

/* TWITTER ------------------------------------- */
.module_twitter { padding: 10px;}
.module_twitter.avec_ombre { box-shadow: 1px 1px 8px 1px rgba(183, 183, 183, 0.72); }

/* TripAdvisor ---------------------------------------- */
.module_tripadvisor { padding: 10px; }

.module_tripadvisor.avec_ombre { box-shadow: 1px 1px 8px 1px rgba(183, 183, 183, 0.72); }

.module_tripadvisor .contenu{ margin:0 auto; display:table; }

/* Flickr ---------------------------------------- */
.module_flickr{ padding: 10px; }

.module_flickr.avec_ombre { box-shadow: 1px 1px 8px 1px rgba(183, 183, 183, 0.72); }
.module_flickr .titre{color:#006072;text-align:right;font-family:'Lato',Arial, Helvetica, sans-serif;padding:0 0 10px;font-weight:700; }
.module_flickr a img { margin-bottom: 3px; }

/* Pinterest ---------------------------------------- */
.module_pinterest{ padding: 10px; }
.module_pinterest.avec_ombre { box-shadow: 1px 1px 8px 1px rgba(183, 183, 183, 0.72); }
.module_pinterest .titre { color:#006072;text-align:right;font-family:'Lato',Arial, Helvetica, sans-serif;padding:0 0 10px;font-weight:700; }
.module_pinterest .contenu span { overflow:hidden; }

/* ------------------------------------------------------------------------------------ */
/* --------------------------------------- BANDEAUX ----------------------------------- */
/* ------------------------------------------------------------------------------------ */

.bandeau {
    position: relative;
    margin: 0;
}

.bandeau .wrapper {
    position: relative;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    z-index: 99;
}

.bandeau .section_contenu {
    margin: 0;
}

.bandeau .bandeau_container {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    clip: rect(auto, auto, auto, auto);
    overflow: hidden;
}

.bandeau.carte .carte_bandeau {
    position: relative;
    z-index: 2;
}

.bandeau .shield {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3;
}

.gm-style-cc {
    display:none;
}

.bandeau.video .video_container {
    position: relative;
    width: 100%;
    margin-top: -400px;
    overflow: hidden;
}

.bandeau .titre_bandeau_1 {
    font-size: 36px;
    line-height: 1.3em;
}

.bandeau .titre_bandeau_2 {
    font-size: 32px;
    line-height: 1.3em;
}

.bandeau .titre_bandeau_3 {
    font-size: 26px;
    line-height: 1.3em;
}