
:root {--couleur-fond: #FAFBFC;;--couleur-texte: #383838; --couleur-link :#007377;}
#wrapper_aden_anais .only-mobile{display: none;}
#wrapper_aden_anais{width: 100%;color:  var(--couleur-texte) ;font-size: 14px;background:#fff;padding:10px;}
#wrapper_aden_anais h1 {  position: absolute;left: -300000px;}
#wrapper_aden_anais h2{font-family: "Poppins",sans-serif;margin-top: 1rem;font-size: 20px;  font-weight: 600;}
#wrapper_aden_anais header{padding: 23px 0;background-color: var(--couleur-fond);width: 100%;position: relative;margin-bottom: 3rem;}
#wrapper_aden_anais header .img {width: 38%; margin-right: 57px;}
#wrapper_aden_anais header .logo img{width: 200px;}
#wrapper_aden_anais header .intro .line { height: 1px; width: 14%;background: #979797;margin: 1% 0;}
#wrapper_aden_anais header .main p{font-size: 12px;margin-top: 1rem;}
#wrapper_aden_anais header .intro{width: 80%;}
#wrapper_aden_anais header .main { margin: auto; display: flex; width: 80%;min-height: auto!important;}
#wrapper_aden_anais section{padding: 0 2rem 3rem; text-align:center;}
#wrapper_aden_anais article a {color: var(--couleur-link);font-size: 14px;font-weight: 500;display: inline-block;margin: 4% 0 0;padding-bottom: 0.5rem;border-bottom: 1px solid var(--couleur-link);}
#wrapper_aden_anais .fourth-section {display: flex;justify-content: space-around;text-align:left;}
#wrapper_aden_anais .fourth-section article{ width: 37%;}
#wrapper_aden_anais .fourth-section article { background-color: var(--couleur-fond);padding: 1em 1.5em 2em;    cursor: pointer; }
#wrapper_aden_anais .fourth-section article:hover { box-shadow: 6px 6px 11px 0 rgba(83,83,83,0.25);}

@media screen and (max-width: 1024px) {
     #wrapper_aden_anais header .img { display: none; }
     #wrapper_aden_anais header .intro .line { margin: 1% auto 8%;}
     #wrapper_aden_anais header .intro .logo{margin: 2% auto 0;}
     #wrapper_aden_anais header{background:var(--couleur-fond) top left / contain no-repeat url(img/header.jpg); padding-top: 112px;}
     #wrapper_aden_anais header .intro { background:#fff;padding: 1rem; background-color: #FAFBFC;border-radius: 4px; width: 80%; margin: auto;}
}

@media only screen and (max-width: 768px) {
    #wrapper_aden_anais .only-mobile{display: block;}
    #wrapper_aden_anais .only-desktop{display: none;}
    #wrapper_aden_anais header .main {width: 93%;}
    #wrapper_aden_anais section {padding: 1rem;}
    #wrapper_aden_anais .fourth-section {flex-direction: column;}
    #wrapper_aden_anais .fourth-section article {width: auto;margin-bottom: 20px;}

}