html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: "Herculanum";
    src: url('fonts/Herculanum.ttf');
    } 
    
@font-face {
    font-family: "Verdana";
    src: url('fonts/Verdana.ttf');
    } 

H1 {
	color: white;
}

H2 {
	color: white;
}

hr{
	color: white;
	height:10px;

}

li {
	color: white;
    }

 a:link	{
    text-decoration: none;
	color: white;
    }

 a:visited {
    text-decoration: none;
	color: white;
    }

 a:active {text-decoration: none;
	color: white;
    }

 a:hover {
    text-decoration: none;
	color: orange;
    }	
	
.slide-img {
   		width: 20%; /* Icon width */
        height: 20%; /* Icon height */
}

.ombre
    {
    padding: 1px 1px 1px 1px;       /* bords entourant */
    background: darkgray;            /* fond ou "transparent" */
    border-radius: 5px;             /* arrondis des angles */
    box-shadow: 0 0 20px #000000;   /* "none" si pas d'ombre */
    }
    
   .rougeombre
    {
    text-shadow: 0px 0px 10px #000000;
	color: red;
    }

.titre
    {
    Font-family: Verdana;
    font-size: 20pt;
    font-weight: 900;
    color: white;
    }