/*TOUT CE QUI SUIT CORRESPOND A CE QU4ON RETROUVE SUR TOUT LE SITE*/
 
  /*LE HEADER ET LE FOOTER ONT LE MEME CSS*/
 header,footer{
  text-align: center; /*aligne le texte au centre*/
  color: white;/*couleur du texte en WHITE*/
  font-family: Impact;/*met la police du texte en IMPACT*/
  font-size:xx-large;/*met la taille du texte en x-large*/
  background-color: rgb(90, 90, 90);/*met la couleur du back ground en gris*/
  padding-top: 10px;/*ajoute un espace en haut*/
 }
 
 /*CSS DE LA BARRE DE NAVIGATION*/
 nav{
  background-color: black;/*met la couleur du back ground en noir*/
  padding: 20px;/*ajoute un espace global autour du texte*/
 }

.boutons{
  color: white;/*couleur du texte en WHITE*/
  font-family: Impact;
  text-decoration: none;
  padding-left: 12px; /*ajoute un espace à gauche*/
  font-size: 22px;
}




 /*LE CSS QUI SUIT GERE L'INDEX*/


 /*LE CSS GERE LA PREMIERE DIVISION DU L'INDEX*/
 .presentationSite{
  background-color: rgb(26, 25, 25);/*met la couleur du back ground en noir un peux clair*/
  display: flex;
  justify-content: space-around;
  text-align: center;/*aligne le texte au centre*/
  color: white;/*couleur du texte en WHITE*/
  font-family: Impact;
  text-decoration: none;/*enlève les soulignages*/
  padding-top: 20px;
  font-size: 35px;/*met la taille du texte en 30px*/
  padding-bottom: 20px;

}

/*LE CSS GERE LES DEUX AUTRE DIVISION DE L'INDEX*/
.presentaionMetier,.presentationFormation{
  display: flex;
  padding-bottom: 35px;
  padding-left: 100px;
  padding-top: 40px;

}

/*LE CSS GERE LA COULEUR DE LA DIVISION DES METIER DE L'INDEX*/
.presentaionMetier{
  background-color: rgb(120, 12, 182) ;/*met la couleur du back ground en violet*/
}

/*LE CSS GERE LA COULEUR DE LA DIVISION DES FORMATIONS DE L'INDEX*/
.presentationFormation{
  background-color: black;/*met la couleur du back ground en noir*/
  padding-top: 60px;
}

/*LE CSS GERE L'ESPACE ENTRE LE BORD DU SITE ET L'IMAGE DES FORMATIONS DE L'INDEX*/
.img2{
  padding-left: 175px;
}

/*LE CSS GERE LES TEXTES DE L'INDEX*/
.text,.text2{
  color: white;/*couleur du texte en WHITE*/
  font-family: Impact;
  text-decoration: none;
  padding-left: 20px;
  padding-top: 45px;
  font-size: 28px;/*met la taille du texte en 22px*/

}

/*LE CSS GERE L'ESPACE ENTRE LE BORD ET LE 2EME TEXTE  DE L'INDEX*/
.text2{
  padding-left: 50px;
}
 



/*LE CSS QUI SUIT GERE LES PAGES DE CHOIX DE DOMAINE DE FORMATIONS ET DE METIER */

/*CSS QUI GERE LE TEXTE D'ACCROCHE DES PAGES DE CHOIX DE FORMATIONS ET DE METIER*/
 #text{
  background-color: rgb(120, 12, 182);/*met la couleur du back ground en violet*/
  color: white;/*couleur du texte en WHITE*/
  font-size: 40px;/*met la taille du texte à 40px*/
  font-family: Impact;/*met la police du texte en IMPACT*/
  text-align: center;/*aligne le texte au centre*/
  display: flex;/*permet de manipuler plus facilement les éléments de la div*/
  justify-content: space-around;/*met de l'espace entre les éléments*/
  padding: 35px;
 }

/*CSS QUI GERE LE CONTENEUR PRINCIPAL DES PAGES QUI MENE AUX METIERS ET AUX FORMATIONS */
.conteneurPrincipal{
  background-color: rgb(120, 12, 182);/*met la couleur du back ground en violet*/ 
  color: white;/*couleur du texte en WHITE*/
  font-size: xx-large;/*met la taille du texte en xx-large*/
  font-family: Impact;/*met la police du texte en IMPACT*/
  text-align: center;/*aligne le texte au centre*/
  display: flex;
  justify-content: space-around;
  padding-bottom: 57px;/*ajoute un espace en bas*/
  padding-top: 20px;
   
}


/*CSS QUI GERE LES ESPACES OU LES IMAGES */ 
.Element{
  border-style: solid;/*créé une bordure autour des images*/
  border-color: black;/*met cette bordure en noir*/
  border-width: 5px;/*met une épesseur à la bordure*/
  background-color: rgb(26, 25, 25); /*met la couleur du back ground en noir un peux clair*/  
}



a{
  color: red;/*couleur du texte en WHITE*/
  font-family: Impact;
  text-decoration: none;

  font-size: 22px; 
}
 
 

/*LE CSS QUI SUIT GERE TOUT LES PAGES DE PRESENTAION DES DIFFERENTES FORMATIONS */ 

/*CSS QUI GERE LE TITRE DES PAGE DE FORMATION */ 
.formations{
  background-color: rgb(26, 25, 25);/*met la couleur du back ground en noir un peux clair*/
  
  text-align: center;/*aligne le texte au centre*/
  color: white;/*couleur du texte en WHITE*/
  font-family: Impact;/*met la police du texte en IMPACT*/
  text-decoration: none;
  padding: 1px;
  font-size:35px;/*met la taille du texte en 35px*/

}

 /*LES TROIS CSS QUI SUIVENT GERE LES DIFFERENTES DIVISIONS DES AXES DE FORMATIONS (COULEUR,TAILLE,ESPACEMENT,...)*/  
.type1,.type2{
  padding-bottom: 35px;
  padding-left: 50px;
  padding-top: 40px;
  color: white;/*couleur du texte en WHITE*/
  font-family: impact;/*met la police du texte en IMPACT*/
  text-decoration: none;
}

.type1{
  background-color: rgb(120, 12, 182) ;/*met la couleur du back ground en violet*/
}

.type2{
  background-color: black;/*met la couleur du back ground en noir*/
}


 /*LES DEUX CSS QUI SUIVENT GERE LE TITRE DES DIVISIONS DES AXES DE FORMATIONS*/
.titre2{
  display: flex;
  justify-content: space-around;
}

.titre,.titre2{
  font-size: xx-large;
  text-decoration: underline;/*souligne le texte*/
  padding-bottom: 15px;
  padding-left: 20px;
}

/*LES TROIS CSS QUI SUIVENT GERE LES INFOS  DES AXES DE FORMATIONS*/
.info,.info2,.info3{
  font-size: 28px;
}
.info,.info2{
  padding-left: 50px;
}
.info2{
  padding-top: 20px;
  padding-bottom: 50px;
}

.info3{
  padding-left: 200px;
  padding-top: 20px;
}

.type3{
  padding-left: 100px;
  padding-bottom: 10px;
  display: flex;
  align-content:space-around;
}



/*LES DEUX CSS QUI SUIVENT GERE GERE LES INTRODUCTIONS DES AXES DE FORAMTIONS ARTISTIQUE ET CONCEPTION QUI SONT SUR LA MEME PAGE WEB*/
.presentationCONCEPTION,.presentationARTISTIQUE{
  background-color: black;/*met la couleur du back ground en noir*/
  text-align: center;/*aligne le texte au centre*/
  color: white;/*couleur du texte en WHITE*/
  font-family: Impact;/*met la police du texte en IMPACT*/
  text-decoration: none;
  padding: 1px;
  font-size:35px;/*met la taille du texte en 35px*/
}
.presentationARTISTIQUE{
  background-color: rgb(120, 12, 182);/*met la couleur du back ground en violet*/
}

form{
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgb(120, 12, 182);/*met la couleur du back ground en violet*/ 
  
}


legend{
  font-size: 40px;
}

.divPrincipal{
  background-color: rgb(26, 25, 25);
  color: white;/*couleur du texte en WHITE*/
  font-size: 30px;/*met la taille du texte en xx-large*/
  font-family: impact;/*met la police du texte en IMPACT*/
}