@font-face { font-family: "RotaBold";src: url("../fonts/Rota-Bold.otf") format("opentype");}
@font-face { font-family: "RotaMedium";src: url("../fonts/Rota-Medium.otf") format("opentype");}
@font-face { font-family: "RotaRegular";src: url("../fonts/Rota-Regular.otf") format("opentype");}
@font-face { font-family: "Biloxi";src: url("../fonts/BiloxiScript.ttf") format("truetype");}
:root{
    --color-primary: #b49a81; --color-secondary: #f1d075; --color-tertiary: #f6de94; --color-4: #b49a81;  /* #ffad5b */
    --color-button: #f1d075; --color-button-before: #eedbb8;
    --color-back: white; --color-back-bis: black;
    --color-txt: white; --color-a: #b49a81; --color-a-hover: black;
    --font-title: "RotaRegular", 'Alice',cursive; --font-subtitle2: 'Alice',cursive; --font-subtitle: "Biloxi","RotaBold", 'Alice',cursive; 
    --font-txt: "RotaRegular", 'Alice',cursive; --font-txt2: "Alice",cursive;
     --height-nav: 200px;
    --background-actu: #b49a81;  --background-chro: white; --background-event: black; --background-ebook: white;
    --colortxt-actu: black;  --colortxt-chro: #b49a81; --colortxt-event: #b49a81; --colortxt-ebook: white;
}
/* CODE SPECIFIQUE */
body { margin: 0; padding: 0; background: var(--color-back-bis); color: var(--color-txt); font-family: var(--font-txt); }
footer { color: black; }  footer a { color: black; font-weight: bold; } 
@media (min-width: 1229px){ 
    #page_ACCUEIL h1 {margin-left: 25%; margin-top: -30vh; width: 500px; max-width: 96%;    position: relative; }
}
h1, #primary h2 { color: var(--color-4); font-size: 300%; }
strong { color: var(--color-txt); }
#page_ACCUEIL header { height: 900px; }
#page_ACCUEIL #banniere { padding-top: 15vh; }
nav a { font-family: var(--font-txt); letter-spacing: 1px; }
a.is-selected, nav a:hover,.slider100 .slidefullw p, #neuro2 a, #divEnvoie input {  font-family: var(--font-txt); letter-spacing: 0.5px; border: 4px solid white;   
    border-image: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 30%, var(--color-tertiary) 45%, #ffefd3 60%, var(--color-tertiary) 75%, var(--color-secondary) 90%, var(--color-primary) 100%);
    border-top: 0;    border-left: 0;    border-right: 0;    border-image-slice: 1; color: #ffefd3;  }
p, li { font-size: 17px; }

#mainNav { position: fixed; width: 100%; max-width: 100vw; z-index: 99999; background: black; padding: 2vh 5vw 2vh 5vw; }
#mainNav a:last-child, .linkDiapo, .blocDuoCTAV1 a, .blocDuoCTAV1Inverse a  { background: linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 30%, var(--color-tertiary) 45%, #ffefd3 60%, var(--color-tertiary) 75%, var(--color-secondary) 90%, var(--color-primary) 100%); border-radius: 10px; color: black;  }
#mainNav a:last-child:hover, .linkDiapo:hover, .blocDuoCTAV1 a:hover, .blocDuoCTAV1Inverse a:hover  { background: white; color: black; border:none; }
#mainNav img { width: 200px; }
#neuro2 { max-width: 100vw; }
.bloc1d2 { width: 50vw; display: flex; align-items: flex-end; }
.linkDiapo { display: flex; width: auto; max-height: 50px; font-family: 'RotaBold'; justify-content: center; align-items: center; }
/*#lien_linkDNS { width: 230px;    margin-top: 10px; margin-left: -80px; }
#lien_linkDMP { margin-left: 15%; margin-top: 130px; }
#lien_linkDAP { margin-left: 15%; margin-top: 50px; }
#lien_linkDMC { margin-left: 27%;    width: 120px;    margin-top: 100px; }*/

.iconePlay { width: 60px; margin: 0 auto;}
.logoToDiv { max-width: 70%; height: auto; margin-left: 15%; margin-top: 10%; }

#neurosciences { background: url(../img/elements/fondHomeNeuro.png)80% no-repeat, white;
    background-size: 90%, 100%; background-repeat: no-repeat; min-height: 90vh; padding: 20vh 0 15vh 0; color: black; }
#smartphone { 
    background-image: url("../img/elements/telephone.png");
    background-size: contain; background-repeat: no-repeat;
    height: 600px; margin: 0 auto; color: white; 
}
#smartphone p { padding: 30px; margin: 0;
    font-weight: bold; font-size: 150%;}
#neuro2 strong { color: #bb9858; font-size: 150%; width: 100%;}
#neuro2 a, #divEnvoie input { font-size: 120%; color: #f3d399; padding: 5px 0; background: none; }
#neuro2 a{ color: #bd9858; }
#neuro2s { min-height: 60%; margin: 0 auto; max-width: 90%; }

#blocHP, .blocDuoCTAV1 > div > .w50:first-child, .blocDuoCTAV1Inverse > div > .w50:last-child { color: black; background: #f1f1f1; }
#blocHP2 { padding: 50px 0 50px 2%;  }
#blocHP2 h2, #titleApropos { font-size: 200%; }
#blocHP2 h2 b { color: var(--color-4); font-family: 'RotaMedium'; font-size: 150%; }
#blocHP2 h2 i { font-family: var(--font-subtitle); font-weight: normal; font-size: 250%; padding-left: 5px; line-height: 75px;  }

#lien_linkCHP { font-family: var(--font-txt2); margin-top: 25px;  }

.containerPatchWork h3 { color: var(--color-4); font-size: 250%; }

@media (max-width: 1229px){ 
    #mainNav { padding: 2vh 2vw 2vh 2vw; }
    #mainNav img { width: 120px; }
    .w50 { width: 100%; }   
    p, h1, h2, h3, li, b { text-align: center; margin: auto; justify-content: center; }
    a { text-align: center; justify-content: center; }
    h1{ margin-left: 15px; }
    header { height: auto; }
    #lien_linkDMP { margin-top: 70px; }
    #lien_linkDAP { margin-top: 50px; }
    #lien_linkDMC { margin-top: 100px; margin-bottom: 70px; }
    #imgConnaitreNeurosciences { margin: auto; margin-top: 15px; }
}

@media (max-width: 1050px){ 
    #mainNav > a { display: none; width: 100%; }    
    #mainNav > a:last-of-type { margin-top: 2vh; }
    #mainNav img { width: 120px; padding-bottom: 15px; border-bottom: double 10px rgba(255,255,255,0.8); }
    #mainNav:hover > img, #mainNav > img:focus, #mainNav > img:active { margin-bottom: 5vh; width: 100px; }
    #mainNav:hover > a,#mainNav:focus > a,#mainNav:active > a { display: flex; }
}

@media (max-width: 830px){   
    #neuro2 { padding-top: 5vh; }
    h1 {margin: auto; text-align: center;}
    #mainNav { padding: 1vh 2vw 1vh 2vw; }
    #mainNav img { width: 80px; }
    #mainNav:hover > img, #mainNav > img:focus, #mainNav > img:active { margin-bottom: 5vh; width: 80px; }
}

/* PAGE NEUROSCIENCES */
.titleS2 { display: flex; flex-flow: row wrap; }
.titleS2 b { text-shadow: 1px 1px 1px black;  }
.blocDuoCTAV2 > div { margin: 0; }
.blocDuoCTAV2 > div:first-child > div { width: 45%; }
.blocDuoCTAV2 > div:last-child > div { justify-content: center; padding: 5vh 2vw; }

#page_blogpress .hebook { font-size: 450%; }

.lienCTAS2 { border: 1px solid #dbdbdb;    cursor: pointer;    display: flex;    justify-content: center;    padding-bottom: calc(0.5em - 1px);
    padding-left: 1em;    padding-right: 1em;    padding-top: calc(0.5em - 1px);
    text-align: center; background: var(--color-button); color: black; }
.lienCTAS2:hover{ background: var(--color-button-before); }
#page_neurosciences .w50 { overflow: hidden; }
#page_neurosciences img { object-fit: contain; }