BODY
{ 
 color:navy;
 font-family: arial,sans-serif;
 background:#FEFCC5;
 font-weight:bold;
}
ul.square {
  list-style-type:square;

}


span.nom {
  color:red;
background:inherit;
  font-weight:bold;
}

span.date {
  color:green;
background:inherit;
  font-weight:bold;
}
span.text {
  color:navy;
background:inherit;
  font-weight:bold;
font-size:100%;
}


div.message {
  color:#f6eb63;
  font-size:80%; 
  background:#d01607;
  margin-left:10%;
  margin-right:10%;
  margin-bottom:2em;
}



 h1
{

font-size:100%;
color:red;
text-align:center;
 background:inherit;
}
      
   
  h2
{
font-size:150%;
color:red;
text-align:center;   
background:inherit;
 }

  
  h3
{
font-size:120%;
font-weight:bold; 
color:red;
background:inherit;
text-align:center;   
 }


   h4
{
font-size:110%;
color:blue;
background:inherit;
text-align:center;
   
 }

    h5
{
font-size:110%;
color:black;
text-align:center;
   background:inherit;

 } 




A:link {
	color:yellow;
background:inherit;
}
A:visited {
	color:black;
background:inherit;
}
A:hover, A:visited:hover {
	color:white;
background:inherit;
}
 
.bordrouge {border: solid medium red; }
.bordbleu  {border: solid medium blue; }
.bordjaune {border: solid medium yellow;}
.bordblanc {border: solid medium white;}
.bordvert  {border: solid medium green; }



div.haut 
{
position:absolute;  
width:100%;
top:2%;
right:0;
left:10;
height:35%;
/*bottom:0%;*/
padding-top:6px;
	
text-align:center;color:navy;
font-family: arial,sans-serif;
font-size:150%;
border:solid medium olive;
 
}


div.gauche 
{
	position: absolute;
	top: 38%; /* bottom:-30%; */
	left: 10;
	width: 25%;
	color: navy;
	background: #D01607;
	border: solid medium olive;
	font-family: arial,sans-serif;
	font-size: 80%;
	font-weight: bold;
	line-height: 2em;
	background-image: url(images/dragon.jpg);
	bottom: 10%;
} 



div.droite 
{
 position:absolute;
 width:72%;
 top:38%;
 
 margin-left:28%;
 margin-right:10%;
 padding-top:0;   
 
 font-weight:bold;
 font-size:90%;

border:solid medium olive;
 color:inherit;

}