body
{
	background-image:url("fonds/fond_fenetre3.png");
    background-color: rgb(6, 14, 1);
    background-attachment: fixed;
    background-size: 100%;
    background-position: top center;
    margin-top:20px;
}


@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")}
 

@keyframes swing {
    0% { transform: rotate(10deg); }
    50% {transform: rotate (0deg)}
    100% { transform: rotate(-10deg); }}
   
    

.voir div {
    border: 2px dotted rgb(177, 52, 182);}
    

.voir_no {
    color:rgb(47, 30, 194);                           
    font-size: 10px;
    font-weight: bold;
    margin: 0;
opacity: 0;}


    .numero   {                                 
        margin: 0;
        padding-bottom: 1.5%;
        color: rgb(15, 37, 1);
        font-size: 115%;
        font-weight: bold;
        text-align: center;
        font-family: "dancingscript",Comic Sans MS, Impact, Arial ;}

.header {
        display: grid; 
        justify-items: start;
        grid-template-columns: 1fr;
        grid-template-rows:auto;
            
        width: 100%;
        margin-top: 20px;                                      
        height: auto;}
       
       
 .flèche{
    padding-top: 5%;
    padding-left: 15%;
    width: 95%;
    margin: 0;
    cursor: url(curseurs/cu_casque.png), auto;}


.grilleA {
    display: grid;
    margin: 3% 14% 50px 10%;                                  
    justify-items: center;
    align-items: center;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
    gap: 3% 2%;}

    .fen1
    {width: 70%;
    padding-left:15%;}

/* 
.texte {
padding-left: 10%;
margin: 10px;
font-size: 29px;
color: rgb(193, 240, 173);
font-family:"stonehenge", "dancingscript","Cardinal",Comic Sans MS, Impact, Arial ;
font-weight: bold;} */
    
.fen2
{width: 95%;}
.fen3
{width: 85%;
    padding-left: 8%;}
.fen4
{width: 70%;
    padding-left: 15%;}
.fen5
{width: 95%;}
.fen6
{width: 70%;
    padding-left: 15%;}
.fen7
{width: 95%;}
.fen8
{width: 95%;}
.fen9
{width: 95%;}
.fen10
{width: 95%;}
.fen11
{width: 85%;
    padding-left: 8%;}
.fen12
{width: 70%;
    padding-left: 15%;}
.fen13
{width: 95%;}

.fen14
{width: 95%;
padding-left: 3%;}
.fen15
{width: 95%;
    padding-left: 3%;}
.fen16
{width: 95%;
    padding-left: 3%;}
.fen17
{width: 95%;
    padding-left: 3%;}
.fen18
{width: 95%;
    padding-left: 3%;}