#rangpa
{
    width: 45px;
    text-align: center;
}

.rangpah
{
    text-align: center;
}

.f130
{
    border: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.fgf
{
    border: 1px solid gray;
    background-color: #f5eef6;
    padding: 10px;
    border-radius: 5px;
    width: 400px;
    background-color: white;
}

.contenu
{
        display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    background-color: #078ca1;
    /* color: #fefefe; */
    height: 40px;
    position: fixed;
    z-index: 1000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-family: Tajawal;
}

.boireau
{
    position: sticky;
    top: 50px;
}

.toireau
{
     
    background-color: white;
    margin-left: 5px;
}

.tipo
{
    max-width: 1160px;
}

.boireau h2
{
   background-color: #16284c;
    /* height: 40px; */
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1em;
    font-family: Tajawal;
    padding: 5px;
}

.nidoo
{
    margin-left: 120px;
}

.fgf1
{
    text-align: start;
}

.gfg
{
    border: 1px solid gray;
    background-color: wheat;
    padding: 10px;
    border-radius: 5px;
    width: 400px;
    
}
.gfg1
{
    text-align: start;
    margin-right: 180px;
    margin-right: 180px;
}

.rrrsp
{
    display: inline-block;
    color: red;
}


.rf22
{
    border-bottom: 3px solid black;
    /* background-color: #078ca1; */
    color: white;
    margin-right: 50px;
    margin-left: 50px;
    
}




.entete_contact 
{
display: flex;
justify-content: center;
    display: flex;
    justify-content: center;
    background-color: #16284c;
    color: white;
       padding: 0px 10px 0px 10px;
}

.entete_contact h1
{
    min-width: 300px;
}

.entete_contact h2
{
    min-width: 300px;
    font-size: 1em;
}

.treret
{
    display: flex;
    flex-direction: column;
}

.treret div
{
    display: flex;
    margin-top: 0;
    margin-bottom: 0;
}

.treret h3

{
    font-weight: normal;
    font-size: 1em;
    text-align: center;
}


.brandt
{
   width: 150px;
    text-align: start;
    font-size: 0.9em;
    font-weight: normal;
}
.toggleBtn
{
   color: white;
    width: 940px;
    height: 45px;
    
    background-color: #16284c;
    font-size: 1.25em;
    font-weight: bolder;
}
.element 

{
            display: none; /* Masqué par défaut */
            margin-top: 10px;
            background-color: #16284c;
            padding: 10px;
            border-radius: 5px;
        }

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

.oioi
{
    display: flex;
}

.oioi2
{
    text-align: start;
}

.examin_droite 
{
    border-left: 1px solid black;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0px;
    text-align: center;
}

.hjk
{
    text-align: center;
}

#nbr_partie
{
    width: 100px;
}

#tabody
{
    display: flex;
}

.progg
{
    font-size: 1.2em;
}

.progg a
{
   text-decoration: none;
}

.interne a
{
   text-decoration: none;
}

.forza
{
        text-align: start;
    display: flex;
    flex-wrap: wrap;
}

.forza h4

{
    padding: 10px;
    font-weight: normal;
    width: 360px;
}

.ikk
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2em;
}



#trrt
{
     /*   padding-left: 10px;
    padding-right: 10px; */
}

body
{
     width: 1800px;
    margin: 0px;
}

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

html
{
    display: flex;
    align-items: center;
    background-color: #f5eef6;
    justify-content: center;
}

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

.bande_noir
{
    width: 100%;
    background-color: #a8a1df;
    height: 40px;
    text-align: center;
    font-size: 0.9em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
        
}
.protection
{
    text-align: center;
    background-color: red;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.ilgha
{
    display: inline-block;
    width: 250px;
    height: 25px;
    padding-top: 15px;
    font-size: 0.9em;
}
.correction
{
    text-align: center;
    background-color: #add8e6;
    border: 1px solid black;
    padding: 5px;
   
}
.ilgha2
{
    display: inline-block;
    width: 150px;
    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;
    font-family: 'Tajawal';
}

.disney2
{
    display: inline-block;
    width: 500px;
    text-align: center;
        font-size: 0.8em;
}


.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;
   justify-content: center;
}

.vestige
{
    text-align: center;
}

#mois
{
    width: 220px;
}

#proprietaire
{
    width: 60px;
}

#annee
{
    width: 60px;
}

#fini
{
    width: 60px;
    
}

#choixno
{
    width: 60px;
    max-height: 40px;
}

#choixyes
{
    width: 60px;
     height: 40px;
}


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

.cccc h1
{
    padding: 10px;
}

#revision
{
    width: 60px;
}

#mois
{
    width: 60px;
}

#nbr_soustitre
{
    width: 120px;
}


#activation
{
    width: 60px;
}

#code_matiere
{
    width: 60px;
}

#rang_module
{
    width: 60px;
}

#rang_test
{
    width: 60px;
}

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

.frdem p
{
    width: 240px;
    text-align: center;
}

.elwast
{
    text-align: center;
    max-width: 800px;
        font-family: tajawal;
}

.elwast p
{
    text-align: center;
}

.illitin
{
    min-width: 100px;
    display: inline-block;
    text-align: start;
    font-weight: bold;
}

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

}

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

.papa h2
{
    text-align: right;
}

.papa h1
{
    font-size: 2em;
    color: red;
    max-width: 720px;
}

.isar
{
    min-width: 100px;
}

#supress
{
    border: 1px solid black ;
    background-color : #efefef;
   display: flex;
    justify-content: center;
    align-items: center;
    min-height: 45px;
    width: 300px;
    font-size: 20px;
    
}

#rettte
{
    width : 600px; 
    background-color : wheat; 
    margin : 5px; 
    border : 2px solid black;
}

.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;
        overflow: hidden;
        
}

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

.ninome 
{
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Tajawal';
}

.ninome2
{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Tajawal';
}

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

.niom
{
    text-align: center;
}

.choix3
{
    border: 2px solid #010101;
    background-color: #dcbfd0;
     text-align: center;
    min-width: 700px;
    font-family: tajawal;
}


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

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

.choixchoix2 input
{
    min-height: 45px;
    width: 300px; 
    font-size: 20px;
}

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

.choixchoix 
{
    text-align: center;
    min-width: 700px;
    font-family: 'Tajawal';
}

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

.ttrrt
{
    background-color: #0000ff61;
    padding: 15px;
}

.ttrrt2
{
   background-color: #d9b6cb;
    padding: 15px; 
}

.ttrrt2:hover
{
   background-color: #0000ff61;
    padding: 15px; 
}


.betoun a

{
    text-decoration: none;
}


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

.choixchoix2 label
{
    min-height: 45px;
    min-width: 200px;
    font-size: 20px;
}


.rakam
{
    width: 50px;
}



/* @media only screen and (max-width: 768px) {
  .contenu {
    display: none;
  }
} */

.contenu2
{
    display: flex
;
    color: #16284c;
    justify-content: center;
    font-family: garamond;
}

.Title
{
     
    
  text-decoration: none;   
     
}

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

.bouuton2
{
    margin: 5px;
   
}

.bouuton a
{
     
    margin: 10px;
    padding: 5px;
    text-decoration: none;
    
    width: auto; 
    font-size: 1.1em;
}
.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: 400px;
    height: 31px;
    font-family: garamond;
    text-align: center;
    border: 1px solid black;
    border-radius: 15px;
    /* font-size: 1.25em; */
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    font-family: Tajawal;
    

}

 #recherche:hover 
{
 
   
   
    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;
    
    
}
.f1010
{
    
    text-align: center;
        padding: 0px;
    margin: 0px;    
}
  #bande_rouge

 {

    display: flex;
    background-color: lightgray;;
    color: black;
    height: 65px;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #16284c;
    width: 100%;
    margin: 0;
    background-color: font-size: 1.05em;
     font-family: garamond;
}
.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;
    
    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;
    justify-content: center;
    
}

#pied_de_page
{
   
    font-family: garamond;
    width: 85%;
    /* 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;
    align-items: center;
}

#chifra
{
    width: 400px;
}

#validate
{
    width: 70px;
}
.tabulota
{
    display: flex;
    justify-content: center;
}
 
#page
{
   background-color: white;
    margin: 0px;
    border-bottom: 1px solid gray;
    font-family: garamond;
     
}
.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%;
}
.ccccc
{
    display: flex;
    flex-direction: column;
}
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;
}

.ens p
{
        margin: 0px;
    padding-bottom: 50px;
    text-align: center;
    /* color: #8a2b63;*/
    font-weight: bold;
}

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

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

nav
{
    width: 100%;
    margin: 0;
    background-color: #f4b084;
   /* position: sticky;
    top: 0px; */
    text-align: center;
    display: flex;
    justify-content: center;
}

.midoumidou2
{
    color: green;
        font-family: 'Tajawal';
}

.midoumidou 
{
    color: red;
        font-family: 'Tajawal';
}

nav2
{
    width: 100%;
    margin: 0;
    background-color: #f4b084;
   /* position: sticky;
    top: 0px; */
    text-align: center;
    display: flex;
    justify-content: center;
}



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

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

.tt_mat
{
        font-size: 1.2em;
    color: #0808be;
}

.kissimo
{
    background-color: #e5d0cb;
     
    font-size: 0.95em;
    border-bottom: 2px solid #1836b2;
}

.thkissimo
{
    background-color: #ffc301;
    border: 2px solid #ffffff;
}

.thkissimo2
{
    background-color: #935387;
    border: 2px solid #ffffff;
}

.kissimo2
{
    
    font-size: 0.95em;
    border-bottom: 2px solid #1836b2;
}

.missimo
{
    border-bottom: 2px solid #1836b2;
        background-color: #e5d0cb;
}

.dissimo
{
    background-color: #e5d0cb;
}

.dissimo2
{
    background-color: rgb(7 140 161);
    color: white;
}

.dissimo3
{
    background-color: #935387;
    color: white;
}

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

.tasjil
{
    height: 45px;
    border: 1px solid black;
    display: flex;
    align-items: center;
    padding-right: 5px;
    font-size: 1em;
}

.tasjil:hover
{
    background-color: #935387;
    color: white;
}

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

nav a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: white;
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
    font-family: 'Tajawal';
    font-size: 1.1em;
    height: 20px;
}

nav a:hover 
{
    color: white ;
    border-bottom: 2px solid white;
    background-color: #a8a1df ;
}



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

.sous li 
{
    float: none;
    width: 75%;
    text-align: left ;
    font-size: 0.9em;
    
}

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

.sous a:hover
{
    border-bottom: none;
    background-color: #87255f;
}


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

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

marquee a
{
    color:  #ffcbaa;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.15em;
    
}

marquee a:hover
{
    color: white;
     
    
}

nav ul li
{
   float: left;
    min-width: 193px;
    text-align: center;
    position: relative;
}

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

@media screen and (max-width: 768px) {
   header {
        
       max-width: 90%;
    }
    }

 .carrem 

{
    height: 160px;
    width: 160px;
    background: white;
    border-bottom: 5px solid #8a2b63;
    border-right: 5px solid #8a2b63;
    border-left: 1px solid #8a2b63;
    border-top: 1px solid #8a2b63;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
     z-index: 900;
}

 .carrem:hover

{
    height: 160px;
    width: 160px;
    background: white;
    border-bottom: 1px solid #8a2b63;
    border-right: 1px solid #8a2b63;
    border-left: 5px solid #8a2b63;
    border-top : 5px solid #8a2b63;
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

.carrem p
{
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    padding: 10px;
    width: 85px;
    text-align: center;
    font-family: Garamond;
   font-weight: bold;
    color: black;
}

.carrep 

{
    height: 160px;
    width: 160px;
    background: white;
    border-bottom: 5px solid #e17795;
    border-right: 5px solid #e17795;
    border-left: 1px solid #e17795;
    border-top: 1px solid #e17795;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

 .carrep:hover

{
    height: 160px;
    width: 160px;
    background: white;
    border-bottom: 1px solid #e17795;
    border-right: 1px solid #e17795;
    border-left: 5px solid #e17795;
    border-top : 5px solid #e17795;
    -ms-transform: rotate(45deg); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

.carrep p
{
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    padding: 10px;
    width: 85px;
    text-align: center;
    font-family: Garamond;
   font-weight: bold;
    color : black;
}

.carrej 

{
    height: 160px;
    width: 160px;
    background: white;
        border-bottom: 5px solid #0076bd;
    border-right: 5px solid #0076bd;
    border-left: 1px solid #0076bd;
    border-top: 1px solid #0076bd;
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
}

 .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); /* Internet Explorer */
    -moz-transform: rotate(45deg); /* Firefox */
    -webkit-transform: rotate(45deg); /* Safari et Chrome */
    -o-transform: rotate(45deg); /* Opera */
}

.carrej p
{
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    padding: 10px;
    width: 85px;
    text-align: center;
    font-family: Garamond;
   font-weight: bold;
    color: black;
}

section
{
    background-color: #f5eef6;
     /*   background-image: url(images/font_header.png);*/
    min-height: 512px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width : 100%;
  /*  justify-content: center;*/
}

section h2
{
    text-align: center;
    /* color: white; */
    font-family: 'Tajawal';
    font-size: 1.3em;
}

.f2 h3
{
    font-family: tajawal;
    font-size: 1em;
}

.rf2 h3
{
    font-family: tajawal;
    font-size: 1.3em;
    color: #16284c;
    background-image: url(images/logo_imp4.png);
    background-position: right;
    background-repeat: no-repeat;
    background-color: #dcbfd0;
    background-size: 10%;
    padding: 7px;
    background-position: left bottom;
    
}

.rf2 
{
border-bottom: 5px solid #16284c;
    padding-top: 20px;
    
}


.ens
{
    width: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 550px;
    font-size: 1.3em;
    background-color: #dcbfd0;
    border: 5px solid #dcbfd0;
   
    
}

.ens:hover
{
    background-color: white;
    border: 5px solid #8a2b63;
    color: #8a2b63;
}

.ens img, .ens2 img, .ens3 img
{
    opacity: 1;
}

.ens img:hover 
{
    opacity: 1;}

.ens a, .ens2 a, .ens3 a
{
    text-decoration: none;
     color: black;
        min-height: 250px;
}

    
.ens3
{
   width: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 550px;
    font-size: 1.3em;
    background-color: #dcbfd0;
    border: 5px solid #dcbfd0;
   
    
}

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


.ens2
{
    width: 340px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 550px;
    font-size: 1.3em;
    background-color: #0076bd40;
    border: 5px solid #dcbfd0;
   
    
}

.ens2:hover
{
    background-color: white;
    border: 5px solid #e17795;
    color: #e17795 ;   
    
   
}


#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;
}

.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: center;
    width: 1250px;
    background-color: white;
    font-weight: bold;
    padding: 20px;
    
}

.ligne
{
   display: flex;
    align-content: center;
    justify-content: center;
    min-height: 150px;
    font-family: 'Tajawal';
    font-size: 0.9em;
}

.lignep3
{
    text-align: center;
   font-family: 'Tajawal';
    font-size: 1.2em;
}

.lignep
{

   text-align: center;
    color: #87255f;
    /* font-size: 1.1em;*/
    font-family: 'Tajawal';
     
}

.lignep2
{

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

.raas
{
    font-size: 1.1em;
}

.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;
       /* max-width: 1200px; */
    
}

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

.ijko
{
    text-align: center;
   
    width: 750px;
    color: white;
    font-family: 'Tajawal';
    font-size: 1.5em;
    width: 85%;
}

.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: tajawal ;
   
}

.trimestre1
{
    background-color: #16284c;
    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: #f4b084;
    /* border-bottom: 1px solid black; */
    /* border-right: 1px solid black; */
    height: 35px;
}

.interne2
{
        display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e5d0cb;
    /* border-bottom: 1px solid black; */
    /* border-right: 1px solid black; */
    height: 35px;
}

.interne h4
{
  min-width: 200px;
    text-align: center;
    font-family: 'Tajawal';
    font-size: 0.9em;
    /* font-style: italic; */
    font-weight: normal;
}

.interne2 h4
{
  min-width: 200px;
    text-align: center;
    font-family: 'Tajawal';
    font-size: 0.9em;
    /* font-style: italic; */
    font-weight: normal;
}
.presentation
{
    font-size: 1.2em;
    width: 1000px;
}

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

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

.barredef

{
        background-color: #078ca1;
    height: 30px;
    width: 1800px;
    color: white;
    margin: 0px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
}

.numbers_title 

{
    color: #87255f;
    font-size: 1.5625rem;
    font-weight: 500;
    text-align: center;
}

.numbers__block {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

.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;
    
}
.entete
{
border-collapse: collapse;
    width: 100%;
    background-color: lightblue;
    font-family: 'Tajawal';
    font-size: 0.9em;
}
.entete td
{
            border: 2px solid black; 
            padding: 8px;  
            text-align: 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
{
   font-size: 1.2em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    font-family: Tajawal;
    background-image: url(images/slide4.jpg);
    color: white;
}
    
}

.tarification_table tbody
{
        background-color: white;
    text-align: center;
}

.tarification_table th
{
        background-color: rgb(7 140 161);
    border: 2px solid #ffffff;
    color: white;
    font-size: 1.05em;
}

.tarification_table a
{
      
    text-decoration: none;
    color: white;
}

.tarification_table a:hover
{
      
    text-decoration: none;
    color: #ffc301;
     
    text-decoration: underline;
}

.tarification_table td
{
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #fefeff;
    text-align: center;
     
}

.tarification_table
{
     
        border: 2px solid #1836b2;
    font-family: 'Tajawal';
    font-size: 0.9em;
    font-weight: normal;
}

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

.tittle
{
    text-align: center;
}

.yiop
{
    max-width: 1200px;
     font-family: Tajawal;
}


.ligne_et
{
   
    background-color: #16284c;
    display: flex;
    align-items: center;
    justify-content: start;
    padding: 10px;
    direction: ltr;
}

.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;
  
    
    
}

.f20
{
    font-size: 1.2em;
    text-align: start;
    padding-top: 15px;
}

.beton
{
     background-color: #e5d0cb;
       font-family: 'Tajawal';
}

.rbeton
{
     background-color: white;
       font-family: 'Tajawal';
}

.beton2
{
     background-color: white;
        font-family: garamond;
    border: 2px solid black;
    padding: 10px;
    text-align: center;
}
.f22
{
    
 padding: 5px;
    /* min-width: 950px; */
    border-bottom: 1px solid #16284c;
    background-color: #dcbfd0;
    font-size: 1.1em;
    max-width: 900px;
    margin-left: 50px;
    margin-right: 50px;
    border-right: 1px solid black;
  
}

.rf22 h3
{
        font-size: 1.1em;
   
    background-color: #078ca1;
    padding: 5px;
}

.f220
{
    text-align: start;
    padding-top: 15px;
}

#trrt2
{
    background-color: #f5eef6;
    border-bottom: 3px solid #f5eef6;
    border-right: 1px solid #f5eef6;
}
.texte
{
    min-width: 1000px;
    background-color: white;
    padding: 10px;
}

.ent_center
{
    min-width: 1000px;
}

.cursus
{
    width: 1700px;
    margin: 0px;
}

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

.acti

{
    background-color: #f8a64a;
    border-bottom: 3px solid #a57137;
    border-right: 1px solid #a57137;
}

.deac
{
    border-bottom: 3px solid #5548b5;
    background-color: #a8a1df;
          border-right: 1px solid #5548b5;
}


.math11 td
{
   /* border-right: 1px solid #5548b5;
    border-bottom: 3px solid #5548b5;*/
    min-width: 40px;
/*    background-color: #a8a1df; */
    height: 10px;
    text-align: center;
}

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

.math11 td:hover
{
    background-color: #87255f;
    border-bottom: 3px solid #531539;
    border-right: 1px solid #531539;
}

.kioper

{
    width: 100%;
    background-color: #0f0f57;
    height: 40px;
    text-align: center;
    font-size: 0.9em;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0px;
    margin-top: 0px;
    font-family: Tajawal;
}
.emetteur
{
    
    
}


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

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

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

.lign
{
    display: flex;
}

.lignmoy
{
    display: flex;
    border-top: 1px solid black;
}

.inptawa input
{
    height: 45px;
    border-radius: 10px;
}

.majel
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    justify-content: center;
    background-color: #dcbfd0;
    padding: 20px;
}
.twatwa
{
    width: 150px;
    font-size: 1.2em;
    display: flex;
    align-items: center;
}

.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: 1em;
    min-width: 160px;
}

.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: 100%;
    text-align: center;
    min-height: 50px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
    min-width: 200px;
    font-size: 1em;
    border-bottom: 2px solid #0e0c0b;
    background-color: #dcbfd0;
    font-weight: normal;
}

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

.right h1 a:hover
{
 
    color: darkmagenta;
}

.corps_menu
{
    background-color: rgb(7 140 161);
    font-size: 0.9em;
    width: 280px;
    /* padding-top: 20px; */
    /* padding-bottom: 20px; */
    max-height: 600px;
    overflow: auto;
    direction: ltr;
    border-top: 10px solid #078ca1;
    border-bottom: 10px solid #078ca1;
}

.membre_chat
{
  background-color: rgb(220 191 208);
        text-align: start;
    width: 280px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 0.9em;
     
}

.corps_menu2
{
      background-color: rgb(7 140 161);
    font-size: 0.9em;
    width: 280px;
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    font-family: 'Tajawal';
    font-weight: normal;
}

.corps_menul
{
  background-color: #078ca1;
    font-size: 1em;
    width: 280px;
    border-bottom: 5px solid #16284c;
    font-family: Tajawal;
    color: white;
}

.tchauu
{
    text-align: center;
    max-width: 1200px;
    font-family: 'Tajawal';
}

 







#bggb
{
    border-bottom: 2px solid black;
    padding: 5px;
    margin-bottom: 15px;
    background-color: #e5d0cb;
}

#bggb:hover
{

    background-color: #f8a64a;
}

#bggb2
{
     
    border-bottom: 2px solid black;
    padding: 5px;
    margin-bottom: 15px;
    background-color: #e5d0cb;
    color: #16284c;
    
}

#bggb2:hover
{

    background-color: #f4b084 ;/* #a8a1df;*/
}

#bggb21
{
    
    padding: 5px;
    margin-bottom: 15px;
    
    color: black;
    font-size: 1.1em
}

.membre_chat a
{
text-decoration: none;
}

.titre_chat
{
        text-align: center;
    font-size: 1.5em;
    color: white;
    margin-bottom: 15px;
}

#bggb21:hover
{

    background-color: #a8a1df;
}

.fin_fin
{
        background-color: #87255f;
    color: white;
    padding: 10px;
  
}

.fin_fin2
{
          background-color: #ffc301;
         border: 1px solid black;
    padding: 10px;
  
}

.fin_fin2 h2
{
    margin: 5px;
}


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

.ikk2
{
    min-width: 250px;
}

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

.corps_menul a
{
  
   color: #16284c;
    text-decoration: none;
    font-weight: bold;
    font-size: 1em;
  
}

.corps_menu li
{
  
padding: 2px;
  
}

.corps_menul h2
{
  
    background-color: #16284c;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.1em;
    font-family: Tajawal;
  
}

.corps_menul li
{
  
padding: 2px;
  
}

.corps_menu a:hover
{
  
   color: rgb(22 40 76);
    text-decoration: underline;
   
  
}

.ccc
{
    min-width: 500px;
}

.corps_menul a:hover
{
  
   
    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;
    font-size: 1.2em;     
    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;
    font-family: 'Tajawal';
}

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

.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;*/
}
.f44
{
    min-width: 950px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 35px;
    padding: 25px;
    
}

.f45
{
    background-color: #8a76e8;
    min-width: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: white;
    /* border-bottom: 3px solid #16284c; */
    border-radius: 5px;
    
}

.f44 a
{
  text-decoration: none;  
}

.f46
{
    background-color: #87255f;
    min-width: 450px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
    color: white;
    
    border-radius: 5px;
        padding: 0px 10px 0px 10px;
    
}

.f46:hover
{
    background-color: #f8a64a;   
    
}

.f45:hover
{
    background-color: #f8a64a;   
    
}

.diode
{
       font-size: 1em;
    display: flex;
    direction: rtl;
    max-width: 1200px;
    
}


 
#ttmm
{
    font-size: 1.1em;
    color: white;
}

#rttmm
{
    font-size: 1.1em;
    color: black;
}

#ttmm2
{
    font-size: 1.1em;
    color: white;
    text-align: center;
}
.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;
    font-size: 1.25em ;
    font-family: 'Tajawal';
}

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

.mytitle2
{
    
    display : flex;
    font-size: 1.1em;
    align-items: center;
    color: white;
   
}

.chaters
{
    text-align: center ;
}

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

.contenu_programme
{
    background-color : /* #8ac0c2 */ #e5d0cb;   
    padding: 20px ;
  /*  border : 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: center; 
    flex-direction: column;
    
  /*  background-image: url(images/kids.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: right bottom;*/
}

.contenu_programme h3
{
    font-family: tajawal;
    font-weight: normal;
    font-size: 0.9em;
}


.contenu_image
{
/* background-color: #e5d0cb; */
    padding: 0px 20px 0px 20px;
    /* border: 1px solid black; */
    display: flex;
    align-items: center;
    justify-content: center;
   /* flex-direction: column; */
    border-bottom: 5px solid white;
    border-top: 5px solid white;
  /*  background-image: url(images/logo_imp4.png);  
    background-position: right;
    background-repeat: no-repeat;
    background-size: 12%;
    background-position: center bottom; */
}

.contenu_image img
{
    border-top: 15px solid #e5d0cb;
    width: 100%;
    height: auto;
    border-left: 40px solid #e5d0cb;
    border-bottom: 15px solid #e5d0cb;
    border-right: 40px solid #e5d0cb;
}

.contenu_image2
{
    border: 1px solid black;
    background-color: white;
}

.prprp
{
     background-color: white;
    color: black;
    
    padding: 15px;
  /*  border: 1px solid black; */
    line-height: 1.6;
    margin: 10px;
    text-align: start;
    font-size: 1em; 
}

.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;
    text-align: center;
    font-size: 1em; 
    border-radius: 10px;
    
}


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

#inscription2 select
{
width: 310px;
    height: 45px;
    text-align: center;
    font-size: 1em;
    border-radius: 10px;
     
}

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

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

.textora
{
    min-width: 100px;
    display: inline-block;
    text-align: center;
}

.ilimin
{
    min-width: 100px;
    display: inline-block;
    text-align: end;
    font-weight: bold;
    font-family: garamond;
}

#inscription2 p
{
    
    text-align: center;
    
}

.mkj
{
    color: red;
}

.ttitree
{
    font-family: tajawal;
}

.miopart
{
    font-family: tajawal;
}

.cercle_cursus

{
    width: 40px;
    height: 40px;
    border-radius: 30%;
   border-bottom: 1px solid #5548b5;
    background-color: #a8a1df;
    border-right: 1px solid #5548b5;
   
   
}

.cercle_cursus:hover

{
  border-bottom: 1px solid #5548b5;
    background-color: #87255f;
    border-right: 1px solid #5548b5;
   
   
}


.trim1
{
    display: flex;
    align-items: center;
    justify-content: center;
   /* background-color: #ff00001a; */

}

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

}

.trim2
{
    display: flex;
    align-items: center;
    justify-content: center;
  /*  background-color: #00a4ff1a; */

}

.trim3
{
    display: flex;
    align-items: center;
    justify-content: center;
   /* background-color: #00800026; */

}

.separtiv
{
    background-color: white;
    padding: 2px;
    width : auto; 
    height :50px
}

.cercle_cursus_vierge
{
    width: 40px;
  /*  height: 40px;*/
    border-radius: 50%;
    
}

.second
{
     width: 100%;    /* Occupe toute la largeur du parent */
  height: 100%;
     display: flex;
     align-items: center;
    justify-content: center;
        color: white;
    text-decoration: none;
}


.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;
}

.ann_imm input
{
    width: 450px;
    height: 35px
}

.ann_imm select
{
    width: 250px;
    height: 35px
}

.ann_imm
{
    font-size: 1.25em;
}

.table_affiche a
{
    color: #07195d;
    text-decoration: none;
}

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

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

.table_affiche th
{
    background-color: rgb(244,176,132);
    color: white;
    border-bottom: 2px solid;
    border-top: 2px solid;
   /*  border-left : 2px solid white;
   border-right : 2px solid white; */
    
}

.table_affiche td
{
   /* border-left : 2px solid white;
   border-right : 2px solid white; */
    
}

.mimo th
{
    background-color: rgb(7 140 161);
    color: white;
    border: 1px solid black;
}



.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: #e5d0cb ;
    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%;
}

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

.f15
{
 
    color: white;
    padding: 5px;
    background-color: #a8a1df;
    font-size: 0.9em;
    /* line-height: 150%; */
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

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

.wont p

{
    min-width: 80px;
    text-align: center;
}


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

.f1a2

{
    
    background-color: #dcbfd0;
    padding: 5px;
    width: 800px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    max-height: 220px;
    overflow: auto;
}

.rf1a2

{
    
    background-color: #dcbfd0;
    padding: 5px;
    width: 800px;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    /* max-height: 420px; */
    overflow: auto;
}

.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: #7d8087;
    color: white;
    padding: 5px;
    min-width: 950px;
    border-bottom: 2px solid #16284c;
    border-left: 2px solid #16284c;
    font-size: 1.3em;
    background-image: url(images/logoiltt.png);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 10%;
    background-position: left;
}

.mick
{
    text-align: center;
}

.lessen
{
    width: 970px;
}

.f3
{
    
    background-color: #078ca1;
   font-family: 'Tajawal';
  
    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: 1em;
    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;
  
}

.waitnoug
{
    max-width: 1200px;
}

.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: #87255f;
  
}

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

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

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

.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;
}

.marhbe
{
    text-align: center;
    display: flex;
        font-family: 'Tajawal';
}
.messg
{
   min-width: 500px;
    min-height: 300px;
    border-radius: 10px;
    border: 1px solid #dcbfd0;
}

 

#chatForm
{
    padding: 10px 15px;
    background: #16284c;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 1.25em;
    min-height: 315px;
}

.cotea
{
    display : flex ; 
    align-items : center;
    justify-content: start;
    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;
    flex-wrap: wrap;
   /* border: 2px dashed; 
    padding-right: 15px;
    padding-left: 15px; */
}

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

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

 

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

.ttou
{
    text-align: center;
    width: 80px;
    margin: 0px;
}

.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: white;
    text-decoration: none;
}

#first:hover
{
    color :white;
}


.pixel3
{
   /* display: flex;*/
    align-items: center;
    justify-content: center;
    
}

.pixel3 a
{
   text-decoration: none; 
}

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

.pixel3 h1
{
      
    background-color: #a8a1df;
    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;
}

.titrouette
{
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px dashed #87255f;
}

#nbrons
{
  min-width: 200px;
}

.edition
{
    font-size: 1.7em;
    background-color: #ffc301;
    padding: 10px;
    border: 1px solid black;
    
}

.edition2
{
    font-size: 1.7em;
    background-color: #87255f;
    padding: 10px;
    border: 1px solid black;
    color: white;
    
}

.chater

{
    display: flex;
}

.chater p
{
    min-width: 150px;
}

    
      
        
        #groupes-container
        {
            display: flex;
            flex-wrap: wrap;
        }
        .groupe {
            border: 1px solid #ddd;
            padding: 15px;
            margin-bottom: 20px;
            border-radius: 5px;
            background-color: #f9f9f9;
            width: 345px;
           margin: 10px;
        }
        .matiere {
            margin: 8px 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .matiere-nom {
            width: 200px;
            text-align: right;
        }
        .note-container {
            display: flex;
            align-items: center;
        }
        input {
            padding: 5px;
            width: 60px;
            text-align: center;
        }
        .resultats {
            margin-top: 30px;
            padding: 15px;
            background-color: #e9f7ef;
            border-radius: 5px;
            text-align: center;
        }
        .moyenne-groupe {
            font-weight: bold;
            color: #2e7d32;
            margin-top: 10px;
            text-align: center;
            font-size: 1.25em;
        }
        .moyenne-generale {
            font-size: 1.2em;
            font-weight: bold;
            color: #1b5e20;
        }
        
   
        
        #groupes-container
        {
            display: flex;
            flex-wrap: wrap;
        }
        .groupe {
                border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
    width: 335px;
    margin: 10px;
    direction: rtl;
        }
        .matiere {
            margin: 8px 0;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .matiere-nom {
            width: 200px;
            text-align: right;
        }
        .note-container {
            display: flex;
            align-items: center;
        }
        input {
            padding: 5px;
            width: 60px;
            text-align: center;
        }
        .resultats {
            margin: 10px;
            padding: 10px;
            background-color: #e9f7ef;
            border-radius: 5px;
            text-align: center;
            border: 1px solid #cad7d0;
        }
        .moyenne-groupe {
            font-weight: bold;
            color: #2e7d32;
            margin-top: 10px;
            text-align: center;
            font-size: 1.5em;
        }
        .moyenne-generale {
            font-size: 1.2em;
            font-weight: bold;
            color: #1b5e20;
        }
        
    .titre_prin
{
    color: #1a237e;
            text-align: center;
            font-size: 1.5em;
    
    
}

.resultats h2
{
    color: #1a237e;
            text-align: center;
            font-size: 1.5em;
}

.groupe h3

{
    color: #1a237e;
            text-align: center;
            font-size: 1.5em;
}

.formule-calcul
{
    font-size: 1.1em;
}



.tarification_table3 tbody
{
        background-color: white;
    text-align: center;
}

.tarification_table3 th
{
        background-color: rgb(7 140 161);
    border: 2px solid #ffffff;
    color: white;
    font-size: 1.05em;
}

.tarification_table3 a
{
      
    text-decoration: none;
    color: #078ca1;
}

.tarification_table3 a:hover
{
      
    text-decoration: none;
    color: #16284c;
     
    text-decoration: underline;
}

.tarification_table3 td
{
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid #fefeff;
    text-align: center;
     
}

.tarification_table3
{
     
        border: 2px solid #1836b2;
    font-family: 'Tajawal';
    font-size: 0.9em;
    font-weight: normal;
}