body {background-color: #ccffcc;}



ul 
 {
	 
	     list-style-type: "\002605";
         text-decoration: underline;
		  color: #77b5fe;
		  background-color: none;
		 overflow: hidden;
 }
 
 h1
 {
	     text-align: center;
		
		 color: #318ce7;
	     
		 text-decoration: underline;



 }
 
 
 
h3, h4
{
	     text-align: center;
		 vertical-align: middle;
}

div
{

		text-align: center;
		
}


 
div.lien
{
	/*border: 5px gray solid;
	border-color: rgb(110,110,110);
*/
	text-align: right;
	border-radius: 10px;
	background-color: #ccbbff;
	color: #ffffcc;
	width:  20pc;
	margin: auto;
	margin-top: 10px;
	font-weight: bold;
	font-size: 30px;
}


div.lien:hover, div.cours:hover
{
	background-color: #ccddff;
}


li a 

{
	color: pink;
	padding: 20px;
	text-decoration: none;
	display: block;
}
	
	
li
{
	 float: left;
}
	
li a:hover
{ 
       background-color: purple;
}
	
h2
{
	     color: #ff0070;
		 text-decoration: underline;
		 text-align: left;
}

ol 
 {
	 
	     list-style-type: circle;
          
 }