#entete, #menu, #footer{
padding:1px 0;
}
#menu  {
	padding:10px;
    height:300px;
    background-color:purple;
    border-radius: 10px;
	overflow:auto;
}
#menu h4{color:white;text-decoration:underline;}
#menu h3:hover{color:#DCDCDC;}
    #leTitre h4{
     padding:5px;
	 
     background-color:purple;
     border-radius:10px 10px 0px 0px;
	 color:#DCDCDC;
	 cursor:pointer;}
.col-lg-8{
	 text-align:justify;}
.col-lg-4 img,.col-lg-4 video{width:100%;}
.less a{color:purple;
	 text-decoration:none;
	 cursor:poiner;}.less a:hover{color:#81F781;
	 text-decoration:none;
	 cursor:poiner;}
		
#footer {
background-color:purple;
text-align:center;
clear:both;
}
#roro{
	text-decoration:none;color:#81F781
}
#roro:hover{
	background-color: #81F781;color:purple;cursor: pointer;
}
#toto{
	text-decoration:none;color:white;
}
#toto:hover{
	color: #81F781;
}
#numero{
	text-align:center;
	float:right; 	
}
 #numero1 { width: 30px; position: relative ;text-decoration:none;color:purple } 
 #numero1:before { content: ""; position: absolute; right: -10px; bottom: 0; 
 width: 0; height: 0; border-left: 9px solid purple; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
 #numero1:hover { width: 30px; position: relative;color:green; } 
 
 #numero2 { width: 30px; position: relative;text-decoration:none; color:purple;}  
 #numero2:before { content: ""; position: absolute; left: -10px; bottom: 0; 
 width: 0; height: 0; border-right: 9px solid purple; border-top: 10px solid transparent; border-bottom: 10px solid transparent; }
 #numero2:hover { width: 30px; position: relative;color:green; } 

    .less.active .button-read-more, .button-read-less  {display: none}
    .less.active .button-read-less {display: block}
* Add a hover effect if you want */
.fa{
	color:white;
	cursor:pointer;
	margin:15px;
	text-decoration:none;
}
.fa:hover{
	color:lightgreen;
}
.container{background-color:white;}

ul{
	padding:0px;
	margin:0px;	}
ul li{
	margin:1px;
	border-radius: 8px 8px 0px 0px;
	border-bottom: 1px solid purple;}
ul li:hover{
	background-color:#F0F4F2;
	border-bottom: 1px solid lightgreen;}
ul li:nth-child(3){
	border-bottom: 4px solid purple;}
ul li ul li{
	margin:1px;
	border-radius: 8px;
	border-bottom: 1px solid white;}

ul li ul li:hover{
	background-color:#F0F4F2;}
	
ul li ul li:nth-child(3){
   border-bottom: 4px solid white;}
ul li ul li:nth-child(3){
border: 1px solid #F0F4F2;}