@charset "utf-8";
body
{  
background: url('../images/feu1.jpg');
background-repeat: no-repeat;
background-position:top;
background-size:cover;
padding: .8em;
margin: 5% 15% 20% 15%;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
text-align: center;
font-size: 15px;
color: black;
}
 
a.lien
{
	padding: .2em;
	font-size : 20px;
	color: black;
	background-color: rgba(220,188,113,0.70);
	font-style: italic; 
	text-decoration: none;
	text-align: center;
	border: 1px solid #000000;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;	
}

a:visited.lien
{
	padding: .2em;
	font-size : 20px;
	font-style: italic;
	color: black; 
	text-decoration: underline;
	border: 1px solid #000000;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;	
}
 
a:active.lien 
{
	padding: .2em;
	font-size : 20px;
	font-style: italic;
	color: red;
	text-decoration: underline;
	border: 1px solid #000000;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;	
} 

a:hover.lien 
{ 
	padding: .2em;
	font-size : 25px;
	font-style: normal;
	color :red;
	background-color: rgba(255,255,255,0.70);
	text-decoration: underline;
	border: 1px solid #000000;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;	
}

H1
{
	margin: 0 0 10px 0;
	padding: 5px;
	text-align: center;
   font-family: Arial, Helvetica;
   font-style: normal;
   font-size :80px;
   color: #DCBC71;
   text-shadow: 1px 1px black, -1px 1px black, -1px -1px black, 1px -1px black;
}

#texte
 {
	margin: 5% 25%;
	padding: 5px;
	text-align: center;	
	background-color:rgba(255,255,255,0.80);
	border: 1px solid #000000;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius: 15px;	
}