/*-----------------------FONT-------------------------------*/
@font-face{
    font-family: 'Montserrat';
    src: url('../font/Montserrat/Montserrat-VariableFont_wght.ttf') format('truetype');
}
@font-face{
    font-family:'Roca-one';
    src: url('../font/Roca-Font/Roca_Regular.ttf') format('truetype');
}
/*---------------------------------TITRES-------------------------*/
h2, h3, h4{
    text-transform:uppercase;
    margin-top:3.5rem;
    margin-bottom:1.5rem;
    color:#737373;
    word-break:break-word;
    font-size:0.98em;
}
h1{
    text-transform:uppercase;
    font-family:'Roca-one';
    font-size:4em;
    font-weight:bold;
    color:white !important;
    word-break:break-word;
}
@media (max-width:861px){
    h1{
        font-size:3em;
    }
}
h2{
    font-family:'Roca-one';
    font-size:2.2em;
    font-weight:bold;
    margin-bottom:30px;
}
@media (max-width:860px){
    h2{
        font-size:2em;
    }
}
h3{
    font-family:'Montserrat';
    font-weight:bold;
}
h4{
    font-family:'Montserrat';
    font-weight:bold;
}
.title_formation{
    font-size:2.6em;
}
@media(min-width:992px){
    .title_formation{
        writing-mode:vertical-rl;
        font-size:2.6em;
    }
}
/*-----------------------------TEXTE p, li ...-------------------------------*/
header p{
    text-transform:uppercase;
    color:white !important;
}
header p{
    font-size:1.4em;
}   
@media (max-width:860px){
    header p{
        font-size:1.3em;
    }
}
p,ul li,dd, dl,dd dt, a{
    color:#737373;
    font-family:'Montserrat';
    font-size:0.87rem;
}
.savoir_plus{
    margin-top:0.8rem;
    margin-bottom:2rem;
    padding:0.4rem;
    border:1px solid grey;
    border-radius:12px;
    background-color:rgb(245, 230, 222);
    display:inline-block;
}
ul li, ol li{
    margin-left:2.3rem;
    margin-bottom:0.7rem;
}
.a_propos ul li{
    margin-left:30px;
    margin-bottom:20px;
}
a{
    text-decoration:none;
}
.container-fluid{
    max-width:2000px;
}
/*--------------------NAV--------------------------*/
nav{
    margin:0vw 1.8vw 0 1.8vw;
}
@media (min-width:992px){
    nav ul li{
        padding-left:3em;
    }
}
/*-------------------------CONTAINER-------------------------*/
.container-fluid{
    padding-left:4vw;
    padding-right:4vw;
}
/*-------------------------HEADER----------------------*/
header{
    position:relative;
    background-image:url('../images/bulles.jpeg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    height:20rem;
    padding:50px 5px 50px;
    margin-bottom:50px;
}
.vague{
    position:absolute;
    bottom:-1px;
    left:0;
    width:100%;
    height:auto;
    max-height:200px;
    pointer-events:none;
}
.vague2{
    max-height:100px;
    pointer-events:none;
}
.vague-top{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:auto;
    max-height:100px;
    pointer-events:none;
}

/*--------------------------------FOOTER--------------------------*/
footer{
    background-color:#8C8C8C;
    padding:5rem 2rem 0rem 0rem;
    position:relative;
}
footer ul li{
    list-style-type:disc;
    color:inherit;
}
footer ul li::marker{
    color:#E6E6E6;
}
footer a, footer p{ 
    color:#E6E6E6!important;
}
footer a, footer .droits{
font-size:0.8rem;
}
footer ul li, footer ul{
    margin-left:0;
    padding-left:0;
}
footer ul{
    padding-left:1em;
}
/*---------------------------SECTION---------------------------*/
section, .section_contact {
    padding:1.5rem 2rem 1.5rem 2rem;
    position:relative;
}
.section_b{
    padding-bottom:3rem;
}
.section_b:before{
    background-color:rgba(245, 230, 222, 0.5);
    content: "";
    position: absolute;
    top: 0;
    left:0;
    width: 100vw;
    height: 100%;
    margin-left: calc(-50vw + 50%);
    z-index: -1;
}
.vague_section{
    position:relative;
}
.vague_section_bottom{
    position:absolute;
    bottom:-2.5rem;
    left:0;
    width:100vw;
    height:100%;
    max-height:100px;
    pointer-events:none;
}

.vague_section_bottom2{
    position:absolute;
    bottom:0;
    left:0;
    width:100vw;
    height:100%;
    max-height:100px;
    pointer-events:none;
}
.vague_section_top{
    position:absolute;
    top:-1px;
    left:0;
    width:100vw;
    height:100%;
    max-height:100px;
    pointer-events:none;
}
/*------------------------------PAGE INDEX--------------------------*/
.photo_index{
    margin-top:2rem;
    width:350px;
    height:350px;
    object-fit:cover;
}
/*----------------------------------PAGE FORMATION-----------------------*/
.av, .pd, .ap{
    margin-top:3rem;
}
.left-border{
    padding-left:3rem;
    position:relative;
}
.h-30{
    height:2rem;
}
.m_0{
    margin-left:0;
}
.fleche{
    text-decoration:underline;
}
.left-border::before{
    content: "";
    position:absolute;
    left:0;
    top:4rem;
    height: 80%;
    width:1px;
    background-color:#535353;
}
.av .left-border::before{
    background-color:#AD7841;
}
.pd .left-border::before{
    background-color:#AB485D;
}
.ap .left-border::before{
    background-color:#30817C;
}
.av h3,.pd h3,.ap h3{
    font-family:'Roca-one';
}
.av p,.av h2,.av h3,.av h4,.av li{
    color:#AD7841;
}
.pd p,.pd h2,.pd h3,.pd h4,.pd li{
    color:#AB485D;
}
.ap p,.ap h2,.ap h3,.ap h4,.ap li{
    color:#30817C;
}
/*------------------------------PAGE ACCOMPAGNEMENT----------------------------*/
.type{
    list-style-type:none;
    margin-right:10rem;
    display:flex;
    width:15rem;
    height:15rem;
    border:2px solid #737373;
    font-size:22px;
    font-weight:bold;
    background-color:#ffffff;
}
.feedback a{
    color:#AD7841;
}
.feedback{
    border-color:#AD7841;
}
.indiv a{
    color:#AB485D;
}
.indiv{
    border-color:#AB485D;
}
.groupe a{
    color:#30817C;
}
.groupe{
    border-color:#30817C;
}

/*----------------------------------SOUS PAGE FORMATION------------------------------*/
.m_dd{
    margin-bottom:1.5rem;
}
.dl-left{
    margin-top:2.5rem;
    border:1px solid #737373;
    min-width:350px;
    border-radius:20px;
    padding:2rem 1.5rem 1rem 1rem;
    background-color:rgba(245, 230, 222, 0.5);
}
.dl-right{
    padding:2.7rem;
    height:100%;
}
/*--------------------------PAGE CONTACT-----------------------------*/
.p-16{
    font-size:1.1rem;
}
.contactez-moi{
    padding-top:5rem;
}