body

{
	background-image:url("fonds/fond_trou.png"); 
    background-color:rgb(10, 10, 10);
	background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    background-attachment: fixed;}

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

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

@font-face 
   {font-family: "Cardinal";
    src: url("Cardinal.ttf") format("truetype");
    src: url("Cardinal.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;}


.grilleA {
display: grid;
margin: 18% 2% 100px 2%;                             
grid-template-columns: 50%;
grid-template-rows: auto;
gap: 0 0;
justify-items: center;}                                       


.trou1 {
height: 300px;}


#div_endive {
    height: 350px;}

#endive {
margin-bottom: 250px;
height: 100%;
cursor: url(curseurs/cu_trou.png), auto;}

#endive2 {
    height: 270px;
    cursor: url(curseurs/cu_trou.png), auto;}


#bouton {
    height: 330px;
    background-color: transparent;
    background-repeat:no-repeat;   
    cursor: url(curseurs/cu_trou.png), auto;}


.etiquette {
    padding:2px;
    margin:0;              
    font-size: 20px;
    font-weight: bold;
    color: rgb(12, 11, 50);
    font-family: "Cardinal", Comic Sans MS, Impact, Arial ;
background-image: url("img_plan/bande.png");}