*:focus {
    border-color: inherit;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline:none;
}
:root{
    --mda-blue:#1D4268;
}
html{background-color:#D1D9E6;}
a{color:var(--mda-blue);}
body{-moz-osx-font-smoothing: grayscale;font-family: 'Montserrat', sans-serif;-webkit-font-smoothing: antialiased;background-color:#D1D9E6;overflow-x:hidden;}
body.backdropa.active{overflow:hidden;}
p{font-family: 'Montserrat', sans-serif;font-weight: 300;}
h1,h2,h3,h4,h5,h6{font-family: 'Montserrat', sans-serif;font-weight: 600;color:var(--mda-blue)}
body.home #header .container{background-position:top left;background-size:cover;background-repeat: no-repeat;overflow:hidden;height:100%}
.headerDivider{display:none;}
body.home .headerDividerArticle{display:none;}
body.home .headerDivider{
    position:absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    opacity: 10;
    display:block;
}
body.home .footerDivider{
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    opacity: 10;
}
.articleHeader{display:none;}
.articleHeaderPremium{display:none;}
.video-background {width: 100%;height: 100%;position: fixed;left: 0;top: -20%;z-index: -1;  }
.home .container{max-width:100%;}
#main{background:#D1D9E6;}
body.section-article #block-logo{display:none;}
#block-logo{position:absolute;top:0;left:2%;}
#block-logo img{width: 17vh;margin-left: 3vw;}

#block-logolistarticles{position:absolute;top:0;left:2%;}
#block-logolistarticles img{width: 17vh;margin-left: 3vw;}

.scrolltop{
    position:fixed;
    bottom: 3%;
    right: 3%;
    z-index: 1000;
    cursor:pointer;
}
.scrolltop i{
    background:var(--mda-blue);
    font-size:1.2em;
    border:1px solid #efefef;
    border-radius:100%;
    width:40px;
    height:40px;
    text-align:center;
    line-height:35px;
    color:#efefef;
}
.scrolltop:hover i{
    background:#efefef;
    color:var(--mda-blue);
    border:1px solid var(--mda-blue);
    animation:flipInY 0.9s ease-in-out both;
}


.socialFloat{position: fixed;bottom:15%;right:3%;z-index:1000}
.socialFloat ul{margin-left:1em;}
.socialFloat li{list-style: none;margin-bottom:10px;}
.socialFloat li i{background:#F0EFEF;font-size:1.2em;border:2px solid var(--mda-blue);border-radius:100%;width:40px;height:40px;text-align:center;line-height:40px;color:var(--mda-blue);}
.socialFloat li:hover i{background:var(--mda-blue);animation:flipInY 0.9s ease-in-out both;color:#F0EFEF;border:2px solid #F0EFEF;}
.socialFloat li i.fa-facebook{font-size:1.5em;}
.socialFloat li{cursor: pointer;}
.socialFloat li a{color:#F0EFEF;}
#block-featuretitle{overflow:hidden;}
.featuresList{
    background: #F0EFEF;
    height: 50px;
    display: table;
    width: auto;
    margin: 20px auto;
    border-radius: 50px;
}
.featuresList ul{text-align:center;padding: 0 95px;}
.featuresList li{color:var(--mda-blue);display:inline-block;font-size:1.4em;line-height:26px;font-weight:400;position: relative;top: -5px;}
.featuresList li:after{
    content:".";
    margin:0 10px;
    font-size:3em;
    position:relative;
    top:-5px;
}
.featuresList li:last-child:after{
    display:none;
}
.featuresList li span{margin:0 5px;position:relative;bottom:5px;}
#block-formulairedecontactglobaldusite{clear:both;margin-top:40px;}
#block-formulairedecontactglobaldusite form{max-width:655px;margin:0 auto;}
#block-formulairedecontactglobaldusite form #edit-preview{display:none;}
.menuWrapper{width:58vh;position: absolute;margin-top:7vh;left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);display:table;z-index:11;}
.menuItem{display:inline-block;;width:49%;vertical-align:top;padding:1%;position:relative;transition: all 0.8s ease;cursor:pointer;}
.menuItem.equipe{width:100%;padding-top:0;}
.menuItem.cabinet{margin-top:-3px;}
.menuContentWrapper .menuItem:hover {
    filter:grayscale(0.8) brightness(0.6);
}
.view-headeractu:hover {
   opacity: 0.7;
}
.view-headeractu{
    background:#D1D9E6;
    border-radius:20px;
    padding:10px 20px 20px 20px;
    position: relative;
    transition: all 0.8s ease;
    overflow: hidden;
}
.view-headeractu .views-field-title{
    font-size:0.95em;
    line-height:1.2em;
    margin-top:10px;
    font-weight: 600;
}
.view-headeractu .views-field-title a{
    font-weight: 600;
}
.view-headeractu .views-field-nothing{font-size:0.85em;font-weight:400;margin-top:10px;text-align: justify;}
.view-headeractu header{margin-bottom:20px;}
.view-headeractu .headerTile{font-size:1.1em;font-weight:600;color:var(--mda-blue);text-transform:uppercase;position: relative;z-index:2;background:#D1D9E6;padding-right:10px;display: inline;}
.view-headeractu header:after{
    content:"";
    display:block;
    border-bottom:4px solid var(--mda-blue);
    margin-top:-10px;
    z-index: 1;
}
.actuWrapper{
    display: inline-block;
    width:28%;
    display:table-cell;
    vertical-align: top;
    padding-right:15px;
}
.menuContentWrapper{
    display: inline-block;
    width:59%;
    display:table-cell;
    vertical-align: top;
}
.headerContentFooter{
    border:1px solid var(--mda-blue);
    border-radius:10px;
    padding:10px;
    text-align: center;
    position: absolute;
    bottom: 20px;
    width: 83%;
    margin: 0 auto;
    background:#D1D9E6;
}
.headerContentFooter .mention{
    font-size:0.9em;
    line-height:1.2em;
}
.headerContentFooter .social-logo i{
    background:var(--mda-blue);
    color:#F0EFEF;
    margin:10px 5px 0 5px;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius: 100%;
}

.languageWrapper{
    position:fixed;
    top:25px;
    right:2%;
    z-index:11;
    display: none;
}

.languageWrapper .lang{
    display:inline-block;
    width:35px;
    margin-right:10px;
}

.view-specialists{
    padding:50px 0 150px 0;
}
.view-specialists header{
    float:right;
    width:600px;
    margin-bottom:150px;
}
.view-specialists .HeaderTitle h2{
    font-size:1.8em;
    font-weight:600;
    color:var(--mda-blue);
    position: relative;
    z-index:2;
    background:#D1D9E6;
    padding-right:20px;
    display: inline;
}
.view-specialists header:after{
    content:"";
    display:block;
    border-bottom:5px solid var(--mda-blue);
    margin-top:-10px;
    z-index: 1;
}

.view-specialists .views-content{
    clear:both;
    width:70%;
    margin:0 auto;
}

.view-specialists .slick-list{
    /*background-image: url('/themes/mda/images/back_slide.svg');*/
    /*background-repeat: no-repeat;*/
    /*background-size:100%;*/
    /*background-position: center center;*/
    /*padding: 7% 0;*/
     padding-top: 7% !important;
}

.view-specialists .slick-slide{
    opacity:1;
}
.view-specialists .slick-current{
    opacity:1;
}
.view-specialists .views-row{
    text-align:center;
}
.view-specialists .views-field-field-image {
   text-align: center;
}
.view-specialists .views-field-field-image img{
     width:70%;
     margin:0 auto;
 }

/*.view-specialists .views-row:first-child .views-field-field-image{*/
    /*margin-top:-20%;*/
/*}*/

/*.view-specialists .views-row:first-child .views-field-field-image img{*/
    /*width:90%;*/
/*}*/

.view-specialists .slick-current .views-field-field-image{
    margin-top:-20%;
}

.view-specialists .slick-current .views-field-field-image img{
    width:90%;
}

.slick-dots li button:before {font-size: 16px;color:#D1D9E6;text-shadow: -1px 0 var(--mda-blue), 0 1px var(--mda-blue), 1px 0 var(--mda-blue), 0 -1px var(--mda-blue);opacity: 1}
.slick-dots li.slick-active button:before {color: var(--mda-blue);opacity:1}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {outline: none;color: var(--mda-blue);opacity:1;}
.slick-dots li button:hover, .slick-dots li button:focus{background-color:transparent;}
.slick-dots{bottom:-65px;}

/*.view-specialists .slick-current .views-field-field-image img{*/
    /*width:120%;*/
    /*margin:0 auto;*/
    /*max-width: unset;*/
/*}*/

.view-specialists .views-field-title{
    color:var(--mda-blue);
    font-size:1.1em;
    font-weight:600;
    margin-top:10px;
}
.view-specialists .views-field-field-specialite{
    color:var(--mda-blue);
    font-size:0.9em;
    font-weight:300;
    width:70%;
    margin:0 auto;
}
.slick-prev{left:-55px;}
.slick-prev::before, .slick-next::before {font-size:0;}
.slick-prev, .slick-next{width:40px;height: auto;z-index:1000;}

#block-carte{padding:100px 0 50px 0;}

#block-carte header{
    float:left;
    width:600px;
}

#block-carte .HeaderTitle h2{
    font-size:1.8em;
    font-weight:600;
    color:var(--mda-blue);
    padding-right:20px;
    display: inline;
}

#block-carte .HeaderTitle span{
    display:inline-block;
    width:150px;
    height:5px;
    background:var(--mda-blue);
    margin-right:30px;
}

.carteWrapper{
    display:table;
    width:100%;
    clear:both;
}
.carteInner{
    display:table-cell;
    width:35%;
    vertical-align: top;
}
#block-carte .agence{
    fill:#d1d9e6;
    stroke: #1d4268;
    transition: all 0.8s ease;
}
#block-carte .st10{
    cursor:pointer;
}
#block-carte .agence.active{
    fill:var(--mda-blue);
}
#block-carte .agence{
    cursor:pointer;
}
.infos {
    display: table-cell;
    width: 65%;
    padding-left: 180px;
    vertical-align: top;
}
#block-carte .infos .ag-logo{
    width:15vw;
    margin-top:50px;
    margin-bottom:20px;
}
#block-carte .infos .ag-info{
    color:var(--mda-blue);
    border:1px solid var(--mda-blue);
    border-radius:100px;
    clear:both;
    float:left;
    padding:5px 10px;
    margin:5px 0;
    font-size:0.9em;
}

#block-carte .infos .ag-info img{
    width:22px;
    margin-right:10px;
}
#block-carte  .ag{display:none;opacity:0;}
#block-carte  .ag.active{display:block;opacity:1}

#block-outil{padding:0 0 100px 0;overflow:hidden;}

#block-outil header{
    float:right;
    width:600px;
    text-align: right;
}

#block-outil .HeaderTitle h2{
    font-size:1.8em;
    font-weight:600;
    color:var(--mda-blue);
    padding-right:20px;
    display: inline;
}

#block-outil .HeaderTitle span{
    display:inline-block;
    width:150px;
    height:5px;
    background:var(--mda-blue);
    margin-left:30px;
}

.outilWrapper{
    clear:both;
    padding-top:100px;
    width:80%;
    margin:0 auto;
}
.outilWrapper .outilInfos{
    color:var(--mda-blue);
    font-size:1.4em;
}
.outilWrapper .outilInfos1{
    color:var(--mda-blue);
    margin-bottom:50px;
}
.outilWrapper .outilInfos2{
    color:var(--mda-blue);
    font-size:1em;
    float:left;
    width:50%;
}
.outilWrapper .outilInfos2 li{
    list-style: disc;
    margin-bottom:20px;
    margin-left: 20px;
}
.outilWrapper .platform{
    color:var(--mda-blue);
    font-size:1em;
    float:left;
    width:50%;
}

#block-fiches{
    padding:270px 0 150px 0;
    clear:both;
    overflow:hidden;
    background:var(--mda-blue);
    position:relative;
    /*background-image: url('/themes/mda/images/fond-articles-mobile.jpg');*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
}

#block-fiches header{
    float:left;
    width:600px;
    text-align: left;
}

#block-fiches .HeaderTitle h2{
    font-size:1.8em;
    font-weight:600;
    color:#F0EFEF;
    display: inline;
}

#block-fiches .HeaderTitle span{
    display:inline-block;
    width:150px;
    height:5px;
    background:#F0EFEF;
    margin-right:30px;
}

#block-fiches .block-content{
    width:80%;
    margin:0 auto;
    display:table;
}

#block-fiches .block-content .blockFichesWrapper .fichesWrapper{
    width:60%;
    display:table-cell;
    vertical-align: top;
    height:600px;
    border-top:1px solid #F0EFEF;
    border-bottom:1px solid #F0EFEF;
    border-radius:10px;
    padding:30px;
}

#block-fiches .block-content .blockFichesWrapper .fichesWrapper .views-element-container{
    height:600px;
    overflow-y:scroll;
}

.views-block-fiches .views-content{
    width:100%;
}
.views-block-fiches .views-row .views-field-field-image .field-content img{
    width:100%;
}

.views-block-fiches .views-content:after {
    content: '';
    display: block;
    clear: both;
}

#block-fiches .block-content .blockFichesWrapper{
    margin-top:50px;
}
#block-fiches .block-content .blockFichesWrapper .fichesWrapper .views-row{
    background:#F0EFEF;
    float:left;
    margin:2%;
    border-radius:10px;
    padding: 10px;
}

.grid-width,
#block-fiches .block-content .blockFichesWrapper .fichesWrapper .views-row {
    width:29%;
}

#block-fiches .block-content .blockFichesWrapper .searchWrapper{
    width:50%;
    display:table-cell;
    vertical-align: top;
}

.views-block-fiches .views-field-field-tags{
    background:var(--mda-blue);
    color:#F0EFEF;
    text-align:center;
    margin:10px 0;
    font-size:0.8em;
    font-weight:600;
    padding:3px;
    border-radius:5px;
}
.views-block-fiches .views-field-field-tags a{color:#F0EFEF;}
.views-block-fiches .views-field-field-tags{
    background:var(--mda-blue);
    color:#F0EFEF;
    text-align:center;
    margin:10px 0;
    font-size:0.8em;
    font-weight:600;
    padding:3px;
    border-radius:5px;
}
.views-block-fiches .views-row .views-field-title{
    font-size:0.8em;
    color:var(--mda-blue);
    margin-bottom:10px;
    line-height:1.1em;
}
.views-block-fiches .views-row .views-field-title a{
    font-weight:600;
}
.views-block-fiches .views-row .views-field-body{
    font-size:0.7em;
    color:var(--mda-blue);
    text-align: justify;
}
.views-block-fiches .views-row .views-field-body a{color:var(--mda-blue);}
.views-block-fiches .views-row:nth-child(even) .views-field-body{
    display:none
}

#block-footer{
    background:#a4b3c8;
    border-top:10px solid #8296af;
    overflow:hidden;
    height:80px;
    line-height:80px;
    position:relative;
    color:var(--mda-blue);
}
#block-footer .mentions-legales{
    text-align:center;
    line-height:80px;
    position:relative;
    z-index:10;
}

#block-footer .mentions-legales ul{
    position:relative;
    top:-12px;
}
#block-footer .mentions-legales li{
    display:inline-block;
    list-style: disc;
    color:var(--mda-blue);
}
#block-footer .copyrights{
    position:absolute;
    right:5%;
    top: -4px;
}
#block-footer .mentions-legales li a{
    color:var(--mda-blue);
}
#block-footer .mentions-legales li:last-child:before{
    content:".";
    font-size:3em;
    display:inline-block;
    position:relative;
    top:-3px;
    margin:0 5px;
}

.socialFiches{
    color:#F0EFEF;
    font-size:2em;
    text-align: right;
    margin-top:100px;
    line-height:1.1em;
    clear: both;
}
.socialFiches i{
    color:var(--mda-blue);
    background:#F0EFEF;
    border-radius: 100px;
    width:55px;
    height:55px;
    text-align: center;
    line-height:55px;
    margin-top:40px;
    margin-left:15px;
}

.socialFiches > div{
    width:380px;
    float: right;
}

.searchForm form label{display:none;}
.searchForm form .form-submit{display:none;}
.searchForm form .js-form-type-textfield{width:80%;float:right;position:relative;}
.searchForm form input{border-radius:50px;padding: 0.5em 20px;color:var(--mda-blue);}
.searchForm form input::placeholder{color:var(--mda-blue);}
.searchicon{
    position:absolute;
    right:15px;
    top:0;
    font-size:1.5em;
    color:var(--mda-blue);
    background:#FFF;
    padding-left:10px
}

#contact-message-contact-acorex-form,#contact-message-contact-mae-form{display:none;}

#block-blockcontact{
    display:none;
    position:absolute;
    z-index:10001;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:1000px;
}
#block-blockcontact .modal-content{
    border: 1px solid #F0EFEF;
    border-radius: 10px;
    background-image: url('/themes/mda/images/back.jpeg');
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    height:auto;
}
#block-blockcontact .infosWrapper:before{
    width:50px;
    height:50px;
    content:"";
    display:block;
    background:var(--mda-blue);
    position:absolute;
    top:-16px;
    left:7px;
    transform: rotate(-25deg);
    z-index:-1;
}
#block-blockcontact .infosWrapper:after{
    width:50px;
    height:50px;
    content:"";
    display:block;
    background:var(--mda-blue);
    position:absolute;
    bottom:-16px;
    left:7px;
    transform: rotate(30deg);
    z-index:-1;
}
#block-blockcontact #modalClose{
    font-size:1.8em;
    color:#F0EFEF;
    text-align: right;
    margin-right:10px;
    cursor:pointer;
}

#block-blockcontact .formTitle{
    text-align: center;
    color:#F0EFEF;
    font-weight:600;
    font-size:1.8em;
    margin-top:-10px;
    margin-bottom:10px;
}

#block-blockcontact .formWrapper{
    width:60%;
    float:right;
    padding:0 10%;
}

#block-blockcontact .formulaire_de_contact_bloc__formulaire label{
    display:none;
}
#block-blockcontact .formulaire_de_contact_bloc__formulaire input:first-of-type{
    margin-top:10px;
}
#block-blockcontact .formulaire_de_contact_bloc__formulaire input{
    background:transparent;
    border:none;
    outline: none;
    box-shadow: none !important;
}
#block-blockcontact .formulaire_de_contact_bloc__formulaire .form-item{
    margin-top:20px;
    border-bottom:1px solid #f2f2f2;
    color:#F0EFEF;
}


#block-blockcontact .formulaire_de_contact_bloc__formulaire input::placeholder{
    color:#F0EFEF;
}
#block-blockcontact .formulaire_de_contact_bloc__formulaire textarea::placeholder{
    color:#F0EFEF;
}
#block-blockcontact .formulaire_de_contact_bloc__formulaire textarea{
    margin-top:20px;
    background:transparent;
    border:none;
    outline: none;
    box-shadow: none !important;
    color:#F0EFEF;
    margin-bottom:80px;
}
#block-blockcontact .formHeader{
    color:#F0EFEF;
    font-size:1.6em;
    font-weight:600;
}

#block-blockcontact .logoForm{
    width:70%;
    margin:30px auto 40px auto;
}
#block-blockcontact .logoForm .logo {
    display: inline-block;
    width: 20%;
    margin: 2%;
    border: 1px solid #F0EFEF;
    border-radius: 9px;
    padding: 0 10px;
    transition: all 0.8s ease;
    cursor: pointer;
}
#block-blockcontact .logoForm .ville{
    text-align:center;
    color:#F0EFEF;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:10px;
    font-size:0.8em;
}
#block-blockcontact .logoForm .logo .cls-1{
    fill:#F0EFEF !important;
}
#block-blockcontact .logoForm .logo.active{
    background:#F0EFEF;
}
#block-blockcontact .logoForm .logo.active .ville{
    color:var(--mda-blue);
}
#block-blockcontact .logoForm .logo.active .cls-1{
    fill:var(--mda-blue) !important;
}
#block-blockcontact .logoForm .logo:hover{
    background:#F0EFEF;
}
#block-blockcontact .logoForm .logo:hover .ville{
    color:var(--mda-blue);
}
#block-blockcontact .logoForm .logo:hover .cls-1{
    fill:var(--mda-blue) !important;
}
#block-blockcontact .logoForm .logo svg{
    position:relative;
    top:-2px;
}
#block-blockcontact .submit-button{
    font-family: FontAwesome;
    color: #F0EFEF !important;
    display: inline;
    font-size: 26px;
    border: 1px solid #F0EFEF !important;
    border-radius: 100px;
    width: 50px;
    height: 50px;
    padding: 0;
    text-align: left;
    line-height: 50px;
    padding-left: 8px;
    transition: all 0.8s ease;
}
#block-blockcontact .submit-button:hover{
   background:#F0EFEF;
    color:var(--mda-blue) !important;
}
#block-blockcontact .form-actions{
    text-align: center;
    margin-bottom: 20px;
}
#block-blockcontact .infosWrapper{
    float:left;
    width:40%;
    background:#F0EFEF;
    position:relative;
    left: -50px;
    padding-left: 39px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
#block-blockcontact .infosWrapper::after {
     width: 50px;
     height: 50px;
     content: "";
     display: block;
     background: var(--mda-blue);
     position: absolute;
     bottom: -16px;
     left: 7px;
     transform: rotate(30deg);
     z-index: -1;
 }
#block-blockcontact .infosContactForm{
    position: relative;
    z-index: 2;
    background: #F0EFEF;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display:none;
}
#block-blockcontact .shadow{
    display:block;
    width:95%;
    height:100%;
    background:var(--mda-blue);
    position:absolute;
    top:6.5%;
    right:-5%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index:0;
}
#block-blockcontact .infosWrapper .infosLogo{
    width:180px;
    margin-bottom:30px;
}
#block-blockcontact .infosWrapper .ag-info {
    margin: 10px 0;
    font-size:0.8em;
    padding-right:20px;
    display:table;
    width:100%;
}
#block-blockcontact .infosWrapper .ag-info img{
    padding-right:10px;
    display:table-cell;
    vertical-align: top;
    width: 28px;
}
#block-blockcontact .infosWrapper .ag-info span{
    display:table-cell;
    vertical-align: top;
    width:88%;
}
#block-blockcontact .footerinfos i{
    background:var(--mda-blue);
    color:#F0EFEF;
    font-size:1.2em;
    width:30px;
    height:30px;
    text-align: center;
    border-radius: 100px;
    line-height: 30px;
    margin-bottom:20px;
    margin-right:5px;
}

#block-blockcontact .infosContactForm.active{
    display:block;
}

#backdrop{display:none;background:rgba(255,255,255,0.65);width:100%;height:100%;position:absolute;top:0;left:0;z-index:10000;}

#block-modallinkedin{
    display:none;
    position:absolute;
    z-index:10001;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:1000px;
}
#block-modallinkedin .modal-content{
    border: 1px solid #F0EFEF;
    border-radius: 10px;
    background-image: url('/themes/mda/images/backlinkedin.svg');
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    height:auto;
    padding-bottom:80px;
}

#block-modallinkedin #modalClose{
    font-size:1.8em;
    color:#F0EFEF;
    text-align: right;
    margin-right:10px;
    cursor:pointer;
}

#block-modallinkedin .linkedin-logo{
    text-align:center;
    margin:20px auto 60px auto
}

#block-modallinkedin .formTitle{
    text-align: center;
    color:#F0EFEF;
    font-weight:400;
    font-size:1.5em;
    margin-bottom:10px;
}

#block-modallinkedin .logoForm{
    width:90%;
    margin:30px auto 40px auto;
}
#block-modallinkedin .logoForm .linkWrapper {
    display: inline-block;
    width: 20%;
    cursor: pointer;
    margin: 2%;
}
#block-modallinkedin .logoForm .logo {
    border: 1px solid #F0EFEF;
    border-radius: 9px;
    padding: 0 10px;
    transition: all 0.8s ease;
    cursor: pointer;
}
#block-modallinkedin .logoForm .ville{
    text-align:center;
    color:#F0EFEF;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:10px;
    font-size:0.8em;
}
#block-modallinkedin .logoForm .logo .cls-1{
    fill:#F0EFEF !important;
}
#block-modallinkedin .logoForm .logo.active{
    background:#F0EFEF;
}
#block-modallinkedin .logoForm .logo.active .ville{
    color:var(--mda-blue);
}
#block-modallinkedin .logoForm .logo.active .cls-1{
    fill:var(--mda-blue) !important;
}
#block-modallinkedin .logoForm .linkWrapper:hover .logo{
    background:#F0EFEF;
}
#block-modallinkedin .logoForm .linkWrapper:hover .logo .ville{
    color:var(--mda-blue);
}
#block-modallinkedin .logoForm .linkWrapper:hover .logo .cls-1{
    fill:var(--mda-blue) !important;
}
#block-modallinkedin .logoForm .logo svg{
    position:relative;
    top:-2px;
}

#block-modallinkedin .logoForm .linkWrapper .abonne{
    border:1px solid #F0EFEF;
    border-radius:10px;
    text-align: center;
    margin-top:20px;
    padding:5px 10px;
    color:#F0EFEF;
    transition: all 0.8s ease;
}

#block-modallinkedin .logoForm .linkWrapper:hover .abonne{
    color:var(--mda-blue);
    background:#F0EFEF;
}

#block-modalfacebook{
    display:none;
    position:absolute;
    z-index:10001;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width:1000px;
}
#block-modalfacebook .modal-content{
    border: 1px solid #F0EFEF;
    border-radius: 10px;
    background-image: url('/themes/mda/images/photo-facebook.jpg');
    background-position: top left;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10px;
    height:auto;
    padding-bottom:80px;
}

#block-modalfacebook #modalClose{
    font-size:1.8em;
    color:#F0EFEF;
    text-align: right;
    margin-right:10px;
    cursor:pointer;
}

#block-modalfacebook .linkedin-logo{
    text-align:center;
    margin:20px auto 60px auto
}

#block-modalfacebook .formTitle{
    text-align: center;
    color:#F0EFEF;
    font-weight:400;
    font-size:1.5em;
    margin-bottom:10px;
}

#block-modalfacebook .logoForm{
    width:90%;
    margin:30px auto 40px auto;
}
#block-modalfacebook .logoForm .linkWrapper {
    display: inline-block;
    width: 20%;
    cursor: pointer;
    margin: 2%;
}
#block-modalfacebook .logoForm .logo {
    border: 1px solid #F0EFEF;
    border-radius: 9px;
    padding: 0 10px;
    transition: all 0.8s ease;
    cursor: pointer;
}
#block-modalfacebook .logoForm .ville{
    text-align:center;
    color:#F0EFEF;
    font-weight:600;
    text-transform:uppercase;
    margin-bottom:10px;
    font-size:0.8em;
}
#block-modalfacebook .logoForm .logo .cls-1{
    fill:#F0EFEF !important;
}
#block-modalfacebook .logoForm .logo.active{
    background:#F0EFEF;
}
#block-modalfacebook .logoForm .logo.active .ville{
    color:var(--mda-blue);
}
#block-modalfacebook .logoForm .logo.active .cls-1{
    fill:var(--mda-blue) !important;
}
#block-modalfacebook .logoForm .linkWrapper:hover .logo{
    background:#F0EFEF;
}
#block-modalfacebook .logoForm .linkWrapper:hover .logo .ville{
    color:var(--mda-blue);
}
#block-modalfacebook .logoForm .linkWrapper:hover .logo .cls-1{
    fill:var(--mda-blue) !important;
}
#block-modalfacebook .logoForm .logo svg{
    position:relative;
    top:-2px;
}

#block-modalfacebook .logoForm .linkWrapper .abonne{
    border:1px solid #F0EFEF;
    border-radius:10px;
    text-align: center;
    margin-top:20px;
    padding:5px 10px;
    color:#F0EFEF;
    transition: all 0.8s ease;
}

#block-modalfacebook .logoForm .linkWrapper:hover .abonne{
    color:var(--mda-blue);
    background:#F0EFEF;
}

.socialButtons i:hover {
    animation: heartbeat 1.5s ease-in-out both;
    -webkit-animation: heartbeat 1.5s ease-in-out both;
    cursor:pointer;
}

.headerContentFooter .social-logo i:hover{
    animation: heartbeat 1.5s ease-in-out both;
    -webkit-animation: heartbeat 1.5s ease-in-out both;
    cursor:pointer;
}

.languageWrapper .lang:hover img{
    animation: heartbeat 1.5s ease-in-out both;
    -webkit-animation: heartbeat 1.5s ease-in-out both;
    cursor:pointer;
}

.languageWrapper .lang.account{
    color:var(--mda-blue);
    position: relative;
    top: 4px;
}
.languageWrapper .lang.account i{
    margin-right:10px;
    width:35px;
    height:35px;
    line-height:35px;
    background:#F0EFEF;
    border-radius:100px;
    text-align: center;
    position: relative;
    top:3px;
    display:inline-block;
}
.languageWrapper .lang.account span{
    display:inline-block;
    width:0;
    transition: all 0.8s ease;
    opacity:0;
}
.languageWrapper .lang.account:hover{
    width:150px;
    padding:0 10px;
    background:#F0EFEF;
    border-radius:100px;
    top: 6px;
    position: relative;
}
.languageWrapper .lang.account:hover i{
    background:transparent;
    border-radius:0;
    top: 0;
    margin-right: 0;
}
.languageWrapper .lang.account:hover span{
    width:auto;
    opacity:1;
}

#header, #footer, .mission, .breadcrumb, .node{background:transparent;}
body.home .footerDividerArticle{display:none;}
body.home .homeButton{display:none;}
#views-exposed-form-recherche-page-1 label{display:none;}
#views-exposed-form-recherche-page-1 .form-submit{display:none;}
#views-exposed-form-recherche-page-1 .js-form-type-textfield{width:80%;float:right;position:relative;}
body.section-article #views-exposed-form-recherche-page-1 .js-form-type-textfield{width:96%;}
body.section-mentions #views-exposed-form-recherche-page-1 .js-form-type-textfield{width:96%;}

#views-exposed-form-recherche-page-1 input{border-radius:50px;padding: 0.5em 20px;color:var(--mda-blue);}
#views-exposed-form-recherche-page-1 input::placeholder{color:var(--mda-blue);}
.searchicon{
    position:absolute;
    right:15px;
    top:0;
    font-size:1.5em;
    color:var(--mda-blue);
    background:#FFF;
    padding-left:10px
}
.homeButton{
    display:inline-block;
    color:var(--mda-blue);
    background:#D1D9E6;
    width:38px;
    height:38px;
    border-radius:100px;
    text-align:center;
    line-height:38px;
    font-size:1.5em;
}
.footerDividerArticle{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
}

body.section-article #block-formulaireexposerecherchepage-1{
    position:absolute;
    top:25px;
    right:2%;
    width:400px;
    text-align: right;
    vertical-align: top;
}
body.section-article #views-exposed-form-recherche-page-1{display:inline-block;vertical-align: top;}
body.section-article #footer{position: relative;}
body.section-article #block-footer{
    background: transparent;
    border:0;
    color:#F0EFEF;
}
body.section-article #footer .container{
    width: 100%;
    max-width: 100%;
}
body.section-article #block-footer .mentions-legales li a{color:#F0EFEF;}

body.section-article #block-footer .copyrights {
    position: absolute;
    left: 5%;
    top: 0;
}
body.section-article article{
    width:1000px;
    margin:0 auto;
}
body.section-article article h1{
    text-align: center;
    font-size:2em;
    margin-bottom:40px;
}
body.section-article article .article__image{
    margin-bottom:40px;
}
body.section-article article .article__body{
    color:var(--mda-blue);
    font-weight: 400;
    margin-bottom:50px;
    text-align: justify;
}
body.section-article article .article__body p{
    font-weight: 400;
}


body.section-article header#header{
    position:fixed;
    top:0;
    left:0;
    background:#D1D9E6;
    width: 100%;
    z-index: 1000;
}
body.section-article .articleHeader{
    border-bottom:2px solid var(--mda-blue);
    padding-bottom:30px;
    display:block;
    width:1000px;
    margin:0 auto;
}
body.section-article .articleHeader .allArticles{
    background:var(--mda-blue);
    border-radius: 50px;
    color:#F0EFEF;
    padding:5px 10px;
    text-align: center;
    width:280px;
    margin:0 auto;
    font-size:1.2em;
    transition: all 0.8s ease;
    border:1px solid var(--mda-blue);
}
body.section-article .articleHeader .allArticles:hover{
    border:1px solid var(--mda-blue);
    width:350px;
}
body.section-article .articleHeader .allArticles:hover a{
    color:var(--mda-blue);
}
body.section-article .articleHeader .allArticles a{
    color:#F0EFEF;
}

#block-socialarticle {
    position: fixed;
    top: 30%;
    left: 2%;
    z-index: 1000;
}
#block-socialarticle .facebook{
    font-size:2em;
    margin-bottom:20px;
    cursor: pointer;
}
#block-socialarticle .linkedin{
    font-size:2em;
    margin-bottom:20px;cursor: pointer;

}
#block-socialarticle .print{
    font-size:2em;
    cursor: pointer;
}

body.section-article #block-formulaireexposerecherchepage-1{
    position:absolute;
    top:25px;
    right:2%;
    width:400px;
    text-align: right;
    vertical-align: top;
}
body.section-article #views-exposed-form-recherche-page-1{display:inline-block;vertical-align: top;}
body.section-article #footer{position: relative;}
body.section-article #block-footer{
    background: transparent;
    border:0;
    color:#F0EFEF;
}
body.section-article #footer .container{
    width: 100%;
    max-width: 100%;
}
body.section-article #block-footer .mentions-legales li a{color:#F0EFEF;}

body.section-article #block-footer .copyrights {
    position: absolute;
    left: 5%;
    top: 0;
}
body.section-article article{
    width:1000px;
    margin:0 auto;
}
body.section-article article h1{
    text-align: center;
    font-size:2em;
    margin-bottom:40px;
}
body.section-article article .article__image{
    margin-bottom:40px;
}
body.section-article article .article__body{
    color:var(--mda-blue);
    font-weight: 400;
    margin-bottom:50px;
    text-align: justify;
}
body.section-article article .article__body p{
    font-weight: 400;
}


body.section-article header#header{
    position:fixed;
    top:0;
    left:0;
    background:#D1D9E6;
    width: 100%;
    z-index: 1000;
}
body.section-article .articleHeader{
    border-bottom:2px solid var(--mda-blue);
    padding-bottom:30px;
    display:block;
    width:1000px;
    margin:0 auto;
}
body.section-article .articleHeader .allArticles{
    background:var(--mda-blue);
    border-radius: 50px;
    color:#F0EFEF;
    padding:5px 10px;
    text-align: center;
    width:280px;
    margin:0 auto;
    font-size:1.2em;
    transition: all 0.8s ease;
    border:1px solid var(--mda-blue);
}
body.section-article .articleHeader .allArticles:hover{
    border:1px solid var(--mda-blue);
    width:350px;
}
body.section-article .articleHeader .allArticles:hover a{
    color:var(--mda-blue);
}
body.section-article .articleHeader .allArticles a{
    color:#F0EFEF;
}

body.section-mentions #block-formulaireexposerecherchepage-1{
    position:absolute;
    top:25px;
    right:2%;
    width:400px;
    text-align: right;
    vertical-align: top;
}
body.section-mentions #views-exposed-form-recherche-page-1{display:inline-block;vertical-align: top;}
body.section-mentions #footer{position: relative;}
body.section-mentions #block-footer{
    background: transparent;
    border:0;
    color:#F0EFEF;
}
body.section-mentions #footer .container{
    width: 100%;
    max-width: 100%;
}
body.section-mentions #block-footer .mentions-legales li a{color:#F0EFEF;}

body.section-mentions #block-footer .copyrights {
    position: absolute;
    left: 5%;
    top: 0;
}
body.section-mentions article{
    width:1000px;
    margin:0 auto;
}
body.section-mentions article h1{
    text-align: center;
    font-size:2em;
    margin-bottom:40px;
}
body.section-mentions article .article__image{
    margin-bottom:40px;
}
body.section-mentions article .article__body{
    color:var(--mda-blue);
    font-weight: 400;
    margin-bottom:50px;
    text-align: justify;
}
body.section-mentions article .article__body p{
    font-weight: 400;
}


body.section-mentions header#header{
    position:fixed;
    top:0;
    left:0;
    background:#D1D9E6;
    width: 100%;
    z-index: 1000;
}
body.section-mentions .articleHeader{
    border-bottom:2px solid var(--mda-blue);
    padding-bottom:30px;
    display:block;
    width:1000px;
    margin:0 auto;
}
body.section-mentions .articleHeader .allArticles{
    background:var(--mda-blue);
    border-radius: 50px;
    color:#F0EFEF;
    padding:5px 10px;
    text-align: center;
    width:280px;
    margin:0 auto;
    font-size:1.2em;
    transition: all 0.8s ease;
    border:1px solid var(--mda-blue);
}
body.section-mentions .articleHeader .allArticles:hover{
    border:1px solid var(--mda-blue);
    width:350px;
}
body.section-mentions .articleHeader .allArticles:hover a{
    color:var(--mda-blue);
}
body.section-mentions .articleHeader .allArticles a{
    color:#F0EFEF;
}

body.section-article-client header#header{
    position:fixed;
    top:0;
    left:0;
    background:#D1D9E6;
    width: 100%;
}
body.section-article-client .articleHeaderPremium{
    border-bottom:2px solid var(--mda-blue);
    padding-bottom:30px;
    display:block;
    width:1000px;
    margin:0 auto;
}
body.section-article-client .articleHeaderPremium .allArticles{
    background:var(--mda-blue);
    border-radius: 50px;
    color:#F0EFEF;
    padding:5px 10px;
    text-align: center;
    width:280px;
    margin:0 auto;
    font-size:1.2em;
    transition: all 0.8s ease;
    border:1px solid var(--mda-blue);
}
body.section-article-client .articleHeaderPremium .allArticles:hover{
    background:#F0EFEF;
    color:var(--mda-blue);
    border:1px solid var(--mda-blue);
}
body.section-article-clientarticle .articleHeaderPremium .allArticles:hover a{
    color:var(--mda-blue);
}
body.section-article-client .articleHeaderPremium .allArticles a{
    color:#F0EFEF;
}


body.section-article-client #views-exposed-form-recherche-page-1 .js-form-type-textfield{width:96%;}
body.section-article-client #block-logo{display:none;}
body.section-article-client #block-formulaireexposerecherchepage-1{
    position:absolute;
    top:25px;
    right:2%;
    width:400px;
    text-align: right;
    vertical-align: top;
}
body.section-article-client #views-exposed-form-recherche-page-1{display:inline-block;vertical-align: top;}
body.section-article-client #footer{position: relative;}
body.section-article-client #block-footer{
    background: transparent;
    border:0;
    color:#F0EFEF;
}
body.section-article-client #footer .container{
    width: 100%;
    max-width: 100%;
}
body.section-article-client #block-footer .mentions-legales li a{color:#F0EFEF;}

body.section-article-client #block-footer .copyrights {
    position: absolute;
    left: 5%;
    top: 0;
}
body.section-article-client article{
    width:1000px;
    margin:0 auto;
}
body.section-article-client article h1{
    text-align: center;
    font-size:2em;
    margin-bottom:40px;
}
body.section-article-client article .article__image{
    margin-bottom:40px;
}
body.section-article-client article .article__body{
    color:var(--mda-blue);
    font-weight: 400;
    margin-bottom:50px;
}
body.section-article-client article .article__body p{
    font-weight: 400;
}


body.page-liste-articles header#header{
     position:fixed;
     top:0;
     left:0;
     background:#D1D9E6;
     width: 100%;
    z-index: 1;
 }
body.page-liste-articles .articleHeader{
    display:none;
}

body.page-liste-articles #views-exposed-form-recherche-page-1 .js-form-type-textfield{width:96%;}
body.page-liste-articles #block-logo{display:none;}
body.page-liste-articles #block-formulaireexposerecherchepage-1{
    position:absolute;
    top:25px;
    right:2%;
    width:400px;
    text-align: right;
    vertical-align: top;
}
body.page-liste-articles #views-exposed-form-recherche-page-1{display:inline-block;vertical-align: top;}
body.page-liste-articles #footer{position: relative;}
body.page-liste-articles #block-footer{
    background: transparent;
    border:0;
    color:#F0EFEF;
}
body.page-liste-articles #footer .container{
    width: 100%;
    max-width: 100%;
}
body.page-liste-articles #block-footer .mentions-legales li a{color:#F0EFEF;}

body.page-liste-articles #block-footer .copyrights {
    position: absolute;
    left: 5%;
    top: 0;
}
body.page-liste-articles #main{
    width:1000px;
    margin:300px auto 0 auto;
}

body.section-rubrique header#header{
    position:fixed;
    top:0;
    left:0;
    background:#D1D9E6;
    width: 100%;
    z-index: 1;
}
body.section-rubrique .articleHeader{
    display:none;
}

body.section-rubrique #views-exposed-form-recherche-page-1 .js-form-type-textfield{width:96%;}
body.section-rubrique #block-logo{display:none;}
body.section-rubrique #block-formulaireexposerecherchepage-1{
    position:absolute;
    top:25px;
    right:2%;
    width:400px;
    text-align: right;
    vertical-align: top;
}
body.section-rubrique #views-exposed-form-recherche-page-1{display:inline-block;vertical-align: top;}
body.section-rubrique #footer{position: relative;}
body.section-rubrique #block-footer{
    background: transparent;
    border:0;
    color:#F0EFEF;
}
body.section-rubrique #footer .container{
    width: 100%;
    max-width: 100%;
}
body.section-rubrique #block-footer .mentions-legales li a{color:#F0EFEF;}

body.section-rubrique #block-footer .copyrights {
    position: absolute;
    left: 5%;
    top: 0;
}
body.section-rubrique #main{
    width:1000px;
    margin:300px auto 0 auto;
}

body.section-taxonomy header#header{
    position:fixed;
    top:0;
    left:0;
    background:#D1D9E6;
    width: 100%;
}
body.section-taxonomy .articleHeader{
    display:none;
}

body.section-taxonomy #views-exposed-form-recherche-page-1 .js-form-type-textfield{width:96%;}
body.section-taxonomy #block-logo{display:none;}
body.section-taxonomy #block-formulaireexposerecherchepage-1{
    position:absolute;
    top:25px;
    right:2%;
    width:400px;
    text-align: right;
    vertical-align: top;
}
body.section-taxonomy #views-exposed-form-recherche-page-1{display:inline-block;vertical-align: top;}
body.section-taxonomy #footer{position: relative;}
body.section-taxonomy #block-footer{
    background: transparent;
    border:0;
    color:#F0EFEF;
}
body.section-taxonomy #footer .container{
    width: 100%;
    max-width: 100%;
}
body.section-taxonomy #block-footer .mentions-legales li a{color:#F0EFEF;}

body.section-taxonomy #block-footer .copyrights {
    position: absolute;
    left: 5%;
    top: 0;
}
body.section-taxonomy #main{
    width:1000px;
    margin:300px auto 0 auto;
}

body.section-recherche header#header{
    position:fixed;
    top:0;
    left:0;
    background:#D1D9E6;
    width: 100%;
}
body.section-recherche .articleHeader{
    display:block;
}

body.section-recherche #views-exposed-form-recherche-page-1 .js-form-type-textfield{width:96%;}
body.section-recherche #block-logo{display:none;}
body.section-recherche #block-formulaireexposerecherchepage-1{
    position:absolute;
    top:25px;
    right:2%;
    width:400px;
    text-align: right;
    vertical-align: top;
}
body.section-recherche #views-exposed-form-recherche-page-1{display:inline-block;vertical-align: top;}
body.section-recherche #footer{position: relative;}
body.section-recherche #block-footer{
    background: transparent;
    border:0;
    color:#F0EFEF;
}
body.section-recherche #footer .container{
    width: 100%;
    max-width: 100%;
}
body.section-recherche #block-footer .mentions-legales li a{color:#F0EFEF;}

body.section-recherche #block-footer .copyrights {
    position: absolute;
    left: 5%;
    top: 0;
}
body.section-recherche #main{
    width:1000px;
    margin:300px auto 0 auto;
}
body.section-recherche header#header{
    position:fixed;
    top:0;
    left:0;
    background:#D1D9E6;
    width: 100%;
    z-index: 1000;
}
body.section-recherche .articleHeader{
    border-bottom:2px solid var(--mda-blue);
    padding-bottom:30px;
    display:block;
    width:1000px;
    margin:0 auto;
}
body.section-recherche .articleHeader .allArticles{
    background:var(--mda-blue);
    border-radius: 50px;
    color:#F0EFEF;
    padding:5px 10px;
    text-align: center;
    width:280px;
    margin:0 auto;
    font-size:1.2em;
    transition: all 0.8s ease;
    border:1px solid var(--mda-blue);
}
body.section-recherche .articleHeader .allArticles:hover{
    width:300px;
    border:1px solid var(--mda-blue);
}

body.section-recherche .articleHeader .allArticles a{
    color:#F0EFEF;
}
body.section-recherche .view-list-articles{padding-top:0;}

#block-views-block-bloc-rubrique-block-1{
    position:absolute;
    bottom:-80px;
    left:0;
    width: 100%;
    background:#D1D9E6;
    padding-top:80px;
    z-index: -1;
}
#block-views-block-bloc-rubrique-block-1 .views-content{
    width:1000px;
    margin:0 auto;
    border-bottom:2px solid var(--mda-blue);
    display:table;
    table-layout: fixed;
}
#block-views-block-bloc-rubrique-block-1 .views-content .views-row{
    padding:5px 0 8px 0;
    color:var(--mda-blue);
    display:table-cell;
    text-align: center;
    visibility: visible;
}
body.page-liste-articles #block-views-block-bloc-rubrique-block-1 .views-content .views-row:first-child{
    font-weight:600;
    border-bottom:4px solid var(--mda-blue);
    visibility: visible;
}
#block-views-block-bloc-rubrique-block-1 .views-content .views-row.active{
    font-weight:600;
    border-bottom:4px solid var(--mda-blue);
    visibility: visible;
}
#block-views-block-bloc-rubrique-block-1 .views-content .views-row:last-of-type{
    margin-right:0;
}
#block-views-block-bloc-rubrique-block-1 .views-content .views-row:hover{
    font-weight:600;
    border-bottom:4px solid var(--mda-blue);
}
#block-views-block-bloc-rubrique-block-1 .views-content .views-row a{
    color:var(--mda-blue);
}

.view-list-articles{
    padding-top:100px;
}
.view-list-articles .views-row{
    display:table;
    width:100%;
    margin-bottom:40px;
}
.view-list-articles .views-row .leftwrapper{
    display: table-cell;
    vertical-align: top;
    width: 300px;
}
.view-list-articles .views-row .rightwrapper{
    display: table-cell;
    vertical-align: top;
    padding-left:30px;
}
.view-list-articles .views-row .field-title{
    font-size:1.6em;
    line-height:1.2em;
    margin-bottom:20px;
    font-weight:600;
    color:var(--mda-blue);
}
.view-list-articles .views-row .field-title span.tag{
    font-weight:900;
    text-transform: uppercase;
}
.view-list-articles .views-row .field-body{
    color:var(--mda-blue);
    margin-bottom:15px;
    text-align: justify;
    font-size:0.9em;
    line-height: 1.4em;
}
.view-list-articles .views-row .field-more{
    background:var(--mda-blue);
    padding:8px;
    text-align: center;
    border-radius: 50px;
    font-size:1.1em;
    width: 40%;
    margin: 0 auto;
    transition: all 0.8s ease;
    border:1px solid var(--mda-blue);
}
.view-list-articles .views-row .field-more:hover{
    width:45%;
}
.view-list-articles .views-row .field-more a{
    color:#F0EFEF;
    width: 100%;
    display: block;
}
.view-list-articles .notext{
    text-align:center;
    padding:180px 0 200px 0;
    font-size:2em;
    font-weight: 900;
    color:var(--mda-blue);
}

.pager{text-align: center;margin-bottom: 40px;}

.backtoback{
    position:absolute;
    bottom:0;
    left:2%;
    width:50px;
    cursor: pointer;
    transition: all 0.8s ease;
}
.backtoback:hover{
    background:#F0EFEF;
    border-radius:100px;
}
.section-rubrique .backtoback{bottom:-50px;}

.download-pdf{
    text-align: center;
    margin:20px 0;
    font-size:1.5em;
    font-weight: 300;
    position:relative;
}
.download-pdf span{
    background:#D1D9E6;;
    padding:0 40px;
    position: relative;
    z-index: 1;
}
.download-pdf .download_icon{
    width:40px;
    margin-right: 10px;
}
.download-pdf:after{
    content:"";
    display:block;
    width:1000px;
    border-top:1px solid var(--mda-blue);
    position:absolute;
    top:50%;
    left:0;
    z-index: 0
}

.article__pdf{margin-bottom:50px;}

.hidden{display:none;}

.pager .pager__item{
    width:35px;
    height:35px;
    display:inline-block;
    border:1px solid var(--mda-blue);
    border-radius:100px;
    line-height:35px;
    transition:all 0.8s ease;
    cursor:pointer;
}
.pager .pager__item:hover{
    background:var(--mda-blue);
}
.pager .pager__item:hover a{
    color:#F0EFEF;
}
.pager .pager__item--first{
    display:none;
}
.pager .pager__item--last{
    display:none;
}
.pager .pager__item--active{
    background:var(--mda-blue);
}
.pager .pager__item--active a{
    color:#F0EFEF;
}
.pager .pager__item--previous{
    font-weight:900;
}
.pager .pager__item--next{
    font-weight:900
}

body.page-node-article #main{
      margin:300px auto 0 auto
  }

body.section-mentions #main{
    margin:300px auto 0 auto
}

#block-socialarticle .facebook{
    width:55px;
    height:55px;
    text-align:center;
    line-height:55px;
    border-radius:100px;
    color:#D1D9E6;
    text-shadow: -1px 0 var(--mda-blue), 0 1px var(--mda-blue), 1px 0 var(--mda-blue), 0 -1px var(--mda-blue);
}
#block-socialarticle .facebook:hover{
    background:#1D4268;
    color:#FFF;
}

#block-socialarticle .linkedin{
    width:55px;
    height:55px;
    text-align:center;
    line-height:55px;
    border-radius:100px;
    color:#D1D9E6;
    text-shadow: -1px 0 var(--mda-blue), 0 1px var(--mda-blue), 1px 0 var(--mda-blue), 0 -1px var(--mda-blue);
}
#block-socialarticle .linkedin:hover{
    background:#1D4268;
    color:#FFF;
}

#block-socialarticle .print{
    width:55px;
    height:55px;
    text-align:center;
    line-height:55px;
    border-radius:100px;
    color:#D1D9E6;
    text-shadow: -1px 0 var(--mda-blue), 0 1px var(--mda-blue), 1px 0 var(--mda-blue), 0 -1px var(--mda-blue);
}
#block-socialarticle .print:hover{
    background:#1D4268;
    color:#FFF;
}


#block-backtoprevious .backtoback{
    width:55px;
    height:55px;
    text-align:center;
    line-height:55px;
    border-radius:100px;
    color:#D1D9E6;
    text-shadow: -1px 0 var(--mda-blue), 0 1px var(--mda-blue), 1px 0 var(--mda-blue), 0 -1px var(--mda-blue);
    font-size: 2em;
    border: 1px solid var(--mda-blue);
}
#block-backtoprevious .backtoback i{
    position:relative;
    right:3px;
}
#block-backtoprevious .backtoback:hover{
    background:#1D4268;
    color:#FFF;
}

.homeButton:hover{
    -webkit-animation: heartbeat 0.9s;
    animation: heartbeat 0.9s;
}

.phone{display:none;}
#block-logomobile{display:none;}

.eu-cookie-compliance-banner{font-family: 'Montserrat', sans-serif;}
.eu-cookie-compliance-message{margin-top:27px;}
.find-more-button.eu-cookie-compliance-more-button{display:none;}
.agree-button.eu-cookie-compliance-default-button{background:#F0EFEF;color: var(--mda-blue);font-weight:400;border-radius:10px;}

.select_cabinet{
    position:absolute;
    top:8%;
    left:-50%;
    width:24vw;
}


.topdesktopheader{
    position:fixed;
    top:0;
    left:5%;
    width:15vw;
    z-index: 10000;
}

.topdesktopheader svg g{
    fill:var(--mda-blue);
}

body.home .topdesktopheader{
    position:absolute;
    top:0;
    left: unset;
    right:5%;
    width:15vw;
}

body.home .topdesktopheader svg g{
    fill:#efefef;
}

body.home .topdesktopheader svg .cls-1{
    fill:#efefef !important;
}

.hidden{display:none !important;}

.topdesktopheader .logo{width:11.6vw;}

/*** ANIMATION ***/

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.bounce-top {
    -webkit-animation: bounce-top 0.9s both;animation: bounce-top 0.9s both;
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}


@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        visibility: visible;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}


@-webkit-keyframes heartbeat2 {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes heartbeat {
    from {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    10% {
        -webkit-transform: scale(0.91);
        transform: scale(0.91);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    17% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    33% {
        -webkit-transform: scale(0.87);
        transform: scale(0.87);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    45% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        visibility: hidden;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}