/* - SKIN ACCUEIL - */

.video-w{
    position: relative;
    max-height: calc(100vh - 80px);
    overflow: hidden;
}

.video-w .titreVideoHome{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    font-family:Heebo;
}

.video-w .titreVideoHome .title{
    color:#fff;
    font-size:40px;
    font-weight:bold;
    display:block;
    text-shadow:1px 1px 10px #333;
}

.video-w .titreVideoHome .btn_videoHome{
    margin-top:15px;
    color:#fff;
    display:inline-block;
    background:#171717;
    font-weight:bold;
    padding:20px 15px;
    text-align:center;
    font-size:16px;
}

.video-poster{
    height:300px;
    position:relative;
}

.video-poster .title-w{
    font-size:25px;
    color:#fff;
    font-weight:bold;
    text-shadow:1px 1px 10px #333;
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
}

.video-poster .title-w .title{
    color:#fff;
}

.video-poster img{
    width:100%;
}

/* Mise en avant slider */
.mea-slider{
    position: fixed;
    bottom: 195px;
    right: 45px;
    z-index: 99;
    width: 210px;
    height: 210px;
    text-align:center;
    -webkit-border-radius: 105px;
    -moz-border-radius: 105px;
    border-radius: 105px;
    background-color: #020102;
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.3), 0 3px 4px rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.3), 0 3px 4px rgba(0,0,0,.25);
    box-shadow: 0 0 15px rgba(0,0,0,.3), 0 3px 4px rgba(0,0,0,.25);
}

.mea-slider .titre{
    font-family: 'Kaushan Script', cursive;
    font-size: 26px;
    line-height: 27px;
    font-weight: bold;
    color: #fff;
    margin-top: 26px;
}

.mea-slider .texte{
    color:#fff;
    font-family:'Heebo';
    font-size:16px;
    line-height:20px;
}

.mea-slider .lien{
    font-weight:bold;
    font-size:16px;
    font-family:'Heebo';
    color:#0077ff;
}

.mea-slider .lien .symbol{
    margin-left:5px;
}

.mea-slider-travel{
    position: fixed;
    top: 140px;
    left: 45px;
    z-index: 99;
}

.mea-slider-travel .image{
    float: left;
    position: relative;
    z-index: 2;
}

.mea-slider-travel .texte-w{
    display: inline-block;
    background: rgba(0,0,0,0.5);
    padding: 8px 10px 5px 40px;
    color: #fff;
    margin-top: 5px;
    margin-left: -36px;
    position: relative;
    max-height: 45px;
    overflow: hidden;
}

.mea-slider-travel .texte-w .titre{
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.mea-slider-travel .texte-w .texte{
    margin-bottom: 0;
}

.mea-slider-travel .texte-w .lien{
    font-weight: bold;
    font-size: 13px;
    font-family: 'Heebo';
    color: #0077ff;
}

.mea-slider-travel .texte-w .lien .symbol{
    margin-left:5px;
}

/* Transitions */

.titre_diapo a,
#Encart_carte_home aside a,
#Lien_mag img,
#Lien_mag span,
#lien_news_home span:last-child,
.img_box_carte_home p span,
.img_box_carte_home img,
#Encart_Essentiel_home li a p span,
#Encart_Essentiel_home li a img,
#Encart_preparez_home li a,
.blocs_marrons li a p {
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
#recherche .ui-autocomplete {
    z-index: 999;
    font-size: 16px;
    position: absolute!important;
}
.menuMobContent {
    display: none;
}
span.sous-type {
    font-size: 22px;
    padding: 10px 0;
    display: block;
    color: #666;
}
/*.bb-custom-side.part-right, .bb-custom-side.part-right a, .bb-custom-side.part-right .image_article {
    height: 100%;
    width: 100%;
}*/

.book-slider .bb-bookblock {
    width: 100%;
    height: 435px;
}
.bb-bookblock {
    width: 400px;
    height: 300px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    -webkit-perspective: 1300px;
    perspective: 1300px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.book-slider .bandeau-top {
    background: #171717;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}
.book-slider .bb-bookblock {
    width: 100%;
    height: 435px;
}
.book-slider .bb-bookblock.cloned {
    margin-bottom: 30px;
}
.book-slider .bb-item {
    display: block;
    position: relative;
}
.book-slider .bb-custom-wrapper {
    overflow: hidden;
    position: relative;
    padding: 0;
}
.book-slider .bb-item .macaron {
    position: absolute;
    z-index: 102;
    top: 228px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
.book-slider .bb-item .part-left {
    height: 290px;
    overflow: hidden;
    position: relative;
}
.book-slider .bb-item .part-left .image_article {
    display: block;
    width: 100%;
    height: 100%;
}
.book-slider .bb-item .part-left .image_article img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.book-slider .prev,
.book-slider .next {
    display: none;
}
.book-slider .article {
    max-width: 70%;
    margin: 0 auto;
}
.book-slider .bb-bookblock.cloned .article {
    padding: 20px 0 0 0;
}
.book-slider .article .quote {
    display: none;
}
.book-slider .article .text {
    text-align: justify;
    line-height: 26px;
    font-size: 16px;
    -moz-text-align-last: center;
    text-align-last: center;
}
.book-slider .article .signature {
    display: block;
    font-size: 21px;
    margin: 30px 70px;
    -webkit-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
    -o-transform: rotate(-4deg);
    transform: rotate(-4deg);
}
.book-slider .etiquette {
    background: #171717;
    padding: 15px 20px;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    margin-left: 65px;
}
.book-slider .etiquette em {
    font-weight: bold;
    font-style: normal;
}
.book-slider .article .title {
    color: #161616;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 0;
}
.book-slider .bb-bookblock.cloned .article .title {
    font-size: 26px;
}
.book-slider .article .lieux {
    margin-bottom: 0;
}
.book-slider .article .page-text {
    font-size: 30px;
}
.book-slider .article .page-description {} .book-slider .bb-bookblock.cloned .bb-item {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0;
    background: url(img/book-bkg-pages.jpg) repeat-x bottom;
}
.book-slider .bb-bookblock.cloned .bb-item .part-left {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 100%;
    height: 180px;
}
.book-slider .bb-bookblock.cloned .bb-item .part-right {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    width: 100%;
}
.book-slider .bb-bookblock.cloned .bb-item .image_article {
    height: 240px;
}
.book-slider .bb-bookblock.cloned .bb-item .image_article a {
    height: 100%;
}
.book-slider .bb-bookblock.cloned .bb-item .image_article img {
    width: 100%;
}
.book-slider .bb-bookblock.cloned .etiquette {
    display: none;
}
/* FIN VOIR AUSSI BOOK */
/* Liens d'évitement */

a.evitement {
    display: block;
    position: absolute;
    left: -999999px;
}
a.evitement:focus {
    position: static;
}
/* Texte sous slider */

.texteWithBtn {
    font-size: 16px;
    font-weight: bold;
    display: block;
    color: #fff;
    background: #171717;
    padding: 30px 0;
    position: relative;
    text-align: center;
}
.texteWithBtn a {
    color: #0077ff;
}
p.texteToggle {
    width: 1024px;
    margin: 6px auto;
}
/* STRUCTURE */
/*.content_pane {
    margin-top: 90px;
    text-align: center;
}*/
/*---- SLIDER ----*/

.screen_home {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.screen_home .slider_home {
    overflow: hidden;
    position: relative;
}
.screen_home .img_home {
    top: 0;
    width: 100%;
    z-index: 0;
}
.be-home #ConstellationWidget {
    margin: 0 auto;
}
.be-home #ConstellationWidgetContainerBeGlobal,
.be-home #ConstellationWidget,
.be-home .co-widget-container {
    background: #373737!important;
}
.be-home .co-widget {
    max-width: 980px!important;
}
.be-home .co-widget .co-widget-btn-resume-capa {
    background: #373737!important;
    border: 1px solid white;
}
.be-home .co-widget #BtnLaunchBooking {
    background: #856b54!important;
}
.be-home .co-widget .co-widget-styled.co-widget-chevron-down:before,
.be-home .co-widget .co-widget-icon:not(.co-widget-service) {
    color: #c3b9b0!important;
}
.be-home .co-widget input,
.co-widget select,
.be-home .co-widget .co-widget-styled,
.be-home .co-widget button:not([class*=pika]) {
    -webkit-border-radius: 0!important;
    border-radius: 0!important;
}
.be-home .co-widget input,
.be-home .co-widget select,
.be-home .co-widget button:not([class*=pika]),
.be-home .co-widget .co-widget-styled {
    height: 45px!important;
}
.be-home .co-widget-container,
.be-home .co-widget-title {
    display: inline-block!important;
    vertical-align: middle!important;
}
.be-home .co-widget-container {
    width: 99%!important;
}
.be-home .co-widget-title {
    max-width: 128px!important;
}
.be-home .co-widget-col-5 {
    width: 40.666667%!important;
}
.be-home [class*=co-widget-col-]:not([class*=co-widget-title-occupancy-people]) + [class*=co-widget-col-]:not([class*=co-widget-ddl-type]) {
    padding-left: 12px!important;
}
.be-home .co-widget .co-widget-title {
    display: none!important;
}
.be-home .co-widget-col-2 {
    width: 100%;
}
.be-title {
    background: #373737;
    margin: 0;
    text-align: center;
    padding-top: 10px;
}
.be-title .title {
    color: #fff;
    margin: 0;
}
/* Fond */

#Fond_diapo {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.diapo-error {
    font-size: 14px;
    margin-top: 120px;
    text-align: center;
}
/* Titre */

.titre_diapo {
    background: url('img/Diapo_home/fond_titre_diapo.png') 50% 50% no-repeat;
    bottom: 30%;
    height: 180px;
    left: 50%;
    margin-left: -520px;
    padding-top: 170px;
    text-align: center;
    width: 1040px;
    z-index: 2;
}

.titre_diapo p {
    color: #fff;
    font-size: 4.4em;
}
.titre_diapo a {
    background: rgba(0, 0, 0, .3);
    border: 1px solid #fff;
    color: #fff;
    display: block;
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    margin: 60px auto 0 auto;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
}
.titre_diapo a:hover,
.titre_diapo a:focus {
    background: #fff;
    color: #2d2d2d;
}
/* Flèches */

.screen_home .fleche_prec,
.screen_home .fleche_suiv {
    bottom: 40%;
}
/* Puces timeline */

#Puces_diapo {
    bottom: 60%;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 3;
}
#Puces_diapo li {
    background: url('img/sprite.png') 50% -475px no-repeat;
    display: inline-block;
    height: 12px;
    margin-right: 15px;
    vertical-align: middle;
    width: 12px;
}
#Puces_diapo li.actif {
    background-position: 50% -495px;
}
/* Lien mag */

#Lien_mag {
    bottom: 80px;
    left: 10px;
    position: absolute;
    width: 235px;
}
#Lien_mag img {
    display: block;
    margin: auto;
    width: 178px;
}
#Lien_mag:hover img {
    width: 235px;
}
#Lien_mag span {
    background: #856b54;
    color: #fff;
    display: block;
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    width: 164px;
}
#Lien_mag:hover span {
    color: #2d2d2d;
    background: #fff;
}
/* Carto diapo */

#Carto_diapo,
#diapohome {
    background: url('img/Diapo_home/carte_diapo_home.png') center bottom no-repeat;
    height: 80px;
    position: absolute;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    width: 60px;
}
#Carto_diapo:hover,
#Carto_diapo:focus,
#diapohome:hover,
#diapohome:focus {
    background: url('img/Diapo_home/carte_diapo_home_hover.png') center bottom no-repeat;
}
#Carto_diapo img,
#diapohome img {
    left: 2px;
    position: absolute;
    top: 9px;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}
#Carto_diapo.actif img,
#diapohome.actif img {
    top: 0;
}
#Carto_diapo:hover img,
#Carto_diapo:focus img,
#diapohome:hover img,
#diapohome:focus img {
    top: 5px;
}
#Carto_diapo {
    bottom: 80px;
    right: 40px;
}
#diapohome {
    right: 0;
    top: -48px;
}
/* Ancre */

.fleche_ancre {
    bottom: 80px;
    left: 50%;
    margin-left: -14px;
    position: absolute;
}

/*---- ENTETE MOBILE ----*/

#Entete_mobile_home {
    display: none;
}
#Img_mobile_home {
    position: relative;
}
#Img_mobile_home img {
    width: 100%;
}
#Img_mobile_home img:last-child {
    bottom: 0;
    left: 0;
    position: absolute;
}
#Liens_mobile_home ul {
    margin: 0;
}
#Liens_mobile_home li {
    display: inline-block;
    margin: 20px 0;
    min-width: 55px;
    vertical-align: top;
    width: 32%;
}
#Liens_mobile_home li a {
    background-image: url('img/sprite_big_icones.png');
    background-repeat: no-repeat;
    color: #898777;
    display: block;
    font-size: 1.2em;
    margin: auto;
    padding-top: 50px;
    text-align: center;
    text-transform: uppercase;
    width: 55px;
}
a.lien_faire {
    background-position: 50% -1350px;
}
a.lien_dormir {
    background-position: 50% -1495px;
}
a.lien_manger {
    background-position: 50% -1650px;
}
a.lien_mag {
    background-position: 50% -1795px;
}
a.lien_mob_carte {
    background-position: 50% -2100px;
}
a.lien_meteo {
    background-position: 50% -1950px;
}
#Ancre_mobile_home {
    display: block;
    font-size: 1.4em;
    color: #949285;
    text-transform: uppercase;
    text-align: center;
    padding: 30px 0;
    margin: 0 6%;
    border-top: 1px solid #cbcbcb;
    background: url('img/sprite.png') 100% -215px no-repeat;
}

/*---- ENCART CARTE ----*/

#Encart_carte_home {
    background: #f2f0e6;
    padding: 40px 0 100px;
    position: relative;
}
.titre_carte_home {
    margin-bottom: 30px;
    text-align: center;
}
.titre_carte_home h2 {
    margin-bottom: 0;
}
.texte_carte_home {
    margin-top: 30px;
}
#Carte_home,
#Encart_carte_home .inBl {
    display: inline-block;
    position: relative;
    vertical-align: top;
}
#Encart_carte_home .inBl {
    width: 43%;
}

/* Carto slices */

#Carte_home ul {
    margin: 0;
}
#Carte_home li {
    display: none;
    position: absolute;
}
#Carte_home li.actif,
#Carte_home li.zone_open {
    display: block;
}
.carto_home_img {
    left: 0;
    top: 0;
    position: absolute;
}
.carto_home_img:first-child {
    z-index: 1;
}
#Zone_img1 {
    left: 429px;
    top: 211px;
}
#Zone_img2 {
    left: 338px;
    top: 87px;
}
#Zone_img3 {
    left: 173px;
    top: 196px;
}
#Zone_img4 {
    left: 113px;
    top: 129px;
}
#Zone_img5 {
    left: 72px;
    top: 63px;
}
#Zone_img6 {
    left: 205px;
    top: 63px;
}
#Zone_img7 {
    left: 258px;
    top: 208px;
}
/* Carte home */

.box_carte_home {
    background: #f3f0e7;
    display: none;
    left: 0;
    min-height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 2;
}
.close_box_carte_home {
    background: url('img/sprite.png') 50% -2410px no-repeat;
    color: #9b9993;
    cursor: pointer;
    font-size: 1.4em;
    margin-top: 40px;
    padding-top: 25px;
    text-align: center;
    text-transform: uppercase;
}
.bloc_box_carte_home {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    display: inline-block;
    margin-top: 30px;
    margin-left: 30px;
    max-width: 290px;
    vertical-align: top;
}
.bloc_box_carte_home:first-child {
    margin-left: 0;
}
.img_box_carte_home {
    height: 215px;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.img_box_carte_home p {
    margin: 0;
    position: absolute;
    top: 45%;
    width: 100%;
}
.img_box_carte_home p span {
    background: rgba(0, 0, 0, .4);
    border: 1px solid #fff;
    color: #fff;
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    padding: 10px;
    text-transform: uppercase;
}
.bloc_box_carte_home:hover .img_box_carte_home p span,
.bloc_box_carte_home:focus .img_box_carte_home p span {
    background: #fff;
    color: #232323;
}
.bloc_box_carte_home:hover .img_box_carte_home img,
.bloc_box_carte_home:focus .img_box_carte_home img {
    -ms-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.text_box_carte_home {
    background: #fff;
    color: #484848;
    font-size: 1.4em;
    margin: 0;
    padding: 20px;
}
.bloc_box_carte_home:hover .text_box_carte_home,
.bloc_box_carte_home:focus .text_box_carte_home {
    color: #856b54;
}
.box_carte_home ul.liste_fleches {
    margin: 50px 0;
}
.box_carte_home ul.liste_fleches li {
    width: auto;
}

/* Liens rapides */

#Encart_carte_home aside {
    margin-top: 50px;
}
#Encart_carte_home aside a {
    display: inline-block;
    background-image: url('img/sprite_big_icones.png');
    background-repeat: no-repeat;
    color: #aba99a;
    font-size: 1.4em;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
}
#Encart_carte_home aside a:hover,
#Encart_carte_home aside a:focus {
    color: #373737;
}
a.lien_carte {
    background-position: 50% 5px;
    margin-right: 50px;
    padding-top: 80px;
    width: 75px;
}
a.lien_carte:hover,
a.lien_carte:focus {
    background-position: 50% 0;
}
a.lien_incontournables {
    background-position: 50% -145px;
    margin-right: 50px;
    padding-top: 80px;
    width: 120px;
}
a.lien_incontournables:hover,
a.lien_incontournables:focus {
    background-position: 50% -150px;
}
a.lien_destinations {
    background-position: 50% -2245px;
    margin-right: 0;
    padding-top: 80px;
    width: 105px;
}
#Encart_carte_home aside a.lien_destinations {
    display: none;
}
a.lien_destinations:hover,
a.lien_destinations:focus {
    background-position: 50% -2250px;
}
a.lien_acces {
    background-position: 50% -445px;
    margin-right: 0;
    padding-top: 80px;
    width: 75px;
}
a.lien_acces:hover,
a.lien_acces:focus {
    background-position: 50% -450px;
}
/* Lien découvrir */

.lien_carte_home {
    bottom: -125px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    width: 200px;
}

/*---- ENCART AGENDA ----*/

.agenda_home {
    position: relative;
}
.agenda_home h3 {
    line-height: 1em;
    position: absolute;
    right: 100px;
    top: 20px;
    width: 64px;
}
.agenda_home a.lien_bg_marron {
    position: absolute;
    right: 0;
    top: 155px;
    width: 120px;
}
/*---- ENCART MEDIAS ----*/

#Encart_medias_home {
    background: #f2f0e6;
    padding: 20px 0;
    text-align: center;
}
#Encart_medias_home p {
    font-size: 2.2em;
}
#Encart_medias_home p span {
    font-family: Heebo;
    font-weight: 400;
    text-transform: uppercase;
}
#Et,
#Encart_medias_home a {
    font-size: 1.8em;
}
#Encart_medias_home a,
#Encart_medias_home span {
    display: inline-block;
    vertical-align: middle;
}
#lien_news_home {
    background: url('img/sprite.png') 0 -1190px no-repeat;
    padding-left: 60px;
    width: 245px;
}
#lien_news_home:hover,
#lien_news_home:focus {
    background-position: 0 -1250px;
}
#lien_news_home span:last-child {
    background: #fff;
    color: #353535;
    padding: 20px 0;
    margin-left: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 115px;
}
#lien_news_home:hover span:last-child,
#lien_news_home:focus span:last-child {
    background: #856b54;
    color: #fff;
}
#Et {
    background: url('img/picto_encart_ms_home.png') 0 0 no-repeat;
    font-size: 1.8em;
    height: 30px;
    margin: 0 25px;
    padding-top: 12px;
    text-align: center;
    width: 85px;
}
#lien_fb_home span:last-child {
    background: #3d5d9d url('img/sprite_FB_home.png') 50% 0 no-repeat;
    height: 45px;
    margin: 0 30px;
    -webkit-transition: all .3s ease-in;
    transition: all .3s ease-in;
    width: 140px;
}
#lien_fb_home:hover span:last-child,
#lien_fb_home:focus span:last-child {
    background-position: 50% -45px;
}

/* Diapo événements / bons plans */

#Diapo_bp,
#Diapo_eve {
    position: relative;
    width: 800px;
}
#Diapo_bp {
    margin-left: 230px;
}
#puces_diapo_bp,
#puces_diapo_eve {
    position: absolute;
    top: 10px;
}
#puces_diapo_bp li,
#puces_diapo_eve li {
    background: url('img/puces_diapo.png') 0 -14px no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 11px;
    margin-right: 15px;
    vertical-align: top;
    width: 12px;
}
#puces_diapo_bp li.actif,
#puces_diapo_eve li.actif {
    background-position: 0 0;
}
#puces_diapo_eve {
    left: 285px;
}
#puces_diapo_bp {
    left: 365px;
}
#Ecran_diapo_bp,
#Ecran_diapo_eve {
    height: 285px;
    overflow: hidden;
}
#Ecran_diapo_bp ul,
#Ecran_diapo_eve ul {
    margin: 0;
}
#Ecran_diapo_bp li,
#Ecran_diapo_eve li {
    display: inline-block;
    vertical-align: top;
}
#Ecran_diapo_eve {
    margin: 60px 0 40px 60px;
    width: 630px;
}
#Ecran_diapo_eve ul {
    width: 2520px;
}
#Ecran_diapo_eve li {
    width: 630px;
}
#Ecran_diapo_bp {
    margin: 60px 0 0 80px;
    width: 620px;
}
#Ecran_diapo_bp ul {
    width: 2480px;
}
#Ecran_diapo_bp li {
    width: 620px;
}
a.img_bp,
.infos_bp,
a.img_eve,
.infos_eve {
    display: inline-block;
}
a.img_eve,
.infos_eve {
    vertical-align: top;
}
a.img_bp,
.infos_bp {
    vertical-align: middle;
}
a.img_bp,
a.img_eve {
    height: 283px;
}
a.img_eve {
    margin-right: 30px;
    overflow: hidden;
    width: 214px;
}
a.img_bp {
    margin-right: 40px;
    position: relative;
    width: 260px;
}
a.img_bp img {
    border: 5px solid #fff;
    -webkit-box-shadow: 0 0 5px 0 #656565;
    box-shadow: 0 0 5px 0 #656565;
    display: block;
    left: 18px;
    max-height: 230px;
    max-width: 228px;
    position: absolute;
}
a.img_bp img:first-child {
    top: 22px;
    -webkit-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    z-index: 1;
}
a.img_bp img:last-child {
    bottom: 22px;
    -webkit-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.infos_bp {
    width: 318px;
}
.infos_eve {
    margin-top: 40px;
    width: 384px;
}
.dates_eve {
    color: #767676;
    font-family: Heebo;
    font-size: 1.6em;
    font-weight: 400;
    margin-bottom: 5px;
}
.mois_eve {
    padding-right: 3px;
}
.titre_bp,
.titre_eve {
    color: #373737;
    font-size: 3.2em;
    line-height: 1em;
    margin-bottom: 5px;
}
.titre_eve {
    text-transform: uppercase;
}
.texte_bp,
.texte_eve {
    color: #626262;
    font-size: 1.6em;
}
.prix_bp {
    color: #181818;
    font-size: 2em;
}
.lieu_eve {
    font-size: 1.4em;
    font-style: italic;
}
#bp_prec,
#bp_suiv,
#eve_prec,
#eve_suiv {
    background-image: url('img/sprite.png');
    background-repeat: no-repeat;
    cursor: pointer;
    height: 40px;
    position: absolute;
    top: 45%;
    width: 50px;
}
#bp_prec,
#eve_prec {
    background-position: 0 -1150px;
    left: 0;
}
#bp_suiv,
#eve_suiv {
    background-position: 0 -1110px;
    right: 0;
}
.bons_plans_home {
    position: relative;
}
.bons_plans_home h3 {
    left: 65px;
    line-height: 1em;
    position: absolute;
    text-align: right;
    top: 20px;
    width: 115px;
}
.bons_plans_home a.lien_bg_marron {
    left: 0;
    position: absolute;
    top: 155px;
    width: 136px;
}

/*---- ENCART ESSENTIEL ----*/

#Encart_Essentiel_home {
    margin-top: 30px;
}
#Encart_Essentiel_home ul {
    margin-left: 5px;
}
#Encart_Essentiel_home li {
    display: inline-block;
    height: 219px;
    overflow: hidden;
    margin-right: 5px;
    width: 24%;
}
#Encart_Essentiel_home li a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
#Encart_Essentiel_home li a img {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#Encart_Essentiel_home li a p {
    position: absolute;
    top: 50%;
    width: 100%;
}
#Encart_Essentiel_home li a p span {
    background: rgba(0, 0, 0, .4);
    border: 1px solid #fff;
    color: #fff;
    font-family: Heebo;
    font-size: 1.4em;
    font-weight: 400;
    padding: 10px;
    text-transform: uppercase;
}
#Encart_Essentiel_home li a:hover p span,
#Encart_Essentiel_home li a:focus p span {
    background: #fff;
    color: #232323;
}
#Encart_Essentiel_home li a:hover img,
#Encart_Essentiel_home li a:focus img {
    -moz-transform: translate(-50%, -50%) scale(1.01);
    -o-transform: translate(-50%, -50%) scale(1.01);
    -ms-transform: translate(-50%, -50%) scale(1.01);
    -webkit-transform: translate(-50%, -50%) scale(1.01);
    transform: translate(-50%, -50%) scale(1.01);
}

/*---- ENCART PREPAREZ SEJOUR ----*/

#Encart_preparez_home {
    margin-top: 70px;
    text-align: center;
}
#Encart_preparez_home ul {
    margin-top: 50px;
    margin-left: 0;
}
#Encart_preparez_home li {
    display: inline-block;
    margin-right: 50px;
    vertical-align: top;
    width: 75px;
}
#Encart_preparez_home li a {
    background-image: url('img/sprite_big_icones.png');
    background-repeat: no-repeat;
    color: #aba99a;
    display: block;
    font-size: 1.4em;
    padding-top: 80px;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
}
#Encart_preparez_home li a:hover,
#Encart_preparez_home li a:focus {
    color: #373737;
}
a.lien_agenda {
    background-position: 50% -590px;
}
a.lien_agenda:hover,
a.lien_agenda:focus {
    background-position: 50% -595px;
}
a.lien_brochures {
    background-position: 50% -745px;
}
a.lien_brochures:hover,
a.lien_brochures:focus {
    background-position: 50% -750px;
}
a.lien_carnet {
    background-position: 50% -895px;
}
a.lien_carnet:hover,
a.lien_carnet:focus {
    background-position: 50% -900px;
}
a.lien_news {
    background-position: 50% -1195px;
}
a.lien_news:hover,
a.lien_news:focus {
    background-position: 50% -1200px;
}

/*---- ENCART INSPIRATION ----*/

#Encart_inspiration_home {
    margin-top: 70px;
    text-align: center;
}
.blocs_marrons {
    margin-top: 30px;
}
.blocs_marrons ul {
    margin-left: 0;
}
.blocs_marrons li {
    background: #856b54;
    display: inline-block;
    height: 210px;
    overflow: hidden;
    vertical-align: top;
    width: 475px;
}
.blocs_marrons li a {
    display: block;
    height: 100%;
    position: relative;
    width: 100%;
}
.blocs_marrons li a img {
    opacity: .4;
    width: 100%;
}
.blocs_marrons a p {
    background-image: url('img/pointe_blanche_blocs.png');
    background-position: 50% 120px;
    background-repeat: no-repeat;
    color: #fff;
    font-size: 1.5em;
    height: 150px;
    position: absolute;
    padding-top: 60px;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
}
.blocs_marrons a span {
    display: block;
    font-family: Heebo;
    font-size: 2em;
    font-weight: 400;
    margin-top: 10px;
}
.blocs_marrons a:hover p,
.blocs_marrons a:focus p {
    background-color: rgba(133, 107, 84, .5);
    background-position: 50% 150px;
    height: 170px;
    padding-top: 40px;
    top: 0;
}

/* Hack IE7 home */

* + html #Puces_diapo li,
* + html #Liens_mobile_home li,
* + html #Encart_carte_home .inBl,
* + html #Carte_home,
* + html .bloc_box_carte_home,
* + html #Encart_carte_home aside a,
* + html #Encart_carte_home aside a.lien_destinations,
* + html #puces_diapo_eve li,
* + html #Ecran_diapo_eve li,
* + html #Encart_medias_home a,
* + html #Encart_medias_home span,
* + html #puces_diapo_bp li,
* + html #Ecran_diapo_bp li,
* + html #Encart_Essentiel_home li,
* + html #Encart_preparez_home li,
* + html .blocs_marrons li {
    display: inline;
    zoom: 1;
}
/* Fin hack IE7 */
/* Slider */

.sliderHome {
    position: relative;
    height: calc(100vh - 150px);
    width: 100%;
}
.itemSLideHome .image {
    background-size: cover!important;
    background-position: center!important;
    position: relative;
    width: 100%;
    height: 100%;
}
.itemSLideHome {
    height: calc(100vh - 150px)!important;
    width: 100%;
}
.sliderHome img.slideImg {
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100vh - 150px);
    width: 100%;
}
.sliderHome .contentH1Slide {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 20%;
    text-shadow: 1px 1px 10px #333;
    max-width: 60%;
}
.sliderHome h1.title {
    font-size: 60px;
    color: #fff;
    text-align: left;
    margin: 0!important;
}
.morbiMagLien {
    display: inline-block;
    height: 60px;
    background: #171717;
    float: left;
    padding: 0 20px;
}
.sliderHome .morbiMagLien a {
    font-size: 16px;
    color: #fff!important;
    font-weight: bold;
    display: inline-block;
    line-height: 60px;
}
.morbiMagLien a em {
    font-size: 16px;
    font-weight: bold;
    margin-left: 10px;
}
.linkCartoHomeSlide {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 134px;
    height: 145px;
    cursor: pointer;
}
.sliderHome .mea {
    position: absolute;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    padding: 20px;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}
.sliderHome .mea p {
    margin: 0!important;
}
.sliderHome .mea a {
    color: #0077ff;
}
.sliderHome span.fa.fa-angle-left.prev.arrow,
.sliderHome span.fa.fa-angle-right.next.arrow {
    font-size: 80px!important;
    cursor: pointer;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-angle-left:before {
    content: "\f104";
}
.fa-angle-right:before {
    content: "\f105";
}
/* Voir aussi Home selection */

span.fa.fa-angle-left.prev.arrow {
    display: inline-block;
    position: absolute;
    left: 50px;
    /*z-index: 1111;*/

    top: 50%;
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 10px #333;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}
span.fa.fa-angle-right.next.arrow {
    display: inline-block;
    position: absolute;
    right: 50px;
    /*z-index: 1111;*/

    top: 50%;
    font-size: 60px;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 10px #333;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    cursor: pointer;
}
.sliderHome h1.title a {
    color: #fff!important;
}
/*.VAhomeSelection{
    height: 370px;
}*/

.VAhomeSelection {
    margin-bottom: 0!important;
    height: 370px!important;
}
.VAhomeSelection li {
    background: #171717;
}
.liste_OI li:hover {
    box-shadow: 4px 5px 20px #333;
}
.oi-dates {
    margin-top: 0!important;
    float: left!important;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}
span.dateTop {
    font-size: 20px;
    font-weight: bold;
    color: #171717;
    position: relative;
    top: 3px;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: baseline;
    margin: 0 auto;
}
span.dateTop span {
    font-size: 12px;
    font-weight: 300;
    margin: 0 2px;
}
span.dateDu,
span.dateAu {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    margin: 10px;
    width: 55px;
    height: 55px;
    background: #fff;
    position: relative;
}
span.dateBottom {
    background: #0077ff;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    padding: 4px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
}
.container-black-title h2 {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin: 30px 0;
}
.liste_OI {
    margin: 0;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    /*height: 370px!important;*/

    overflow: hidden;
    margin-bottom: 30px;
    padding-bottom: 50px;
}
.liste_OI li {
    display: inline-block;
    vertical-align: top;
    width: 320px!important;
    height: 330px;
    text-align: left;
    margin: 20px 20px 0 0;
    position: relative;
    overflow: hidden;
}
ul.slick-dots {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    margin-top: 20px;
    bottom: -5px!important;
}
ul.slick-dots button {
    text-indent: -9999px;
    text-transform: capitalize;
    border: 0 none;
    background: #b9b9b9!important;
    border: 1px solid #999999!important;
    width: 12px!important;
    height: 12px!important;
    display: inline-block;
    border-radius: 50%;
    padding: 0;
    margin: 0 5px;
}
ul.slick-dots button:hover {
    background: #171717!important;
}
ul.slick-dots .slick-active button {
    background: #171717!important;
}
ul.slick-dots li:hover {
    box-shadow: none!important;
}
ul.slick-dots li {
    width: 20px!important;
    height: 20px!important;
    background: none!important;
}
/* Infos top */

.infos_OI_liste_haut {
    width: 100%;
    height: 290px;
    overflow: hidden;
    position: relative;
    background: #2a2a2a;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.ombre_img {
    display: block;
    width: 100%;
    height: 107px;
    background: url('img/ombre_img_oi.png') repeat-x;
    position: absolute;
    left: 0;
    bottom: 0;
}
.resa_OI_liste {
    width: 100%;
    height: 110px;
    background: url('img/ombre_oi_reservable.png') repeat-x;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}
.resa_OI_liste span {
    display: block;
    width: 75px;
    height: 30px;
    padding-left: 35px;
    margin: 10px 0 0 15px;
    background: url('img/sprite_oi.png') 0 -615px no-repeat;
    color: #0077ff;
    font-size: 1.2em;
    text-transform: uppercase;
    line-height: 1.1em;
}
.corner_tag_OI_liste {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}
.corner_tag_OI_liste div {
    margin-top: 10px;
    float: right;
    margin-right: 10px;
}
.tag_coeur_OI,
.tag_pouce_OI,
.tag_dble_OI {
    width: 30px;
    height: 30px;
    background-image: url('img/sprite_oi.png');
    background-repeat: no-repeat;
}
.coeurPicto {
    background: url(/Portals/_default/skins/Morbihan-2017/img/coup-de-coeur.png);
    width: 35px;
    height: 28px;
    background-size: cover;
    margin: 0 10px 0 0;
}
.tag_coeur_OI {
    height: 30px;
    width: 320px;
    background: #ffde00;
    display: flex;
    justify-content: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    line-height: 30px;
    font-weight: lighter;
    margin: 0!important;
    align-items: center;
}
.tag_pouce_OI {
    background-position: 50% -255px;
}
.tag_dble_OI {
    background-position: 50% -75px;
}
.class_OI_liste {
    opacity: 1!important;
    height: 15px;
}
.prix_OI_liste {
    position: absolute;
    right: 15px;
    bottom: 0;
    color: #fff;
    text-align: right;
    margin: 0!important;
}
.prix_OI_liste span {
    display: inline-block;
}
.prix_OI_liste span.montant {
    font-family: Heebo;
    font-size: 15px;
    padding-top: 2px;
    font-weight: bold;
}
.prix_OI_liste span.euro {
    font-size: 15px;
    font-weight: bold;
}
/* Infos milieu */

.liste_OI_FMA .infos_OI_liste_milieu {
    height: 112px;
}
.infos_OI_liste_milieu {
    background: #171717;
    border: 1px solid #171717;
    height: 90px;
    position: relative;
    color: #fff;
}
.titre_OI_liste {
    font-family: Heebo;
    font-weight: 900;
    font-size: 22px;
    color: #fff;
    line-height: 1.2;
    width: 210px;
    margin: 0!important;
    text-shadow: 0 0 32px #000;
}
.bandeau-promo {
    background: #f60f10;
    padding: 2px 10px;
    position: absolute;
    top: 0;
    z-index: 2;
    left: 15px;
    color: #fff;
}
.bandeau-promo p {
    color: #fff!important;
    font-weight: bold;
    font-size: 12px;
}
p.titre_OI_liste img {
    height: 15px;
}
.contenuImageListe {
    position: absolute;
    left: 15px;
    bottom: 15px;
    width: 305px;
}
ul.liste_OI_FMA .contenuImageListe {
    bottom: 40px;
}
.titre_OI_liste_bp {
    font-size: 1.6em;
}
span.list_btn_reserver {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    background: #148c14;
    padding: 3px 5px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
}
.texte_OI_liste {
    font-size: 14px;
    color: #fff;
    word-wrap: break-word;
    margin: 5px 20px 10px 20px;
}
span.typeOi {
    margin: 10px 0 0 20px;
    display: block;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
}
.pictos_OI_liste {
    position: absolute;
    bottom: 10px;
    left: 15px;
}
.pictos_OI {
    width: 30px;
    height: 30px;
    background-image: url(img/sprite_oi.png);
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
}
.picto_wifi_OI {
    background-position: 50% -360px;
}
.picto_spa_OI {
    background-position: 50% -450px;
}
.picto_resto_OI {
    background-position: 50% -390px;
}
.picto_piscine_OI {
    background-position: 50% -417px;
}
.picto_parking_OI {
    background-position: 50% -509px;
}
.picto_suite_OI {
    background-position: 50% -569px;
}
.picto_handi_OI {
    background-position: 50% -538px;
}
.picto_label_OI {
    display: inline-block;
    vertical-align: middle;
}
.liste_OI li:hover div.infos_OI_liste_haut {
    height: 200px!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.liste_OI li:hover div.infos_OI_liste_milieu {
    display: block!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.liste_OI_FMA li:hover div.infos_OI_liste_haut {
    height: 200px!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.liste_OI_FMA li:hover div.infos_OI_liste_milieu {
    display: block!important;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    bottom: 40px;
}
/* Infos bottom */

.infos_OI_liste_bas p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}
.ville_OI_liste {
    color: #fff;
    text-transform: initial!important;
    text-align: left;
    position: relative;
    left: 10px;
    font-weight: 500;
}
.carto_OI_liste {
    text-align: right;
    color: #0077ff;
    width: 100px;
}
.infos_OI_liste_bas a {
    float: right;
    margin-right: 10px;
    font-size: 15px;
    font-weight: bold;
    color: #0077ff;
}
.infos_OI_liste_bas {
    display: block;
    width: 320px;
    height: 40px;
    line-height: 40px;
    background: #171717;
    position: absolute;
    bottom: 0;
}
/* Rom2Rio */

.imgRomToRio img {
    margin: 0 auto;
    display: block;
}
/* Bloc Coup de coeur */

.morbihanCdChome {
    display: block;
    padding: 50px 0;
    background: #f2d902;
    width: 100%;
}
.wrapCdC {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    width: 990px;
    justify-content: center;
    margin: 0 auto;
    align-items: center;
}
span.boutonCdC {
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: center;
}
span.titreCdC {
    font-size: 34px;
    text-transform: uppercase;
    text-align: left;
    color: #171717;
    font-weight: lighter;
}
span.titreCdC strong {
    text-transform: initial!important;
    display: block;
    margin: 20px 0 0 0;
}
span.illustrationCdC {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    width: 40%;
    align-items: center;
}
.illustrationCdC span.ion-ios-heart-outline {
    font-size: 60px;
    text-align: left;
    display: inline-block;
    padding: 15px;
}
span.texteCdC {
    display: block;
    width: 60%;
}
span.texteCdC p {
    font-size: 22px;
    text-align: left;
    margin: 0;
    padding: 0;
    color: #171717;
    font-weight: lighter;
}
span.texteCdC a {
    display: block;
    text-align: left;
    margin-top: 10px;
    font-weight: bold;
    font-size: 18px;
    color: #000;
}
.titreTexteH2 {
    margin: 40px auto!important;
    width: 990px;
}
/* Preparez le sejour */
/*.prepareSejour.panel-rome2rio{
    height: 380px!important;
}*/

.prepareSejour {
    display: block;
    width: 990px;
    margin: 80px auto;
}
.prepareSejour span.titre {
    font-size: 40px;
    font-weight: bold;
    color: #171717;
    text-align: left;
    display: block;
    line-height: 1;
}
.prepareSejour p.texte {
    font-size: 16px;
    display: block;
    text-align: left;
    padding: 10px 20px 0 0;
}
.introPrepareSejour {
    display: block;
    width: 460px!important
}
.prepareSejour .ddr_menu_page {
    margin-left: 0;
    margin-bottom: 50px;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
.prepareSejour .ddr_menu_page li.item {
    margin: 0 10px 20px 10px;
    display: inline-block;
    vertical-align: top;
    width: 220px;
}
.ddr_menu_page li.item a.link,
.ddr_menu_page li.item a.text-link{
    display: block;
    width: 220px;
    height: 45px;
    background: #171717;
    text-align: center;
    position: relative;
}
.icone_ddr_menu_page {
    width: 100%;
    height: 145px;
    overflow: hidden;
}
.icone_ddr_menu_page img {
    width: 100%;
}
.ddr_menu_page li a span {
    display: block;
    text-align: center;
    font-family: Heebo;
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    line-height: 1.2;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}
.ddr_menu_page li a:hover span,
.ddr_menu_page li a:focus span {
    color: #0077ff;
}
ul.prepareSejourLink {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
}
ul.prepareSejourLink li {
    padding: 0 20px;
    width: 100px;
}
ul.prepareSejourLink li p {
    font-size: 18px;
    font-weight: bold;
    color: #171717;
    margin-top: 10px;
}
/* Voir aussi Mag */

section.OI_magHome {
    display: block;
    width: 990px;
    margin: 30px auto;
    box-shadow: 2px 2px 20px #333;
}
section.OI_magHome ul {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin: 0;
    padding: 0;
}
section.OI_magHome ul li {
    width: 100%;
}
section.OI_magHome ul li a {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
}
span.titleMag {
    font-size: 20px;
    color: #fff;
    background: #000;
    display: inline-block;
    padding: 20px;
    position: absolute;
    left: 20%;
    top: 0;
}
.leftMag {
    width: 50%;
    position: relative;
    background: #fff;
}
.infosOiMag {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
span.oiTypeMag {
    font-size: 22px;
    font-weight: lighter;
    text-align: left;
}
span.oiTitleMag {
    font-size: 43px;
    font-weight: bold;
    color: #171717;
    line-height: 1;
    text-align: left;
    margin-top: 10px;
    padding-right: 5px;
}
.rightMag {
    width: 50%;
}
.OI_magHome span.fa.fa-angle-left.prev.arrow {
    left: -50px!important;
}
.OI_magHome span.fa.fa-angle-right.next.arrow {
    right: -50px!important;
}
.boutonMag {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
}
.boutonMag a {
    background: #0077ff;
    color: #fff!important;
    font-size: 16px;
    font-weight: bold;
    height: 60px;
    display: inline-block;
    padding: 0 20px;
    line-height: 60px;
}
/* PreFooter */

.headFooter {
    display: block;
    width: 100%;
    height: 562px;
    position: relative;
}
.wrapSideHF {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    align-items: flex-end;
}
.leftSideHF {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.boutonHF {
    background: #0077ff;
    display: inline-block;
    padding: 15px 20px;
}
.boutonHF a {
    font-size: 24px;
    color: #fff;
    font-weight: lighter;
}
span.titreHF {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    display: block;
    color: #fff;
    text-shadow: 1px 1px 10px #333;
    width: 50%;
    text-align: center;
    margin: 20px auto;
}
.leftSideHF p {
    font-size: 18px;
    color: #fff;
    display: block;
    padding: 15px 75px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 1px 1px 10px #333;
    width: 50%;
    margin: 20px auto;
}
.rightSideHF img {
    margin: 0!important;
}
ul.socialHF li a {
    color: #fff;
    padding: 0 10px;
    font-size: 30px;
    text-shadow: 1px 1px 10px #333;
}
/* Incontournables carte */

.wrap_incontournables {
    position: relative;
}
.Back_white {
    display: none;
    width: 10%;
    background: #fff;
    position: absolute;
    z-index: 2;
    right: 0;
    height: 600px;
}
.mapBack {
    background: url(/Portals/59/Images/incontournables_home/back_map_home.png);
    width: 100%;
    height: 579px;
    z-index: 3;
    margin: 0 auto;
    background-position: center;
    display: block;
}
.leftSide_inco {
    width: 400px;
    margin: 0 40px 40px 40px;
    text-align: left;
}
.leftSide_inco .imageDesc {
    width: 350px;
    height: 250px;
    background-size: cover!important;
    background-position: center!important;
    margin: 20px auto;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    border: 10px solid#fff;
    display: block;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.leftSide_inco a {
    font-size: 16px;
    text-align: left;
    display: block;
    color: #fff;
    font-weight: bold;
}
.leftSide_inco .contentDesc {
    word-break: break-word;
}
section.incontournablesHome span.titre {
    font-size: 32px;
    color: #fff;
    font-weight: bold;
    display: block;
    margin: 30px 0 10px 0;
    line-height: 1;
    padding: 0 10px;
    text-align: center;
}
section.incontournablesHome p {
    font-size: 16px;
    color: #fff;
}
.incontournablesHome {
    height: 100%;
    position: relative;
    z-index: 1;
}
.incontournablesHome .mapBack {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}
.wrap_incontournablesHome,
.wrap_incontournablesHome li.item {
    width: 1041px;
    height: 579px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    position: relative;
    z-index: 5;
}
.wrap_incontournablesHome span.fa.fa-angle-left.prev.arrow {
    left: -50px;
}
.wrap_incontournablesHome span.fa.fa-angle-right.next.arrow {
    right: -650px;
}
.incontournablesHome ul.description-map,
ul#cities {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
ul#cities li {
    cursor: pointer;
}
.incontournablesHome .map {
    position: relative;
    margin: 0 auto;
    width: 500px;
    top: 17px;
    right: -2px;
}
#description-map li {
    font-family: 'Nothing You Could Do', cursive;
    display: block;
    position: absolute;
    font-size: 14px;
    line-height: 14px;
    color: #BDBDBD;
    font-weight: lighter;
}
.description-map-1 {
    left: calc( (14 / 1000) * 100%);
    top: calc( (39 / 780) * 100%);
}
.description-map-2 {
    left: calc( (467 / 1000) * 100%);
    top: calc( (24 / 780) * 100%);
}
.description-map-3 {
    left: calc( (926 / 1000) * 100%);
    top: calc( (137 / 780) * 100%);
    text-align: center;
}
.description-map-4 {
    left: calc( (869 / 1000) * 100%);
    top: calc( (610 / 780) * 100%);
    text-align: center;
}
.description-map-5 {
    left: calc( (30 / 1000) * 100%);
    top: calc( (333 / 780) * 100%);
    font-family: "caveat";
    font-size: 18px!important;
    color: #868686!important;
}
.description-map-6 {
    left: calc( (800 / 1000) * 100%);
    top: calc( (672 / 780) * 100%);
    font-family: "caveat";
    font-size: 18px!important;
    color: #868686!important;
}
.map {
    position: relative;
    margin: 0 auto;
    background: none!important;
    ;
    width: 100%;
}
.markerTip {
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    color: transparent;
    border-radius: 10px;
    background-color: #0077FF;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    border: 2px solid white;
    /*z-index: 1;*/
}
.markerTip:after {
    content: ' ';
    position: absolute;
    left: -2px;
    top: -2px;
    border: 1px solid white;
    box-shadow: 0 0 10px white;
    border-radius: 20px;
    height: 20px;
    width: 20px;
    opacity: 0;
    -webkit-animation: pulsate 1.86s ease-out;
    -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.1, 0.1);
        opacity: 0.0;
    }
    50% {
        opacity: 0.4;
    }
    100% {
        -webkit-transform: scale(1.6, 1.6);
        opacity: 0.0;
    }
}
.markerTip:hover {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    height: 30px;
    width: 30px;
    border-radius: 30px;
    -webkit-transition: width 0.2s, height 0.2s, -webkit-transform 0.2s;
    /* Safari */

    transition: width 0.2s, height 0.2s, transform 0.2s;
}
/*
VILLES
left:positionX en sélectionnant le coin haut gauche dans illsutrator
top:positionY en sélectionnant le coin haut gauche dans illsutrator
*/

#pontivy {
    left: calc( (474 / 1000) * 100%);
    top: calc( (190 / 780) * 100%);
}
#lefaouet {
    left: calc( (224 / 1000) * 100%);
    top: calc( (195 / 780) * 100%);
}
#belle-ile-en-mer {
    left: calc( (361 / 1000) * 100%);
    top: calc( (723 / 780) * 100%);
}
#houat {
    left: calc( (465 / 1000) * 100%);
    top: calc( (667 / 780) * 100%);
}
#groix {
    left: calc( (223 / 1000) * 100%);
    top: calc( (504 / 780) * 100%);
}
#quiberon {
    left: calc( (386 / 1000) * 100%);
    top: calc( (606 / 780) * 100%);
}
#carnac {
    left: calc( (400 / 1000) * 100%);
    top: calc( (532 / 780) * 100%);
}
#la-trinite-sur-mer {
    left: calc( (438 / 1000) * 100%);
    top: calc( (527 / 780) * 100%);
}
#lorient {
    left: calc( (264 / 1000) * 100%);
    top: calc( (422 / 780) * 100%);
}
#auray {
    left: calc( (468 / 1000) * 100%);
    top: calc( (486 / 780) * 100%);
}
#hoedic {
    left: calc( (509 / 1000) * 100%);
    top: calc( (718 / 780) * 100%);
}
#vannes {
    left: calc( (581 / 1000) * 100%);
    top: calc( (502 / 780) * 100%);
}
#rochefort-en-terre {
    left: calc( (754 / 1000) * 100%);
    top: calc( (469 / 780) * 100%);
}
#la-gacilly {
    left: calc( (863 / 1000) * 100%);
    top: calc( (436 / 780) * 100%);
}
#josselin {
    left: calc( (646 / 1000) * 100%);
    top: calc( (300 / 780) * 100%);
}
#broceliande {
    left: calc( (780 / 1000) * 100%);
    top: calc( (233 / 780) * 100%);
}
/*#auray {
  left:calc( (454 / 1000) * 100% );
  top:calc( (476 / 780) * 100% );
}*/

#ria-etel {
    left: calc( (344 / 1000) * 100%);
    top: calc( (479 / 780) * 100%);
}
#golfe-morbihan {
    left: calc( (529 / 1000) * 100%);
    top: calc( (533 / 780) * 100%);
}
#suscinio {
    left: calc( (572 / 1000) * 100%);
    top: calc( (584 / 780) * 100%);
}

#la-roche-bernard {
    left: calc( (775 / 1000) * 100%);
    top: calc( (570 / 780) * 100%);
}

.tooltip-inner {
    background-color: #0077FF
}
.tooltip.top > .tooltip-arrow {
    border-top: 5px solid #0077FF;
}
/*#svg-container path:hover{fill:#0077FF;transition:0.5s fill;}*/

/* BE Home */

#ConstellationWidget {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    background: none!important;
    padding: 0!important;
}
.descBE {
    position: relative;
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
    top: 15px;
}
span.pictosBE {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: center;
}
.co-widget-title {
    display: none!important;
}
.co-widget .co-widget-type ul li.active i {
    color: #171717!important
}
div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-type ul li a {
    color: #fff !important;
    line-height: 50px;
    padding: 0!important;
}
div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-type ul li {
    color: #fff!important;
    background: #171717!important;
}
div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-type ul li:hover {
    color: #171717!important;
    background: #fff;
}
.co-widget .co-widget-type ul li {
    height: 50px!important;
    margin: 0 1px!important;
}
#ConstellationWidget .co-widget-type ul li.active {
    background: #fff !important;
}
#ConstellationWidget .co-widget-type ul li.active a {
    color: #171717!important;
    line-height: 50px;
    padding: 0;
}
.co-widget .co-widget-date {
    padding: 0 10px!important;
}
.co-widget > div:not([class*=co-widget-title]):not([class*=co-widget-type]):not([class*=co-widget-container]),
.co-widget > .co-widget-container > div:not([class*=co-widget-title]):not([class*=co-widget-type]):not([class*=co-widget-container]) {
    padding: 0 20px 0 0!important;
}
div#containerBE {
    padding: 0!important;
    position: relative;
    margin: 0 auto;
    top: -50px;
}
.co-widget-container {
    padding: 15px 1px 10px 1px!important;
}
span.texteBE {
    font-style: italic;
    font-size: 14px;
    text-align: center;
    margin: 0 10px;
    display: block;
}
.co-widget .co-widget-container {
    background: #fff!important;
    margin: 0 auto;
}
.co-widget input,
.co-widget select,
.co-widget .co-widget-styled {
    border: 0!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;
    height: 45px!important;
    font-weight: 400;
    color: #0077ff!important;
    border-radius: 0!important;
}
div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget-occupancy-define label,
div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-styled select {
    color: #0077ff!important;
    font-family: Heebo!important;
    font-weight: 400;
    font-size: 16px!important;
}
.co-widget .co-widget-date #FieldDate::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */

    color: #0077ff!important;
}
.co-widget .co-widget-date #FieldDate::-moz-placeholder {
    /* Firefox 19+ */

    color: #0077ff!important;
}
.co-widget .co-widget-date #FieldDate:-ms-input-placeholder {
    /* IE 10+ */

    color: #0077ff!important;
}
.co-widget .co-widget-date #FieldDate:-moz-placeholder {
    /* Firefox 18- */

    color: #0077ff!important;
}
div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget .co-widget-btn-resume-capa,
#ConstellationWidget input[attribute=value] {
    background: #fff!important;
    font-family: Heebo!important;
    color: #0077ff!important;
    height: 45px;
    font-size: 12px!important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)!important;
    font-weight: 600!important;
}
div[data-widget-id="d444644c-9192-4dc7-8f54-df01b817199b"] .co-widget #BtnLaunchBooking {
    background: #0077ff!important;
    text-transform: initial!important;
    height: 45px!important;
}
.co-widget input,
.co-widget select {
    font-size: 16px;
}
.co-widget .co-widget-styled.co-widget-chevron-down:before {
    color: inherit;
    float: right;
    margin-top: 0!important;
    margin-right: 0!important;
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    right: 5px;
}
.co-widget-i-calendar {
    top: 50%!important;
    transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    -moz-transform: translateY(-50%)!important;
    -o-transform: translateY(-50%)!important;
    font-size: 16px;
}
/* TOOLTIP */

@import url(https://fonts.googleapis.com/css?family=Kalam:700,400);
.tooltip {
    /*position: relative;*/

    z-index: unset!important;
    opacity: 1!important;
}
.tooltip-item {
    font-weight: bold;
    cursor: pointer;
}
.tooltip-content {
    font-family: Heebo!important;
    white-space: nowrap;
    position: absolute;
    bottom: 100%;
    left: 50%;
    z-index: 9999;
    margin: 0 0 10px -10px;
    padding: 15px;
    border-radius: 10px/50%;
    background: #0077ff;
    color: #fff;
    text-align: left;
    font-size: 14px;
    opacity: 0;
    cursor: default;
    transition: opacity 0.3s, transform 0.3s;
    pointer-events: none;
}
.tooltip-turnright .tooltip-content {
    transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg);
}
.tooltip-turnleft .tooltip-content {
    transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg);
}
.tooltip:hover .tooltip-content {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
}
.tooltip-content::after {
    position: absolute;
    top: 100%;
    width: 60px;
    height: 120px;
    /*background: url('img/tooltip3.svg') no-repeat center center;*/

    background-size: 100%;
    content: '';
    transition: transform 0.3s;
    transform-origin: 50% 0;
}
.tooltip-turnright .tooltip-content::after {
    left: 25%;
    transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0);
}
.tooltip-turnleft .tooltip-content::after {
    right: 25%;
    transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0);
}
.tooltip-turnright:hover .tooltip-content::after {
    transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0);
}
.tooltip-turnleft:hover .tooltip-content::after {
    transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0);
}
/* FMA TOP HOME */

section.OI_Fma_Top ul {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
}
.OI_Fma_Top_content {
    margin: 10px;
    position: relative;
    top: 3px;
}
section.OI_Fma_Top ul li {
    display: block;
    width: 250px;
    height: 75px;
    margin: 0!important;
    padding: 0!important;
}
section.OI_Fma_Top ul li a {
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    align-items: flex-end;
    font-size: 14px!important;
    line-height: 1;
}
.dates_FMA_Top {
    font-size: 11px;
    text-transform: initial;
}
.OI_Fma_Top_img {
    width: 75px;
    height: 75px;
    display: block;
    overflow: visible!important;
}
span.titreFMA_Top {
    font-size: 14px;
    color: #0077ff;
    font-weight: bold;
    text-transform: initial!important;
}
.centerFmaTop {
    display: flex!important;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 100%;
}
.centerFmaTop ul {
    margin: 0!important;
    padding: 0!important;
}

@media screen and (min-width: 769px) {
    .book-slider .article .title {
        color: #161616;
        margin-bottom: 0;
    }
    .book-slider .bb-item .part-left {
        height: inherit;
    }
    .book-slider .article {
        max-width: 260px;
        margin: 0 0 0 65px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
    }
    .book-slider .prev,
    .book-slider .next {
        display: block;
        position: absolute;
        top: 50%;
        font-size: 50px;
        line-height: 20px;
        color: #969696;
        z-index: 103;
        border: none;
        width: 65px;
        height: 65px;
        border-radius: 50%;
        background: transparent;
    }
    .book-slider .bandeau-top {
        display: none;
    }
    .book-slider .bb-custom-wrapper .bb-bookblock {
        width: 100%;
        height: 500px;
        -webkit-perspective: 2000px;
        perspective: 2000px;
        margin-top: 40px;
        -webkit-box-shadow: 0 20px 31px rgba(0, 0, 0, .19);
        -moz-box-shadow: 0 20px 31px rgba(0, 0, 0, .19);
        box-shadow: 0 20px 31px rgba(0, 0, 0, .19);
        z-index: 10!important;
    }
    .book-slider .bb-item {
        display: none;
    }
    .book-slider .bb-custom-side .shade {
        top: 0;
        position: absolute;
        height: 100%;
        width: 48px;
        background: url(img/horizontal-book-gradient.png) repeat-y;
    }
    .book-slider .bb-custom-side {
        position: relative;
        width: 50%;
        float: left;
        height: 100%;
        overflow: hidden;
        background: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
    }
}
@media screen and (min-width: 768px) {
    /*.be-w .forMobile{
        display: block!important;
        background: #171717;
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        padding: 14px 20px;
        line-height: 1.2;
        text-align: left;
        margin: 0 auto;
    }*/

    .be-home .co-widget-col-3 {
        width: 24% !important;
    }
    .be-home .co-widget-col-2 {
        width: 18%!important;
    }
}
@media screen and (max-width: 1400px) {
    .titre_diapo {
        bottom: 20%;
    }
}
@media screen and (max-width: 1009px) {
    .titre_diapo {
        left: 0;
        margin-left: 0;
        padding: 170px 2% 0;
        width: 96%;
    }
    #Lien_mag,
    #Carto_diapo {
        bottom: 30px;
    }
    .fleche_prec,
    .fleche_suiv {
        display: none;
    }
}
@media screen and (min-width: 990px) {
    .book-slider .article {
        max-width: 330px;
    }
    .book-slider .article .title {
        color: #161616;
        margin-bottom: 0;
    }
    .book-slider .next {
        right: -60px;
        padding-right: 0;
    }
    .book-slider .prev {
        left: -60px;
        padding-left: 0;
    }
    .book-slider .prev,
    .book-slider .next {
        display: block;
        position: absolute;
        top: 50%;
        font-size: 50px;
        line-height: 20px;
        color: #969696;
        border: none;
        width: 45px;
        height: 45px;
        border-radius: 50%;
    }
    .book-slider .bb-custom-wrapper {
        height: 100%;
        /*width: 90%;*/
        position: relative;
        padding: 0 0 14px 0;
        background: url(img/book-bkg-pages.jpg) repeat-x bottom;
        overflow: initial;
        margin-bottom: 20px;
    }
    .book-slider .bb-custom-wrapper .bb-bookblock {
        width: 100%;
        height: 500px;
        -webkit-perspective: 2000px;
        perspective: 2000px;
        margin-top: 40px;
    }
    .book-slider .bb-custom-side {
        position: relative;
        width: 50%;
        float: left;
        height: 100%;
        overflow: hidden;
        background: #fff;
        display: -webkit-box;
        display: -moz-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -moz-box-align: center;
    }
    .book-slider .bb-custom-side .shade {
        position: absolute;
        height: 100%;
        width: 48px;
        background: url('img/horizontal-book-gradient.png') repeat-y;
    }
    .book-slider .bb-custom-side.part-left .shade {
        right: -1px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@media screen and (max-width: 999px) {
    #Puces_diapo {
        display: none;
    }
}
@media screen and (max-width: 679px) {
    #Entete_mobile_home {
        display: block;
    }
    .screen_home {
        display: none;
    }
}
@media screen and (max-width: 379px) {
    #Ancre_mobile_home {
        padding-left: 20px;
        text-align: left;
    }
}
@media screen and (max-width: 462px) {
    /*.co-widget .co-widget-container{
        top: -30px!important;
    }*/

    .prepareSejour .ddr_menu_page li {
        margin: 0 10px 10px 0!important;
    }
}
@media screen and (max-width: 767px) {
    ul.slick-dots{
        bottom: -25px!important;
    }
    .incontournablesHome {
        background: #51a28f;
        /* Old browsers */

        background: -moz-linear-gradient(-45deg, #51a28f 0%, #2e887f 41%, #006470 100%);
        /* FF3.6-15 */

        background: -webkit-linear-gradient(-45deg, #51a28f 0%, #2e887f 41%, #006470 100%);
        /* Chrome10-25,Safari5.1-6 */

        background: linear-gradient(135deg, #51a28f 0%, #2e887f 41%, #006470 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

        filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#51a28f', endColorstr='#006470', GradientType=1);
        /* IE6-9 fallback on horizontal gradient */
    }
    .menuMobContent {
        display: flex!important;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        width: 320px;
        flex-wrap: wrap;
        justify-content: center;
        margin: 20px auto;
    }
    ul.menuMobContent li {
        width: 33%;
        margin: 10px 0;
    }
    ul.menuMobContent li a img {
        display: block;
        margin: 0 auto;
        height: 34px;
    }
    ul.menuMobContent li a {
        font-size: 14px;
        font-weight: bold;
        color: #000;
        text-align: center;
        display: block;
    }
    /*#VAhomeSelection li.slick-slide{
        width: 32%!important;
    }*/

    section.selec-cat.container.append-detail {
        width: 100%!important;
        padding: 0;
        margin: 0;
    }
    .rightMag img {
        width: 100%;
    }
    ul.VAhomeSelection {
        height: 390px!important;
        padding-bottom: 60px!important;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    ul.VAhomeSelection ul.slick-dots {
        bottom: -5px!important;
    }
    div#containerBE {
        width: 100%!important;
        top: auto!important;
        margin-bottom: 20px!important;
    }
    div#containerBE .co-widget .co-widget-trip label,
    div#containerBE .co-widget .co-widget-occupancy > label,
    div#containerBE .co-widget .co-widget-ddl-type label,
    div#containerBE .co-widget.co-widget-intermediate .co-widget-trip label {
        display: none!important;
    }
    .descBE {
        display: none!important;
    }
    p.texteToggle {
        width: 320px;
        margin: 6px auto;
    }
    div#containerBE .dms.co-widget-col-3.co-widget-ddl-type {
        padding: 0 20px!important;
    }
    div#containerBE .co-widget-col-3.dms.co-widget-trip {
        padding: 0 20px!important;
    }
    div#containerBE .co-widget-occupancy.co-widget-col-4.dms {
        padding: 0 20px!important;
    }
    div #containerBE .co-widget-col-2.co-widget-search.dms {
        padding: 0 20px!important;
    }
    .liste_OI li {
        display: inline-block;
        vertical-align: top;
        width: 300px!important;
        height: 315px;
        text-align: left;
        margin: 20px 20px 0 0;
        position: relative;
        overflow: hidden;
    }
    .descBE {
        height: 80px;
        padding: 10px;
        display: block;
    }
    .ddr_menu_page li a {
        width: 100%!important;
    }
    .icone_ddr_menu_page a {
        height: 145px!important;
    }
    .ddr_menu_page li {
        width: 45%!important;
    }
    .wrap_incontournablesHome span.fa.fa-angle-right.next.arrow {
        right: -50px!important;
    }
    #ConstellationWidget {
        display: block;
        margin: 0 auto;
        width: 100%;
        position: relative;
        top: 0px!important;
        background: none!important;
        padding: 0!important;
    }
    span.texteBE {
        margin-left: 0!important;
        font-style: italic;
        font-size: 14px;
        display: block;
        margin: 10px!important;
        text-align: center;
    }
    .co-widget-col-12.co-widget-type {
        background: #171717;
    }
    .co-widget .co-widget-type ul li {
        height: 40px!important;
        margin: 0 0px!important;
    }
    .co-widget .co-widget-type ul li a {
        line-height: 40px!important;
    }
    .be-w .forMobile {
        display: block!important;
        background: #171717;
        font-size: 26px;
        font-weight: bold;
        color: #fff;
        padding: 14px 20px;
        line-height: 1.2;
        text-align: left;
    }
    .co-widget .co-widget-container {
        display: flex!important;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-direction: column;
    }
    .co-widget.co-widget-intermediate .dms.co-widget-ddl-type {
        width: 92%!important;
    }
    .co-widget.co-widget-intermediate .dms.co-widget-trip {
        width: 92%!important;
    }
    .sliderHome {
        top: auto!important;
    }
    /*.itemSLideHome {
        width: 100vw!important;
    }*/

    #sliderHomeForMobile .itemSLideHome,
    #sliderHomeForMobile,
    .sliderHome img.slideImg {
        height: 350px!important;
        width: 100%;
    }
    span.titreHF {
        width: 100%!important;
        font-size: 30px!important;
    }
    .boutonHF a {
        font-size: 18px!important;
    }
    .leftSideHF p {
        font-size: 14px!important;
    }
    .imgRomToRio {
        width: 90%;
        margin: 0 auto;
    }
    .imgRomToRio a img {
        width: 100%;
    }
    .prepareSejour {
        width: 100%!important;
    }
    .prepareSejour .introPrepareSejour {
        width: 100%!important;
    }
    .prepareSejour .ddr_menu_page {
        justify-content: center;
        justify-content: center;
        width: 90%!important;
        margin: 0 auto!important;
    }
    .prepareSejour span.titre {
        width: 50%!important;
        margin: 0 auto;
        text-align: center!important;
        font-size: 30px!important;
    }
    .prepareSejour p.texte {
        width: 80%!important;
        margin: 10px auto;
        text-align: center!important;
        font-size: 15px!important;
    }
    ul.prepareSejourLink {
        width: 100%;
        margin: 0 auto!important;
    }
    .titreTexteH2 {
        margin: 40px auto!important;
        width: 100%!important;
    }
    .titreTexteH2 p {
        font-size: 14px!important;
    }
    /* VOIR AUSSI BOOK */

    .book-slider .bandeau-top {
        background: #171717;
        color: #fff;
        font-size: 20px;
        text-align: center;
        padding: 10px 0;
    }
    .book-slider .bb-bookblock {
        width: 100%;
        height: 465px;
    }
    .book-slider .bb-bookblock.cloned {
        margin-bottom: 30px;
    }
    .book-slider .bb-item {
        display: block;
        position: relative;
    }
    .book-slider .bb-custom-wrapper {
        overflow: hidden;
        position: relative;
        padding: 0;
    }
    .book-slider .bb-item .macaron {
        position: absolute;
        z-index: 102;
        top: 228px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .book-slider .bb-item .part-left {
        height: 290px;
        overflow: hidden;
        position: relative;
    }
    .book-slider .bb-bookblock.cloned .bb-item .part-left {
        height: 180px;
    }
    .book-slider .bb-item .part-left .image_article {
        display: block;
        width: 100%;
        height: 100%;
    }
    .book-slider .bb-item .part-left .image_article img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    .book-slider .prev,
    .book-slider .next {
        display: none;
    }
    .book-slider .article {
        max-width: 70%;
        margin: 0 auto;
    }
    .book-slider .bb-bookblock.cloned .article {
        padding: 20px 0 0 0;
    }
    .book-slider .article .quote {
        display: none;
    }
    .book-slider .article .text {
        text-align: justify;
        line-height: 26px;
        font-size: 16px;
        -moz-text-align-last: center;
        text-align-last: center;
    }
    .book-slider .article .signature {
        display: block;
        font-size: 21px;
        margin: 30px 70px;
        -webkit-transform: rotate(-4deg);
        -ms-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
        -o-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    .book-slider .etiquette {
        background: #171717;
        padding: 15px 20px;
        color: #fff;
        display: inline-block;
        font-size: 20px;
        margin-left: 65px;
    }
    .book-slider .etiquette em {
        font-weight: bold;
        font-style: normal;
    }
    .book-slider .article .title {
        color: #161616;
        font-size: 36px;
        font-weight: bold;
        margin-bottom: 0;
    }
    .book-slider .bb-bookblock.cloned .article .title {
        font-size: 24px;
    }
    .book-slider .article .lieux {
        margin-bottom: 0;
    }
    .book-slider .article .page-text {
        font-size: 30px;
    }
    .book-slider .article .page-description {} .book-slider .bb-bookblock.cloned .bb-item {
        display: -ms-inline-flexbox;
        display: -webkit-inline-flex;
        display: inline-flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-align-content: flex-end;
        -ms-flex-line-pack: end;
        align-content: flex-end;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 10px 0 0 10px;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
        background: url('img/book-bkg-pages.jpg') repeat-x bottom;
    }
    .book-slider .bb-bookblock.cloned .bb-item .part-left {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        width: 100%;
    }
    .book-slider .bb-bookblock.cloned .bb-item .part-right {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
        width: 100%;
    }
    .book-slider .bb-bookblock.cloned .bb-item .image_article {
        height: 240px;
    }
    .book-slider .bb-bookblock.cloned .bb-item .image_article a {
        height: 100%;
    }
    .book-slider .bb-bookblock.cloned .bb-item .image_article img {
        width: 100%;
    }
    .book-slider .bb-bookblock.cloned .etiquette {
        display: none;
    }
    /* FIN VOIR AUSSI BOOK */

    section.OI_magHome {
        width: 320px!important;
        position: relative;
    }
    section.OI_magHome ul li a {
        flex-direction: column-reverse!important;
    }
    .rightMag,
    .leftMag {
        width: 320px!important;
        height: 240px!important;
    }
    .infosOiMag {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-direction: column;
        position: absolute;
        top: 50%;
        left: 50%!important;
        transform: translate(-50%, -50%)!important;
        -webkit-transform: translate(-50%, -50%)!important;
        -moz-transform: translate(-50%, -50%)!important;
        -o-transform: translate(-50%, -50%)!important;
        width: 100%;
    }
    span.oiTypeMag {
        font-size: 16px!important;
        font-weight: lighter;
        text-align: center!important;
    }
    span.oiTitleMag {
        font-size: 26px!important;
        text-align: center!important;
        width: 80%;
        margin: 0 auto;
    }
    span.titleMag {
        font-size: 20px!important;
        color: #fff;
        background: #000;
        display: inline-block;
        padding: 10px!important;
        position: absolute;
        left: 0!important;
        width: 100%;
        top: -240px!important;
    }
    section.incontournablesHome span.titre {
        font-size: 26px!important;
    }
    section.incontournablesHome p {
        font-size: 14px!important;
    }
    .wrapSideHF {
        width: 80%!important;
    }
    .rightSideHF {
        display: none!important;
    }
    .morbihanCdChome {
        padding: 30px 0 50px 0!important;
    }
    span.illustrationCdC {
        width: auto!important;
    }
    .wrapCdC {
        flex-direction: column;
        width: 90%!important;
    }
    span.texteCdC p,
    span.texteCdC a {
        text-align: center!important;
        margin: 20px 0!important;
    }
    span.titreCdC strong {
        text-transform: initial!important;
        display: block;
        margin: 20px 0 0 0;
        line-height: 1;
        font-size: 25px;
    }
    span.texteCdC p {
        font-size: 15px!important;
    }
    #Main_header {
        background: #171717!important
    }
    .sliderHome .contentH1Slide {
        max-width: 80%!important;
        bottom: 50px!important;
        left: 20px!important;
        transform: none!important;
        top: auto!important;
    }
    .sliderHome h1.title {
        font-size: 36px!important;
    }
    .morbiMagLien,
    .mea {
        display: none!important;
    }
    .sliderHome span.fa.fa-angle-left.prev.arrow,
    .sliderHome span.fa.fa-angle-right.next.arrow {
        display: none!important;
    }
    .container-black-title h2 {
        font-size: 30px!important;
        font-weight: bold;
        margin: 30px 0;
        text-align: center!important;
    }
    .texteWithBtn {
        font-size: 16px;
        font-weight: bold;
        display: block;
        color: #fff;
        background: #171717;
        padding: 20px;
        top: auto;
    }
    .mapBack,
    .rightSide_inco {
        display: none!important;
    }
    span.boutonCdC {
        text-align: center!important;
    }
    .leftSide_inco {
        margin: 40px auto!important;
        text-align: left;
    }
    .wrap_incontournablesHome,
    .wrap_incontournablesHome li.item {
        height: auto!important;
    }
    .wrap_incontournablesHome {
        width: 100%!important;
    }
    .wrap_incontournablesHome li {
        flex-direction: column-reverse!important;
    }
    .wrap_incontournablesHome li.item {
        width: 80%;
        margin: 20px auto;
    }
    .linkCartoHomeSlide {
        top: 60px!important;
        right: 0!important;
        left: auto!important;
        bottom: auto!important;
    }
    .titreTexteH2 span.titreH2 {
        font-size: 30px!important;
        width: 80%!important;
        margin: 0 auto!important;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1366px) {
    .sliderHome h1.title {
        font-size: 40px!important;
    }
    .morbiMagLien {
        padding: 0 10px!important;
        height: 45px!important;
        margin-top: 10px!important;
    }
    .morbiMagLien a {
        line-height: 45px!important;
    }
}
@media screen and (min-width: 1025px) {
    div#containerBE {
        width: 1024px!important;
    }
    .selec-cat.container.append-detail {
        width: 100%!important;
    }
}
@media screen and (max-width: 1049px) {
    #Encart_carte_home {
        padding: 40px 10px 100px!important;
    }
    .mapBack {
        background: url(/Portals/59/Images/incontournables_home/back_map_home.png);
        width: 100%;
        height: 526px!important;
        z-index: 3;
        margin: 0 auto;
        background-position: 54% -160%!important;
        display: block;
        background-repeat: no-repeat!important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .linkCartoHomeSlide {
        position: absolute;
        top: 90px;
        right: 0px;
        width: 134px;
        height: 145px;
        cursor: pointer;
    }
    .book-slider .next {
        right: 20px;
    }
    .boutonMag {
        margin-top: 20px;
    }
    section.incontournablesHome p,
    section.incontournablesHome span.titre {
        color: #000!important;
    }
    .panel-rome2rio .pull-left {
        float: none!important;
    }
    .form-rome2rio {
        margin: 20px auto!important;
    }
    div#containerBE {
        width: 768px!important;
    }
    p.texteToggle {
        width: 768px;
        margin: 6px auto;
    }
    .titreTexteH2 {
        width: 100%!important;
    }
    section.OI_magHome span.fa.fa-angle-left.prev.arrow {
        background: #171717!important;
        padding: 10px 40px 10px 20px!important;
        font-weight: lighter;
        font-size: 30px;
    }
    section.OI_magHome span.fa.fa-angle-right.next.arrow {
        background: #171717!important;
        padding: 10px 20px 10px 40px!important;
        font-weight: lighter;
        font-size: 30px;
    }
    section.OI_magHome {
        width: 90%!important;
    }
    .morbihanCdChome {
        padding: 30px 0 50px 0!important;
    }
    .wrapCdC {
        flex-direction: column;
        width: 90%!important;
    }
    span.texteCdC p,
    span.texteCdC a {
        text-align: center!important;
        margin: 20px 0!important;
    }
    .prepareSejour {
        width: 100%!important;
    }
    .prepareSejour .introPrepareSejour {
        width: 100%!important;
    }
    .prepareSejour .ddr_menu_page {
        justify-content: center;
        justify-content: center;
        width: 90%!important;
        margin: 0 auto!important;
    }
    .prepareSejour span.titre {
        width: 50%!important;
        margin: 0 auto;
        text-align: center!important;
    }
    .prepareSejour p.texte {
        width: 80%!important;
        margin: 10px auto;
        text-align: center!important;
    }
    .incontournablesHome {
        width: 100%!important;
    }
    .incontournablesHome .map {
        width: 610px!important;
        right: -46px!important;
        top: 23px!important;
    }
    .wrap_incontournablesHome,
    .wrap_incontournablesHome li.item {
        flex-direction: column-reverse;
        height: auto!important;
        width: 610px!important;
    }
    .leftSide_inco {
        /*width: 80%!important;*/

        margin: 40px auto!important;
        text-align: left;
        display: flex!important;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
    }
    .leftSide_inco .contentDesc {
        display: block;
        margin: 40px auto;
        width: 100%;
    }
    .wrap_incontournablesHome span.fa.fa-angle-right.next.arrow {
        right: -50px!important;
    }
    .sliderHome .contentH1Slide {
        max-width: 60%!important;
    }
    .co-widget-container {
        display: flex;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        flex-wrap: wrap;
        width: 80%;
        margin: 0 auto;
    }
    .dms.co-widget-col-3 {
        width: 50%;
    }
    .co-widget-occupancy.co-widget-col-4.dms {
        width: 100%;
        margin: 20px auto;
    }
    .co-widget-col-2.co-widget-search.dms {
        width: 100%;
    }
}
@media screen and (max-width: 1024px) {
    #Second_nav {
        display: none!important;
    }
    .sliderHome span.fa.fa-angle-left.prev.arrow,
    .sliderHome span.fa.fa-angle-right.next.arrow {
        display: block;
        bottom: 60px!important;
        transform: none!important;
        top: auto!important;
    }
    .sliderHome span.fa.fa-angle-left.prev.arrow {
        left: auto!important;
        right: 120px!important;
    }
    #Encart_carte_home .inBl {
        display: block;
        margin: auto;
        text-align: center;
        width: 90%;
    }
    #Encart_carte_home aside {
        margin-top: 40px;
    }
    .markerTip {
        opacity: 1!important;
    }
    ul.VAhomeSelection {
        height: 380px;
    }
    .box_carte_home {
        height: auto;
        position: static;
    }
    #Footer_haut, #First_nav, .center{
        width: 100%!important;
    }
}
@media screen and (min-width: 570px) and (max-width: 1024px) {
    #Carte_home {
        display: block;
        margin: 40px auto auto;
        width: 560px;
    }
}
@media screen and (max-width: 569px) {
    .wrap_leftSide_inco,
    .leftSide_inco {
        width: 320px!important;
    }
    .leftSide_inco .imageDesc {
        width: 300px!important;
        height: 200px!important;
    }
    #Encart_carte_home {
        padding-bottom: 80px;
    }
    #Carte_home {
        display: none;
    }
}
@media screen and (min-width: 570px) and (max-width: 649px) {
    .bloc_box_carte_home,
    .bloc_box_carte_home:first-child {
        display: block;
        margin: 30px auto 0;
    }
}
@media screen and (max-width: 569px) {
    #Encart_carte_home aside a.lien_carte,
    #Encart_carte_home aside a.lien_acces {
        display: none;
    }
    #Encart_carte_home aside a.lien_destinations {
        display: inline-block;
    }
    .lien_carte_home {
        bottom: -105px;
    }
}
@media screen and (max-width: 769px) {
    #Encart_medias_home {
        display: none;
    }
}
@media screen and (max-width: 1029px) {
    #Diapo_bp,
    #Diapo_eve {
        margin: 0 auto;
    }
    .agenda_home h3,
    .bons_plans_home h3 {
        position: static;
        text-align: center;
        width: 100%;
    }
    .agenda_home a.lien_bg_marron,
    .bons_plans_home a.lien_bg_marron {
        margin: 30px auto 50px;
        position: static;
    }
    .agenda_home {
        margin-top: 100px;
    }
    .bons_plans_home {
        margin-top: 65px;
    }
}
@media screen and (min-width: 700px) and (max-width: 1029px) {
    #Ecran_diapo_bp,
    #Ecran_diapo_eve {
        margin: 40px 0 40px 60px;
    }
}
@media screen and (min-width: 710px) and (max-width: 809px) {
    #Diapo_bp,
    #Diapo_eve {
        width: 700px;
    }
    .infos_eve {
        width: 350px;
    }
    .texte_eve,
    .lieu_eve {
        margin-bottom: 10px;
    }
    .infos_bp {
        width: 280px;
    }
}
@media screen and (max-width: 709px) {
    #Diapo_bp,
    #Diapo_eve {
        width: 100%;
    }
    #puces_diapo_bp,
    #puces_diapo_eve {
        margin-top: 20px;
        margin-left: 0;
        position: static;
        text-align: center;
    }
    #Ecran_diapo_bp,
    #Ecran_diapo_eve {
        margin: 20px 0;
        height: auto;
        width: 100%;
    }
    #Ecran_diapo_bp li,
    #Ecran_diapo_eve li {
        border: 1px solid #cbcbcb;
        height: 510px;
        margin-left: 20px;
        text-align: center;
        width: 260px;
    }
    a.img_bp,
    .infos_bp,
    a.img_eve,
    .infos_eve {
        display: block;
    }
    a.img_bp a.img_eve {
        height: 215px;
    }
    a.img_eve {
        margin: 20px auto 0;
        width: 161px;
    }
    a.img_bp {
        margin: 30px auto 0;
        width: 181px;
    }
    a.img_bp img {
        max-height: 210px;
        max-width: 140px;
    }
    .infos_bp,
    .infos_eve {
        margin: 30px auto 25px;
        width: 90%;
    }
    .dates_bp,
    .dates_eve {
        margin-bottom: 10px;
    }
    .titre_bp,
    .titre_eve {
        font-size: 3em;
    }
    .texte_bp,
    #bp_prec,
    #bp_suiv,
    .texte_eve,
    #eve_prec,
    #eve_suiv {
        display: none;
    }
    .bons_plans_home {
        margin-top: 75px;
    }
}
@media screen and (min-width: 1600px) {
    #Encart_Essentiel_home li {
        height: 300px;
    }
}
@media screen and (min-width: 900px) and (max-width: 1199px) {
    #Encart_Essentiel_home li {
        width: 32%;
    }
}
@media screen and (min-width: 630px) and (max-width: 899px) {
    #Encart_Essentiel_home li {
        width: 49%;
    }
}
@media screen and (min-width: 500px) and (max-width: 629px) {
    #Encart_Essentiel_home li {
        width: 48%;
    }
}
@media screen and (max-width: 499px) {
    #Encart_Essentiel_home {
        display: none;
    }
}
@media screen and (min-width: 650px) and (max-width: 789px) {
    #Encart_preparez_home ul {
        margin-left: 4%;
    }
    #Encart_preparez_home li {
        margin-right: 4%;
    }
}
@media screen and (max-width: 649px) {
    #Encart_preparez_home li {
        margin-right: 0;
        margin-bottom: 30px;
        width: 32%;
    }
    #Encart_preparez_home li a {
        margin: auto;
        width: 75px;
    }
}
@media screen and (max-width: 599px) {
    #Encart_preparez_home a img {
        display: none;
    }
}
@media screen and (min-width: 570px) and (max-width: 969px) {
    .blocs_marrons li {
        height: 280px;
        margin-bottom: 10px;
        width: 90%;
    }
    .blocs_marrons li a img {
        min-height: 280px;
    }
    .blocs_marrons a p {
        background-position: 50% 155px;
        height: 185px;
        padding-top: 95px;
    }
    .blocs_marrons a:hover p,
    .blocs_marrons a:focus p {
        background-position: 50% 185px;
        padding-top: 75px;
        height: 205px;
    }
}
@media screen and (max-width: 569px) {
    .blocs_marrons li {
        margin-bottom: 10px;
        width: 90%;
    }
    .blocs_marrons li a img {
        min-height: 210px;
    }
}
@media only screen and (max-width: 500px) {
    #cities {
        height: 97%;
        /*display:none;*/
    }
    .markerTip {
        width: 6px;
        height: 6px;
    }
    .markerTip:after {
        width: 10px;
        height: 10px;
        left: -2px;
        top: -2px;
    }
}