body{
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
    background-color: rgb(0, 0, 0 , 90%);
}

*{
	border: 0px solid blueviolet;
}

header{
	display: flex;
	align-items: center;
	justify-content:space-between;
    font: bold;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
}

.ACCEUIL{ 
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.button-1 {
    background-color: #ffffff;
    color: #000000;
    cursor: pointer;
    height: 30px;
    padding: 10px 16px;
    text-align: center;
    transition: background-color 200ms;
    box-shadow: 9px 9px 0px -2px rgba(255,116,0,1);
    -webkit-box-shadow: 9px 9px 0px -2px     rgba(255,116,0,1);
    -moz-box-shadow: 9px 9px 0px -2px rgba(255,116,0,1);
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  
  .button-1:hover,
  .button-1:focus {
    opacity: 50%
  }

#IMAGEFOND{
    background:top / cover no-repeat url("IMG_FOND2.png");
    height: 550px;
    display: flex;
    justify-content: center;
    align-items: center;

}

#BASELINE {
    
    font-size: 27px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: thin;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
#titre-formation{
    display: flex;
    align-items: center;

}

#FORMATIONTEXTE{
    padding-left: 40px;
    padding-right: 40PX;
}

.sous-trait{
    height: 10px;
    width: 88%;
    background-color: #ee751b;
    margin-top: -38px;
}

.sous-trait2{
    height: 5px;
    width: 40vw;
    background-color: #ee751b;
}

#BASELINE p {

    color: white;
    z-index: 1;  

}

#FLECHE{ 

    height: 100px;
    display: flex;
	align-content: flex-end;
    align-items: center;
	justify-content: center;

 }

 .FLECHE_1:hover,
 .FLECHE_1:focus {
   opacity: 50%
 }



 nav{
    display: flex;
 }

 #FORMATION{ 

    font-size: 40px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
 }

 .ONGLET_FORMATION{

    margin-top: 8px;
    margin-bottom: 8px;

 }

 .ONGLET_FORMATION:hover,
 .ONGLET_FORMATION:focus {

    opacity: 50%

 }