html,body {
    position: relative;
    height: 100%;
    border: 0;
    padding: 0;
    margin: 0;

    background: #fff;

    font-family: 'Thasadith', sans-serif;
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    color: #3a414c;

    line-height:1;
}

*, ::after, ::before {
    box-sizing: content-box;
}

a{
    color:#2577bc;
}

header {
    width: 100%;
    background: #fff;
    top: 0;
    z-index: 500;
}

.clear{
    clear:both;
}

.wrapper{
    width:100%;
    max-width:1600px;
    margin:0 auto;
}


.banniere {
    background: url(../images/banniere.jpg) no-repeat top left;
    background-size: cover;
    padding: 300px 0 0 0;
    text-align: left;
}
    .banniere div { margin: 0 auto; }
        .banniere div span { display: inline-block; font-weight: 700; color: #f2a09f; }
           .banniere .accroche_1 { }
           .banniere .accroche_2 { color: #fff; }
               .banniere .accroche_2 sup { color: #f2a09f; }
           .banniere .accroche_3 { }
               .banniere .accroche_3 sup { }
           .banniere .accroche_4 { color: #fff; }
           .banniere .accroche_5 { color: #fff; text-transform: uppercase; }


.notions {
    display: flex;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 300;
}
.notion{ transition: all 0.25s; position:relative; }
.notion-details h3{ color:white; font-weight:700; }
.notion.small{ flex:0.25!important; }
.notion.small .notion_titre{ font-size:16px; padding:37px 0; }
.notion-details{
    display:none;
    font-size:24px;
    text-align:left;
    padding-left:20px;
    padding-right:40px;
}
    .notions .notion_science { flex: 1; background: url(../images/notion_science.jpg) no-repeat top left; background-size: cover; }
        .notions .notion_science .notion_titre { background: #eeb2a2; opacity: 0.9; }
        
    .notions .notion_ethique { flex: 1; background: url(../images/notion_ethics.jpg) no-repeat top left; background-size: cover; }
        .notions .notion_ethique .notion_titre { background: #f9c7b9; opacity: 0.9; }
        
    .notions .notion_expérience { flex: 2; background: url(../images/notion_experience_v2.jpg) no-repeat top left; background-size: cover; }
        .notions .notion_expérience .notion_titre { background: #f19f9f; opacity: 0.9; }
        
    .notions .notion_reconnaissance { flex: 1; background: url(../images/notion_reconnaissance.jpg) no-repeat top left; background-size: cover; }
        .notions .notion_reconnaissance .notion_titre { background: #f3d2c3; opacity: 0.9; }
        
    .notions .notion_reseau { flex: 1; background: url(../images/notion_reseau.jpg) no-repeat top left; background-size: cover; }
        .notions .notion_reseau .notion_titre { background: #f9c7b9; opacity: 0.9; }


.accroche_background {
    position: absolute;
    width: 100%;
    height: 670px;
    padding-top: 50px;    
    background: url(../images/acroche_background.png) no-repeat top left; 
    background-size: contain;
    opacity: 0.4;    
    z-index: 200;
    left: 0;
}
    .tests {
        padding-top: 55px;
        width: 100%;
        display: flex;
    }
        .tests .test {
            color: #f2a09e;
            flex: 1;
            font-size: 30px;
            font-weight: 700;
            border-right: 1px solid #f2a09e;
        }
        .tests .test:last-child { border: 0; }
        .accroche p.accroche_test {
            color: #f2a09e;
            font-size: 32px;
            font-style: italic;
            font-weight: 700;
            text-align: center;
        }

        .stero {
            text-align: center;
            margin: 2% 0 25px 0;
            position: relative;
            top: 0;
            left: 0;
        }

        .stero_border { 
            width: 66%;
            max-width: 800px !important;
            border : 2px dotted !important; 
            position: relative;
            left: 33%;
            color: #f2a09e;
            font-weight: 700;
        }

    .btn-mea-test{
        width:90%;
        display:block;
        padding:25px 5px;
        background:transparent;
        border: 4px dotted #2577bc;
        text-align:center;
    }

    .btn-mea-test:hover{
        background:#2577bc;
        border: 4px dotted #2577bc;
    }
    .btn-mea-test:hover a{
        color:white;
    }
    .btn-mea-test a{
        text-decoration:none;
    }
    .btn-mea-test span{
        text-transform:uppercase;
    }

.contact .lien_contact {
    position: fixed;
    cursor: pointer;
    z-index: 99999;
    right: 0;
    background: url(../images/lien_contact_1.jpg) no-repeat;
    background-size: contain;
}
.contact .lien_devis {
    position: fixed;
    cursor: pointer;
    z-index: 99999;
    right: 0;
    margin-top: 308px;
    background: url(../images/lien_contact_2.jpg) no-repeat;
    background-size: contain;
}
    .contact .titre {
        position: absolute;
        -webkit-transform: rotate(270deg);   
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg);

        color: #fff;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 20px;
        z-index:9999;
        width:175px;
        height:50px;
    }
        .contact .content, .contact .content a {
            color: #fff;
            text-transform: uppercase;
            font-size: 30px;
            font-weight: 700;
            text-decoration: none;
        }

        .contact .content {
            position: absolute;
            width: inherit;
            text-align: center;
            display: inline-block;
            padding-left: 0;
            top: 0;
            left: 50px;

            position: relative;
            padding: 0!important;
            height: 100%;
        }
        .contact .content a{
            display: flex;
            height: 100%;
            width: 100%;
            flex-wrap: wrap;
            padding-left: 50px;
            align-content: end;
            margin-top: -25px;
            vertical-align: bottom;
        }

header{
    position:fixed;
    height:90px;
    z-index: 10000;
}
header img{
    height:90px;
    width:auto!important;
}
.hamburger, .only-mobile{
    display:none;
}
nav.nav{
    position:fixed;
    z-index:500;
    width:100%;
    max-width:1600px;
    background:rgba(255,255,255, 0.8);
    display: flex;
    flex-direction: row;
    flex: 1;
    margin:auto;
    left:0;
    right:0;
    z-index: 10000;
    top:90px;
}
/*.index nav{
    display:none;
    top: 89px;
}*/
    nav.nav ul{
        list-style: none;
        display: flex;
        align-items: center;
        justify-content: center;
        justify-items: center;
        margin: 0;
        width: 100%;
        padding: 0;
        height:48px;
    }
    nav.nav ul li{
        padding:10px 0;
    }
    nav.nav ul li.first-level:hover, nav.nav ul > li.first-level.active{
        border-bottom:5px #3a414c solid;
    }
        nav.nav ul li a{
            display:block;
            color:#3a414c;
            text-decoration:none;
            padding:0px 20px;
            font-size:24px;
            font-weight:900;
            border-left :1px #3a414c solid;
        }

        nav.nav ul li ul.submenu{
            display:none;
            list-style: none;
            flex-direction:column;
            align-items: flex-start;
            justify-content: flex-start;
            margin: 0;
            width: auto;
            padding: 0;
            height: auto;
            position: absolute;
            top: 48px;
            background:#3a414c;
        }
            nav.nav ul li:hover ul.submenu{
                display:flex;
                padding:5px;
            }
            nav.nav ul li ul.submenu li a{
                color:white;
                font-size:16px;
                font-weight:300;
            }
            nav.nav ul li ul.submenu li:hover{
                padding-left:5px;
            }

.carousel-item{
    display:none;
}

.carousel-item.active{
    display:flex;
    flex-direction:row;
    align-content:center;
    align-items:center;
    justify-content: space-around;
}
.bloc-actus{
    width:30%;
    float: left;
    display: flex;
    flex-direction: column;
}
.section-actus.mobile{
    display:none;
}
    .actus-navigation{
        position: relative;
        display: flex;
        align-items: center;
        justify-items: center;
        justify-content: center;
    }
    .bloc-actus .item-actu{
        background:white;
    }
        .bloc-actus .item-actu .actu-date{
            padding:25px 25px 12.5px 0;
            font-size:18px;
            text-align:right;
        }
        .bloc-actus .item-actu .actu-content{
            padding:12.5px 25px;
            font-size:22px;
            text-align:left;
            display:flex;
            flex-direction:column
        }
            .bloc-actus .item-actu .actu-content .actu-title{
                font-weight:700;
            }
        .bloc-actus .item-actu .actu-suite{
            padding:12.5px 25px 25px 0;
            font-size:18px;
            background:white;
            text-align:right;
        }
            .bloc-actus .item-actu .actu-suite a{
                color:#d22f7f;
            }
        .bloc-actus .item-actu .actu-illustration img{
            width:100%;
            max-width:100%;
        }
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 40px;
    height: 26px;
}
.carousel-control-prev-icon {
    background-image: url(../images/carousel_prev.png);
}
.carousel-control-next-icon {
    background-image: url(../images/carousel_next_home.png);
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #d22f7f;
}
.carousel-control-next, .carousel-control-prev {
    position: relative;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #d22f7f;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

.conteneur-tests{
    display:flex;
    flex-direction:row;
    flex:1;
    max-height:492px;
    margin-top:50px;
}
    .conteneur-tests .test-listing{
        width:33%;
    }
        .conteneur-tests .test-listing .test-selector{
            padding:25px;
            color:white;
            text-align:left;
            cursor:pointer;
            position:relative;
        }
        .conteneur-tests .test-listing .test-selector.active:before{
            content:' ';
            display: inline-block;
            width: 25px;
            margin-right:10px;
            vertical-align: middle;
            margin-bottom: 6px;
            border-bottom-width: 2px;
            border-bottom-style: solid;
        }
        .arrow-right{
          width: 0; 
          height: 0;           
          position:absolute;
          top:0;
          right:-36px;
          display:none;
        }
        .conteneur-tests .test-listing .test-selector.active .arrow-right{
            display:block;
        }
            .conteneur-tests .test-listing .test-selector.selector-1{
                background:#4d545e;
            }
            .conteneur-tests .test-listing .test-selector.selector-2{
                background:#616770;
            }
            .conteneur-tests .test-listing .test-selector.selector-3{
                background:#757a81;
            }
            .conteneur-tests .test-listing .test-selector.selector-4{
                background:#898d94;
            }
            .conteneur-tests .test-listing .test-selector.selector-5{
                background:#9ca0a5;
            }
            .conteneur-tests .test-listing .test-selector.selector-6{
                background:#b0b3b7;
            }
            .conteneur-tests .test-listing .test-selector.selector-1 .arrow-right{
                border-top: 36px solid transparent;
                border-bottom: 36px solid transparent;  
                border-left: 36px solid #4d545e;
            }
            .conteneur-tests .test-listing .test-selector.selector-2 .arrow-right{
                border-top: 36px solid transparent;
                border-bottom: 36px solid transparent;  
                border-left: 36px solid #616770;
            }
            .conteneur-tests .test-listing .test-selector.selector-3 .arrow-right{
                border-top: 36px solid transparent;
                border-bottom: 36px solid transparent;  
                border-left: 36px solid #757a81;
            }
            .conteneur-tests .test-listing .test-selector.selector-4 .arrow-right{
                border-top: 36px solid transparent;
                border-bottom: 36px solid transparent;  
                border-left: 36px solid #898d94;
            }
            .conteneur-tests .test-listing .test-selector.selector-5 .arrow-right{
                border-top: 36px solid transparent;
                border-bottom: 36px solid transparent;  
                border-left: 36px solid #9ca0a5;
            }
            .conteneur-tests .test-listing .test-selector.selector-6 .arrow-right{
                border-top: 36px solid transparent;
                border-bottom: 36px solid transparent;  
                border-left: 36px solid #b0b3b7;
            }
    .conteneur-tests .test-contenu{
        background:white;
        flex:1;
    }
        .conteneur-tests .test-contenu .test-item{
            display:flex;
            flex-direction:row;
            text-align:left;
            height:100%;
        }
        .conteneur-tests .test-contenu .test-item .test-item-contenu{
            flex:2;
            padding:25px 25px 25px 60px;
            font-size:20px!important;
            line-height:1.25;
            font-weight:700;
        }
        .conteneur-tests .test-contenu .test-item .test-item-contenu ul{
            line-height:1.5;
        }
        .conteneur-tests .test-contenu .test-item .test-item-illustrations{
            display: flex;
            flex-direction: column;
            justify-content: space-around;
            flex: 1;
            padding: 15px 0;
        }
            .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single{
                display: flex;
                flex-direction: row;
                align-items: center;
                padding:10px 0;
                font-size:22px;
                color:white;
            }
                .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single img{
                    max-width:100px;
                    height:auto;
                    margin-left:-50px;
                }
                .conteneur-tests .test-contenu .test-item .test-item-illustrations .test-item-illustration-single span{
                    margin-left:25px;
                }
        .conteneur-tests .test-contenu .test-item.item-1 .test-item-illustrations{
            background:#4d545e;
        }
        .conteneur-tests .test-contenu .test-item.item-2 .test-item-illustrations{
            background:#616770;
        }
        .conteneur-tests .test-contenu .test-item.item-3 .test-item-illustrations{
            background:#757a81;
        }
        .conteneur-tests .test-contenu .test-item.item-4 .test-item-illustrations{
            background:#898d94;
        }
        .conteneur-tests .test-contenu .test-item.item-5 .test-item-illustrations{
            background:#9ca0a5;
        }
        .conteneur-tests .test-contenu .test-item.item-6 .test-item-illustrations{
            background:#b0b3b7;
        }

.accompagnements {
    display: flex;
    color: #fff;
    font-weight: 700;
    position: relative;
    z-index: 300;
    margin-top:50px;
    justify-content: space-between;
}
.accompagnement{ transition: all 0.25s; position:relative; cursor:pointer;}
.accompagnement.small{ flex:0.5!important; width:15%;}
.accompagnement.small .notion_titre{ font-size:16px; padding:37px 0; }
.accompagnement.small .accompagnement-titre img{
    width:175px!important;
    height:175px!important;
}
.accompagnement-details{
    display:none;
    opacity:0;
    font-size:24px;
    text-align:left;
    /*padding-left:20px;*/
    transition: all 0.25s;
    pointer-events: none;
}
.accompagnement-description{
    display:block;
    text-align:left;
    line-height:1.5;
    width:100%;
    margin-top:50px;
    padding-bottom:50px;
    font-size: 20px;
    font-weight: 700;
}
.accompagnement-description h3{
    text-align:center;
    width:100%;
    margin-bottom:25px;
}
    .accompagnement .accompagnement-titre{
        font-size:20px;
        display:flex;
        flex-direction:column;
        align-items:center;
        color:#d68983;
    }
    .accompagnement .accompagnement-titre img{
        border-radius: 50%;
        object-fit: cover;
        width: 175px;
        height: 175px;
        border: 5px;
        margin-top:25px;
        transition: all 0.25s;
    }
    .accompagnement.accompagnement-1 { flex: 1; margin-top:125px;} 
    .accompagnement.accompagnement-1 .accompagnement-titre img{
        border:5px #f9c7b9 solid;
    }     
    .accompagnement.accompagnement-2 { flex: 1;}
    .accompagnement.accompagnement-2 .accompagnement-titre img{
        border:5px #eeb2a2 solid;
    }
    .accompagnement.accompagnement-3 { flex: 2; margin-top:75px;}
    .accompagnement.accompagnement-3 .accompagnement-titre img{
        border:5px #d68983 solid;
        width:250px;
        height:250px;
    }
    .accompagnement.accompagnement-4 { flex: 1;}
    .accompagnement.accompagnement-4 .accompagnement-titre img{
        border:5px #f3d2c3 solid;
    }
    .accompagnement.accompagnement-5 { flex: 1; margin-top:125px;}
    .accompagnement.accompagnement-5 .accompagnement-titre img{
        border:5px #fbe2d1 solid;
    }
    .accompagnement.open{
        width:15%;
    }
    .accompagnement:hover .accompagnement-titre img{
        border-color:#3a414c!important;
    }
    .accompagnement .accompagnement-details h3{
        font-size:26px;
        font-weight:bold;
        margin-top:50px;
    }
    .accompagnement.open .accompagnement-details{
        opacity:1;
        color:#3a414c;
        padding:0 25px;
        font-size:18px;
        text-align:center;
    }
    .accompagnement-details ul{
        margin-top:15px;
        text-align:left;
    }

.liste-membres{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    align-content: center;
    margin-top:50px;
    padding-bottom:150px;
}

.page .banniere{
    padding:0;
    margin:90px 0 0 0;
    width:100%;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    height:275px!important;
}
.page .page-baseline{display:none;}
.page-title{
    width:100%!important;
    float:left;
    height: calc(100% - 48px);
    background:rgba(255,255,255, 0.2);
    color:white;
    display:flex;
    justify-content:center;
    align-items:center;
}
    .page-title h1{
        font-size:48px;
       /* margin-left:300px;
        margin-top:300px;*/
    }

.page .contenu{
    background:#f5f5f5;
    padding:50px;
}

.link-twitter, .link-linkedin, .link-email, .link-share{
    text-decoration:none;
}
.link-twitter:hover, .link-linkedin:hover, .link-email:hover, .link-share:hover{
    text-decoration:none;
    color:inherit;
}
.link-email{
    color:#333;
}
.link-share{
    color:#94ce2e;
}
footer{
    width:100%;
    max-width:100%;
    padding:25px 0 0 0;
    background:#f1f2f3;
    font-family: 'Thasadith', sans-serif;
}
    footer .wrapper{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        padding:0;
    }
    footer .nl-title{
        font-size:32px;
    }

    footer .adresse{
        font-size:21px;
    }
    footer a, footer a:hover{
            color: #3a414c;
    }
    footer form{
        margin-left:50px;
    }
        footer form input{
            border:none;
            background:none;
            border-bottom:1px #606875 solid;
            font-size:24px;
            color:#606875;
        }
        footer form ::-webkit-input-placeholder {
          color:#606875;
          font-style:italic;
          font-size:24px;
          font-weight:400;
            font-family: 'Thasadith', sans-serif;
        }
        footer form :-ms-input-placeholder {
          color:#606875;
          font-style:italic;
          font-size:24px;
          font-weight:400;
            font-family: 'Thasadith', sans-serif;
        }
        footer form ::placeholder {
          color:#606875;
          font-style:italic;
          font-size:24px;
          font-weight:400;
            font-family: 'Thasadith', sans-serif;
        }
        footer form button{
            border:none;
            background:#606875;
            color:white;
            text-transform:uppercase;
            font-family: 'Thasadith', sans-serif;
            font-size:24px;
        }