/* Body , HEADER , FOOTER , HTML */

    html {
        font-family: "Fira Sans", sans-serif;
        font-weight: 400;
        font-style: normal;  
        color: #745B47 ;
    }

    header { 
        border : solid #BD987A ;
        border-radius: 10px;  
        margin : 10px ;
        background: linear-gradient(to right, #f7ece4, #eccdb3);  
    }

    body {
        background-color: #f7ece4  ;
        margin: 0;
        min-height: 100vh;    
        display: grid;
        grid-template-rows: auto 1fr auto;
    }

    main { 
        margin: 10px;
    }

    footer {
        border : solid #BD987A ;
        border-radius: 5px;   
        background-color:#BD987A ;  
        color: #f7ece4 ; 

        margin : 10px ;   
    }


/* selecteur nombre d'heures type RANGE */
    input[type=range] {     
        
        background-color: #BD987A;             /* sert pour couleur de fond de la zone de déplacement */
        box-sizing: border-box;      /* même modèle de boîte pour tous */
    }

 /* FlexBox dans le Header */   
.orgaHeader {
      display : flex ;
    flex-direction: row;
    
}

/* Flexbox dans le formulaire de RP */
    .orgaFormulaireRP {
        display : flex ;
        flex-direction: row;  

        
    }  

    .formRP {
        margin: 10px 10px 10px 10px ;
        
            }

    .spacerForm {
        margin: 3px;
    }

    .spaceForm2 {
        margin-right: 30px;
        margin-bottom: 30px;
        margin-top: 20px;
    }


/* Implantation du logo OPJ */
    .fit-picture {
        width: 80px;
        margin: 10px;
        filter: drop-shadow(0 0 0.2rem #BD987A);     
    }

/* Styles de LISTES */
    li {
        height: 30px;
    }

/* LIENS et comportememnts  */
    a {   
        padding: 1px 1px 1px 1px ;
        margin: 10px 10px 10px 10px;
    }
    
    a:link {
        color: #745B47 ;
       
    }
    
    
    a:focus {
        border-bottom: 1px solid;
        background: #bae498;
    }
    
    a:hover {   
        background: #deaa7e ;
      
    }

    a:visited {
    color: #745B47 ;
    }
    
    a:active {
        background: #265301;
        color: #cdfeaa;
    }