@media screen and (max-width: 768px) {
  body {
      max-width: 100%;
    width: 90%; /* 90% de la largeur de l'écran pour plus de marge */
    margin: 0 auto; /* Centrer le conteneur */
    font-size: 14px;
  }
}



body
{
    /* max-width: 1980px;*/
    margin: 0px;
    width: 1800px;
}




.ilgha
{
    display: inline-block;
    width: 220px;
    height: 25px;
    padding-top: 15px;
}

.table_affiche input
{
    width: 30px;
    height: 40px;
}

#titre_module 
{
  /*  width: 250px;*/
}

#lien
{
  /*  width: 150px;*/
}

#lien_app
{
    width: 90px;
}

#lien_exe
{
    width: 90px;
}

.disney
{
    display: inline-block;
    width: 200px;
    text-align: start;
}
.titreh1
{
    text-align: center;
}

.tasjil a
{
  font-size: 0.65em;
    color: green;
}

.tasjil a:hover
{
 text-decoration: underline;
}

.fonta
{
    background-color: #dcbfd0;
    padding: 5px;
}

.wast_commande
{
    max-width: 1100px;
    min-width: 780px;
    display: flex;
    flex-direction: column;
}

.imin
{
    min-width: 100px;
}

.biobio
{
    display: flex;
    text-align: center;
}

.vestige
{
    text-align: center;
}

#mois
{
    width: 220px;
}

#proprietaire
{
    width: 60px;
}

#annee
{
    width: 60px;
}

#mois
{
    width: 60px;
}

#activation
{
    width: 60px;
}

#code_matiere
{
    width: 60px;
}

#rang_module
{
    width: 60px;
}

.frdem
{
    display: flex;
    justify-content: center;
    background-color: #16284c;
    color: white;
}

.frdem p
{
    width: 270px;
}

.elwast
{
    text-align: start;
    max-width: 800px;
}

.contenu2 a
{
    text-decoration: none;
    color: #935387;
    font-weight: bolder;
}

.papa h2
{
    text-align: right;
}

.papa h1
{
    font-size: 2em;
    color: red;
}

.isar
{
    min-width: 100px;
}

.bande_noir2
{
   
background-color: white;
    /* background-image: url(images/ban.jpg);
    background-position: center center;*/ 
    height: 180px;
    text-align: center;
    font-size: 0.8em;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 2px;
    width: 1800px;
    margin-top: 0px;
    margin-bottom: 0px;
        
}

.ninome 
{
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ninome2
{
    display: flex;
    justify-content: center;
    align-items: center;
}

.niom span
{
    display: inline-block;
    width: 100px;
    
    text-align: end;
}

.niom
{
    text-align: center;
}

.choixchoix input
{
    min-height: 45px;
    width: 550px;
    font-size: 20px;
}

.choixchoix 
{
    text-align: center;
    min-width: 700px;
}

.professeur
{
    min-height: 45px;
    min-width: 225px;
    font-size: 20px;
}


#Titre_news
{
   width: 550px;
    height: 40px;
}
.choixchoix label
{
    min-height: 45px;
    min-width: 200px;
    font-size: 20px;
}

.rakam
{
    width: 50px;
}



.contenu2
{
    display: flex;
    
    color: #16284c;
    justify-content: flex-end;
}

.Title
{
     
    
  text-decoration: none;   
     
}

.Title a
{
     
    
    color: #175694;
     
}
.bouuton
{
    margin: 5px;
    border-left: 1px solid white;
}

.bouuton2
{
    margin: 5px;
   
}


.bouuton a:hover
{
color: #e89e09;   
}

#bande_blanc

 {

   display: flex;
    /* background-image: url(images/font_header); */
    color: black;
    height: 35px;
    width: 100%;
    justify-content: center;
    align-items: center;
    background-color: rgb(255 255 255);
    margin-top: 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e89e09;
    margin: 0px;
}
     
     #apropos
{
  margin-left: 300px;
}

 #bande_blanc p, div 
 {
    margin: 10px;
    
 }

 #recherche 
{
width: 300px;
    height: 31px;
    font-family: garamond;
    text-align: center;
    border: 1px solid black;
    border-radius: 5px;
    font-size: 1.25em;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    

}

 #recherche:hover 
{
 
   
    border-radius: 5px;
    background-color: #f8a64a;
     color: white;
    

}

#bande_blanc p a
 {

color: #87255f;
    
    padding-left: 10px;
    text-decoration: none;
    /* border-radius: 5px; */
    text-decoration: none;
    font-size: 1.1em;
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding-right: 10px;
         font-family: Garamond;
 }

 #bande_blanc p a:hover 
{
color:#e89e09;
 
 }

.suivez 
{
     background-color: #4267b2;
   border-right: 1px solid white;
    border-left: 1px solid white;
    margin: 10px;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
    color: white;
    width: 15px;
    height: 15px;
    font-weight: bold;
    
    
}

  #bande_rouge

 {

  display: flex;
    background-color: #f3f1ee;
    color: black;
    height: 40px;
    justify-content: center;
    align-items: center;
      border-bottom: 1px solid #16284c;  
    width: 100%;
    margin: 0;
     background-color: #dcbfd0;
}
.construction
{
    text-align: center;
    font-size: 1.5em;
}

#bande_rouge p
{   
    
   
    height: 18px;
    /* background-color: #16284c; */
    text-align: center;
    color: #d41212;
    padding: 5px;
    font-size: 1em;
    /* border-left: 1px solid white;*/

}
    
#bande_rouge h3
{   
    
   
    height: 18px;
    /* background-color: #16284c; */
    text-align: center;
    color: #87255f;
    padding: 5px;
    font-family: garamond;
   
    /* border-left: 1px solid white;*/

}
#bande_rouge a {
 color: white;
padding: 5px;
text-decoration: none;
border-radius: 5px;
 }

 #bande_rouge a:hover 
{
color:rgb(196,216,45);
    text-decoration: underline;
 }  

footer 
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#pied_de_page
{
   
    font-family: garamond;
    width: 100%;
    /* border-bottom: 2px solid #16284c; */
    /* border-left: 2px solid #16284c; */
    /* border-right: 2px solid #16284c; */
    margin-top: 0px;
    background-color: #f3f1ee;
    display: flex;
    color: black;
}
 
#page
{
   background-color: white;
    margin: 0px;
    border-bottom: 1px solid gray;
     
}
.p_de_page
{
     
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
    width: 235px;
}
    
#pcentrale
{
  border-right: 4px solid #e89e09;
    border-left: 4px solid #e89e09;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100%;
}

navcours
  {
     background-color: rgb(234, 233, 227);  
    width: 235px;
    margin: 5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
       align-items: center;
  padding: 5px; 
        font-size: 0.8em;
        font-family: 'Dayrom';
        /* border-top: 5px solid black;
       border-bottom: 5px solid black; */
          }

   navcours ul
  {
    list-style-type: none;
    padding: 5px;
      margin: 0;
  }

navcours ul a
  {
    text-decoration: none; 
    color:#6e6060;
    
    width: 200px;
    text-align: center;
      height: 35px;
  }

  navcours ul a:hover
  {
    text-decoration: underline; 
    color: white;
      width: 190px;
   /* text-shadow: #000000 1px 1px, #000000 -1px 1px, #000000 -1px -1px, #000000 1px -1px;  
    font-size: 17px;
     background-color: rgb(244,176,132);*/
      border-radius: 3px;
      
 
  }

navcours li 
{
   margin: 5px;
   background-color: white;
  /* border-bottom: 1px solid black;
     border-radius: 5px;
     padding: 5px;*/
   width: 200px;
   height: 40px;
   border : 1px solid white;
  
  
   text-align: center;
  /*text-align: center;*/
}
navcours li:hover
{
    border: 1px solid maroon;
}
navcours h3
{
 width: 200px;
    background-color: rgb(22, 40, 76);
    border-bottom: 2px solid #e96969;
    padding: 5px;
    margin: 0;
    color: white;
}

navcours p
{
    
    margin: auto;
}

navcours div select
{
   /* margin: 20px; */
   background-color: white;
border-bottom: 1px solid black;
width: 210px;
height: 30px;
border-radius: 5px;
padding: 5px;
text-align: center;
}

.nav_bonchoix 
{ 
 border: 1px solid #16284c ;
padding: 5px;
margin: 20px;
font-family: Garamond;
background-color : #eae9e3
}

.icone_nav_bonchoix
{ 
 height: auto;
    width: 100%;
    border-radius: 2px;
}

.nav_bonchoix p 
{ 
 height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 5px;
   
}
.nav_bonchoix a
{ 
  text-decoration: none;
display: flex;
    color: #16284c
/* justify-content: center;
align-items: center;  */  
}
.nav_bonchoix a:hover
{ 
  Color : #16284c;
    text-decoration: underline;
}
    
.bouuton19
{
    background-color: gray;
}
     
.corps
{
 
    margin: 0px;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
   .corps {
        
       flex-direction: column;
    }
}
.ens p
{
        margin: 0px;
  /*  padding-bottom: 50px;*/
    text-align: center;
    /* color: #8a2b63;*/
    font-weight: bold;
}

.ens2 p
{
        margin: 0px;
    
    text-align: center;
     
    font-weight: bold;
}

.ens3 p
{
        margin: 0px;
  
    text-align: center;
     
    font-weight: bold;
}

nav
{
    width: 1200px;
    margin: 0;
    background-color: white;
    position: sticky;
    top : 0px
}

nav ul
{
    list-style-type: none;
    margin: 0px;
    
}



nav ul::after
{
    content: "";
    display: table ;
    clear: both;
}

nav a {
    display: block;
    text-decoration: none;
    
    font-weight: bold;
    color: #87255f ;
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
    font-family: Garamond;
    font-size: 1.1em;
}

nav a:hover 
{
    color: rgb(244,176,132) ;
    border-bottom: 2px solid rgb(244,176,132);
}



nav > ul li:hover .sous
{
    display: block;
}

.sous li 
{
    float: none;
    width: 50%;
    text-align: left ;
    
}

.sous a
{
    padding: 10px;
    border-bottom: none;
}

.sous a:hover
{
    border-bottom: none;
    background-color: RGBa(200,200,200,0.1);
}


.deroulant > a::after
{
    content: "\0025BE ";
    font-size: 20px;
    color: #87255f;
}

.sous 
{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: #f3f1ee;
    position : absolute;
    width: 75%;
    z-index: 1000;
}

marquee a
{
    color:  white;
    text-decoration: none;
    font-weight: bold;
    
}

marquee a:hover
{
    color:  #ffc301;
     
    
}

nav ul li
{
    float: left;
    width : 20%;
    text-align: center;
    position: relative
}








 





 /*.carrej:hover

{
    height: 160px;
    width: 160px;
    background: white;
    border-bottom: 1px solid #0076bd;
    border-right: 1px solid #0076bd;
    border-left: 5px solid #0076bd;
    border-top : 5px solid #0076bd;
    -ms-transform: rotate(45deg); 
    -moz-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg); 
    -o-transform: rotate(45deg); 
} */





section h2
{
    text-align: center;
     /* color : white;*/
     font-family: Garamond;
}



    

.ens3:hover
{
    background-color: white;
    border: 5px solid #0076bd;
    color: #0076bd;
          
}





#recherche2
{
    FONT-VARIANT: JIS83;
    width: 750px;
    height: 60px;
    font-family: garamond;
    text-align: center;
    border: 10px solid RGBa(138,43,99,0.3);
    /* border-radius: 5px; */
    font-size: 1.1em;
}
.trouvaille
{
    display:flex;
    align-items: center;
    justify-content: center;
}
.trouvaille h3
{
    width: 20%;
    border-top: 2px solid #8a2b63;
    padding-top: 20px;
    color: #8a2b63;
    font-family: garamond;
     text-align: center ;   

}

.dimm
{
    font-family: garamond;
  
    font-weight: bold;
    text-align: center;
}

.dimm h1
{
    font-size: 2em;
    margin-bottom: 0px;
      color: #d37c1b;
}

.dimm p
{
    margin-top: 0px;
}

.pre
{
    display:flex;
    align-items: center;
    justify-content: center;
    max-width: 1024px;
}

.pre p
{
   
    width: 50%;
}

.pre p img
{
   
    width: 90%;
    height: auto
}

.dpre
{
    
    display: flex;
    align-items: center;
    justify-content: center;
}

marquee
{
   display: flex;
    
}


.ligne a
{
    text-decoration: none;
     color: black;
        min-height: 100px;
}

.ligne a:hover
{
    text-decoration: none;
     color: #5b1840;
        min-height: 100px;
}
.carre1 

{
    height: 140px;
    width: 290px;
    background: white;
    border-bottom: 5px solid #8a2b63;
    border-right: 5px solid #8a2b63;
    border-left: 1px solid #8a2b63;
    border-top: 1px solid #8a2b63;
    text-align: center;    
    display: flex;
    align-items: center;
    justify-content: center;
}

.carre1:hover

{
 
    background: white;
    border-bottom: 1px solid #8a2b63;
    border-right: 1px solid #8a2b63;
    border-left: 5px solid #8a2b63;
    border-top : 5px solid #8a2b63;

   
    
}

.classe
{
    font-size: 1.3em;
    font-weight: 600;
   
}

.inforinf
{
    display: flex;
    justify-content: center;
}

.corpsf
{
    text-align: center;
    max-width: 1000px;
   /* color: #87255f;
    font-weight: bold;*/
    font-size: 1.1em;
}
    
    

@media screen and (max-width: 768px) {
   .corpsf {
        
       max-width: 700px;
    }
    }

.titre_news
{
    font-size: 1.2em;
    font-weight: bold;
}

.titre_news a
{
    text-decoration: none;
    color: brown;
}

.titre_news a:hover
{
color: darkviolet;
}

.corpsfnews
{
    text-align: start;
     width: 850px;
   background-color: white;
    font-weight: bold;
    padding: 20px;
    font-size: 1.2em;
}

.ligne
{
    display: flex;
        
    align-content: center;
  justify-content: center;
        min-height: 150px;
}

.lignep
{

   text-align: center;
  color: #87255f;
    font-size: 1.2em;
     
}

.lignep2
{

   text-align: center;
  font-family: Open Sans,Noto Naskh;
    font-size: 1.2em;
     width: 1000px;
}

.ens a:hover
{
    color: maroon;
 
}

.corps2

{
    margin: 0px;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    
   
}

.menuver
{
    min-width: 250px;
    background-color: black;
    color :white ;
    min-height: 400px;
        padding: 10px;
}

.beet

{
    display: flex;
    align-content: center;
    justify-content: center;
    
}

.left
{
  
    
    
      
   width: 300px;
    margin: 5px;
    display: flex;
    flex-direction: column;
   
       align-items: center;
  padding: 5px; 
        font-size: 0.8em;
        font-family: 'Dayrom';
}

.right
{
  /* background-color:  rgb(248 166 74);*/
    width: 300px;
    margin: 5px;
    display: flex;
    flex-direction: column;
   /* justify-content: center;*/
       align-items: center;
  padding: 5px; 
        
        font-family: 'Dayrom';
   
}

.trimestre1
{
    background-color: #5784BA;
    color: white;
    padding: 20px;
}

.trimestre1 h1
{
    text-align: center;
    font-size: 1.8em;
}

.trimestre2
{
    background-color: #8a2b63;
    padding: 20px;
    color: white;
}

.trimestre2 h1
{
    text-align: center;
}


.trimestre3
{
    background-color: #efb6a1;
    padding: 20px;
    color: white;
}

.trimestre3 h1
{
    text-align: center;
}

.interne
{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: lightgray;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    height: 35px; 
}

.interne h4
{
   min-width: 200px;
    text-align: center;
}


.presentation p
{
    min-width: 160px;
}

.presentation a
{
    text-decoration: none;
    color: #87255f ;
}

.presentation a:hover
{
    text-decoration: none;
    color: #f8a64a ;
}


.barredef

{
        background-color: #935387;
    height: 30px;
    width: 1800px;
    color: white;
    margin: 0px;
}




.numbers__box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 15px 0;
}


 
.numbers__value {
    color: #f8a64a;
    font-size: 2.1875rem;
    line-height: 1.875rem;
    font-weight: 700;
    margin-bottom: 5px;
}

.numbers__info {
    color: #212121;
    font-size: 1.125rem;
    line-height: 1.25rem;
    font-weight: 400;
}

table
{
    border-collapse: collapse;
}

.tablematiere td, th /* Mettre une bordure sur les td ET les th */
{
    border: 1px solid black;
    height: 50px;
    text-align: center;
    font-weight: bold;
     font-size: 20px;
     width: 320px;
}
.ajoutjout input
{
    width: 500px;
    height: 35px;
}

.ajoutjout 
{
    max-width: 800px;
  
}

.ajoutjout label
{
    font-size: 1.25em;
    font-weight: bold;
}
.entete_ens
{
       background-color: #87255f;
    width: 1920px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.ann_aff
{
	
background-color: white;
/* border-radius: 10px;*/
width: 600px;
padding: 10px;
/* border-top: 1px solid black;
border-right: 1px solid black;*/ 
}

.ajout_title 
{
/* border: 1px solid black; 
display: flex; */
align-items: center;
 
border-radius: 5px;
 
display: flex;
    flex-direction: column;
}

.publication
{
    display :flex;
    background-color: indianred;
    justify-content: center;
    flex-wrap: wrap;
    border : 1px solid black;
    padding : 10px;
    border-radius: 5px;
}

.publication a
{
    color :white;
    padding-left: 20px;
    padding-right: 20px;
}

.publication a:hover
{
    color :rgb(196,216,45);
}

.boite_outil
{
    display :flex;
   border-radius: 5px;
    justify-content: center;
    flex-wrap: wrap;
    border : 1px solid black;
    padding : 10px;
    background-color: white;
    width: 600px;
}

.balise_photo
{
    border : 1px solid black;
    padding : 10px;
    width : 175px;
    
}

.balise_photo img
{
    width : 90% ;
    height: auto;
}

.entete_enskids
{
       background-color: #16284c;
    width: 1800px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.entete_ensjunior
{
       background-color: #e17795;
    width: 1920px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.entete_ensadulte
{
       background-color: #0076bd9c;
    width: 1920px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}
.entete_encours
{
       background-color: gray;
    width: 1920px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.feuille
{
     max-width: 1000px;
    font-size: 1.1em;
    /* text-align: center; */
    
    
}

.feuille2
{
     
    font-size: 1.1em;
  
    
    
}
.texte
{
    min-width: 1000px;
    background-color: white;
    padding: 10px;
}

.ent_center
{
    min-width: 1000px;
}

.cursus
{
    width: 1700px;
}

.cursus p
{
   /* text-align: center;*/
}

.math11 td
{
    border-right: 1px solid gray;
    border-bottom: 3px solid #bfbebe;
    min-width: 50px;
    background-color: #e3e2e2;
    height: 10px;
    text-align: center;
}

.math11 td a
{
    display: block;
    width: 100%;
    height: 100%;
}

.math11 td:hover
{
    background-color: gray;
}

.cursus table
{
    border-collapse: collapse;
}
.texte img
{
    max-width: 800px;
}

.pixel
{
    display: flex;
    justify-content: center;
    max-height: 15px;
}

.entete_menu
{
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: #a8a1df;
    color : white;
    width: 280px;
}

.entete_menu2
{
    display: flex;
    align-content: center;
    justify-content: center;
    background-color: #f8a64a;
    color : white;
    width: 330px;
}

.entete_menu h2
{
    text-align: center;
    /* color: #8a2b63; */
    font-family: Garamond;
    border-left: 4px solid white;
    border-right: 4px solid white;
    padding: 10px;
    font-size: 1.1em;
}

.entete_menu div
{
    display: flex;
    align-items: center;}

.entete_menu2 h2
{
    text-align: center;
    /* color: #8a2b63; */
    font-family: Garamond;
    border-left: 4px solid #87255f;
    border-right: 4px solid #87255f;
    min-width: 200px;
}

.entete_menu2 div
{
    display: flex;
    align-items: center;}

.right h1
{
        width: 280px;
    text-align: center;
    min-height: 50px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #a8a1df;
    color: white;
     padding-top: 10px;
    padding-bottom: 10px; 
    min-width: 200px;
    font-size: 1.1em;
}

.right h1 a
{
    text-decoration : none ;
    color: #515151;
}

.right h1 a:hover
{
 
    color: darkmagenta;
}
.corps_menu
{
  background-color:#a8a1df;
 /* font-size: 1.1em;*/
  width: 280px;
}

.corps_menul
{
  background-color:#ffe0ed;
  font-size: 1.1em;
  width: 280px;
}

.tchauu
{
    text-align: center;
}

.corps_menu a
{
  
   color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
  
}

.corps_menul a
{
  
   color: #515151;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
  
}
.corps_menu li
{
  
padding: 2px;
  
}

.corps_menul h2
{
  
background-color: #a8a1df;
    height: 40px;
    display: flex;
    align-items: center;
     justify-content: center;
  
}

.corps_menul li
{
  
padding: 2px;
  
}

.corps_menu a:hover
{
  
   color: lightsalmon;
    text-decoration: underline;
   
  
}

.corps_menul a:hover
{
  
   color: darkmagenta;
    text-decoration: underline;
   
  
}

.corps_menu h3
{
    margin: 5px;
    color : white;
}

.ent_center
{
    background-color: #90667f;
}


.left h1
{
     min-width: 185px;   
    text-align: center;
    min-height: 50px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    
     
    padding-top: 10px;
    padding: 10px;
}

.fontt
{
    background-color: white;
}

.sonor
{
    display: flex;
    background-color: #f8a64a;
    align-items: center;
    justify-content: center;
}

.sonor p
{
    font-weight: bold;
    color: white;
    font-size: 3em;
        margin: 5px;
    padding: 10px;
}

.Annee, .Matiere
{ 
    min-height: 45px;
    min-width: 325px;
    font-size: 20px;
}

.bouton
{
    min-height: 45px;
    min-width: 305px;
    /* margin-right: 120px;*/
    font-size: 20px;
    
}

.Annee option
{
    font-size: 20px;
}

.pixel2
{
    display: flex;
  
    
    
        flex-direction: column;
    align-items: center;
    
}

.pixel2 a
{
   text-decoration: none; 
}

.pixel2 h1:hover
{
      
    background-color: #f8a64a;
   /* color: #87255f;*/
}

.pixel2 h1
{
      
    background-color: #87255f;
    margin: 10px;
    min-width: 200px;
    min-height: 75px;
    text-align: center;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
     border: 1px solid #87255f;
}

.mytitle
{
    border : 1px solid white; 
    display : flex;
    font-size: 1em;
    align-items: center;
   
}

.mytitle2
{
    border : 1px solid white; 
    display : flex;
    font-size: 1em;
    align-items: center;
    color: white;
   
}

.mytitle2:hover
{
 /* background-color: #f8a64a;*/
}

.biargo
{
    text-decoration: none ;
}


#inscription input 

{
    width: 300px;
    height: 35px;
     
    
}

.contexte
{
    text-align: center;
}

#inscription label
{
    display: inline-block;
    width: 200px;
    text-align: end;
}

#inscription select
{
   width: 300px;
    height: 35px;
     
}

#inscription 
{
    
    font-size: 1.2em;
     
    font-size: 1.2em;
   min-width: 800px;
    padding: 25px;
    border-radius: 10px;
   
    font-size: 1.2em;
    
}

#inscription2 input 

{
    width: 300px;
    height: 35px;
     
    
}


#inscription2 label
{
    display: inline-block;
    width: 200px;
    text-align: end;
}

#inscription2 select
{
   width: 300px;
    height: 35px;
     
}

#inscription2 
{
    
    font-size: 1.2em;
     text-align: center;
    font-size: 1.2em;
   min-width: 800px;
    padding: 25px;
    border-radius: 10px;
   
    font-size: 1.2em;
    
}

#inscription2 label
{
    display: inline-block;
    width: 200px;
    text-align: end;
    
}

#inscription2 p
{
    
    text-align: center;
    
}




.entete_ens h2
{
     font-size: 1.5em;
}

.tchauu p

{
    text-align: center;
}



.tatataw
{
    display: flex;
    align-items: center;
    justify-content: center;
}

 
.tatataw a
{
  min-width: 400px;  
  background-color: #87255f;
    color: white;
    margin: 20px;
    border: 1px solid #87255f;
}

.tatataw a:hover
{
  min-width: 400px;  
  background-color: #f8a64a;
    color: white;
    margin: 20px;
    border: 1px solid #87255f;
}




.tchaw h1
{
        width: 405px;
    background-color: #efefef;
    height: 45px;
    text-align: center;
    border: 1px solid gray;
    color: #767676;
    text-decoration: none;
    
}

.entete_ens h1
{
     text-align: center;
}

.table_affiche
{
    border-collapse: collapse;
}

.table_affiche a
{
    color: #87255f;
    text-decoration: none;
}

.table_affiche a:hover
{
        color: #f8a64a;
}

.table_affiche td, th /* Mettre une bordure sur les td ET les th */
{
   border: 1px solid black;
   height: 50px;
   padding: 5px;
   font-weight: bold;
   width: auto;
         
   /* color: white;
  
      font-size: 20px;*/
}

.table_affiche th
{
    background-color: rgb(244,176,132);
    color: white;
}

.mimo th
{
    background-color: rgb(244,176,132);
    color: white;
}



.mimo2 th
{
    background-color: #e17795;
}

.mimo td
{
    /*  background-color: lightgray;*/
}

.info 
{
    text-align: start;
}

.info h2
{
     text-align: start;
}

.contenu_cours
{
    font-size: 1.3em;
    width: 950px;
}

.f1
{
 
    /*color: white;*/
    padding: 5px;
    min-width: 950px;
    background-color: white ;
    font-size: 1.2em;
    line-height: 150%;
}

.f13
{
 
    color: white;
    padding: 5px;
    min-width: 950px;
    background-color: #16284c ;
    font-size: 1.2em;
    line-height: 150%;
}


.f1a
{
    border-bottom: 1px dashed gray;
    background-color: #935387;
    padding: 5px;
    width: 800px;
        border-bottom: 1px solid black;
    border-right: 1px solid black;
}

.f1a h2, h3, h4
{
margin: 5px;
}

.f1b h2, h3, h4
{
margin: 5px;
}

.f1b
{
    border-bottom: 1px dashed gray;
    background-color: lightgray;
    padding: 5px;
    max-width: 800px;
}

.f2
{
    
  /* background-color: #a8a1df;
    color: white;
    padding: 5px;
    min-width: 950px;
    border: 1px solid black; */
}

.mick
{
    text-align: center;
}

.lessen
{
    width: 970px;
}

.f3
{
    
    background-color: #87255f;
   
  
    min-width: 950px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
}

.numpage
{
    
}

.wast
{
    display: flex;
    justify-content: center;
    align-items: center; 
    width: 820px;
     color: white;
    font-weight: bold;
}

.f3 a
{
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    display: flex;
    justify-content: center;
    align-items: center; 
}

.vid
{
   background-color: black;
    border: 10px solid #f9f0f0;
    display: flex;
    align-items: center;
    justify-content: center;  
}

vid.video
{
     border: 10px solid white;
}

.yamin 
{
     display: flex;
    justify-content: center;
    align-items: center; 
    background-color: #f8a64a;
    height: 100%;
    min-width: 150px;
    margin-left: 0px;
     color: white;
    font-weight: bold;
     
}

.yamin:hover 
{
    background-color: #0076bd;
  
}

.yasar 
{
     display: flex;
    justify-content: center;
    align-items: center; 
    background-color: #f8a64a;
    height: 100%;
    min-width: 150px;
    margin-right: 0px;
     color: white;
    font-weight: bold;
}

.yasar:hover 
{
    background-color: #0076bd;
  
}

.flh
{
    height: 25px;
    width: auto;
}

.flh2
{
    height: 40px;
    width: auto;
}

.f3 p
{
    padding: 5px;
    display: flex;
    justify-content: center;
    align-items: center; 
    
}

.dttt

{
   display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: white;
    border: 2px solid rgba(135,37,96,0);
}

.dttt:hover
{
     border: 2px solid white;
    background-color: #f8a64a;
}




.cotea
{
    display : flex ; 
    align-items : center;
    justify-content: end;
    margin-right: 80px; 
    width : 420px
}

.coteb
{
    display : flex ; 
    align-items : center;
    margin-left: 80px; 
    width : 420px
}

.triple
{
     display : flex ; 
    align-items : center;
    justify-content: center;
    border: 2px dashed;
    padding-right: 15px;
    padding-left: 15px;
}

.triple h1 
{
    border: 3px solid white;
    padding: 8px;
    border-radius: 10px;
    
}

.triple a 
{
    color: black;
    
}

.triple a:hover
{
    color: white;
    
}

.texto
{
    text-align: center;
    font-size: 1.5em;
    
}
.didos
{
display: flex;
    
    flex-wrap: wrap;
    background-color: #16284c;
    align-items: center;
    justify-content: center;
 
}

.papa a
{
    text-decoration: none;
    color: black;
}

.papa a:hover {
    color : darkviolet;
}

#first
{
    color: black;
    text-decoration: none;
}

#first:hover
{
    color :white;
}