.selection{color: #da4fb7;}

.fond{
    background: #cacaca;
    background-size: cover;
}
.contenu_parcour{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: flex-start;
    margin-top: -8vh;
    margin-bottom: 2vh;
    background-color: white;
    min-height: 115vh;
}
.contenu_parcour a {
    list-style: none;
    color: black;
    text-decoration: none;
}
.contenu_parcour a:hover{color: #7265ce;}
.contenu_parcour img{margin-bottom: 2vh;}
.contenu_parcour h1{color: #7265ce;}
/****** réalisations - vignette ***/




/***************fin vignette réalisations****/
.p_titre{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}
.p_titre h1{color: #7265ce;}
.contenair-onglet{
    width: 95%;
    min-height: 10vh; 
    border: 1px solid #bc93f3;
    border-radius:0.5vh;
    margin-top: 4vh;
    display: flex; flex-wrap: wrap;
    justify-content: center; 
    margin-bottom:4vh;      
}
.contenair-onglet h2{
    color: #7265ce;
    width: 100%;
    margin-left:5vh;
}
.contenair-onglet ul, li { 
    display: flex;
    flex-wrap:wrap; 
    list-style: none;
    min-height:20px; 
    margin: 0;
}
.contenair-onglet ul li a { 
    color: black; 
    text-decoration: none;
    text-align: center;
    font-family:'Cambay', Verdana, Arial, Helvetica, sans-serif;
    width: 100%;   
    height: 25px;
}
#contenu1{ 
    border: 1px solid #bc93f3;
    border-radius:0.5vh;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin-bottom: 2vh;
}
#contenu2{ 
    display: none;
    border: 1px solid #c8a4f8;
    border-radius:0.5vh;
    width: 90%;
    margin-bottom:2vh;
}
#contenu3{ 
    display: none;
    border: 1px solid #d1b4f7;
    border-radius:0.5vh;
    width: 90%;
    margin-bottom:2vh;
} 
#contenu4{ 
    display: none;
    border: 1px solid #dfd0f4;
    border-radius:0.5vh;
    width: 90%;
    margin-bottom:2vh;
} 
#contenu5{ 
    display: none;
    border: 1px solid #e4d9f2;
    border-radius:0.5vh;
    width: 90%;
    margin-bottom:2vh;
} 
#onglet3{
    background-color: #d1b4f7;
    border-radius: 0.5vh 0.5vh 0vh 0vh;
    min-height: 2vh;
    width: 18vh;
    text-align: center;
    margin-top:1vh;
}
#onglet1{
    background-color: #bc93f3;
    border-radius: 0.5vh 0.5vh 0vh 0vh;
    min-height: 2px;
    width: 18vh;
    text-align: center;
    margin-top:1vh;
}
#onglet2{
    background-color: #c8a4f8;
    border-radius: 0.5vh 0.5vh 0vh 0vh;
    min-height: 2px;
    width: 18vh;
    text-align: center;
    margin-top:1vh;
}
#onglet4{
    background-color: #dfd0f4;
    border-radius: 0.5vh 0.5vh 0vh 0vh;
    min-height: 2px;
    width: 18vh;
    text-align: center;
    margin-top:1vh;
}
#onglet5{
    border-radius: 0.5vh 0.5vh 0vh 0vh;
    min-height: 2px;
    width: 18vh;
    text-align: center;
    margin-top:1vh;
    background: #e4d9f2;
}
#pt-e{display:none;}
.mo-onglet{
    width: 100%;
    min-height: 10vh;
    margin-top: 2vh;
    display: flex;
    flex-wrap: wrap;
    
} 
.mo-onglet p{font-family:'Cambay', Verdana, Arial, Helvetica, sans-serif;}
.mo-onglet-photo{
    width: 15%;
    min-height: 10vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.mo-onglet-texte{
    width: 85%;
    min-height: 10vh;
}
.mo-out-texte{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 85%;
}
.mo-out-texte h3{color: #7265ce;}
.liste{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin-top: -2vh;
}
.liste li{
    font-family: 'Cambay', Verdana, Arial, Helvetica, sans-serif; 
    margin-left: -5vh;   
 }
.sous-out{
    width: 30%;
    min-height: 10vh;
}
.ecart{margin-top: 4vh;}
/**************** suite apres onglets ***************/
main{
    border: 1px solid #7265ce;
    border-radius:1vh;
    width: 90%;
}
h1{text-indent: 7vh;}
.h2_entete{
    text-align: start;
    text-indent: 7vh;
}
.formation{
    width: 95%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    min-height: 10vh;
    margin-top: 2vh;
    border: 1px solid #bc93f3;
    border-radius:0.5vh;
}
.formation h2{
    color: #7265ce;
    margin-left:5vh;
    width: 100%;
}
.module_fo{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
margin-bottom: 2vh;
min-height: 5vh;

}
.f_logo{
    width: 10%;
    min-height: 5vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.f_texte{
    width: 85%;
    min-height: 5vh;
    margin-left: 2vh;
}
/*****************/
.r_logo img{
    width: 100%;
    border: black;
}
.r_logo{
    width: 40%;
    min-height: 5vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.r_texte{
    width: 55%;
    min-height: 5vh;
    
}
.violet{color: #7265ce;}
/*****************/
.expe{
    width: 95%;
    min-height: 10vh;
    margin-top: 2vh;
    border: 1px solid #bc93f3;
    border-radius:0.5vh;
    margin-bottom: 2vh;
}
.expe h2{
    width: 100%;
    color: #7265ce;
    margin-left:5vh;
}
.expe h4, .expe p{margin-left: 2vh;}
.module_exp{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2vh;
    margin-left: 2vh;
}
.exp_texte{
    width: 75%;
    min-height: 10vh;
}
.exp_texte a{ 
    font-family: 'Cambay', Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: black;
}
.exp_texte a:hover{ 
    font-weight: bold;
    color: #da4fb7;
}
.exp_tof{
    width: 25%;
    min-height: 10vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
p,h4,h3,h2{font-family: 'Cambay', Verdana, Arial, Helvetica, sans-serif;}
h2{text-indent: 2vh;}
h4{
    color:#7265ce;
    font-size: 1.5vw;
    margin-top:-15px;
}
/***************** contact *************************/
.coord{
    width: 95%;
    min-height: 10vh;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-top: 5vh;
}
.coord_image{
    width: 10%;
    min-height: 2vh;
    margin-right: 2vh;
}
.coord_texte{
    width: 30%;
    min-height: 2vh;
}
article p{
    margin-left: 2vh;
    margin-right: 2vh;
}
article h2{margin-left: 2vh;}
article ul{font-family: 'Cambay', Verdana, Arial, Helvetica, sans-serif;}

/**************** 800px**************/
@media screen and (max-width: 800px){
footer{flex-direction: column;}

#onglet1{
    min-height: 2px;
    width: 5vh;}
#onglet1 a{height: 2px;}
#onglet2{width: 5vh;}
#onglet3{width: 7vh;}
#onglet4{width: 7vh;}
#onglet5{width: 5vh;}
#gd-e{display:none;}
#pt-e{
    display:flex;
    flex-wrap:wrap;
    
}
.block2{width: 80%;}
header{min-height: 3vh;}
h1{font-size: 5vw;}
.h2_entete{font-size: 5vw;}
.contenu_parcour{
    margin-top: -2vh;
    width: 95%;
    min-height: 10vh;
}
.contenu_parcour h1{
    width: 98%;
    font-size: 3.5vw;
}
.contenu_parcour p{width: 98%;}
.contenu_parcour img{width: 98%;}
.contenair-onglet{margin-top:2vh;}
.contenair-onglet h2{margin-top: 1.5vh;}
.exp_tof{display:none;}
.expe h4{font-size: 4vw;}
.f_logo{display: none;}
.mo-out-texte{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sous-out{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 98%;
}
.mo-onglet-photo{display: none;}
.loi-tof{width: 20%;  }
.loi-texte{width: 80%;}
.coord{width: 98%;}
.coord_image{width: 10%;}
.coord_texte{width: 80%;}
} /**********fin 800px*/