body {background-color: rgb(255,204,229);}
 
 
 h1
 {
	     text-align: center;
		
		 color: #ccaaff;
	     
		 text-decoration: underline;



 }
 
		
div
{

		text-align: right;
		
}
		 
#lampions
{
	     display: flex;
		 justify-content: space-between;
         
}

#lampion1, #lampion2
{
	    width: 180px;
		margin: 0;
		padding: 0;
		height: 140px;
		color:  rgb(192,57,43);
		
}

#lampion1 img, #lampion2 img
{
	     border:0;
		 text-decoration:none;
		 width: 130px;
		 height: 120px;
		 
}       

 ul 
 {
	 
	     list-style-type: "\002605";
		 text-align: center;
		  color:#ff5bd0;
		  background-color: #283645;
 }
 

 ol 
 {
	 
	     list-style-type: circle;
          
 }
 
p
{
	     text-align: left;
		 
}

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

h2
{
	     color: #ff0070;
	
}


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

div.lien a
{
	Text-decoration: none;
		color: #ffffcc;
}

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;
}