/*body {
    padding-top: 60px;
}

.formLogin {
    width: 200px;
    margin:auto; /*permet de centrer*/
/*}

.EnTete_tab_frais{
    
    background-color: cyan ;
}*/

/*coloration sur tous les tableaux d'une lihne sur deux en rouge' */
/*
table tr:nth-child(odd){
  background-color:red;
} */

div[title="filtrage"]{
  margin-top : 10px;
  border:#1585dc 2px solid;
  border-radius: 10px;
  padding: 15px;
}

.btnFiltrage{   
    background-color: #1585dc;
    border-radius: 10px;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    /*width: 25%;*/
}

h3.frais{
    color: #0174DF; /*bleu*/
    margin: 30px;
    font-weight: bold;
}
tr.afficheFHF{
    
    /*background-color: #D8D8D8;*/
}

nav{
    margin-top: 0;
}

/* Ne concerne que les header avec un titre formlogin */
header[title="formlogin"]{
    
    height: 200px;
    /*marge par rapport aux éléments extérieurs */
    margin-top: 30px;
    margin-bottom: 0px; /*Pour coller au menu*/
    /*lien vers l'image choisie'*/
    background-image: url("../img/med2.jpg");
    /* Positionne et montre le haut de l'image' */
    background-origin: content-box;
    background-position: top;
    /*l'image ne se répète pas' */
    background-repeat: no-repeat;
    /*l'image couvre le header' */
    background-size: 100% auto;
    /*border: solid #080808 1px;*/
   
}

header[title="listevisiteur"]{
    
    height: 200px;
    margin-top: 30px;
    margin-bottom: 0px;
    background-image: url("../img/med2.jpg");
    /* positionne et montre le bas de l'image'  */
    background-origin: content-box;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
   
}

header[title="saisirFF"], header[title="home"]{
    
    height: 200px;
    margin-top: 30px;
    margin-bottom: 0px;
    background-image: url("../img/med2.jpg");
    /* positionne et montre le bas de l'image'  */
    background-origin: content-box;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
   
   
}

footer{
    
    height: 30px;
    margin-bottom: 50px;
    /*background-image: url("../img/med1.jpg");
    
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;*/
    text-align: right;
    font-weight: bold;
    border: 1px #1585dc solid;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

div#accueil{
    
    /*background-image: url("../img/fond.jpg");*/
    /* positionne et montre le bas de l'image'  */
    /*background-origin: content-box;
    background-position: bottom;*/
    background-repeat: no-repeat;
    background-size: 100% auto;
}

div.stack{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 1.5rem;
}

div#accueil_1{
    /*display: inline-block;*/
    background-color: #81C9F4;
    /*width: 33%;*/
    height: 600px;
    text-align: justify;
    color: white;
    padding-bottom: 100px;
    vertical-align: top;
    margin-top :30px;
    overflow-y: scroll;
    
}
div#accueil_2{
     /*display: inline-block;*/
     background-color:  #FBF5EF;
     /*width: 33%;*/
     height: 600px;
     vertical-align: top;     
     text-align: justify;
     margin-top : 30px;
     overflow-y: scroll;
}
div#accueil_3{
   
    /*display: inline-block;*/
    height: 600px;
    background-color: #81C9F4;
    /*width: 33%;*/
   
    color: white;
    /*vertical-align: top;     /* Tous deux alignés en haut */
    text-align: justify;
    /*overflow-y:scroll;*/

    overflow-y: scroll;
    margin-top : 30px;
    
}

h5#h5accueil_3{
    
    /*margin-left: 20% ;*/
    text-align: center;
}

h5.accueil_1_titre{
   
    /*margin-left: 20% ;*/
    text-align: center;
    margin-top: 20px;
    
}

p.p_accueil{
    
    margin-top: 15px;
    margin-left: 15px;
    margin-right : 15px;
        
        
    
}

#photo_2      /* propriétés de la photo */
{
    /*margin : auto; */
    width: 200px;
    height: 150px;
    border: 1px solid white;
    
    /*margin-left : 25%;*/
    margin-bottom : 30px;
    margin-top: 20px;
    
    display: block;
    margin-left: auto;
    margin-right: auto;
    
}

#photo_3      /* propriétés de la photo */
{
    /*margin : auto; */
    width: 250px;
    height: 150px;
    /*border: 1px solid white;*/
    margin-top: 5px;
    margin-right: 5px;
    float: left;
   

    
}

footer[title="copyright"]{
    margin-top: 30px;
    color: #1585dc;
    font-family: fantasy;
}

p[title="tabvisiteur"]{
    margin-top: 20px;
    color: #1585dc;
    font-family: fantasy;
    margin-bottom: 20px;
}

thead[title="entetetabvisiteur"]{
    background-color: #FAAC58; /*orange*/
    color: white;
}

.ligneTabVisitColor{
    
    background-color: #F7F8E0;
    
}
/*img{
    width: 100%;
    max-height: 200px;
}*/

#container h1{
    width: 60%;
    margin: 0 auto;
    padding-bottom: 10px;
}

/**************Style pour élements formulaire *******/

label{
    color: #1585dc;
    /*font-family: 'Dancing Script', cursive;*/
    font-weight: bold;
}
h2[title="cnx"]{
    color: #1585dc;
    font-family: 'Dancing Script', cursive;
}

/* style pour les zone de saisie du formulaire */
input[type=text], input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #1585dc;
    box-sizing: border-box;
}

/* style pour bouton formulaire*/
input[type=submit] {
    background-color: #1585dc;
    border-radius: 10px;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}
input[type=submit]:hover {
    background-color: white;
    color: #1585dc;
    border: 1px solid #1585dc;
}

/******************************************/

/* form_affectation */
card {
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.card-title {
    color: #333;
    font-size: 1.5rem;
}

.form-check-label {
    font-size: 1rem;
}

.btn {
    padding: 10px 20px;
    font-size: 1rem;
}

.btn-dark {
    background-color:rgb(0, 0, 0);
    box-shadow: 0 11px 20px rgba(0, 152, 240, 0.88);;
}

.gap-3 {
    gap: 1rem !important;
}

.btn-valider {
    background-color:rgb(98, 100, 104);
    box-shadow: 0 11px 20px rgba(0, 152, 240, 0.88);
    color: white;

    

}
.btn-valider:hover {
    background-color:rgb(98, 100, 104);
    box-shadow: 0 11px 20px rgba(0, 152, 240, 0.88);
    color: white;
}
/* form_affectation */



/* affectation */
.card {
    border-radius: 15px;
    box-shadow: 4px 7px 0px rgba(0, 0, 0, 0.67);
    border-color: rgb(0, 0, 0);
    border-style: solid;
    
}

.card-title {
    color: #333;
    font-size: 1.5rem;
}

.form-check-label {
    font-size: 1rem;
}

.btn {
    padding: 10px 20px;
    font-size: 1rem;
}

.btn-dark {
    background-color: rgb(0, 0, 0);
    box-shadow: 0 11px 20px rgba(0, 152, 240, 0.88);
}

.gap-3 {
    gap: 1rem !important;
}

.btn-valider {
    background-color: rgb(98, 100, 104);
    box-shadow: 0 11px 20px rgba(0, 152, 240, 0.88);
    color: white;
}

.btn-valider:hover {
    background-color: rgb(98, 100, 104);
    box-shadow: 0 11px 20px rgba(0, 152, 240, 0.88);
    color: white;
}

.border {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.form-check {
    padding-left: 29px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 3px solid #ccc;
}

.form-check:last-child {
    border-bottom: none;
}
/* affectation */