body {background-color: #fbedc9;}

h1
 {
	     text-align: center;
		
		 color: #cc00ec;
	     
		 text-decoration: underline;



 }
 
 div
 {
	     text-align: center;
 }
 
div.lien
{
	/*border: 5px gray solid;
	border-color: rgb(110,110,110);
*/
	text-align: center;
	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 a:hover
{ 
       background-color: purple;
}
	

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

#lampion1, #lampion2, #lampion3, #lampion4, #lampion5, #lampion6, #lampion7, #lampion8, #lampion9, #lampion10, #lampion11, #lampion12, #lampion13, #lampion14, #lampion15, #lampion16, #lampion17, #lampion18, #lampion19, #lampion20, #lampion21, #lampion22, #lampion23, #lampion24
{
	    width: 180px;
		margin: 0;
		padding: 0;
		height: 140px;
		color:  rgb(192,57,43);
		
}

#lampion1 img, #lampion2 img, #lampion3 img, #lampion4 img, #lampion5 img, #lampion6 img, #lampion7 img, #lampion8 img, #lampion9 img, #lampion10 img, #lampion11 img, #lampion12 img, #lampion13 img, #lampion14 img, #lampion15 img, #lampion16 img, #lampion17 img, #lampion18 img, #lampion19 img, #lampion20 img, #lampion21 img, #lampion22 img, #lampion23 img, #lampion24 img
{
	     border:0;
		 text-decoration:none;
		 width: 130px;
		 height: 120px;
		 
}       

 ul 
 {
	 
	     list-style-type: "\002605";
         text-decoration: underline;
		 text-align: left;
		  color:#ff5bd0;
 }
 
ol
{
	list-style-type: circle;
}

 
p
{
	     text-align: left;
		 
}

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

h2
{
	     color: #ff0070;
		 text-decoration: underline;
		 text-align: left;
}