#slidearea{
	height: 351px; 
	overflow: hidden;
	position: relative; 
	background:url(images/ecran.png) no-repeat;
}
#gallerycover{
	width:455px;
	height:260px;
	overflow:hidden;
	position:absolute;
	top:29px;
	right:17px;
}

.mygallery{
	position:relative;
	height:260px;
	width: 455px;
}
.mygallery img{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
	height:260px;
	width: 455px;
}
#textcover{
	width:490px;
	height: 220px;
	overflow:hidden;
	position:absolute;
	top:60px;
	left:20px;
}

.mytext p a:link, .mytext p a:visited{

	position:relative;
	margin-bottom:10px;
	height:200px;
	width: 470px;
	float:left;
	line-height:20px;
	color:#c4c4c4;
	font-family: Tahoma,Georgia,century gothic,Verdana, sans-serif;
}
.mytext ul li{
	height:200px;
}
.boxhead1 {
	color: #01aaef;
}
.mytext p a:link, .mytext p a:visited {
	padding-top: 1px;
	padding-left: 9px;
	height: 28px;
	top: 20px;
	position: relative;
	background-image: url(images/lire_la_suite.png);
	background-repeat: no-repeat;
	color: #01aaef;
}
.mytext h2 {
	font-size: 22px;
	font-family: "Trebuchet MS";
	text-transform: uppercase;
	font-style: normal;
	color: #01aaef;
	margin:0px 0px 5px 0px;
	font-weight: normal;
	
}
.mytext h2 a:link, .mytext h2 a:visited {
	color: #EBC426;
}

.reunion{
	position:absolute;
	bottom: 30px;
	left: 300px;
	
}
.prev{
	position:absolute;
	bottom: 25px;
	left:420px;
	width:35px;
	
}
.next{
	position:absolute;
	bottom: 25px;
	left:455px;
		width:35px;
}

.recpostcover{
	width:635px;
	float:left;
	margin:10px 0px;
	overflow:hidden;
}	
.recpostlist{
	float:left;
	margin:0px 0px;

}	
.recpostlist p a{
	color: #01aaef;
	margin:0px 0px;

}	
              
	                   
	                     
	                   
	                  
	                    
	                                          
	
 	

.recpostlist p a:hover{

	color: black;

}	
.recpostitle {
	padding-left: 15px;
	padding-bottom: 12px;
	padding-right: 0px;
	padding-top: 11px;
	position:relative; ;
	background:url(images/welc.png) no-repeat;
	
}	

.old{
	position:absolute;
	top:12px;
	right:5px;
	width:35px;
	
}
.new{
	position:absolute;
	top:12px;
	right:30px;
	width: 45px;
}


.recpostitle h2{
	font-family: "Trebuchet MS";
	font-size: 18px;
	text-transform:uppercase;
	width:400px;
	color: #2B2B2B;
	
}	

.recpostcover h3  a:link,.recpostcover h3  a:visited{
	color: #01aaef;
}

.recpostcover h3{
	font: 20px Tahoma, "Trebuchet MS";
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 5px;
	font-weight: bold;

}
.recmeta{
	font-style: italic;
	font-size:10px;
	font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
	padding:0px 5px;
   	color: #afacaa;
	text-transform:uppercase;


	}
.recpostcover p{
	font: 13px Tahoma,century gothic,Verdana, sans-serif;
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 5px;
	color:#757575;
	line-height: 20px;

}

.aut{
	font-size:10px;
	font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
	padding:0px 0px;
	text-transform:uppercase;
	float:left;
	color:#fff;
}

.dis{
	font-size:10px;
	font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
	padding:0px 0px;
	text-transform:uppercase;
	float:right;
}
.dis a:link,.dis a:visited{
	color:#fff;
}


h2.am{
	margin-bottom:20px;
	height:34px;
	padding-bottom:5px;
	background:url(images/recnews.png) no-repeat;
}


h2.fl{

	height:34px;
	padding-bottom:5px;
	background:url(images/flick.png) no-repeat;
	margin-bottom:20px;
}
#topad{

	width:1000px;
	height: 90px;
	
}

#topad h2{
	font-family: Tahoma;
	line-height:30px;
	font-size:26px;
	color:#fff;
	padding:50px 0 0 10px;
	text-transform:uppercase;
	}
#topad h2 a:link, #topad h2 a:visited{

	color:#fff;

	}
	
#topad h3{

	padding-left: 10px;

	padding-bottom: 0;

	padding-right: 0;

	padding-top: 53px;

	font-weight: bold;

	font-family: Tahoma;

	line-height: 20px;
	font-size: 18px;
	color: #EBC426;
	
}
#topad p{

	line-height:20px;
	font-size:13px;
	color:#fff;
	padding:0px 0 0 10px;

	
}

.topban{
	width:726px;
	margin:0px auto;
	padding-top:25px;

}




.topban h2{

	font-family: Tahoma;

	line-height:30px;
	font-size:20px;
	color:#fff;
	padding:35px 0 0 10px;
	text-transform:uppercase;
	
}
.videotab  h2 {
	line-height:30px;
	font-size:14px;
	color:#fff;
	margin:0px 0 5px 0 ;
	padding:0px 0 0 5px;
	background:#406E06;
	font-weight:bold;
	font-family:Arial,Century gothic,Georgia,  sans-serif;
	text-transform:uppercase;
	width:100%;
	float:left;
	}
.videotab  p {

	padding:0px 5px 0 5px;

	}
.videotab {

	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	float:left;
	background:#fff;
}

.squarebanner {
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline;
	color:#F3F6FB;
	font: 12px Tahoma,century gothic,Georgia,Verdana, sans-serif;
	float:left;
}




.squarebanner ul{
		list-style-type:none;
	    margin: 0px 0px 0px 0px;
		padding: 0px 0px;
		}
		
.squarebanner ul li{
		list-style-type:none;
	    margin: 0px 5px 10px 10px;
		font-weight:normal;
		padding: 0px 0px;
		float:left;
		display:inline;
		color:#23435F;
		line-height:16px;
		border:6px solid #CFCFCF;
		}
		
.squarebanner li a:link,.squarebanner li a:visited{
		overflow:hidden;
		color:#0484f4;
		font-size:10px;
		padding:3px 0px;
		}

.squarebanner li a:hover {
		color:#111;
		text-decoration:none;
		}	

#bottom{
	width:100%;
	background:#272727;


}	
.fcenter{
	width:1000px;
	margin:0px auto;
	padding:0px 0px 5px 0px;
}	
.botbox{
	width:310px;
	display:inline;
	padding:5px 5px;
	margin:0px 5px;
	line-height:20px;
	color:#A79578;
	float:left;

}	

.botbox ul {

		width:310px;

}

.botbox li {
	color:#6f767e;
	list-style:none;
	padding: 0px 0px;
	width:310px;
	float:left;
	margin:0px 0px;
	line-height:18px;
	border-bottom:1px dotted #4F4F4F;
	font-family:  Tahoma,Georgia, Arial,century gothic,verdana, sans-serif;
	font-size:16px;

}

.botbox li h3{
	color:#fff;
	margin: 5px 0px;
	width:310px;
	font-weight:bold;
	line-height:18px;
	font-family:  century gothic,Tahoma,Georgia, Arial,verdana, sans-serif;
	font-size: 13px;
}

.botbox li h3 a:link,.botbox li h3 a:visited{
	color:#6f767e;
	font-weight:bold;


}
.botbox li h3 a:hover{
	color:#fff;
	font-weight:bold;


}
.flickbox img {

	float:left;
	margin:5px 5px 0px 0px;
	height:80px;
	width:80px;
	padding:5px;
	background:#000;

}

.about p {
	font: 12px Tahoma,century gothic,Georgia,Verdana, sans-serif;
	margin:0px 0px 5px 0px;
	color:#637E9F;
	line-height:20px;
	
}	




.customblock{
	background-color: white;
	padding-left: 0px;
	padding-bottom: 17px;
	padding-right: 0px;
	padding-top: 25px;
	width:100%;
	float:left;
	}
.customblock p{
	text-align: justify;
	font: 12px Tahoma,century gothic,Georgia,Verdana, sans-serif;
	padding:5px 10px;
	color:#818181;
	line-height:18px;
	}

.customblock a{
	color: #636363;
}
.customblock a:hover{
	color: black;
}

.boxhead1{
	width:303px;
	height:70px;
	background:url(images/boxhead1.png) no-repeat;
	overflow:hidden;
	}

.boxhead1 h2, .boxhead2 h2, .boxhead3 h2{
	color: #636363;
	padding-left: 77px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 23px;
	font-family: Tahoma;
	font-size: 18px;
	}	
	
.boxhead2{
	width:303px;
	height:70px;
	background:url(images/custombox2.png) no-repeat;
	overflow:hidden;
	}

.boxhead3{
	width:303px;
	height:70px;
	background:url(images/custombox3.png) no-repeat;
	overflow:hidden;
	}	
	
	
.boxfoot{
	height:11px;
	background:url(images/boxbot.png) no-repeat;
}
.custombox{
	width:303px;
	float:left;
	display:inline;
	margin:0px 15px;
	padding:0px 0px;
	background:#c8c8c8;
	}
.mytext p a:hover{
		color: #020202;
	}
.mytext p{
		line-height: 20px;
		color: white;
	}
.customblock p a{
		color: #f2f2f2;
	}
.customblock p a:hover{
		color: #3e3e3e;
	}