body{

background-color:#E2E2E2; 
padding: 0;
font-family:georgia;
font font-size: 17px;

}	
#content{
width:960px;
height: 1000px;

margin: 0 auto;
background-color: #E2E2E2;
position: relative;



}
/*header*/
header{ 

	height: 177px;
	
	
}
header h1{


}
.title{
font-family:verdana; 
font-weight: bold;
font-size: 42px;
color: #EF3F50;
}
header p{/*selecteur de precision*/
font-family:verdana;
font-size:22px; 

}
.mnu{

	
	height: 50px;
	line-height:45px;/*interligne*/
	padding:0;
	text-align: center;
	background-color: #231F20; 
	border-radius: 8px 8px 0px 0px; 
	
}
.menu li{
display: inline-block;

}
.menu li a{
	text-decoration: none;
	color: #0e0e4a;
	
	padding: 15px 15px;


}
.seach{
position: absolute ;
top: 0 ;right:40px;
transition:0.5s;
font-size: 12px;


}
.seach input{
width: 80px;
padding: 10px;
border-radius: 5px;
border:none;
background-color: #EFEFEF;
color: #848484;
transition:0.5s;/*element par defaut transition*/


}
.seach input:focus {
background: #FFFFFF;
width: 180px;
transition:0.5s;
border: 1px solid #EF3F50;	
}
.menu li a:hover{
	color:#0e0e4a;/*pur changer la couleur de lien*/

}
.barner{
	width:960px ;
	height: 250px;
	position:

}
.barner img{
	width:100%;
	height: 100%;

}
.barner p{
	position:  ; 
	bottom: 0px; 
	right :0px;
	color: #EF3F50;
	background-color: rgba(0,0,0,0.5);
	width:100%;
	text-align: right;
	padding: 15px 0px 15px 0px; 
}
.bodier{
	background-color: #FFFFFF;
	margin-top: -15px;
	padding: 20px 30px;
	box-shadow: 0px 1px 6px #6D6767;
	width: 110%;
	height: 100%;
}

.part{
	width: 100%;
}
.subpart{
	display: inline-block;
	
	vertical-align: middle;
	padding:10px; 
}
.part .first{
	width:55%; 
}
.part .second{
	width: 40%;
}
.subpart-img{
	width: 350px;
	padding:2px;
	border: 1px solid rgb(204,204,204) ;
	margin-top:50px;
}
.subparttitle{
	color:#333;
	font-weight:bold;
	font-size: 23px;
	padding:0px;
	margin:0px;    
}
.subpartdate{
	color:#EF3F50;
	font-style:italic; 
	  
}
.subpartarticle{
	color:#7B7B7B;
	text-align:justify; 
	  
}
.partie{
	width: 100%;
}
.souspartie{
	display: inline-block;
	
	vertical-align: middle;
	padding:4px; 
}
.partie .firsts{
	width:32%; 
}
.partie .seconds{
	width:32%; 
}
.partie .firds{
	width:31%;

}
.souspartietitle{
	color:#EF3F50;
	font-weight:bold;
	font-size: 23px;
	padding:0px;
	margin:0px; 
	font-family: arial;
	text-decoration:underline; 

}
.souspartie-img{
	width: 200px;
	padding:3px;
	border: 0px solid rgb(204,204,204) ;
	margin-top:5px;

} 
.souspartiearticle{
	color:#7B7B7B;
	text-align:justify;
	padding:5px ; 
}
.souspartiedate{
	color:#EF3F50;
	font-weight:bold; 
	text-align:justify; 

}

footer {
padding:15px 0px 50px 0px;
text-align: center;
color:#7B7B7B; 

}
footer p span{
display:block; 


}
footer p a{
	color: #EF3F50;
	text-decoration:none; 
}
#part{


}
#part ul{

	margin: 0px;
	padding:0;
	list-style:none;


}
#part ul li{

	display: inline-block;
	width: 270px;
	margin-right:30px; 
	vertical-align:top; 
}
#part ul li:last-child{
margin-right: 0px;
	
}
.echo{
margin-right:15px;
width:20px;  

}
.btm{
	padding: 5px 10px;
background-color: #EF3F50;
color: #FFFFFF;
border-radius: 50px;
border: 3px solid #E6E6E6;
text-decoration:none;

}
.btm:hover{
	padding: 5px 20px ;
	transition:0.5s;
}

.zumaout{
	width:270px;
	padding:2px;
	border: 1px solid rgb(204,204,204) ;
	transition:0.5s;

}
.zumaout:hover{
	transform:scale(1.1);
	transition:0.5s;

}
.news{

	font-size: 12px;
	color:#7B7B7B;


}
.actuality{
	border-bottom: 1px solid #D4D4D4;
}
.newstitle{
	font-weight:bold; 
}
#parts{

}
#parts ul {

	margin: 0px;
	padding:0;
	background-color:#E2E2E2 ;
	


}
#parts ul li{

	display: inline-block;
	width: 270px;
	margin-right: 30px;
	/*margin-left: 80px;*/
	padding: 2px;
	margin-top:5px;
	vertical-align:top;	
	border:1px solid #000000;  

}

#parts ul li:last-child{
margin-right: 0px;
	
}
#parts  p h3{
	color: #FFFFFF;
	font-size: 25px;
	border-bottom: 1px;

}
#parts ul li h3 {

	text-align: center;
	border-bottom: 5px solid  #D4D4D4 ;
	margin:8px; 
	


}
#parts  li{

	
	background-color:#FFFFFF; 

	
}
.ima{
	width: 265px;
	height: 50px;
	padding: 2px;
}
.btms{
	padding: 5px ;
background-color: #EF3F50;
color: #FFFFFF;
/*border-radius: 50px;*/
border: 3px solid #E6E6E6;
text-decoration:none;
text-align:center; 
width: 60px;

}
#parts1 ul {

	margin: 0px;
	padding:0;
	background-color:#E2E2E2 ;
	}

#parts1 ul li{

	display: inline-block;
	width: 200px;
	margin-right: 20px;
	/*margin-left: 80px;*/
	padding: 2px;
	margin-top:10px;
	vertical-align:top;	
	border:1px solid #000000;
	background-color:#EFEFEF;   

}
#parts1 ul li:last-child{
margin-right: 0px;
	
}


.containt-sidbar{
float:left;
width: 550px; 
}
.sidbar{
	float:right; 
	width: 250px;
}
.clear{
	clear: both;
}
.contact-form label{
	display: block;
	float:left; 
	margin-right:10px;
	width: 80px;
	font-weight: bold; 

}
.contact-form input{
	padding: 5px;
	width: 300px; 
	border-radius:5px;
	border: 1px solid #D4D4D4; 

}
.contact-form textarea {
	resize:none;
	width:300px;
	height: 100px;
	border-radius: 5px;
	border: 1px solid #D4D4D4; 


}
.module ul {
	list-style: none;
	margin-left:0px; 
	padding-left:0px; 

}
.module ul li{
	margin-bottom:5px;  

}
.module ul li a {
	padding: 5px 10px;
	background-color:#EFEFEF;
	display: block;
	text-decoration:none;
	color: #1B1819;
	border-radius: 5px; 
	transition:0.5s;

}
.module ul li a:hover {
	padding: 5px 10px;
	background-color:#EF3F50;
	color: #FFFFFF;
	transition:0.5s;
	 

}
#slider{

width: 960px;
height:250px;
overflow: hidden;
position: relative;


	
}
#slider img{

width: 960px;
height:250px; 
}
.facebook{
	padding: 15px;
	border-radius:50%;
	background-color:#6079AC;
	color: #FFFFFF;
	box-shadow: 1px 10px 10px 5px #6079AC;    
}
.facebook:hover{
	
	background-color:#FFF;
	color:#6079AC;
	border:1px solid #6079AC;
 
}
.twitter{
	padding: 15px;
	border-radius:50%;
	background-color:#81DFFF;
	color: #FFFFFF;
	box-shadow: 1px 10px 10px 5px #81DFFF;  
}
.twitter:hover{
	
	background-color:#FFF;
	color:#81DFFF;
	border:1px solid #6079AC;

 
}

.whatsapp{
	border-radius: 50%;
	padding: 15px;
	background-color: #A3D34D;
	color: #FFF;
	box-shadow: 1px 10px 10px 5px #A3D34D; 
	
}

.whatsapp:hover{
	
	border: 1px solid #6079AC;
	background-color: #FFF;
	color: #231F20;
}

#part-4 .style {/*les 4 parties de la pge galerie*/
	background-color: #FF3;
	width: 200px;
	height: 200px;
	border-radius: 5px 5px 50px 50px;

	

}


#part-4 ul li{
	display: inline-block;
	width: 200px;
	margin-right: 20px;
	vertical-align: top;
	border: none;
	
}

#part-4 .style1{
	vertical-align:top;	

	background-color: #FF8;
	width: 190px;
	height: 200px;
	border-radius: 5px 5px 50px 50px;
	
	
}

#part-4 .style2{
	vertical-align:top;	

	background-color: #8DF;
	width: 190px;
	height: 200px;
	border-radius: 5px 5px 50px 50px;
	
	
}

#part-4 .style3{
	vertical-align:top;	

	background-color: #6FB;
	width: 190px;
	height: 200px;
	border-radius: 5px 5px 50px 50px;
	
	
}
#part-4 ul li:last-child{
	margin-right: 0px;
}
.menu{
	
	background-color: #a73939;
	font-family: verdina;
	font-size: 20px;
	color: white;
	text-align: center;

	
}
.ecrit{
	font-family:georgia;
font font-size: 17px;
text-align: justify;
color: black black;
}
.carree{
width: 100%;
/*height: 50%;*/
background-color: gray;
box-shadow: 10px 10px 10px #6D6767;
font-family:georgia;
font font-size: 17px;
text-align: justify;
border-radius: 5px 50px 0px 0px;



}
.menuside{
	
	font-family: verdina;
	/*width:5px;*/
	height: 4px;
	color: right;
	margin-top: -15px;

	
	padding-bottom: 20px;	
}
.foott{
box-shadow: 10px 10px 10px gray;
padding:0px ;
text-align: justify;
margin: 0px;
color: #120c30;

		
}
.foot{
/*box-shadow: 10px 10px 10px gray;*/
padding:0px ;
text-align: justify;
margin: 0px;
color: #120c30;		
}
.foo{
/*box-shadow: 10px 10px 10px gray;*/
font-size: 70px;

border: #49dba7;

box-shadow: 20px red;	
}
.picture{
/*box-shadow: 10px 10px 10px gray;*/

/*width: 100%;*/
/*height: 100% !important;
padding-top:20px;
padding: 0px;
margin-bottom:0px;*/

}
.picture{
	/*transform:scale(1.1);
	transition:0.5s;*/

}
.ligne{
	border-right: solid 1px orange;

}
.imghead{
	height: 100px !important;
	width: 100px !important;
}
.imghead: hover{
	width: 400px;
}


#printBox{

width: 500px;
text-align: center;
margin: auto;

}

.Printbutton{

display: inline-block;
cursor: pointer;
padding: 20px;
margin: 5px;
}

@media print{

.printbutton{
	display: none;
}
}