body
{
	background-image:url("fonds/fond_impasse.png"); 
    background-color:rgb(5, 8, 10);
	background-repeat: no-repeat;
    background-size: 100%;
    background-position: top left;}


    @font-face 
    {font-family: "dancingscript";      
    src: url("police/dancingscript.ttf") format("truetype");
    src: url("police/dancingscript.otf") format("opentype")}
 @font-face 
    {font-family: "jack";      
    src: url("police/jack.ttf") format("truetype");
    src: url("police/jack.otf") format("opentype")}
    @font-face 
   {font-family: "Varius";
    src: url("police/Varius.ttf") format("truetype");
    src: url("police/Varius.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;}

    header {
        display: grid; 
        justify-items: start;
        grid-template-columns: 1fr 1fr;
        grid-template-rows:auto;
        gap: 0 75%;
            
        width: 100%;
        margin-top: 2%;                                      
        height: auto;}


.lien_imp {
    width: 79%;
    cursor: url(curseurs/cu_florie.png), auto;}



    .grilleAA {
        display: grid;
        margin: 0 24% 0 40%;                             
        justify-items: center;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        gap: 5% 0;}

        
.imp9 {
width: 100%;}
.imp10 {
    width: 100%;}


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


.imp2 {
    width: 100%;
padding-top: 10%;}

.imp3 {
    width: 100%;
    padding-top: 20%;
}


       
                
.grilleB {
    display: grid;
    margin: 5% 10% 0 12%;                             
    justify-items: center;
    grid-template-columns: 1fr 1fr 0.9fr;
    grid-template-rows: auto;
    gap: 4% 10%;}                 
   
    
.imp6 {
width: 100%;
padding-top: 40%;}

.imp4 {
    width: 100%;}


.imp7 {
            width: 102%;
            padding-top: 40%;}

 

.grilleC {
        display: grid;
        margin: 0% 16% 100px 14%;                             
        justify-items: center;
        grid-template-columns: 1fr ;
        grid-template-rows: auto;
        gap: 0 8%;}   


    .imp8 {
    width: 120%;
padding-top: 50%;}


 .imp5 {
     width: 120%;}

     .imp11{
        width: 100%;}
    
                
.étiquette {
    padding:0.5%;
    margin:0;
    color:rgb(7, 7, 7);              
    font-size: 110%;
    font-weight: normal;
    font-family:"jack",Comic Sans MS, Impact, Arial ;
    background-image: url("img_p/bos/imp/bande_impasse.png");}