#connexion
{
    margin-bottom: 10%;
    
}
#info
{
    margin-top: 10%;
    left:10;
    border: solid 2px;
    max-width: 50%;
    height: 300px;
    margin: auto;    
    border-radius:5%;
    padding:1%;
}
#info2
{
    overflow-y: scroll;
    width: 100%;
    height: 100%;
}

#accueil
{
    max-width:100%;
    padding: 0%;
    margin-top : 10%;
}

#devoir, #formPunition, #ModifierClasse, #modifNote, #formulaireIscription
{
    padding: 3%;
    border: solid 2px black;
    border-radius:5%;
    width:100%;
    margin: auto;
    text-align: center;
}
.enteteAccueil
{
    border:2px solid;
    text-align:center;
    color:white;
    background-color : rgb(109, 19, 121);
    text-shadow: 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000, 0 0 2px #000;
    
}
.information
{
    font-size:1em;
}
.boutonDroite
{
    float:right;
    margin-top:1%;
}
.boutonGauche
{
    float:left;
    margin-top:1%
}

.edt-fleche-gauche
{
    float:left;
}
.edt-fleche-droite
{
    float:right;
}
#absence
{
    overflow-y: scroll;
}
#absenceInjustif
{
    color:red;
}
#divAbsence
{
    /* margin-tp:20px; */
    border:2px solid;
    border-radius: 5px;
    width:100%;
    height:320px
}

#absenceJustif
{
    color : green;
}
#titre
{
    text-align: center;
}
/* #nomEleve
{

} */
/*Edt*/

.etu-index-edt-block{

float:left;

border:2px solid;

width:35%;

height: 80vh;
}



.etu-index-note-block{
 
    border:2px solid;
    width:100%;
    height:320px;

}

.etu-index-abs-block{
    display:block;
    border:2px solid;
    width:100%;
    height:320px;
    margin-top:100vh;
   
}

.etu-index-devoir-block{
   
    width:100%;
    border:2px solid;
    height:350px;
}
.etu-index-contain-ndabs{
    float:right;
    width:50%
}

.div_notes
{
    display: flex!important;
    flex-wrap: wrap;
}

.cookie-block{
    position: fixed;
    background-color: #d6d6d6;
    border-style:solid;
    margin-left:1px;
    margin-bottom:1px;
    padding:2%;
    bottom: 0;
    width:40%;
}
.cookie-info{
    
    float:left;
}
.cookie-button{

    float:right;
    margin-top:1%;
}
#CGU_article1
{
    display : block;
}
#CGU_article2
{
    display : block;
}
#CGU_article3
{
    display : block;
}
#CGU_article4
{
    display : block;
}
#CGU_article5
{
    display : block;
}
#CGU_article6
{
    display : block;
}
#CGU_article7
{
    display : block;
}
#CGU_article8
{
    display : block;
}
#CGU_article9
{
    display : block;
}
#div_container_absence
{
    overflow-y: scroll;
    height:240px
}
.div_list_absenceDeEleve
{
    height:100%
}

.div_list_devoir
{
    margin-left:10px;
    overflow-y: scroll;
    height: 73%;
}
.pageNote
{    
    display: flex!important;
    flex-direction: column;

}
.etu-index-edt{

    display: flex;
    justify-content: center;
    align-items: flex-start;
}
.etu-index-edt-jour{
    height:73vh;
    width:16%;
    font-size:15px;
    margin-left:5px;
    margin-right:1px;
    font-weight: bold;
    border:groove;
}
.francais{
    background-color: cadetblue;
    border-color: #3a6162;
}
.math{
    background-color: yellowgreen;
    border-color:rgb(125, 167, 41);
}

.anglais{
    background-color: tomato;
    border-color:#ad4330;;
}
.histoire{
    background-color: wheat;
    border-color:rgb(204, 185, 149);
}
.ph-ch{
    background-color: orange;
    border-color:rgb(211, 137, 0);
}
.science{
    background-color: rgb(153, 109, 13);
    border-color:rgb(104, 73, 8);
}
.espagnol{
    background-color: turquoise;
    border-color: rgb(52, 180, 167);
}
.etu-edt-heure-span{
    float:left;
    position:relative;
    top:-10px;
    left:0%;
    background:#000000b3;
    color:rgb(255, 255, 255);
    border-radius:20%;
    border:solid;
    border-width:1px;
}
.heure1{
    width:100%;
    height:10%;
}
.heure2{
    width:100%;
    height:20%;
}
.jour{
    width:100%;
    height:94%;
    padding:1%;
}
.cours{
    margin-left:10%;
    width:85%;
    border-style:solid;
    border-radius:0%;
    height:100%;
    text-align:center;
}
.break{
    background:#80808091;
    border-color:#31313191;
}
.h-80{
    height:80%
}
.h-10{
    height:10%;
}
.p-top-10{
    padding-top: 10%
}
.w-60{
    width:60%;
}
.btn 
{
    transition-duration: 0.4s;
    border: 1px solid  rgb(109, 19, 121) !important;
    color : rgb(109, 19, 121) !important;
 
}
  
.btn:hover
{
    background-color: rgb(109, 19, 121);
    color: white !important ;
} 
#formulaireNote, #formulaireDevoir
{
    border-radius: 5px;
    padding: 2%;
    border : 1px solid lightgray;
}
/* ---------------- SCROLLBAR ---------------- */

#messagerie::-webkit-scrollbar {

    width: 20px;
  
  }
  
#messagerie::-webkit-scrollbar-track {
  
    background-color: transparent;
   
  }
  
#messagerie::-webkit-scrollbar-thumb {
  
    background-color: #d6dee1;
  
    border-radius: 20px;
  
    border: 6px solid transparent;
  
    background-clip: content-box;
  
  }
  
 #messagerie::-webkit-scrollbar-thumb:hover {
  
    background-color: #a8bbbf;
  }

  #messagerie::-webkit-scrollbar {

    width: 20px;
  
  }
  
/* Selectionne tous les élements */

*, *::before, *::after

{

  box-sizing: border-box;

  padding: 0;
}
#messagerie
{
    overflow: auto;
    overflow-x:hidden;
    overflow-y:scroll;
    height:550px
}
.div_conversation
{
    border: solid 1px lightgray;
    margin-top:50px;
}
.div_messagerie, .div_infoProf
{
    display: flex!important;
    flex-wrap: wrap;
}
.tableau_message
{
    width:100%;
    table-layout: fixed;
}
.td_message_envoyeur
{
    color:white ;
    background-color :  rgba(215, 131, 255, 0.8);
    border-radius:5px;
    padding:2px;
    word-wrap: break-word
}
.td_message_receveur
{
    color:black ;
    padding:2px;
    background-color : lightgray;
    border-radius:5px;
    word-wrap: break-word
}
.td_entre_message
{
    padding:5px;
}
.div_form_envoie_message
{
    margin-top:20px;
}

#mess
{
    display: block;
}
#list-personne-messagerie
{
    width:75%;
    margin-left:11%;
}
.boutonMessage
{
    float: right;
}
.affichage-deroulant_liste_messagerie
{
    border: none;
}

.btn nav-link
{
    border-radius:0 !important;
    border-right: solid 1px white !important ; 
    font-size: 1.1em !important; 
    font-weight : bold !important;
    color : white !important; 
}

#div_info_note
{
    width: 60rem;
    height:550px;
}
#div_commentaire
{
    border: 1px solid lightgray;
    height:125px;
    border-radius:5px
}
.bouton-notes:hover
{
    border-color: rgb(109, 19, 121);
    color: rgb(109, 19, 121);
}

.bouton-notes
{
    border-color: lightgray;
    border-radius: 5px;
}
/* Navbar */
.navbar
{
    background-color : rgb(109, 19, 121);
}
.navbar-secondaire
{
    max-height:10% ;
    background-color : #C0BEBE;
}
.navbar-toggler
{
    background-color : white !important;
}
#lien
{
    font-size:1.4em; 
    font-weight : bold; 
    color : white;
    margin-left: 1%;
}
.navbar-lien
{
    /* border-radius:0; */
    border-right: solid 1px white;
    font-size:1.1em;
    font-weight : bold;
    color : white !important;
}
.navbar-lien-index
{
    border-radius:0;
    border:none;
    border-right: solid 1px white;
    font-size:1.1em;
    font-weight : bold; 
    color : white;
}
.bouton-deconnexion
{
    color:white !important;
    margin-left: 10%;
}
.nav-link
{
    width: 100%;
}
.form-edt
{
    width:100%;height:80px;
}
.edt-fleche-gauche
{
    float:left;
}
.edt-fleche-droite
{
    float:right;
}
/* Vie Scolaire */
.vieScolaire-date-injustifie
{
    color:red;
}
.list
{
    list-style: none;

}
.btn-warning
{
    color: black !important;
    border : none !important;
}
.btn-success
{
    color: white !important;
    border : none !important;
}
.btn-danger
{
    color: white !important;
    border : none !important;
}
.btn-secondary
{
    color: white !important;
    border : none !important;
}
.infoUtilisateur-bouton-info
{
    float: right;
}
.infoUtilisateur-bouton-modifier-note
{
    float: right;
}
.infoUtilisateur-bouton-modifier-rapport
{
    float:right;
}
.infoUtilisateur-form-bouton-ajouterRapport
{
    width:100%;border:none; margin:0
}
.form-connexion-ecriture
{
    font-weight :bold;
    color:rgb(109, 19, 121);
}
.form-connexion-input
{
    border-color :rgb(109, 19, 121) !important;
}
.listeEnseignant-bouton-info, .noteDeEleve
{
    float:right;
}
#verifNote
{
    display: none;
}
.mb-0{
    margin-bottom:0px;
}