body
{
	background-image:url("fonds/fond_oiseaux.png"); 
    background-color:rgb(21, 32, 41);
	background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    height: 100%;
    width: 100%;

background-attachment: fixed ;


    cursor: url(curseurs/cu_oiseau.png), auto;

   
        animation: fadein 4s; }


    
@keyframes fadein {
        0% {opacity:0;}
        10%{opacity:0;}
        20% {opacity:0;}
        50%{ opacity:0.5;}
        100% { opacity:1;}}

    @font-face 
    {font-family: "dancingscript";      
    src: url("police/dancingscript.ttf") format("truetype");
    src: url("police/dancingscript.otf") format("opentype")}
 @font-face 
    {font-family: "stonehenge";      
    src: url("police/stonehenge.ttf") format("truetype");
    src: url("police/stonehenge.otf") format("opentype")}
    @font-face 
    {font-family: "Qunaden";      
    src: url("police/Qunaden.ttf") format("truetype");
    src: url("police/Qunaden.otf") format("opentype")}



.voir div {
    border: 2px dotted rgb(27, 161, 9);}

.voir_no {
     color:rgb(15, 201, 108);              
    font-size: 10px;
    font-weight: bold;
    margin: 0;
opacity: 0;}



.étiquette {
    padding:0.5%;
    margin:0;
    color:rgb(249, 245, 245);              
    font-size: 130%;
    font-weight: lighter;
    font-family:"stonehenge","dancingscript","Cardinal",Comic Sans MS, Impact, Arial ;
    background-image:url("img_p/bos/ois/bande_ois.png");}
  


.header{      
        display: grid; 
        justify-items: start;
        grid-template-columns:42% 40% 80%;
        grid-template-rows:auto; 
        gap: 0 0;
        margin: 3% 0 0 5%;
        width : 100%;
    
    
        cursor: url(curseurs/cu_oiseau.png), auto;}


        .permanence {    
            padding-top:10px;
            padding-left: 20px;
            padding-bottom: 10px;
            padding-right: 100px;
            margin:0;
            color:rgb(7, 7, 7);
            text-shadow: 1px 2px rgb(123, 181, 238);             
            font-size: 260%;
            font-weight: bold;
            font-family:"dancingscript",Comic Sans MS, Impact, Arial ;
            }
        


.lien_bos {
    padding-top: 4%;
    width: 70%;
    cursor: url(curseurs/cu_florie.png), auto;
}



.grilleA {
    display: grid;
    margin: 0% 3% 0 3%;                             
    justify-items: center;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    gap: 0 0;}



.ois1 {
    width: 100.5%;}

.ois3 {
    width: 100%;}
 .ois2 {
    width: 100%;}
    .ois4 {
        width: 99.6%;}
        .ois5 {
            width: 100%;}

            .ois6 {
                width: 100.5%;}
            
            .ois7 {
                width: 107%;}
             .ois8 {
                width: 108%;}
                .ois9 {
                    width: 90.3%;}
                    .ois10 {
                        width: 100%;}
            



    .grilleA {
        display: grid;
        margin: 3% 10% 150px 5%;                             
        justify-items: center;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: auto;
        gap: 0 0;}