.footer__mise_avant {
    background: #f3eacb;
}
.footer__mise_avant img {
    margin: 0 auto;
    display: block;
}
.footer__top{
    background: url("../../../img/fond_footer.jpg") no-repeat 50% 100% #302e2d;
    min-height: 312px;
}
.footer__top h2 {
    font-size: 36px;
    color:#b7b5a9;
    text-align: center;
    margin: 40px 0 60px 0;
    font-weight: bold;
    padding: 0;
    font-family: "ParisineStdClair-Regular", Arial, sans-serif;
}
.footer__top h2 strong{
    font-weight: normal;
    font-family: "ParisineStdSombre-Regular", Arial, sans-serif;
}
#block-lehavretourismecestaussi {
    width: 100%;
}
#block-lehavretourismecestaussi ul{
    clear: both;
}
#block-lehavretourismecestaussi  li {
    display: inline-block;
    width: 32%;
    text-align: center;
    list-style: none;
    font-size: 20px;
    font-weight: bold;
    color: #b7b5a9;
    margin: 0 0 55px 0;
}
#block-lehavretourismecestaussi  li a {
    color: #b7b5a9;
    display: inline-block;
}
#block-lehavretourismecestaussi  li a:hover{
    color: #fff;
}
#block-lehavretourismecestaussi .webTV{
    padding: 80px 0 0 0;
    background: url("../../../img/picto-tv.png") no-repeat 50% 0;
}
#block-lehavretourismecestaussi .webTV:hover{
    background: url("../../../img/picto-tv-hover.png") no-repeat 50% 0;
}
#block-lehavretourismecestaussi .blog:before{
    content:"";
    font-family: FontAwesome, sans-serif;
    display: block;
    font-size: 64px;
    padding-bottom: 25px;
}
#block-lehavretourismecestaussi .toutImages:before{
    content:"";
    font-family: FontAwesome, sans-serif;
    display: block;
    font-size: 60px;
    padding-bottom: 25px;
}
.footer__bottom{
    color:#b7b5a9;
    line-height:24px;
    margin: 0 0 40px 0;
}
.footer__bottom h3{
    color:#b7b5a9;
    line-height:24px;
}
.footer__bottom a:hover{
    color: #fff!important;
}
.footer__bottom .gauche{
    text-align: right;
    border-right: 1px solid #5f5f5e;
}
.footer__bottom  .region-footer-bottom-left{
    padding: 0 30px 0 0 ;
}
.footer__bottom .region-footer-bottom-right{
    padding: 0  0 0 30px;
}
#block-lehavretourisme{
    width: 100%;
}
#block-lehavretourisme h2{
    color:#b7b5a9;
    font-size: 60px;
    text-align: center;
    padding:0;
    margin: 50px 0 ;
    text-transform: uppercase;
    font-weight: normal;
    font-family: "ParisineStdClair-Regular", Arial, sans-serif;
}
#block-lehavretourisme h2 strong{
    font-family: "Parisine Std",Arial,sans-serif;
}
#block-lehavretourisme h2:first-letter{
    color:#c3a58e;
    font-family: "Parisine Std",Arial,sans-serif;
    font-weight: bold;
}
#block-beneficiezdunaccueiltouristiquedequalite h3{
    font-size: 21px;
    font-weight: normal;
    font-style: italic;
    margin: 0 0 30px 0;
    padding: 0;
    font-family: "ParisineStdClair-Regular",Arial,sans-serif;
}
#block-beneficiezdunaccueiltouristiquedequalite h3 strong{
    font-weight: bold;
    font-style: normal;
    font-size: 24px;
    font-family: "Parisine Std",Arial,sans-serif;
}
#block-beneficiezdunaccueiltouristiquedequalite .body  ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 40px 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
#block-beneficiezdunaccueiltouristiquedequalite .body  li{
    list-style: none;
    text-transform: uppercase;
    text-align: center;
    line-height: 14px;
    margin: 0 0 0 30px;
    align-self:center;
}
#block-beneficiezdunaccueiltouristiquedequalite .body  li strong{
    display: block;
    line-height: 28px;
}

#block-beneficiezdunaccueiltouristiquedequalite  .gros{
    font-size: 40px;
    display: block;
    font-weight: bold;
    line-height: 40px;
}
#block-beneficiezdunaccueiltouristiquedequalite .body  li:first-child{
    margin: 10px 0 0 0;
}
#block-beneficiezdunaccueiltouristiquedequalite .body  li:last-child{
    background: url("../../../img/picto-boutique.png") no-repeat 50% 0;
    padding: 40px 0 0 0;
}
#block-coordonnees a {
    color:#c3a58e;
}
#block-coordonnees .body ul{
    list-style: none;
    margin: 20px 0 20px 0;
    text-align: right;
}
#block-coordonnees .body ul li a:before {
    content:"> ";
}
#block-coordonnees .body ul li {
    display: inline-block;
    margin: 0 0 0 30px;
}
#block-coordonnees .body ul li a{
    font-size: 14px;
    color:#b7b5a9;
    font-weight: lighter;
}
#block-partagez h3{
    font-size: 24px;
    padding: 0 0 10px 0;
    font-family: "Parisine Std",Arial,sans-serif;
}

#block-partagez .body ul{
    margin: 10px 0 30px 0;
}
#block-partagez .body ul li{
    list-style: none;
    display: inline-block;
    margin: 0 20px 0 0;
}
#block-partagez .body  a {
    font-family: FontAwesome, sans-serif;
    font-size: 33px;
    color: #b7b5a9;
}
#block-partagez .body  span{
    display: none;
}
#block-partagez .facebook:before{
    content:'';
}
#block-partagez .twitter:before{
    content:'';
}
#block-partagez .youtube:before{
    content:'';
}
#block-partagez .pinterest:before{
    content:'';
}
#block-partagez .tripadvisor:before{
    content:'';
}
#block-partagez .instagram:before{
    content:'';
}
#block-mobilequalite{
    margin:30px 0;
}
#block-mobilequalite li {
    list-style: none;
    float: left;
    margin: 0 45px 0 0;
}
.mobile{
    font-size: 11px;
    color:#2f2e2d;
    background: url("../../../img/picto-mobile.png") no-repeat 50% 0;
    width: 158px;
    height:107px;
    display: block;
    text-transform: uppercase;
    line-height: 11px;
    padding: 80px 15px  0 0;
    text-align: center;
}
.footer__bottom .mobile:hover {
    color: #2f2e2d!important;
    background: url("../../../img/picto-mobile-hover.png") no-repeat 50% 0;
}
.region-footer-bottom-menu{
    margin: 40px 0 0 0;
}
.region-footer-bottom-menu #pied-de-page-premiere-ligne-menu ,
.region-footer-bottom-menu #pied-page-premiere-ligne-nl-menu ,
.region-footer-bottom-menu #pied-page-premiere-ligne-es-menu ,
.region-footer-bottom-menu #pied-page-premiere-ligne-de-menu ,
.region-footer-bottom-menu #pied-de-page-deuxieme-ligne-menu ,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-en-menu ,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-es-menu ,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-nl-menu ,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-de-menu ,
.region-footer-bottom-menu #footer-menu{
    justify-content: center;
    justify-self: center;
    margin: 0 auto;
    max-width: 700px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    max-width: 650px;
}

.region-footer-bottom-menu #pied-page-premiere-ligne-nl-menu a,
.region-footer-bottom-menu #pied-page-premiere-ligne-es-menu a,
.region-footer-bottom-menu #pied-page-premiere-ligne-de-menu a,
.region-footer-bottom-menu #pied-de-page-premiere-ligne-menu a,
.region-footer-bottom-menu #pied-de-page-deuxieme-ligne-menu a,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-en-menu  a,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-es-menu  a,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-nl-menu  a,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-de-menu  a,
.region-footer-bottom-menu #footer-menu a {
    text-transform: uppercase;
    font-size: 11px;
    color: #b7b5a9;
    margin: 0 10px 0 0 ;

}
.region-footer-bottom-menu #pied-page-premiere-ligne-nl-menu a:before,
.region-footer-bottom-menu #pied-page-premiere-ligne-es-menu a:before,
.region-footer-bottom-menu #pied-page-premiere-ligne-de-menu a:before,
.region-footer-bottom-menu #pied-de-page-premiere-ligne-menu a:before,
.region-footer-bottom-menu #pied-de-page-deuxieme-ligne-menu a:before,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-en-menu a:before,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-nl-menu a:before,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-es-menu a:before,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-de-menu a:before,
.region-footer-bottom-menu #footer-menu a:before{
    content: "|";
    padding: 0 15px 0 0;
    vertical-align:bottom;
}

.region-footer-bottom-menu #footer-menu a:nth-child(6):before,
.region-footer-bottom-menu #footer-menu a:first-child:before,
.region-footer-bottom-menu #pied-de-page-premiere-ligne-menu a:first-child:before,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-en-menu a:first-child:before,
.region-footer-bottom-menu #pied-page-premiere-ligne-nl-menu a:first-child:before,
.region-footer-bottom-menu #pied-page-premiere-ligne-es-menu a:first-child:before,
.region-footer-bottom-menu #pied-page-premiere-ligne-de-menu a:first-child:before,
.region-footer-bottom-menu #pied-de-page-deuxieme-ligne-menu a:first-child:before,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-es-menu a:first-child:before,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-nl-menu a:first-child:before,
.region-footer-bottom-menu #pied-page-deuxieme-ligne-de-menu a:first-child:before{
    content: "";
}
.region-footer-bottom-menu #footer-menu a:nth-child(6){
    clear: both;
}
#block-formulairedabonnementmailchimpnewsletternl p,
#block-formulairedabonnementmailchimpnewsletteres p,
#block-formulairedabonnementmailchimpnewsletterde p,
#block-formulairedabonnementmailchimpnewsletteren p,
#block-formulairedabonnementmailchimpnewsletter p{
    font-size: 16px;
    color: #b7b5a9;
    padding: 0;
    margin: 0 0 10px 0;
    font-weight: lighter;
}
#mailchimp-signup-subscribe-block-newsletter-nl-form,
#mailchimp-signup-subscribe-block-newsletter-es-form,
#mailchimp-signup-subscribe-block-newsletter-de-form,
#mailchimp-signup-subscribe-block-newsletter-en-form,
#mailchimp-signup-subscribe-block-newsletter-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}
#mailchimp-signup-subscribe-block-newsletter-nl-form .mailchimp-newsletter-mergefields,
#mailchimp-signup-subscribe-block-newsletter-es-form .mailchimp-newsletter-mergefields,
#mailchimp-signup-subscribe-block-newsletter-de-form .mailchimp-newsletter-mergefields,
#mailchimp-signup-subscribe-block-newsletter-en-form .mailchimp-newsletter-mergefields,
#mailchimp-signup-subscribe-block-newsletter-form  .mailchimp-newsletter-mergefields {
    display: inline-block;
    float: left;
}
#mailchimp-signup-subscribe-block-newsletter-nl-form .mailchimp-newsletter-mergefields::before ,
#mailchimp-signup-subscribe-block-newsletter-es-form .mailchimp-newsletter-mergefields::before ,
#mailchimp-signup-subscribe-block-newsletter-de-form .mailchimp-newsletter-mergefields::before ,
#mailchimp-signup-subscribe-block-newsletter-en-form .mailchimp-newsletter-mergefields::before ,
#mailchimp-signup-subscribe-block-newsletter-form .mailchimp-newsletter-mergefields::before {
    content: "";
    display: block;
}
#mailchimp-signup-subscribe-block-newsletter-nl-form  .form-item-mergevars-email label ,
#mailchimp-signup-subscribe-block-newsletter-es-form  .form-item-mergevars-email label ,
#mailchimp-signup-subscribe-block-newsletter-de-form  .form-item-mergevars-email label ,
#mailchimp-signup-subscribe-block-newsletter-en-form  .form-item-mergevars-email label ,
#mailchimp-signup-subscribe-block-newsletter-form  .form-item-mergevars-email label {
    display: none;
}
#mailchimp-signup-subscribe-block-newsletter-nl-form  .form-email ,
#mailchimp-signup-subscribe-block-newsletter-es-form  .form-email ,
#mailchimp-signup-subscribe-block-newsletter-de-form  .form-email ,
#mailchimp-signup-subscribe-block-newsletter-en-form  .form-email ,
#mailchimp-signup-subscribe-block-newsletter-form  .form-email {
    background-color: #e2e1e1;
    border: 1px solid #e2e1e1;
    color: #313131;
    padding:8px 16px;
    height: 36px;
}
#mailchimp-signup-subscribe-block-newsletter-nl-form  #edit-submit,
#mailchimp-signup-subscribe-block-newsletter-es-form  #edit-submit,
#mailchimp-signup-subscribe-block-newsletter-en-form  #edit-submit,
#mailchimp-signup-subscribe-block-newsletter-de-form  #edit-submit,
#mailchimp-signup-subscribe-block-newsletter-form  #edit-submit,
#mailchimp-signup-subscribe-block-newsletter-en-form  #edit-submit--2,
#mailchimp-signup-subscribe-block-newsletter-es-form  #edit-submit--2,
#mailchimp-signup-subscribe-block-newsletter-nl-form  #edit-submit--2,
#mailchimp-signup-subscribe-block-newsletter-de-form  #edit-submit--2,
#mailchimp-signup-subscribe-block-newsletter-form  #edit-submit--2{
    background:#c3a58e ;
    font-size: 13px;
    color: #171717;
    font-weight: normal;
    height: 36px;
    border-radius:inherit;
}
#mailchimp-signup-subscribe-block-newsletter-en-form  #edit-submit:hover,
#mailchimp-signup-subscribe-block-newsletter-form  #edit-submit:hover,
#mailchimp-signup-subscribe-block-newsletter-en-form  #edit-submit--2:hover,
#mailchimp-signup-subscribe-block-newsletter-form  #edit-submit--2:hover{
    background:#98816f ;
}



@media  (max-width: 767px) {
    #block-lehavretourisme h2{
        font-size:45px;
        text-align: right;
    }
    .footer__bottom .droite{
        text-align: right;
        clear: both;

    }
    .footer__bottom .region-footer-bottom-right {
        padding: 30px 30px 0 0;
    }
    #mailchimp-signup-subscribe-block-newsletter-form {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    #block-mobilequalite{
        float: right;
    }
    #block-partagez .body ul li {
        margin: 0 0 0 20px;
    }
    .footer__bottom .gauche{
        border-right: none;
    }

}

@media (max-width: 479px) {

    .footer__top{
        background: url("../../../img/fond_footer.jpg") no-repeat 50% 100% #302e2d;
    }
    #block-lehavretourismecestaussi li {
        width: 100%;
    }
    #block-lehavretourisme h2{
        font-size: 34px;
    }
    #block-partagez .body ul li {
        margin: 0 0 0 10px;
    }
    #block-mobilequalite li {
        margin: 0;
    }
    #block-beneficiezdunaccueiltouristiquedequalite .body ul{
        display: block;
    }
    #block-beneficiezdunaccueiltouristiquedequalite .body ul li{
        margin: 0 0 30px 0!important;
    }
}
@media (max-width: 320px) {
    #block-lehavretourisme h2{
        font-size: 30px;
    }
}