@charset "UTF-8";
 /* CSS Document */

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////                                        
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                           ACTUALITE                                                ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
/////                                                                                                    ///// 
////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.fullwidth{
	width: 100%;
	height: 400px;
	/*box-shadow: inset 30px 0 30px 0 rgba(0,0,0,0.8);*/
	text-align: center;
	margin: 0 auto;
	padding-top: 50px;
	
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
}

#fullwidth {	background-image : url('/windtechnics/photos/blog/18/IMG_3882.jpg'); background-position: center bottom; position: relative;}
#fullwidth .page_width {width: 100%; max-width: 900px; margin: 0 auto; position: relative; height: 100%; }
	
#page_actualite .w960 {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	
}

/* POLICES */
#page_actualite h2 {font-family: giorgio, avenir, arial; font-size: 28px; color: #444; letter-spacing: 0.1em; text-align: center; padding: 15px 30px 10px 30px;  background-color: rgba(255,255,255,0.6); border-radius: 3px 3px 0 0; display: inline-block; position: absolute; left: 10px; bottom: 0px; }
#page_actualite #fullwidth h4 {font-family: orator, avenir, arial; color: #444; }

#page_actualite p img { width: 25px; opacity: 0.6; vertical-align: middle; margin-right: 10px;}

/* Mise en page */

#page_actualite #site_location{ margin-bottom: 0px; border-bottom: solid 1px #ccc; width: 83%; position: relative; left: 150px; }

#page_actualite #main_page {
	position: relative;	
	vertical-align: top;
}
 
#page_actualite #main_page #liste {
	width: 83%;
	max-width: 900px;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	left: 75px;

}

#page_actualite #main_page #liste li {
	display: block;
	position: relative;
	margin: 30px 0;
	background-color: rgba(0,0,0,0.75);
	height: 200px;	
	border-radius: 2px;
	text-align: left;
}

#page_actualite #main_page #liste li a{
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	z-index : 2;
}

#page_actualite .articlePreview span {
	display: inline-block;
	font-size: 12px;
	font-family: vodafone, avenir, arial;
	letter-spacing: 0.07em;
	color: #fff;
	text-align: left;
	padding: 20px 20px 10px 0px;
}


#page_actualite .articlePreview h3 {
	font-size: 22px;
	font-family: eurostyle;
	letter-spacing: 0.07em;
	color: #fff;
	text-align: left;
	padding: 5px 20px 10px 20px;
}

#page_actualite .articlePreview p {
	font-size: 15px;
	font-family: avenir, arial;
	color: #fff;
	text-align: justify;
	padding-right: 20px;
}

#page_actualite .articlePreview button {
	position: absolute;
	bottom: 15px ; right: 20px;
	font-size: 13px;
	padding: 6px 10px;
	float: right;
	border: none;
	border-radius: 2px;
	background-color: #FFF;
	z-index : 1;
}

#page_actualite .articlePreview .image_preview {
	height: 200px;
	width: 200px;
	margin-right: 25px;
	float: left;
	border-radius: 2px 0 0 2px;
	float: left; 
	 
	background-color: #FFF; 
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;	
}


#pageTitle {
	background-color: #444;
	height: 100%;
	width: 130px;
	position: absolute;
	top: 15px;
	left: 0px;
	text-align: right;
	overflow: hidden;
}

#pageTitle h2 {
	padding: 0;
	color: #FFF;
	font-family: eurostyle, avenir, arial;
	font-weight: bold;
	letter-spacing: 0.08em;	
	transform: rotate(-90deg);
	vertical-align: top;
	position: relative;
	left: -540px;
	top: 540px;
	font-size: 230px;
	line-height: 200px;
	background-color: transparent;
}