/* RESET */



* {



    box-sizing: border-box;



}





#rangpa



{



    width: 45px;



    text-align: center;



}







.marquee {



  width: 100%;



  overflow: hidden;



 



  white-space: nowrap;



  margin: 0px;



    padding: 0px;



}







.marquee-content {



  display: inline-block;



  animation: scrollText linear infinite;



  margin: 0px;



}







.alc_anim {



  display: inline-flex;



  align-items: center;



  margin-right: 50px;



}







.text-marquee {



  padding: 0 20px;



  display: inline-block;



  color: white;



  font-size: 1.1em;



}







.extra-text {



  color: white;



  font-weight: bold;



  padding: 0 20px;



}







.fit-picture {



  height: 25px;



  margin: 0 10px;



}







.marquee:hover .marquee-content {



  animation-play-state: paused;



}











@keyframes scrollText {



  from {



    transform: translateX(-50%);



  }



  to {



    transform: translateX(0);



  }



}











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



}



.adsan1



{



    width: 100%;



    max-width: 1000px;



    max-height: 250px;



     margin: 20px auto;



  text-align: center;



}







.adsan2



{



    width: 100%;



    max-width: 1000px;



    max-height: 250px;



     margin: 20px auto;



  text-align: center;



  position: sticky;



    top: 50px;



}







.adsan3



{



    width: 100%;



    max-width: 1000px;



    max-height: 250px;



     margin: 20px auto;



  text-align: center;



  position: sticky;



    top: 50px;



}



.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: 0;



    margin-bottom: 0;



    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: 45%;



}







.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: 13px;



    



 }







 #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: #080707;



    display: flex;



    color: white;



    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;



    height: 50px;



}







.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: 50px;



}







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%; */



        font-family: 'Tajawal';



  /*  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: white;



    background-image: url(images/logo_imp5.png);



    background-position: right;



    background-repeat: no-repeat;



    background-color: #745552;



    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 ;



   



}







#irseltype



{



    min-width: 500px;



    min-height: 45px;



    border-radius: 10px;



    margin-top: 10px;



    font-size: 1.1em;



    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;



}







.interne22



{



        display: flex;



    align-items: center;



    justify-content: center;



    background-color: #add8e6;



    /* 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;



}



.bbb



{



    padding: 10px;



    margin: 0;



}



m124



{



    display: flex;



}







.m125



{



    display: inline-block;



    width: 150px;



    text-align: center;



}



.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: 45px;



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



       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; */



}







.tabler







{



   width: 100%;



    border-collapse: collapse;



}







.user-agent



{



     max-width: 280px;        /* limite sans bloquer */



    white-space: normal;



    overflow-wrap: anywhere;



}







.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: #16284c;



   font-family: 'Tajawal';



  



    min-width: 950px;



    display: flex;



    justify-content: center;



    align-items: center;



    height: 35px;



        position: sticky;



   top: 50px; 



  /* bottom : 0px; */



    border: 3px solid white;



}







.f333



{



    



     background-color: #16284c;



    font-family: 'Tajawal';



    min-width: 950px;



    display: flex;



    justify-content: center;



    align-items: center;



    height: 35px;



    



    width: 1000px;



    border: 3px solid white;



      position: fixed;



    bottom: 0;



    left: 50%;



    transform: translateX(-50%);



    



}







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



}







.f333 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: #0076bd;



  



}







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



    



}







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



}







.gatous a {



    display: block;



    text-decoration: none;



    color: #16284c;



}







.gatous td {



    color: #5b548e;



    padding: 10px;



}







.gatous td:hover {



    background-color: #87255f;



}







.gatous td:hover a {



    color: white;



    text-decoration: underline;



}







.gatous



{



  background-color: #dcbfd0;



    padding: 10px;



    text-align: center;



    border: 1px solid black;



}







.cotea



{



    display : flex ; 



    align-items : center;



    justify-content: start;



    margin-right: 60px; 



    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 h2:hover



{



      



    background-color: #f8a64a;



   /* color: #87255f;*/



}







.pixel3 h2



{



      



    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: 50%;



}







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



}