@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Heebo:300,400,500,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Nothing+You+Could+Do');

* {
    margin: 0;
    padding: 0;
}
.horairesOuvert{
    color: #11901B;
    font-size: 14px;
    font-weight: bold;
}
.horairesFermé{
    color: #f20a0a;
    font-size: 14px;
    font-weight: bold;
}
img {
    border: 0;
}
#Body {
    font-family: Heebo!important;
    color: #626262;
    font-size: 10px;
    font-weight: 300;
}
a:hover,
a:focus {
    text-decoration: none !important;
}
a,
a:link,
a:visited {
    cursor: pointer;
    color: #626262;
    text-decoration: none!important;
}
a:hover {
    color: #6c6c6c;
    text-decoration: none;
}
object {
    outline: 0 !important;
}
iframe {
    display: block;
}
h1,
h2,
h3,
h4,
h5,
h6,
.Normal,
p {
    font-family: Heebo;
    font-size: 1em;
    line-height: 1.1;
}
ul,
li,
ul li {
    list-style: none;
}

span.value.stroked-value {
    text-decoration: line-through;
    padding: 0 10px;
}

.ui-autocomplete{
    z-index: 1111;
}

.a_faire_actif, .decouvrir_actif, .sejourner_actif, .cote_mer_actif, .agenda_actif, .pratique_actif{
    height: 60px;
}

.ui-autocomplete li a {
    font-size: 16px;
}

#Main_header {
    background: -moz-linear-gradient(top, rgba(23,23,23,0.65) 0%, rgba(23,23,23,0) 100%);
    background: -webkit-linear-gradient(top, rgba(23,23,23,0.65) 0%,rgba(23,23,23,0) 100%);
    background: linear-gradient(to bottom, rgba(23,23,23,0.65) 0%,rgba(23,23,23,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6171717', endColorstr='#00171717',GradientType=0 );
}

@media screen and (max-width: 719px), screen and (max-device-width:719px) {
    hr {
        width: 100%;
    }
}
/*---- STYLES COMMUNS ----*/
/* Position */

.clear {
    clear: both;
}
.flL {
    display: block;
    float: left;
}
.flR {
    display: block;
    float: right;
}
.rel {
    position: relative;
    display: block;
}
.abs {
    position: absolute;
    display: block;
}
.center {
    margin: auto;
    width: 1024px;
}
.hidden {
    overflow: hidden;
}
/* Display */

.dBlock {
    display: block;
}
.inBl {
    display: inline-block;
    vertical-align: top;
}
.noDisp {
    display: none;
}
/* SLIDERS MENU */

.pub_ss_menu_Sejourner,
.pub_menu_a_voir {
    height: 190px;
}
.bx-wrapper,
.bx-viewport {
    height: 190px !important;
}
.bx-wrapper ul li {
    width: 100% !important;
}
.pubs_ss_menu_voir_faire .bx-wrapper {
    position: relative;
    top: 0;
    left: 0;
    width: 220px !important;
}
.bx-wrapper {
    position: relative;
    margin: 0 auto 60px;
    padding: 0;
    *zoom: 1;
}
.bx-wrapper img {
    max-width: 100%;
    display: block;
}
/** THEME
===================================*/

.bx-wrapper .bx-viewport {
    background: #fff;
    /*fix other elements on the page moving (on Chrome)*/

    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0);
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    bottom: -30px;
    width: 100%;
}
/* LOADER */

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: #fff;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2000;
}
/* PAGER */

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: .85em;
    font-family: Arial;
    font-weight: bold;
    color: #666;
    padding-top: 20px;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* HOME PAGE */
.titreTexteH2{
    margin: 20px 0;
    display: block;
}
.titreTexteH2 span.titreH2 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin: 20px 0;
    color: #171717;
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin: 20px auto;
    color: #171717;
    line-height: 1.2;
    width: 60%;
    display: block;
}

.titreTexteH2 p{
    font-size: 16px;
    font-weight: lighter;
    display: block;
    line-height: 1.2;
    margin: 20px auto;
    width: 60%;
    color: #171717;
}
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(images/controls.png) no-repeat 0 -32px;
}
.bx-wrapper .bx-next {
    right: 10px;
    background: url(images/controls.png) no-repeat -43px -32px;
}
.bx-wrapper .bx-prev:hover {
    background-position: 0 0;
}
.bx-wrapper .bx-next:hover {
    background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}
/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
    text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}
/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}
.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: .85em;
    padding: 10px;
}
@media screen and (max-width: 1024px), screen and (max-device-width:1024px) {
    .center {
        width: 96%;
        padding: 0 2%;
        min-width: 320px;
    }
}
/* Bouton - liens */

p.lien_bg_marron,
span.lien_bg_marron,
a.lien_bg_marron {
        font-family: Heebo;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #0077ff;
    display: block;
    padding: 15px 20px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
    cursor: pointer;
}
span.lien_bg_marron {
    color: rgba(255, 255, 255, .5);
    cursor: default;
}
p.lien_bg_marron:hover,
p.lien_bg_marron:focus,
a.lien_bg_marron:hover,
a.lien_bg_marron:focus {
    color: #2d2d2d;
    background: #fff;
    border: 1px solid #eae9e7;
}
a.fiche_oi {
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    text-transform: uppercase;
    color: #856b54;
    background: url(img/sprite.png) 100% -2232px no-repeat;
    padding-right: 35px;
}
a.fiche_oi:hover,
a.fiche_oi:focus {
    text-decoration: underline;
}
/* Hack IE7 */

* + html .inBl {
    zoom: 1;
    display: inline;
}
/* Effet transition */

#Main_header,
#flag_FR,
#Main_nav li a,
#Espace_pro a span,
#Btn_mob_nav,
.liste_vignettes li a span,
.voir_plus,
.blocs_pubs a > img,
.blocs_pubs a .contenu_bloc_pub img,
.blocs_pubs a span,
.ss_menu_icone li a span,
.blocs_menu_bleus a span,
.menu_cote_mer span {
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
}
/* Reset styles par défaut */

/*.DnnModule {
    position: static;
}*/
/*.dnnSortable {
    min-height: 0 !important;
}*/
/* Texte */

.TextGrisClair16 a {
    color: #b8b8b8;
    text-decoration: underline;
}
.TextGrisClair16 a:hover,
.TextGrisClair16 a:focus {
    color: #444444;
    text-decoration: none;
}
.readMore,
.readLess {
    cursor: pointer;
    text-decoration: underline;
    margin-top: -10px;
}
.readMore:hover,
.readMore:focus,
.readLess:hover,
.readLess:focus {
    color: #444444;
    text-decoration: none;
}
/* Flèches */

.fleche_prec,
.fleche_suiv {
    position: absolute;
    cursor: pointer;
    z-index: 3;
    width: 170px;
    height: 165px;
}
.fleche_prec {
    background: url(img/Diapo_home/fond_flecheG_diapo.png) 0 0 no-repeat;
    left: 0;
}
.fleche_suiv {
    background: url(img/Diapo_home/fond_flecheD_diapo.png) 100% 0 no-repeat;
    right: 0;
}
.fleche_prec span,
.fleche_suiv span {
    display: block;
    width: 50px;
    height: 51px;
    background: url(img/sprite.png) no-repeat;
    margin-top: 50px;
}
.fleche_prec span {
    background-position: 0 -340px;
    margin-left: 25px;
}
.fleche_prec:hover span,
.fleche_prec:focus span {
    background-position: -3px -340px;
}
.fleche_suiv span {
    background-position: 0 -410px;
    margin-left: 100px;
}
.fleche_suiv:hover span,
.fleche_suiv:focus span {
    background-position: 3px -410px;
}
/*---- FIN STYLES COMMUNS ----*/
/*---- GABARITS HTML ----*/

/*--- Listes colonnes page 404 ---*/

.listes_page404 {
    width: 100%;
    margin: 80px 0 30px 0;
    text-align: center;
}
.list_col_page404 {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-right: 10%;
}
.list_col_page404:last-child {
    margin-right: 0;
}
.list_col_page404 ul {
    margin: 0;
}
.list_col_page404 p {
    padding-bottom: 25px;
    border-bottom: 1px solid #dcdcdc;
    font-size: 2em;
    line-height: 1em;
    color: #3d3d3d;
    text-transform: uppercase;
}
.list_col_page404 li {
    display: block;
    margin-bottom: 20px;
}
.list_col_page404 li a {
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    color: #856a54;
    text-transform: uppercase;
}
@media screen and (max-width: 699px), screen and (max-device-width:699px) {
    .listes_page404 {
        margin: 30px 0;
    }
    .list_col_page404,
    .list_col_page404:last-child {
        display: block;
        width: 80%;
        margin-right: 0;
        margin: 0 auto 50px auto;
    }
}
/*--- Blocs pub ---*/

.pubCoverImg {
    background-position: center!important;
    background-size: cover!important;
    width: 100%;
    height: 100%;
    position: absolute;
}
.pubCoverImg:hover {
    opacity: 0.7;
}
.blocs_pubs {
    text-align: center;
    margin-bottom: 70px;
}
.blocs_pubs a > img {
    /* opacity:0.7; */

    width: 100%;
    height: 100%;
}
.blocs_pubs a:hover > img,
.blocs_pubs a:focus > img {
    opacity: 0.6;
}
.contenu_bloc_pub {
    /*position: absolute;
    z-index: 2;
    left: 0;
    top: 0;*/
    /*background: url(img/ombre_bloc_pub.png) no-repeat center bottom;*/
}
h1 p, h1 span, h1 p span{
    font-family: Heebo!important;
    font-size: 16px;
    line-height: 1.2!important;
}
.TextRegularGris16 {
    font-family: heebo!important;
    font-size: 16px;
    color: #171717;
    line-height: 1.2!important;
}
/*.Normal img {
    margin: 20px 0!important;
}*/
.texte_3_colonnes span, .texte_3_colonnes, .texte_3_colonnes p{
    font-family: Heebo!important;
    font-size: 16px;
    line-height: 1.2!important;
}
.contenu_bloc_pub img {
    display: none;
    position: absolute;
    top: 30%;
    left: 50%;
    margin-left: -22px;
}
.TitreLightGris50{
    font-family: Heebo!important;
    color: #171717!important;
    font-size: 40px!important;
    line-height: 1.2!important;
}
.blocs_pubs .contenu_bloc_pub span {
    display: block;
    text-align: center;
    font-family: Heebo;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    background: #171717;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    padding: 15px;
    width: 50%;
}

/*-- 1 bloc pub --*/

.bloc_pub_x1 a {
    display: block;
    width: 470px;
    height: 245px;
    overflow: hidden;
    margin: auto;
    position: relative;
}
.bloc_pub_x1 .contenu_bloc_pub {
    width: 450px;
    height: 225px;
}
/*-- 2 blocs pub --*/

.bloc_pub_x2 a {
    display: inline-block;
    vertical-align: top;
    width: 470px;
    height: 245px;
    overflow: hidden;
    position: relative;
}
.bloc_pub_x2 a:first-child {
    margin-right: 30px;
}
.bloc_pub_x2 .contenu_bloc_pub {
    width: 450px;
    height: 225px;
}
/*-- 3 blocs pub --*/

.bloc_pub_x3 a {
    display: inline-block;
    vertical-align: top;
    width: 305px;
    height: 185px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
}
.bloc_pub_x3 a:last-child {
    margin-right: 0;
}
.bloc_pub_x3 .contenu_bloc_pub {
    width: 285px;
    height: 165px;
}
.bloc_pub_x3 .contenu_bloc_pub img {
    top: 20%;
}
.bloc_pub_x3 a:hover .contenu_bloc_pub img,
.bloc_pub_x3 a:focus .contenu_bloc_pub img {
    top: 19%;
}
/*.bloc_pub_x3 .contenu_bloc_pub span {
    margin-top: 100px;
}*/
.bloc_pub_x3 a:hover .contenu_bloc_pub span,
.bloc_pub_x3 a:focus .contenu_bloc_pub span {
    margin-top: 105px;
}
@media screen and (max-width: 999px), screen and (max-device-width:999px) {
    .bloc_pub_x2,
    .bloc_pub_x3 {
        padding: 0 20px;
    }
}
@media screen and (min-width: 800px) and (max-width: 999px) {
    .bloc_pub_x3 a {
        width: 31%;
        margin-right: 20px;
    }
    .bloc_pub_x3 .contenu_bloc_pub {
        width: 92%;
    }
}
@media screen and (min-width: 700px) and (max-width: 999px) {
    .bloc_pub_x2 a {
        width: 48%;
    }
    .bloc_pub_x2 a:first-child {
        margin-right: 20px;
    }
    .bloc_pub_x2 .contenu_bloc_pub {
        width: 95%;
    }
}
@media screen and (min-width: 800px) and (max-width: 869px) {
    .bloc_pub_x3 a {
        height: 120px;
    }
    .bloc_pub_x3 .contenu_bloc_pub {
        height: 100px;
    }
    .bloc_pub_x3 .contenu_bloc_pub img {
        top: 10%;
        width: 40px;
    }
    .bloc_pub_x3 a:hover .contenu_bloc_pub img,
    .bloc_pub_x3 a:focus .contenu_bloc_pub img {
        top: 9%;
    }
    .bloc_pub_x3 .contenu_bloc_pub span {
        margin-top: 65px;
    }
    .bloc_pub_x3 a:hover .contenu_bloc_pub span,
    .bloc_pub_x3 a:focus .contenu_bloc_pub span {
        margin-top: 70px;
    }
}
@media screen and (max-width: 799px), screen and (max-device-width:799px) {
    .bloc_pub_x2 a {
        height: 200px;
    }
    .bloc_pub_x2 .contenu_bloc_pub {
        height: 180px;
    }
    .bloc_pub_x3 a,
    .bloc_pub_x3 a:last-child {
        display: block;
        margin: 10px auto;
    }
    .bloc_pub_x3 .contenu_bloc_pub img {
        top: 30%;
    }
    .bloc_pub_x3 a:hover .contenu_bloc_pub img,
    .bloc_pub_x3 a:focus .contenu_bloc_pub img {
        top: 29%;
    }
    .bloc_pub_x3 .contenu_bloc_pub span {
        margin-top: 130px;
    }
    .bloc_pub_x3 a:hover .contenu_bloc_pub span,
    .bloc_pub_x3 a:focus .contenu_bloc_pub span {
        margin-top: 135px;
    }
}
@media screen and (min-width: 530px) and (max-width: 799px) {
    .bloc_pub_x3 a,
    .bloc_pub_x3 a:last-child {
        width: 470px;
        height: 245px;
    }
    .bloc_pub_x3 .contenu_bloc_pub {
        width: 450px;
        height: 225px;
    }
}
@media screen and (max-width: 699px), screen and (max-device-width:699px) {
    .bloc_pub_x2 a,
    .bloc_pub_x2 a:first-child {
        display: block;
        margin: 10px auto;
    }
}
@media screen and (max-width: 529px), screen and (max-device-width:529px) {
    .bloc_pub_x1 a,
    .bloc_pub_x2 a,
    .bloc_pub_x3 a,
    .bloc_pub_x3 a:last-child {
        width: 90%;
        min-width: 359px;
        height: 200px;
    }
    .bloc_pub_x1 .contenu_bloc_pub,
    .bloc_pub_x2 .contenu_bloc_pub,
    .bloc_pub_x3 .contenu_bloc_pub {
        width: 95%;
        height: 180px;
    }
}
/*-- Bloc pub menu portrait --*/

.pub_menu_portrait {
    margin-bottom: 20px;
    display: block;
    width: 220px;
    height: 270px;
    background: #000;
}
.pub_menu_portrait a span strong {
    font-weight: bold!important;
}
.blocSsMenuTitre {
    font-size: 16px!important;
    font-weight: 100!important;
    width: 100%!important;
    line-height: 1.2!important;
    text-transform: initial!important;
}
.pub_menu_portrait a span,
.blocSsMenuTitre {
    background: #000;
    color: #fff;
    position: absolute;
    bottom: 0;
    padding: 10px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    font-weight: 100;
    width: 100%;
}
.pub_menu_portrait a {
    display: block;
    width: 220px;
    height: 190px;
    overflow: hidden;
    margin: auto;
    position: relative;
    margin-top:15px;
}
.pub_menu_portrait .contenu_bloc_pub {
    width: 200px;
    height: 250px;
    background: url(img/ombre_bloc_pub_haute.png) no-repeat center center;
}
.pub_menu_portrait .contenu_bloc_pub img {
    top: 50px;
}
.pub_menu_portrait .contenu_bloc_pub span {
    display: block;
    width: 125px;
    line-height: 1.3em;
    padding-bottom: 60px;
    margin: 110px auto 0 auto;
    background: url(img/pointe_blanche_blocs.png) 50% bottom no-repeat;
}
.pub_menu_portrait a:hover .contenu_bloc_pub img,
.pub_menu_portrait a:focus .contenu_bloc_pub img {
    top: 45px;
}
.pub_menu_portrait a:hover .contenu_bloc_pub span,
.pub_menu_portrait a:focus .contenu_bloc_pub span {
    margin: 115px auto 0 auto;
}
/*-- Bloc pub menu carré --*/

.pub_menu_carre {
    margin-bottom: 15px;
    width: 220px;
}
.pub_menu_carre a {
    display: block;
    width: 220px;
    height: 190px;
    overflow: hidden;
    margin: auto;
    position: relative;
}
.pub_menu_carre .contenu_bloc_pub {
    width: 100%;
    position: absolute;
    bottom: 0;
}
.pub_menu_carre .contenu_bloc_pub img {
    top: 30px;
}
.pub_menu_carre .contenu_bloc_pub span {
    margin: 95px auto 0 auto;
    width: 125px;
    line-height: 1.3em;
}
.pub_menu_carre a:hover .contenu_bloc_pub img,
.pub_menu_carre a:focus .contenu_bloc_pub img {
    top: 25px;
}
.pub_menu_carre a:hover .contenu_bloc_pub span,
.pub_menu_carre a:focus .contenu_bloc_pub span {
    margin-top: 100px;
}
.pub_menu_sejourner .bx-wrapper,
.pub_menu_a_voir .bx-wrapper {
    margin-top: 15px !important;
}
/* Bloc pub marron */

p.bloc_pub_marron {
    background: #856b54;
    text-align: center;
    padding: 20px 30px;
    width: 170px;
    font-family: Heebo;
    font-weight: 400;
    font-size: 1.8em;
    color: #fff;
    line-height: 1.3em;
    text-transform: uppercase;
    margin-bottom: 10px;
}
/*-- Encart menu image --*/

.tel-menu {
    font-size: 1.6em;
    font-weight: bold;
}
.encart_menu_img a {
    display: block;
    width: 220px;
    height: 380px;
    overflow: hidden;
    margin: auto;
    position: relative;
    background: #000;
}
.encart_menu_img .contenu_bloc_pub {
    width: 220px;
    height: 343px;
}
.encart_menu_img .contenu_bloc_pub img {
    top: 20px;
}
.encart_menu_img .contenu_bloc_pub span {
    width: 100px;
    margin: 90px auto 10px auto;
    line-height: 1.3em;
}
.encart_menu_img a:hover .contenu_bloc_pub img,
.encart_menu_img a:focus .contenu_bloc_pub img {
    top: 15px;
}
.encart_menu_img a:hover .contenu_bloc_pub span,
.encart_menu_img a:focus .contenu_bloc_pub span {
    margin: 95px auto 10px auto;
}
.encart_menu_img .contenu_bloc_pub ul {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0!important;
}
ul.ss_menu_icone {
    margin: 0!important;
}
.encart_menu_img:hover .pubCoverImg {
    opacity: 0.7;
}
.encart_menu_img .contenu_bloc_pub ul li {
    font-size: 13px;
    font-style: italic;
    color: #fff;
    font-weight: bold;
    height: 30px!important
}
/* Intro liste */

.intro_page_liste {
    width: 944px;
    margin: auto;
    padding: 0 40px;
    text-align: center;
}
.intro_page_liste h2 {
    margin: 0;
}
/*Page vidéo*/

.contentVideo ul {
    width: 103%;
}
.contentVideo ul li:first-child {
    margin-right: 20px !important;
}
.contentVideo ul li {
    display: block;
    float: left;
    vertical-align: top;
    margin-right: 20px;
    margin-top: 20px;
}
@media screen and (max-width: 1029px), screen and (max-device-width:1029px) {
    .intro_page_liste {
        width: 96%;
        padding: 0 2%;
        min-width: 320px;
    }
}
/* Titres avec bordures */

h1 span.TitreLightGris50 {
    padding: 30px 0 0 0;
    display: block;
    font-weight: bold;
}

.titre_border_clair,
.titre_border_MAJ {
    margin: 100px 20px 40px 0;
}
.titre_border_clair span,
.titre_border_MAJ span {
    background-color: #fff;
    position: relative;
}
.titre_border_clair span {
    padding: 10px;
    font-family: Heebo;
    font-size: 30px;
    font-weight: bold;
    color: #202020;
}
.titre_border_MAJ span {
    font-family: Heebo;
    font-weight: bold;
    font-size: 3em;
    color: #171717;
}
h2.titre_border_clair span {
    top: -0.2em;
    font-weight: normal;
}
@media screen and (max-width: 499px), screen and (max-device-width:499px) {
    .titre_border_clair,
    .titre_border_MAJ {
        height: auto;
        background: none;
    }
    .titre_border_MAJ {
        margin: 70px auto 40px auto;
    }
    .titre_border_clair span,
    .titre_border_MAJ span {
        position: static;
        padding: 0;
        line-height: 1.2;
    }
}

/* Page de Liste */

.newSkinListe{
    background: #2a2a2a;
    padding-bottom: 80px;
}

#List-content{
    width: 1024px;
    margin: 0 auto;
}

/* Liste vignettes */

.liste_vignettes {
    text-align: center;
}
.liste_vignettes ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    /*justify-content: center;*/
    margin-left: 10px;
}
.liste_vignettes li {
    margin: 10px;
    width: 220px;
    height: 134px;
}

.liste_vignettes li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.liste_vignettes li a img {
    max-height: 100px;
    width: 100%;
}
.liste_vignettes li a span {
    display: block;
    padding: 10px 0;
    background: #202020;
    font-family: Heebo;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    color: #fff;
    position: absolute;
    width: 220px;
    bottom: 0;
}

.voir_plus {
    display: block;
    background: #fff;
    margin-left: 20px;
    padding: 15px 0;
    font-family: Heebo;
    font-size: 16px;
    font-weight: 400;
    line-height: 1em;
    text-align: left;
    color: #0077ff;
}

.voir_plus:after{
    content: '>';
    margin-left: 10px;
}

.TitreLightGris14 {
    font-family: Heebo!important;
    font-weight: normal;
    font-size: 16px!important;
    color: #0077ff!important;
    text-transform: initial!important;
    line-height: 16px!important;
    text-align: left!important;
    margin-left: 20px;
    text-decoration: none!important;
}

@media screen and (min-width: 400px) and (max-width: 1024px) {
    .liste_vignettes ul {
        margin-left: 5px;
    }
    .liste_vignettes li {
        margin-right: 10px;
    }
}
@media screen and (max-width: 949px), screen and (max-device-width:949px) {
    .liste_vignettes li:nth-child(5n) {
        margin-right: 10px;
    }
}
/*@media screen and (max-width: 399px) {
    .liste_vignettes ul {
        margin-left: 0;
    }
    .liste_vignettes li {
        display: block;
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
        height: auto;
        text-align: center;
    }
    .liste_vignettes li a img {
        display: none;
    }
    .liste_vignettes li a span {
        color: #fff;
        width: auto;
        padding: 0;
        position: static;
        margin-left: 0;
    }
}*/
/* Liste fleches */

ul.liste_fleches {
    margin: 50px 0 50px 110px;
}
.liste_fleches li {
    display: inline-block;
    vertical-align: top;
    width: 33%;
    margin-bottom: 20px;
}
.liste_fleches li a {
    display: block;
    padding: 5px 0 0 25px;
    padding-top: 5px;
    background: url(img/sprite.png) -15px -2461px no-repeat;
    font-family: Heebo;
    font-size: 16px;
    font-weight: bold;
    color: #0077ff;
}

@media screen and (max-width: 799px), screen and (max-device-width:799px) {
    ul.liste_fleches {
        margin: 0 0 80px 10px;
    }
}
@media screen and (max-width: 599px), screen and (max-device-width:599px) {
    .liste_fleches li {
        width: 50%;
        display: block;
        margin: 0 auto 20px auto;
    }
}
/* Liste blocs bleus */

.liste_blocs_bleus li {
    padding: 5px;
    width: 210px;
    background: #00a0dc;
    margin-bottom: 10px;
}
.liste_blocs_bleus li a {
    display: block;
    padding: 20px 30px;
    border: 1px solid #fff;
    text-align: center;
    font-family: Heebo;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
}
.liste_blocs_bleus li a:hover,
.liste_blocs_bleus li a:focus {
    color: #b4e7f9;
    border: 1px solid #b4e7f9;
}
/* Blocs menu bleus*/

.blocs_menu_bleus a {
    display: inline-block;
    vertical-align: middle;
    background: #cff1fd;
}
.blocs_menu_bleus a:first-child {
    margin-right: 25px;
}
.icone_bloc_menu_bleu {
    width: 135px;
    height: 90px;
    overflow: hidden;
}
.icone_bloc_menu_bleu,
.blocs_menu_bleus a span {
    display: inline-block;
    vertical-align: middle;
}
.icone_bloc_menu_bleu img {
    width: 100%;
}
.blocs_menu_bleus a span {
    text-transform: uppercase;
    font-family: Heebo;
    color: #282828;
    font-size: 1.8em;
    font-weight: 400;
    line-height: 1em;
    width: 185px;
    padding: 5px 15px;
}
.blocs_menu_bleus a:hover span,
.blocs_menu_bleus a:focus span {
    color: #00a0dc;
}
/* Texte colonnes */

.texte_colonnes {
    width: 800px;
    padding-left: 70px;
    margin: 50px auto;
    border-left: 1px solid #b2b2b2;
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}
.texte_colonnes p {
    color: #3d3d3d;
    padding-top: 10px;
    font-family: Heebo;
    font-size: 2em;
    font-weight: 400;
    line-height: 1.5em;
}
.texte_colonnes p:first-child::first-letter {
    font-family: Georgia;
    font-size: 3.5em;
    font-weight: bold;
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
.texte_colonnes a {
    color: #856b54;
    text-decoration: underline;
}
@media screen and (max-width: 919px), screen and (max-device-width:919px) {
    .texte_colonnes {
        width: 100%;
        padding-left: 0;
        border-left: none;
    }
}
@media screen and (min-width: 600px) and (max-width: 799px) {
    .texte_colonnes {
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
}
@media screen and (max-width: 599px), screen and (max-device-width:599px) {
    .texte_colonnes {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
    .texte_colonnes p {
        margin: 0;
    }
}
/* Intro mag colonnes */

.intro_detail_mag {
    margin: 50px 0;
    -webkit-column-gap: 100px;
    -moz-column-gap: 100px;
    column-gap: 100px;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}
.intro_detail_mag p {
    padding-top: 10px;
    font-family: Heebo;
    font-size: 2em;
    font-weight: 400;
    color: #3d3d3d;
    line-height: 1.5em;
}
.intro_detail_mag p:first-child::first-letter {
    font-family: Georgia;
    font-size: 3.5em;
    font-weight: bold;
    display: block;
    float: left;
    margin-top: 5px;
    margin-right: 5px;
}
@media screen and (min-width: 700px) and (max-width: 769px) {
    .intro_detail_mag {
        -webkit-column-gap: 50px;
        -moz-column-gap: 50px;
        column-gap: 50px;
    }
}
@media screen and (max-width: 699px), screen and (max-device-width:699px) {

    #Footer_bas{
        flex-direction: column;
    }

    .intro_detail_mag {
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0;
        -webkit-columns: 1;
        -moz-columns: 1;
        columns: 1;
    }
    .intro_detail_mag p {
        margin: 0;
    }
}
/* Texte entre guillemets */

.texte_guillemets span,
.texte_guillemets p {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5em;
    font-family: Georgia;
    font-style: italic;
}
.texte_guillemets span {
    font-size: 12em;
    color: #a7a7a7;
    width: 19%;
}
.texte_guillemets p {
    color: #3d3d3d;
    font-size: 2.4em;
    width: 61%;
}
@media screen and (max-width: 439px), screen and (max-device-width:439px) {
    .texte_guillemets {
        margin-top: 80px;
    }
    .texte_guillemets span,
    .texte_guillemets p {
        display: block;
        width: 100%;
    }
    .texte_guillemets span:first-child {
        line-height: 0;
    }
    .texte_guillemets span:last-child {
        line-height: 0.9em;
    }
}
/* Image pages textes */

.image_x1,
.images_paysage_x2,
.images_portrait_x2,
.images_x3 {
    margin: 30px 0 50px 0;
    text-align: center;
}
.images_paysage_x2 li,
.images_portrait_x2 li,
.images_x3 li {
    display: inline-block;
    vertical-align: top;
}
.images_paysage_x2 li {
    width: 500px;
}
.images_portrait_x2 li {
    width: 310px;
}
.images_x3 li {
    width: 330px;
}
.images_paysage_x2 li:last-child {
    margin-left: 20px;
}
.images_portrait_x2 li:last-child {
    margin-left: 33px;
}
.images_x3 li {
    margin-left: 15px;
}
.images_x3 li:first-child {
    margin-left: 0;
}
.bloc_images_paysage_x2 {
    max-height: 320px;
    overflow: hidden;
}
.bloc_images_portrait_x2 {
    max-height: 390px;
    overflow: hidden;
}
.bloc_images_x3 {
    max-height: 190px;
    overflow: hidden;
}
.bloc_images_paysage_x2,
.bloc_images_portrait_x2,
.bloc_images_x3,
.bloc_images_paysage_x2 img,
.bloc_images_portrait_x2 img,
.bloc_images_x3 img {
    width: 100%;
}
.image_x1 p,
.images_paysage_x2 p,
.images_portrait_x2 p,
.images_x3 p {
    font-style: italic;
    font-size: 1.6em;
    color: #808080;
    margin-top: 15px;
}
.image_x1 a,
.images_paysage_x2 a,
.images_portrait_x2 a,
.images_x3 a {
    color: #856b54;
    text-decoration: underline;
}
@media screen and (max-width: 1024px), screen and (max-device-width:1024px)
{
    .image_x1 img {
        width: 100%;
    }

    #flag_FR{
        display: none!important;
    }
}
@media screen and (min-width: 700px) and (max-width: 1024px)
{
    .contentVideo{
        width: 768px!important;
    }
    .images_x3 li {
        width: 32%;
        margin-left: 1.5%;
    }
}
@media screen and (min-width: 500px) and (max-width: 1024px)
{
    .images_paysage_x2 li {
        width: 48%;
    }
    .images_paysage_x2 li:last-child {
        margin-left: 2%;
    }
}
@media screen and (max-width: 767px), screen and (max-device-width:767px)
{
    .contentVideo ul li, .contentVideo ul{
        width: 100%!important;
    }
    .contentVideo{
        width: 80%!important;
    }
}
@media screen and (max-width: 699px), screen and (max-device-width:699px)
{
    .images_x3 li {
        display: block;
        width: 100%;
    }
    .images_x3 li,
    .images_x3 li:first-child {
        margin-left: 0;
    }
    .bloc_images_x3 {
        max-height: 400px;
    }
}
@media screen and (min-width: 500px) and (max-width: 699px)
{
    .images_portrait_x2 li {
        width: 48%;
    }
    .images_portrait_x2 li:last-child {
        margin-left: 2%;
    }
}
@media screen and (max-width: 499px), screen and (max-device-width:499px)
{
    .images_paysage_x2 li,
    .images_portrait_x2 li {
        display: block;
        width: 100%;
    }
    .images_paysage_x2 li:last-child,
    .images_portrait_x2 li:last-child {
        margin-left: 0;
    }
    .images_portrait_x2 li:last-child {
        margin-top: 10px;
    }
    .bloc_images_paysage_x2 {
        max-height: none;
    }
}
.TitreLightGris40 {
    font-family: Heebo;
    font-weight: bold!important;
    font-size: 30px!important;
    color: #171717;
    text-transform: initial!important;
    line-height: 1.2!important;
}

.TextLightGris16 {
    color: #171717!important;
    font-family: Heebo!important;
    line-height: 1.2!important;
}
.TextLightGris16 a.lien{
    color: #0077ff!important;
}

/* Liste SEO */

.liste_SEO {
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
}
.bloc_liste_SEO {
    vertical-align: top;
    text-align: left;
    width: 32%;
    display: block;
    height: auto!important;
    margin-left: 10px;
}
.bloc_liste_SEO p {
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1.5em;
    color: #a2a2a2;
    margin: 0;
}
.bloc_liste_SEO a {
    display: block;
    color: #0077ff;
    font-size: 16px;
    font-weight: bold;
    padding: 2px;
    text-transform: initial;
    text-align: left;
    line-height: 1.2;
}
.bloc_liste_SEO a:hover,
.bloc_liste_SEO a:focus {
    text-decoration: underline;
}
@media screen and (max-width: 449px), screen and (max-device-width:449px) {
    .bloc_liste_SEO {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }
}
/* Encart détail magazine */

.encart_etablissement img:first-child {
    margin: 6px!important;
}

.encart_portrait span{
    font-family: Heebo!important;
}

.encart_etablissement img{
    margin: 3px!important;
}

.encart_detail_mag {
    margin: 40px 0;
    padding: 40px 0;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.img_encart_detail_mag,
.texte_encart_detail_mag {
    display: inline-block;
    vertical-align: top;
}
.img_encart_detail_mag {
    width: 280px;
    height: 420px;
    overflow: hidden;
    margin-right: 20px;
}
.img_encart_detail_mag img {
    width: 100%;
}
.texte_encart_detail_mag {
    width: 53%;
    padding-top: 30px;
}
.texte_encart_detail_mag a {
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    text-transform: uppercase;
    color: #856b54;
    background: url(img/sprite.png) 100% -2232px no-repeat;
    padding-right: 35px;
}
@media screen and (min-width: 580px) and (max-width: 689px) {
    .img_encart_detail_mag {
        width: 42%;
        margin-right: 3%;
    }
    .texte_encart_detail_mag {
        width: 54%;
        padding-top: 0;
    }
}
@media screen and (max-width: 579px), screen and (max-device-width:579px) {
    .img_encart_detail_mag,
    .texte_encart_detail_mag {
        display: block;
        width: 100%;
    }
    .img_encart_detail_mag img {
        display: block;
        width: auto;
        margin: auto;
    }
}
/* Encart image + bloc marron */

.encart_bloc_marron {
    position: relative;
    margin: 30px 0 80px 0;
}
.encart_bloc_marron img {
    width: 100%;
}
.encart_bloc_marron p {
    font-family: Georgia;
    font-size: 2.4em;
    line-height: 1.5em;
    text-align: center;
    color: #fff;
    font-style: italic;
    padding: 30px 50px;
    width: 600px;
    position: absolute;
    left: 50%;
    margin-left: -330px;
    top: 40%;
    background: #856b54;
}
@media screen and (max-width: 1024px), screen and (max-device-width:1024px) {
    .encart_bloc_marron p {
        width: 54%;
        padding: 20px 4%;
        left: 19%;
        margin-left: 0;
    }
}
@media screen and (max-width: 799px), screen and (max-device-width:799px) {
    .encart_bloc_marron p {
        font-size: 2em;
    }
}
@media screen and (max-width: 549px), screen and (max-device-width:549px) {
    .encart_bloc_marron p {
        font-size: 1.8em;
        top: 0;
        left: 0;
        width: 96%;
        padding: 20px 2%;
    }
}
/*---- FIN GABARITS HTML ----*/
/*---- HEADER ----*/
/*--- Structure ---*/

.showControlBar #First_nav,
.showControlBar #First_nav.first_nav_carte {
    top: 55px;
}
#First_nav {
    width: 100%;
    height: 85px;
    position: fixed;
    top: 0;
    z-index: 11;
}

.detailHeader#Main_header #Btn_mob_nav{
    color: #171717!important;
}
.detailHeader#Main_header:hover #Btn_mob_nav{
    color: #fff!important;
}
.detailHeader#Main_header li a.main_nav_link, .detailHeader a.search-icon.full-block {
    color: #171717!important;
    text-shadow: 0px 0px 0px #fff!important;
}
.detailHeader#Main_header:hover li a.main_nav_link, .detailHeader:hover a.search-icon.full-block{
     color: #fff!important;
    text-shadow: 1px 1px 10px #333!important;
}
.detailHeader#Main_header a.phoneResponsive{
    color: #171717!important;
    text-shadow: 0px 0px 0px #fff!important;
}
.detailHeader#Main_header:hover a.phoneResponsive {
     color: #fff!important;
    text-shadow: 1px 1px 10px #333!important;
}
#Main_header.detailHeader {
    background: #fff;
}
.detailHeader #Main_nav .Main_nav_wrap li:hover a.main_nav_link{
    color: #171717!important;
    text-shadow: 0px 0px 0px #fff!important;
}
#Main_header {
    min-width: 320px;
    height: 85px;
    /*background: none;*/
}

#Main_header.actif{
    background: #000;
}

#Main_header:hover {
    background: #000;
}

#Logo,
#Main_nav {
    display: inline-block;
    vertical-align: top;
}
#Main_header .center {
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
    height: 85px;
}
/*--- Logo ---*/

#Logo {
    height: 85px;
    overflow: hidden;
}

/* Modals */

.modal.search .modal-dialog.modal-lg .modal-content .modal-body #recherche {
    padding: 45px 0;
}

#recherche button{
    border: none!important;
}

.modal.search .btn-primary:hover {
    background: #000;
    color: #fff!important;
}

.modal.search .modal-dialog.modal-lg .modal-content .modal-body #recherche input {
    border: none;
    background: transparent;
    color: #000;
    font-size: 20px;
    width: 70%;
    font-style: italic;
    height: 70px;
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
    outline: none;
}

.btn-primary, .btn-primary:active, .btn-primary:focus, a.btn-primary .btn-primary:hover {
    background: #fff;
    border-color: #fff;
    color: #191919;
    font-size: 28px;
}
.btn, .btn:active, .btn:focus, a.btn {
    border-radius: 0;
    padding: 10px 20px;
    font-weight: 700;
    outline: 0;
    text-transform: uppercase;
}

#recherche ul.ui-autocomplete {
    border-radius: 0!important;
    top: 190px!important;
    left: 0!important;
    width: 100%!important;
    margin: 0!important;
}

.modal-dialog {
    position: relative;
    width: 100%!important;
    margin: 0!important;
}

.modal-content {
    position: relative!important;
    background-color: #fff!important;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    border-radius: 0!important;
}

.pull-right {
    float: right!important;
}

.modal.search .modal-dialog.modal-lg .modal-content .modal-body #recherche .submit-search {
    background: transparent;
    border: none;
    color: #000;
    font-size: 48px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer!important;
}
button {
    outline: none;
}

.modal.search .modal-dialog.modal-lg .modal-content .modal-body .gray-bg {
    width: 50%;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
}

.modal-open {
    overflow: hidden
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    padding-right: 0!important;
    z-index: 9999!important;
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0,-25%);
    -ms-transform: translate(0,-25%);
    -o-transform: translate(0,-25%);
    transform: translate(0,-25%)
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
}

.modal-content {
    position: relative;
    background-color: #fff;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

span.adresseContact a {
    color: #0077ff;
    font-size: 14px;
    margin: 0 10px;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media screen and (max-width: 1024px), screen and (max-device-width:767px) {
    .detailHeader .phoneResponsive{
        display: none!important;
    }
    #First_nav {
        height: auto;
        position: absolute;
    }
    #First_nav.fond {
        background: #000;
    }
    /*#Main_header,
    #Main_header:hover {
        background: #fff;
        border: none;
        -webkit-box-shadow: 0px 3px 5px 0px #e9e9e9;
        box-shadow: 0px 3px 5px 0px #e9e9e9;
    }*/

    #Main_header.actif {
        border: none;
    }

    #Main_header .center {
        width: 100%;
        padding: 0;
    }
}
@media screen and (min-width: 510px) and (max-width: 1024px) {
    #Logo {
        width: 57%;
        text-align: left;
    }
}
@media screen and (max-width: 339px), screen and (max-device-width:339px) {
    #Logo img {
        width: 150px;
    }
}
/*--- Nav principale ---*/

#Main_nav ul.Main_nav_wrap {
    margin: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
    height: 85px;
    margin: 0 0 0 20px;
}
#Main_nav li {
    display: inline-block;
    vertical-align: middle;
    margin-left: -2px;
    height: 85px;
}
a.main_nav_link {
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 0 15px;
    font-weight: 900;
    height: 85px;
    line-height: 85px;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}
#Main_nav:hover a.main_nav_link {
    text-shadow: none!important;
}

#Main_nav li:nth-child(5) a.main_nav_link {
    padding-left: 25px;
}

.main_nav_link:hover,
.main_nav_link:focus,
.main_nav_link_actif {
    background: #fff;
    color: #000;
}
.main_nav_link span {
    display: block;
}
.main_nav_link.menu_cote_mer {
    display: block;
    /*padding-right: 30px;*/

    -webkit-transition: none;
    transition: none;
}
li#separator {
    color: #fff;
    height: auto!important;
}
/*#Item_cote_mer {
    background: url(img/sprite.png) 100% -2178px no-repeat;
}*/
/*--- Sous-menu principal ---*/

.bloc_ss_main_nav {
    display: none;
    position: absolute;
    top: 85px;
    left: 0;
    width: 989px;
    padding: 20px 5px 35px 30px;
    background: #fff;
    box-shadow: 1px 4px 10px rgba(0, 0, 0, 0.5);
    -webkit-transition-delay: 2s;
    transition-delay: 2s;
}
/*#Ss_menu_cote_mer {
    border-top: 4px solid #00a0dc;
}*/

#Ss_menu_voir_faire {
    padding-bottom: 0;
}
#Main_nav li a:hover + .bloc_ss_main_nav,
#Main_nav li a:focus + .bloc_ss_main_nav,
.bloc_ss_main_nav:hover,
.bloc_ss_main_nav:focus {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-between;
    padding: 25px;
}
#Main_nav li .bloc_ss_main_nav li {
    display: block;
}
.bloc_ss_main_nav p {
    font-family: Heebo;
    font-size: 20px;
    font-weight: 700;
    color: #000!important;
}
.bloc_ss_main_nav li a {
    font-family: Heebo;
    font-weight: 400;
}
#Main_nav li a.main_nav_link_actif {
    color: #000!important;
}
/*-- Sous-menu fleche --*/

ul.ss_menu_fleche {
    margin-left: 0!important;
}
.ss_menu_fleche li {
    margin-bottom: 15px;
    height: auto!important;
}
.ss_menu_fleche li a {
    font-size: 1.6em;
    color: #282828;
    padding: 5px 0 5px 20px;
    background: url(img/sprite.png) -20px -2477px no-repeat;
}
.ss_menu_fleche li a:hover,
.ss_menu_fleche li a:focus {
    color: #856b54;
}
/*-- Sous-menu icone --*/

.ss_menu_icone li {
    background: #fff;
    margin-bottom: 3px;
    height: 60px!important;
}
.ss_menu_icone li a {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    height: 60px;
}
.ss_menu_icone li a:hover {
    text-decoration: none !important;
}
.icone_main_nav {
    width: 90px;
    height: 60px;
    overflow: hidden;
}
.icone_main_nav img {
    width: 100%;
}
.ss_menu_icone li a span {
    color: #0077ff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
    width: 110px;
    padding: 8px 9px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
}
/*.ss_menu_icone li a:hover span,
.ss_menu_icone li a:focus span {
    color: #856b54;
    text-decoration: underline;
}*/

#Col_Morbihan ul.ss_menu_fleche li {
    height: auto;
    width: 48%;
}
ul.ss_menu_fleche li a {
    color: #0077ff!important;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.2;
}
#Col_Morbihan ul.ss_menu_fleche {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    margin: 20px 0;
}
/*-- Sous-menu "Découvrir" --*/
/* Colonne "Morbihan" */

#Col_Morbihan {
    width: 470px;
}
#Main_nav li .bloc_ss_main_nav #Col_Morbihan li {
    display: inline-block;
    vertical-align: top;
}
#Col_Morbihan li:nth-child(2n) {
    margin-left: 7px;
}
.ss_menu_destinations {
    margin-top: 20px;
}
.ss_menu_destinations li {
    width: 230px;
}
/* Colonne "Culture et art de vivre" */

#Col_culture_art .ss_menu_icone li:nth-child(n+5) {
    background: none;
    margin-bottom: 0;
    margin-top: 10px;
}
#Col_culture_art .ss_menu_icone li:nth-child(n+5) a span {
    display: block;
    width: 100%;
    text-transform: none;
    font-size: 1.6em;
    padding: 5px 0 5px 20px;
    background: url(img/sprite.png) -20px -2479px no-repeat;
    height: 20px;
}
#Col_culture_art .ss_menu_icone li:nth-child(n+5) .icone_main_nav,
#Col_culture_art .ss_menu_icone li:nth-child(n+5) .icone_main_nav img {
    display: none;
}
/*-- Sous-menu "Séjourner" --*/
/* Colonne "Hébergements" */

#Col_hebergements {
    width: 470px;
}
#Main_nav li .bloc_ss_main_nav #Col_hebergements li {
    display: inline-block;
    vertical-align: top;
}
#Col_hebergements li:nth-child(2n) {
    margin-left: 7px;
}
/*-- Sous-menu "A voir, à faire" --*/

#Ss_menu_voir_faire .col_bloc_ss_main_nav {
    margin-right: 18px;
}
#Ss_menu_voir_faire .ss_menu_icone li:nth-child(n+5) {
    background: none;
    margin-bottom: 0;
    margin-top: 10px;
}
#Ss_menu_voir_faire .ss_menu_icone li:nth-child(n+5) a span {
    display: block;
    width: 100%;
    text-transform: none;
    font-size: 1.6em;
    padding: 5px 0 5px 20px;
    background: url(img/sprite.png) -20px -2479px no-repeat;
}
#Ss_menu_voir_faire .ss_menu_icone li:nth-child(n+5) .icone_main_nav,
#Ss_menu_voir_faire .ss_menu_icone li:nth-child(n+5) .icone_main_nav img {
    display: none;
}
/* Pub menu saveurs */

.pub_ss_menu_saveurs {
    width: 230px;
    margin-top: 10px;
}
.pub_ss_menu_saveurs .bloc_pub_marron a {
    font-weight: normal;
    font-size: 1.1em;
    color: #fff;
}
/* Bandeau agenda */

.bandeau_agenda_ss_menu {
    margin: 20px 20px 0 0;
}
.bandeau_agenda {
    padding-top: 30px;
    background: url(img/forme_agenda_ss_menu.png) center 3px no-repeat;
}
.content_bandeau_agenda {
    background: #fff;
    text-align: center;
    padding: 5px 10px;
}
/*-- Sous-menu "Côté mer" --*/

#ColG_ss_menu_cote_mer,
#ColD_ss_menu_cote_mer {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    vertical-align: top;
}
#ColG_ss_menu_cote_mer {
    margin-right: 18px;
}
#Ss_menu_cote_mer .col_bloc_ss_main_nav {
    margin-right: 18px;
}
/*#Ss_menu_cote_mer .ss_menu_icone li {
    background: #cff1fd;
}*/

#Ss_menu_cote_mer .ss_menu_icone li a:hover span,
#Ss_menu_cote_mer .ss_menu_icone li a:focus span {
    color: #00a0dc;
}
.blocs_ss_menu_cote_mer {
    margin-top: 20px;
}
/*-- Sous-menu "Agenda" --*/

#Ss_menu_agenda.bloc_ss_main_nav {
    left: 540px;
    width: 210px;
    padding: 20px;
    flex-direction: column;
}
#Ss_menu_agenda.bloc_ss_main_nav p {
    margin-top: 25px;
}
#Ss_menu_agenda .ss_menu_fleche li a {
    color: #856b54;
}
#Ss_menu_agenda .ss_menu_fleche li a:hover,
#Ss_menu_agenda .ss_menu_fleche li a:focus {
    color: #282828;
}
/*-- Sous-menu "Pratique" --*/

#Ss_menu_pratique.bloc_ss_main_nav {
    left: 390px;
    width: 470px;
    padding-left: 20px;
}
#Ss_menu_pratique.bloc_ss_main_nav p {
    margin-top: 25px;
}
#Ss_menu_pratique .ss_menu_fleche li a {
    color: #856b54;
}
#Ss_menu_pratique .ss_menu_fleche li a:hover,
#Ss_menu_pratique .ss_menu_fleche li a:focus {
    color: #282828;
}
.adresse_CDT_menu {
    border: 1px solid #c0c0c0;
    text-align: center;
    width: 155px;
    padding: 0 30px;
    margin-top: 20px;
}
.bloc_ss_main_nav .adresse_CDT_menu p {
    text-transform: none;
}
/*--- Recherche ---*/

#Main_nav:hover a.search-icon.full-block{
    text-shadow: none!important;
}
#Main_nav:hover a.phoneResponsive{
    text-shadow: none!important;
}
a.search-icon.full-block {
    display: block;
    padding: 20px;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
}

#Click_Search,
#Click_Search_home {
    width: 55px;
    height: 60px;
    background: url(img/sprite.png) 0 -1882px no-repeat;
    position: absolute;
    top: 50%;
    right: 120px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#Main_header:hover #Click_Search,
#Main_header.actif #Click_Search,
#Click_Search:hover,
#Click_Search:focus,
#Main_header:hover #Click_Search_home,
#Main_header.actif #Click_Search_home,
#Click_Search_home:hover,
#Click_Search_home:focus {
    background-position: 0 -1822px;
}
#Click_Search.click_actif,
#Main_header:hover #Click_Search.click_actif,
#Main_header.actif #Click_Search.click_actif,
#Click_Search.click_actif:hover,
#Click_Search.click_actif:focus,
#Click_Search_home.click_actif,
#Main_header:hover #Click_Search_home.click_actif,
#Main_header.actif #Click_Search_home.click_actif,
#Click_Search_home.click_actif:hover,
#Click_Search_home.click_actif:focus {
    background: url(img/sprite.png) 50% -2800px no-repeat #f3f0e7;
}
.box_input_search input {
    display: inline-block;
    vertical-align: middle;
    border: none;
    background-color: #fff;
    padding: 5px 10px;
}
.GsaSearchBox {
    font-family: Heebo;
    font-weight: 300;
    color: #626262;
    font-size: 16px;
}
.GsaSubmitImg {
    cursor: pointer;
    background: url(img/sprite.png) 50% -1836px no-repeat #fff;
    border-left: 1px solid #e5e2d9;
}
/*-- Search desktop --*/

.module_search .encart_search {
    display: none;
    width: 100%;
    position: absolute;
    padding: 15px 0;
    background: #f3f0e7;
}
.module_search .box_input_search {
    width: 380px;
    margin: auto;
    padding: 5px 0;
    border: 1px solid #e5e2d9;
    background: #fff;
}
.module_search .GsaSearchBox {
    width: 315px;
}
.module_search .GsaSubmitImg {
    width: 40px;
}
/*-- Search mobile --*/

#Search_mob .box_input_search {
    background: #fff;
    padding: 15px 0;
}
#Search_mob .GsaSearchBox {
    width: 90%;
}
#Search_mob .GsaSubmitImg {
    width: 7%;
    min-width: 40px;
}
@media screen and (min-width: 580px) and (max-width: 749px) {
    #Search_mob .GsaSearchBox {
        width: 89%;
    }
}
@media screen and (min-width: 500px) and (max-width: 579px) {
    #Search_mob .GsaSearchBox {
        width: 87%;
    }
}
@media screen and (min-width: 300px) and (max-width: 499px) {
    #Search_mob .GsaSearchBox {
        width: 80%;
    }
}
/*--- Langues ---*/

.lang_active {
    cursor: pointer;
    display: inline-block;
    vertical-align: top;
    width: 60px;
    height: 85px;
    padding: 0 0 0 10px;
    margin: 0;
    position: relative;
}
.lang_active:hover em{
    color: #000;
}
.lang_active em{
     position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 8px;
    font-size: 20px;
    color: #fff;
    font-weight: lighter;
}

#Main_header:hover #flag_FR,
#Main_header.actif #flag_FR {
    background-position: 40px -225px;
}
#flag_FR:hover,
#flag_FR:focus,
#flag_FR.actif {
    background-color: #fff;
}

#flag_FR_mob {
    background-position: 0 -1940px!important;
}

#flag_FR span {
    display: block;
    width: 25px;
    height: 25px;
    background: url(img/sprite.png) 50% -1950px no-repeat;
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
#Langs {
    position: absolute;
    top: 85px;
    right: 3px;
    margin: 0;
    display: none;
}
#flag_FR:hover + #Langs,
#flag_FR:focus + #Langs,
#Langs:hover,
#Langs:focus {
    display: block;
}
#Langs a, #Langs_mob a {
    display: block;
    width: 90px;
    padding: 15px 0 15px 50px;
    background-color: #fff;
    background-image: url(img/sprite.png);
    background-repeat: no-repeat;
    font-size: 1.4em;
    border-bottom: 1px solid #f3f0e7;
}

#Langs_mob a{
    border-bottom: none!important;
}

ul#Langs_mob {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #d0d0d0;
    padding: 20px 0;
    justify-content: center;
}

/*#Main_header.actif #Langs a { background-color: rgba(255,255,255,0.9); border-bottom:1px solid rgba(242,240,230,0.9);}*/

#Langs li:last-child a {
    border-bottom: none;
}
#flag_GB, #flag_GB_mob {
    background-position: 0 -1980px;
}
#flag_ES, #flag_ES_mob {
    background-position: 0 -2020px;
}
#flag_NL, #flag_NL_mob {
    background-position: 0 -2060px;
}
#flag_DE, #flag_DE_mob {
    background-position: 0 -2100px;
}
#flag_IT, #flag_IT_mob {
    background-position: 0 -2140px;
}
/*--- Menu mobile ---*/

#Btn_mob_nav {
    display: none;
    cursor: pointer;
    position: absolute;
    right: 20px;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

#Mob_nav {
    display: none;
    position: absolute;
    top: 85px;
    width: 100%;
}
#Mob_nav ul {
    margin: 0;
}
#Mob_nav ul li a {
    display: block;
    width: 100%;
}
#Mob_nav ul li a span {
display: block;
    width: 96%;
    padding: 15px 2%;
    font-size: 16px;
    color: #000;
}
#Mob_nav ul li ul,
#Mob_nav ul li ul li ul {
    display: none;
}
/*-- Menu mobile 1er niveau --*/

#Mob_nav ul.mob_nav_1 a span {
    text-transform: uppercase;
    background: #fff;
    border-bottom: 1px solid #d0d0d0;
    font-weight: bold;
}
#Mob_nav ul.mob_nav_1:nth-child(4) a {
    padding: 10px 2%;
}
#Mob_nav ul.mob_nav_1:nth-child(4) a span {
    display: block;
    border: none;
    width: 100px;
    margin: 0 auto;
    padding: 10px 0 10px 30px;
    color: #00a0db;
    font-weight: bold;
    background: url(img/sprite.png) -10px -105px no-repeat;
}
#Mob_nav ul.mob_nav_1 li.dropdown a span {
    background: url(img/sprite.png) no-repeat 100% -2743px #fff;
}
#Mob_nav ul.mob_nav_1 li.no_fleche a span,
#Mob_nav ul.mob_nav_1 li.no_fleche a span.actif {
    background: #fff;
}
#Mob_nav ul.mob_nav_1 li.dropdown a span.actif,
#Mob_nav ul.mob_nav_1 a span.actif {
    background: url(img/sprite.png) no-repeat 100% -2680px #000;
    color: #fff;
    border-bottom: 1px solid #000;
}
/*-- Menu mobile 2ème niveau --*/

#Mob_nav ul.mob_nav_1 li.dropdown ul.mob_nav_2 a span {
    text-transform: inherit;
    font-size: 16px;
    background: #fff;
    border-bottom: 1px solid #dbd9ca;
    color: #0077fd;
    text-indent: 15px;
}
#Mob_nav ul.mob_nav_1 li.dropdown ul.mob_nav_2 li.dropdown a span.actif,
#Mob_nav ul.mob_nav_1 li.dropdown ul.mob_nav_2 a span.actif {
    background: url(img/sprite.png) no-repeat 100% -2680px #171717;
    border-bottom: 1px solid #171717;
    color: #fff;
}
#Mob_nav ul.mob_nav_1 li.dropdown ul.mob_nav_2 li.no_fleche a span,
#Mob_nav ul.mob_nav_1 li.dropdown ul.mob_nav_2 li.no_fleche a span.actif {
    background: #fff;
}
/*-- Menu mobile 3ème niveau --*/

#Mob_nav ul.mob_nav_1 li.dropdown ul.mob_nav_2 ul.mob_nav_3 a span {
    background: #fff;
    border-bottom: 1px solid #d0d0d0;
    color: #282828;
    text-transform: none;
}
@media screen and (max-width: 1024px), screen and (max-device-width:1024px) {
    .lang_active {
        position: absolute;
        top: 0;
    }
    #flag_FR, #flag_FR_mob,
    #Main_header:hover #flag_FR,
    #Main_header:focus #flag_FR {
        background-position: 40px -225px;
    }
    #flag_FR:hover + #Langs,
    #flag_FR:focus + #Langs,
    #Langs:hover,
    #Langs:focus {
        display: none;
    }
    #Main_nav,
    #Click_Search,
    #Click_Search_home {
        display: none;
    }
    #Btn_mob_nav {
        display: inline-block;
        vertical-align: middle;
    }
    #Main_header:hover .menu_cote_mer span,
    #Main_header.actif .menu_cote_mer span {
        border-right: none;
    }
}
@media screen and (min-width: 510px) and (max-width: 1024px) {
    .lang_active {
        top: 8px;
        right: 120px;
    }
    #flag_FR,
    #Main_header:hover #flag_FR,
    #Main_header:focus #flag_FR,
    #Main_header.actif #flag_FR {
        padding: 8px;
        width: 55px;
        background-position: 25px -232px;
    }
    #Langs {
        right: 120px;
    }
}
@media screen and (max-width: 509px), screen and (max-device-width:509px) {
    .lang_active {
        right: 100px;
    }
    #Langs {
        right: 100px;
    }
    #Btn_mob_nav {
        right: 10px;
        border: none;
        background-position: 115% -2245px;
    }
    #Btn_mob_nav:hover,
    #Btn_mob_nav:focus {
        color: #fff;
        background-position: 115% -2295px;
    }
}
@media screen and (min-width: 370px) and (max-width: 509px) {
    .lang_active {
        padding-right: 5px;
    }
}
@media screen and (max-width: 369px), screen and (max-device-width:369px) {
    .lang_active {
        padding: 18px 0;
    }
    .lang_active span {
        margin: auto;
    }
    #flag_FR,
    #Main_header:hover #flag_FR,
    #Main_header:focus #flag_FR {
        background-image: none;
    }
}
/*---- FIN HEADER ----*/
/*---- BARRE NAVIGATION ----*/

#Second_nav {
    width: 100%;
    background: #fff;
    position: fixed;
    bottom: 0;
    z-index: 12;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    box-shadow: 5px 5px 15px #333;
    height: 80px;
}
nav#Second_nav ul li a em {
    font-size: 24px;
}
#Second_nav.masque {
    bottom: -105px;
}

#Open_2nd_nav {
    display: none;
    width: 56px;
    height: 33px;
    background: url(img/open_second_nav.png) 0 0 no-repeat;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -28px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
#Open_2nd_nav.visible {
    display: block;
    bottom: 45px;
}
/* Styles LI */

#Second_nav li {
    display: inline-block;
    vertical-align: middle;
    padding: 10px 20px;
}
#Second_nav li.meteo_2nd_nav {
    padding-left: 0;
}
#Second_nav li.meteo_2nd_nav,
#Second_nav li.brochures_2nd_nav {
    background: url(img/sprite.png) no-repeat 100% -2183px;
}
#Second_nav li.tel_2nd_nav {
    margin-left: 30px;
}
#Second_nav li.contact_2nd_nav,
#Second_nav li.FB_2nd_nav,
#Second_nav li.Twitter_2nd_nav,
#Second_nav li.Ytube_2nd_nav,
#Second_nav li.Insta_2nd_nav,
#Second_nav li.Pinterest_2nd_nav {
    margin-left: 20px;
    padding: 0;
}
/* Styles A */

#Second_nav li a {
    font-size: 1.2em;
    text-transform: uppercase;
    display: block;
}
#Second_nav li a:hover,
#Second_nav li a:focus {
    color: #856b54;
}
#Second_nav li.meteo_2nd_nav a,
#Second_nav li.brochures_2nd_nav a,
#Second_nav li.carte_2nd_nav a {
    padding: 5px 0 5px 30px;
    background: url(img/sprite.png) no-repeat;
}
#Second_nav li.meteo_2nd_nav a {
    background-position: -15px -520px;
}
#Second_nav li.meteo_2nd_nav a:hover,
#Second_nav li.meteo_2nd_nav a:focus {
    background-position: -15px -560px;
}
#Second_nav li.brochures_2nd_nav a {
    background-position: -15px -598px;
}
#Second_nav li.brochures_2nd_nav a:hover,
#Second_nav li.brochures_2nd_nav a:focus {
    background-position: -15px -638px;
}
#Second_nav li.carte_2nd_nav a {
    background-position: -15px -680px;
}
#Second_nav li.carte_2nd_nav a:hover,
#Second_nav li.carte_2nd_nav a:focus {
    background-position: -15px -720px;
}
#Second_nav li.tel_2nd_nav a {
     color: #171717!important;
    font-size: 14px;
    font-weight: bold;
    text-transform: initial!important;
}

#Second_nav li.FB_2nd_nav a,
#Second_nav li.Twitter_2nd_nav a,
#Second_nav li.Ytube_2nd_nav a,
#Second_nav li.Pinterest_2nd_nav a {
    display: block;
    width: 25px;
    height: 30px;
    /*background: url(img/sprite.png) no-repeat;*/
}
#Second_nav li.FB_2nd_nav a,
#Second_nav li.Twitter_2nd_nav a,
#Second_nav li.Ytube_2nd_nav a,
#Second_nav li.Pinterest_2nd_nav a {
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}
#Second_nav li.contact_2nd_nav a {
    color: #0077ff!important;
    font-size: 14px;
    font-weight: bold;
    text-transform: initial!important;
}

li.contact_2nd_nav em {
    font-size: 20px;
}

span.copyright {
    color: #171717;
    font-weight: bold;
}

#Second_nav li.FB_2nd_nav a {
    background-position: 50% -918px;
    color: #0c4ac8;
}
#Second_nav li.FB_2nd_nav a:hover,
#Second_nav li.FB_2nd_nav a:focus {
    background-position: 50% -920px;
}
#Second_nav li.Twitter_2nd_nav a {
    background-position: 50% -958px;
    color: #0077ff;
}
#Second_nav li.Twitter_2nd_nav a:hover,
#Second_nav li.Twitter_2nd_nav a:focus {
    background-position: 50% -960px;
}
#Second_nav li.Ytube_2nd_nav a {
    background-position: 50% -6px;
    color: #f20a0a;
    /*background-image: url(img/instagram.png);*/
}
#Second_nav li.Ytube_2nd_nav a:hover,
#Second_nav li.Ytube_2nd_nav a:focus {
    background-position: 50% -40px;
}
#Second_nav li.Pinterest_2nd_nav a {
    background-position: 50% -1038px;
    color: #c12222;
}
#Second_nav li.Pinterest_2nd_nav a:hover,
#Second_nav li.Pinterest_2nd_nav a:focus {
    background-position: 50% -1040px;
}
@media screen and (max-width: 1139px), screen and (max-device-width:1139px) {
    #Second_nav li.tel_2nd_nav {
        margin-left: 0;
    }
}
@media screen and (min-width: 1040px) and (max-width: 1139px) {
    #Second_nav ul.center {
        width: 994px;
    }
}
@media screen and (min-width: 680px) and (max-width: 1039px) {
    #Second_nav ul.center {
        width: 660px;
        padding: 0;
    }
    #Second_nav li.meteo_2nd_nav,
    #Second_nav li.brochures_2nd_nav {
        background: none;
    }
    #Second_nav li.meteo_2nd_nav {
        padding-left: 20px;
    }
    #Second_nav li a,
    #Second_nav li.tel_2nd_nav a {
        font-size: 0;
        color: transparent;
    }
}
@media screen and (max-width: 679px), screen and (max-device-width:679px) {
    #Second_nav {
        display: none;
    }
}

.Eform_LabelFinish{
    font-weight: bold;
}

/*---- FIN BARRE NAVIGATION ----*/
/*---- FOOTER ----*/

.shareFooter ul li a em {
    font-size: 30px;
    color: #fff;
}

.shareFooter ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-between;
    margin: 20px 0;
    width: 80%;
}

.shareFooter .hashtag a{
    color: #0077ff!important;
    font-weight: bold;
    font-size: 20px;
}

.espaceNewsFoot{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
}

.titreFooter{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    display: inline-block;
}

.adresseFooter{
    font-size: 16px;
    color: #0077ff!important;
    padding: 10px 0;
    display: block;
    font-weight: 500;
}

.adresseFooter p {
    color: #0077ff!important;
    display: inline-flex;
    line-height: 1.2;
}

span.adresseFooter em {
    color: #fff;
    margin: 5px 10px 0 0;
    display: inline-flex;
    font-size: 20px;
}

span.adresseContact em {
    margin: 0 10px 0 0!important;
}

span.adresseContact em:last-child{
    margin: 0 10px 0 20px!important;
}

span.adresseContact{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
}

button.btn_blue, .btn_blue {
    background: #0077ff!important;
    border-radius: 5px;
    border: none;
    padding: 15px;
    margin-left: 30px;
}

button.btn_blue a, .btn_blue a{
    color: #fff!important;
    font-weight: bold;
}

.menu_foot{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin: 30px 0 20px 0;
}

.menu_foot .ss_menu_fleche li a{
    padding-left: 0!important;
    background: none!important;
    font-size: 18px;
}

footer {
    min-width: 320px;
    width: 100%;
    background: #000;
}
/* Footer haut */

#Footer_haut hr{
    opacity: 0.3;
    margin: 20px 0;
}

#Footer_haut,
#Footer_bas {
    width: 100%;
    padding: 20px 0;
    font-size: 1.6em;
}
#Footer_haut {
    background: #000;
    color: #fff;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-around;
    width: 1024px;
    margin: 0 auto;
}
#Footer_bas {
    color: #000;
    margin-bottom: 25px;
    background: #fff;
   display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
}
#Footer_bas ul{
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: center;
}
#Footer_bas ul li a{
    color: #0077ff!important;
    font-size: 16px;
    font-weight: 900;
    padding: 0 10px;
}
#Footer_haut a:hover,
#Footer_haut a:focus {
    color: #fff;
}
#Footer_bas a:hover,
#Footer_bas a:focus {
    color: #856b54;
}
.bloc_footer {
    display: inline-block;
    vertical-align: top;
    width: 21%;
    /*padding-right:30px;*/

    margin-top: 25px;
}
.bloc_footer:first-child
/*,
.bloc_footer:last-child*/

{
    width: 35%;
    /*margin-left:20px;*/
}
.titre_bloc_footer {
    text-transform: uppercase;
    color: #fff;
}
.texte_bloc_footer {
    color: #b9b9b9;
}
.bloc_footer ul {
    margin: 0;
}
.bloc_footer ul li {
    line-height: 2em;
    color: #b9b9b9;
}
.bloc_footer ul li a {
    color: #b9b9b9;
}
.bloc_footer ul li#Adresse_CDT {
    line-height: 1.4em;
    padding-left: 40px;
    margin-bottom: 10px;
    background: url(img/sprite.png) -10px -1774px no-repeat;
}
#Tel_CDT a,
#Mail_CDT a,
#FB_footer a,
#TW_footer a,
#YT_footer a,
#Pint_footer a,
#News_footer a,
#Trip_footer a {
    display: block;
    padding-left: 40px;
    background-image: url(img/sprite.png);
    background-repeat: no-repeat;
}
#Tel_CDT a {
    background-position: -10px -1350px;
    font-size: 1.5em;
    width: 140px;
}
#Mail_CDT a {
    background-position: -10px -1378px;
    width: 70px;
}
#FB_footer a {
    background-position: -10px -1410px;
    width: 70px;
}
#FB_footer a:hover,
#FB_footer a:focus {
    background-position: -10px -1440px;
}
#TW_footer a {
    background-position: -10px -1470px;
    width: 50px;
}
#TW_footer a:hover,
#TW_footer a:focus {
    background-position: -10px -1500px;
}
#YT_footer a {
    background-position: -10px -1530px;
    width: 55px;
}
#YT_footer a:hover,
#YT_footer a:focus {
    background-position: -10px -1560px;
}
#Pint_footer a {
    background-position: -10px -1589px;
    width: 60px;
}
#Pint_footer a:hover,
#Pint_footer a:focus {
    background-position: -10px -1620px;
}
#News_footer a {
    background-position: -10px -1650px;
    width: 70px;
}
#News_footer a:hover,
#News_footer a:focus {
    background-position: -10px -1680px;
}
#Trip_footer a {
    background-position: -10px -1710px;
    width: 75px;
}
#Trip_footer a:hover,
#Trip_footer a:focus {
    background-position: -10px -1739px;
}
/* Footer bas */

.contenu_footer_bas {
    text-align: center;
}
.contenu_footer_bas li {
    display: inline;
    padding-right: 3%;
}

@media screen and (max-width: 767px), screen and (max-device-width:767px){

    .liste_vignettes li a span{
        width: 100%!important;
    }

    .liste_vignettes ul{
        justify-content: space-around;
    }

    .liste_vignettes li a{
        height: 140px!important;
    }

    .liste_vignettes li{
        width: 45%!important;
        height: 140px;
        margin: auto!important;
    }

    .espaceNewsFoot{
        flex-direction: column;
        align-items: flex-start;
    }

    .espaceNewsFoot button.btn_blue, .espaceNewsFoot .btn_blue{
        margin-left: 0!important;
    }

    ul.child_item, ul.child_item_gray{
        width: auto!important;
    }

    ul.child_item li, ul.child_item_gray li{
        width: 100%!important;
    }

    ul.child_item{
        flex-direction: column!important;
    }

    .hrMob{
        display: block!important;
    }

    #Footer_bas ul{
        flex-direction: column;
    }

    #Footer_bas ul li{
        padding: 5px 0;
    }

    .modal.search .modal-dialog.modal-lg .modal-content .modal-body #recherche input{
        width: auto!important;
        margin-left: 20px!important;
    }

    #Mob_nav, #Main_header .center, #Main_header{
        height: 60px;
    }

    #Mob_nav{
        top: 60px;
    }

    .logoFoot img{
        margin: 0 auto;
        display: block;
    }

    div#Logo img, #Logo {
        height: 60px;
    }

}
@media screen and (max-width: 1024px), screen and (max-device-width:1024px) {

    #Footer_bas{
        flex-direction: column;
        text-align: center;
    }

    #Footer_haut{
        flex-direction: column;
        width: 90%;
    }

    .shareFooter ul{
        flex-wrap: wrap;
    }

    #Footer_bas ul {
        padding: 20px 0;
        flex-wrap: wrap;
        justify-content: center;
    }

    a.phoneResponsive {
        display: block;
        position: absolute;
        right: 140px;
        padding: 20px;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
        text-shadow: 1px 1px 10px rgba(0,0,0,0.5);
    }

    a.search-icon.full-block{
        position: absolute;
        right: 90px;
    }

    #Espace_pro a {
        background: none;
        padding: 0;
    }
    .bloc_footer {
        padding-right: 0;
    }
}
@media screen and (min-width: 590px) and (max-width: 1024px) {
    .bloc_footer,
    .bloc_footer:first-child {
        width: 49%;
        margin-top: 45px;
    }
    .rejoindre_footer ul {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}
@media screen and (max-width: 779px), screen and (max-device-width:779px) {
    .contenu_footer_bas li {
        display: block;
        padding-right: 0;
        margin-top: 30px;
    }
}
@media screen and (max-width: 730px), screen and (max-device-width:730px) {
    .codeHtml span {
        float: none !important;
        display: block;
    }
    .codeHtml li:first-child {
        display: none;
    }
    .codeHtml li span:nth-child(1n+1) {
        width: 85% !important;
        margin: 0 auto;
    }
    .codeHtml .TextRegularGris18 {
        display: none;
    }
}
@media screen and (max-width: 589px), screen and (max-device-width:589px) {
    .bloc_footer,
    .bloc_footer:first-child,
    .bloc_footer:last-child {
        display: block;
        width: 100%;
        margin-top: 50px;
        text-align: center;
    }
    .bloc_footer:first-child {
        margin-left: 0;
    }
    .multimedia_footer,
    .pratique_footer {
        display: none;
    }
    .bloc_footer ul li#Adresse_CDT {
        width: 245px;
        padding-left: 35px;
        padding-bottom: 5px;
        margin: auto;
        background-position: -10px -1773px;
    }
    .bloc_footer ul li a {
        margin: auto;
    }
    #Tel_CDT a {
        background-position: -10px -1350px;
        font-size: 1.2em;
        width: 135px;
    }
}
/*---- FIN FOOTER ----*/
/* Hack IE7 général */

* + html .inBl,
* + html .list_col_page404,
* + html .bloc_pub_x2 a,
* + html .bloc_pub_x3 a,
* + html .liste_vignettes li,
* + html .liste_fleches li,
* + html .blocs_menu_bleus a,
* + html .icone_bloc_menu_bleu,
* + html .blocs_menu_bleus a span,
* + html .texte_guillemets span,
* + html .texte_guillemets p,
* + html .images_paysage_x2 li,
* + html .images_portrait_x2 li,
* + html .images_x3 li,
* + html .bloc_liste_SEO,
* + html .img_encart_detail_mag,
* + html .texte_encart_detail_mag,
* + html #Logo,
* + html #Main_nav,
* + html #Main_nav li,
* + html .col_bloc_ss_main_nav,
* + html .icone_main_nav,
* + html .ss_menu_icone li a span,
* + html #Main_nav li .bloc_ss_main_nav #Col_Morbihan li,
* + html #Main_nav li .bloc_ss_main_nav #Col_hebergements li,
* + html #ColG_ss_menu_cote_mer,
* + html #ColD_ss_menu_cote_mer,
* + html .box_input_search input,
* + html .lang_active,
* + html #Second_nav li,
* + html .bloc_footer {
    zoom: 1;
    display: inline;
}
/* Fin hack IE7 */