body
{
	background-image:url("fonds/fond_plan2.png");
    background-color: rgb(17, 17, 16);

	background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    height: 100%;
    width: 100%;
    margin:0;
    padding:0;}


    @keyframes fadeIn {
        0% { opacity:0; }
        50% {opacity:0.4;}
        100% { opacity:1;}}
      @-moz-keyframes fadeIn {
        0% {opacity:0;}
        50% {opacity:0.4;}
        100% {opacity:1;}}
      @-webkit-keyframes fadeIn {
        0% {opacity:0;}
        50% {opacity:0.4;}
        100% {opacity:1; }}
      @-o-keyframes fadeIn {
        0% {opacity:0;}
        50% {opacity:0.4;}
        100% {opacity:1;}}
      @-ms-keyframes fadeIn {
        0% {opacity:0;}
        50% {opacity:0.4;}
        100% {opacity:1;}}
    

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

.voir div {
    border: 2px dotted rgb(32, 17, 165);} 

    


 .grille {
    display: grid;
    margin: 3% 1% 0 5%;                              
    grid-template-columns: 60% 30%;
    grid-template-rows: 680px;
    gap: 0 5%;}


#carte {
height:100%;}


.plan  {
height: 98%;
opacity: 1;

animation: fadeIn ease 3s;
-webkit-animation: fadeIn ease 3s;
-moz-animation: fadeIn ease 3s;
-o-animation: fadeIn ease 3s;
-ms-animation: fadeIn ease 3s;}



.tout {
opacity: 0;
padding:0;    
margin:0;
height: 95%;
cursor: url(curseurs/cu_bougie.png), auto;}
.tout:hover{
  opacity: 1;

animation: fadeIn ease 4s;
-webkit-animation: fadeIn ease 4s;
-moz-animation: fadeIn ease 4s;
-o-animation: fadeIn ease 4s;
-ms-animation: fadeIn ease 4s;} 


.plan_tout {  
height: 80%; }   

.tulipe {
  margin: 0;
  padding-left: 25%;
width: 36%;
cursor: url(curseurs/cu_tour.png), auto;}