@font-face {
    font-family: "Sticky Sans";
    src: url("/font/Sticky Sans.otf") format("opentype");
    font-display: swap;
   }

body
{
    
    /* l'arrière plan uniquement sur les grands écrans*/
    /* Large devices (laptops/desktops, 992px and up) */
    @media only screen and (min-width: 992px) {
        background: url(/images/fonds/background.webp) no-repeat center fixed;  
        -webkit-background-size: cover; /* pour Chrome et Safari */
        -moz-background-size: cover; /* pour Firefox */
        -o-background-size: cover; /* pour Opera */
        background-size: cover; /* version standardisée */
        } 
    
}

.FZ3_NAV {
    background-color: rgba(255,255,255,.90);
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #337551;
 }

section .container , footer .container
{
    background-color: rgba(255,255,255,0.80);
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color:#337551;
}

section .container h3 , section .container h1
{
    font-weight:400;
   /* border-top: solid 1px #597f19;
    border-left: solid 1px #597f19;
    border-right: solid 2px #597f19;*/
    border-bottom: solid 2px #337551;
    /*border-radius: 5px;*/
    padding:5px;
}


/* pour supprimer un surlignage bootstrap sur le bouton de collapse*/
.contour {border-style: none;}
.contour:focus {box-shadow: 0px 0px;}

.FZ3_Burger_icon {background: url(/images/om32.png) no-repeat center;}

.FZ3_Brand
{
  font-family: 'Sticky Sans';
  color:darkgreen;
  text-shadow: 1px 1px 2px black, 0 0 1em lightgreen, 0 0 0.2em lightgreen;
}

.FZ3_Brand_grand {font-size: 36px;}
.FZ3_Brand_petit {font-size: 16px;}

.textGreen {color:darkgreen;}

/* .fondAdmin {background-color:#e6ffee !important;} */

.msgErrorLogin 
{
    font-style: italic;
    color: red;
    font-size: 11px;
}

.msgOptionnel 
{
    font-style: italic;
    color: green;
    font-size: 11px;
}

.btnDetails
{
    font-size: 13px;
    width: 50px;
    padding: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
}

.planningPagination
{
    color: black;
}

.lieu
{
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {display:none;}
  
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {display:none;}
  
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {display:none;} 
  
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {display:table-cell;} 

}


.bandeau-pub
{
    font-size:18px;
    background-color:rgba(51,117,81,0.70); 
    color: white;
    padding: 5px;
}

.lienJS {cursor: pointer;}