body

{	
    background-color: rgb(18, 17, 1);
    margin: 0;                                    

	background-image:url("fonds/fond_tuliperies3.png");
	background-repeat: no-repeat;

    background-size: 78%;
    background-position: top center;}

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



    @keyframes animate {
        from {margin-left: 100%;}
        to {margin-left: -100%;}}

        @keyframes animate2 {
            from {margin-left: -100%;}
            to {margin-left: 100%;}}


.contact {
    margin-left: 14%;
    color: rgb(245, 247, 250);
    padding-top: 4%;
    font-size: 150%;
    font-family: "Josefin","stonehenge", Comic Sans MS, Impact, Arial ;
    font-weight: normal;}


    .lien_ois {
    justify-items: start;
    display: grid;
    height: 55%;
    margin-left: 55%;
    grid-template-columns: 1fr;
    grid-template-rows:  auto;

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


.voir div {
	border: 2px dotted rgb(96, 245, 66);                 /* pour voir les lignes des div de la grille */
}

.voir_no {
    color:rgb(35, 226, 67);                /* Afficher les no des cases de la grille */
    font-size: 100%;
    font-weight: bold;
    margin: 0;
opacity: 0;}


.grille_titres  {
    justify-items: start;
    display: grid;
    margin: 17% 14% 70px 14%;                    

    grid-template-columns: 1fr 1fr;
    grid-template-rows:  auto;
    gap: 80% 60%;
}

#titrecarte {   
    font-size: 355%;
	font-family: "Wadsworth","oleoscript", Comic Sans MS, Impact, Arial ;     												
    font-style: normal;
    text-decoration: none;
    font-weight:bold;
    text-shadow: 2px 7px rgb(2, 46, 54);
    color: rgb(118, 209, 225); 
    cursor: url(curseurs/cu_tour.png), auto;}

 
#titrepeinture {
  
    font-size: 355%;
	font-family: "Wadsworth","Cardinal", Comic Sans MS, Impact, Arial ;     													
    font-style: normal;
    text-decoration: none;
    font-weight:bold;
    text-shadow: 2px 7px rgb(40, 33, 17);
    color: rgb(231, 217, 72);    
    cursor: url(curseurs/cu_tour.png), auto;   
}

#titreah
{
    font-size: 340%;
	font-family: "Cardinal","dancingscript", Comic Sans MS, Impact, Arial ;     														
    font-style: oblique;
    text-decoration: none;    
    font-weight:bold;
    color: rgb(113, 107, 107);   
    text-shadow: 1px 4px rgb(24, 7, 7); 
    cursor: url(curseurs/cu_mort.png), auto;                            
}


#titrecarte:hover              			                                   																	  
{   
	font-style: normal;
    font-weight: normal;
    text-shadow: none;
}	

#titrepeinture:hover              			   	                                      																	  
{   
	font-style: normal;
    font-weight: normal;
    text-shadow: none;
}

#titreah:hover  
{   
	font-style: normal;
    color: rgb(27, 37, 37);  
    font-family: "Cardinal","dancingscript",Comic Sans MS, Impact, Arial ;   
    font-weight: normal;
}	


.poisson {
margin: 6% 0 0 -50%;
position: absolute;
animation-delay: 2s;
  animation-name: animate;               
  animation-duration: 28s;
  animation-play-state:running; 
  cursor: url(curseurs/cu_oeil.png), auto;}


  .poisson2 {
    margin: 0 0  0 -50%;
    position: absolute;} 

      .poisson3 {
        margin: 11% 0  0 -50%;
        height: 0;
        position: absolute;
        animation-delay: 13s;
          animation-name: animate;               
          animation-duration: 8s;
          animation-play-state:running; }