/******************
 *
 *
 *
 *	HEADER 
 *
 *
 *
 ********************/ 
header {
	height: 580px;
}
#content .wrapper {
	margin-top: 0px;
}
/******************
 *
 *
 *
 *	SLIDER 
 *
 *
 *
 ********************/ 
#slider {
	float: none;
	margin: 0 0 0 -480px;
	width: 960px;
	height: 480px;
	position: relative;
	top:0; left:50%;
	z-index: 1;
}  
#slider > .wrapper {
	width: 100%;
	height:100%;
	position: static;
} 
#slider .slider {
	position: absolute;
	top:0px; left:0px;
	width: 10000px;
	z-index:1;
	overflow:hidden;
}
#slider .slider li {
	display: block;
	float: left;
	position: relative;
	z-index:1;
	top:0px; left:0px;
	width:960px;
	height:480px;
} 
#slider .slider li.normal  :after {
	content: " ";
	display: block;
	position:absolute;
	top:0px; left:0px;
	z-index:10;
	height: 480px;
	width: 960px;
	background: transparent url(../images/slider/motif.png) repeat 0 0;
} 
#slider .slider .content {
	position: absolute;
	top:0px; left:0px;
	z-index:20;
	margin: 350px 0 0 90px;
	width: 450px;
	color: #FFFFFF;
	font-size: 14px;
}
#slider .slider .content h2 {
	font-family: "FagoCoBold", Arial, sans-serif;
	font-size: 50px;
	color:#FFFFFF;	
	width: 500px;	
	font-weight: normal;
}       
#slider .slider .content p {
	line-height: 20px;
}     
#slider .slider .content p a {
	display: inline-block;
	background: #000000;
	color: #FFFFFF;
	padding: 5px;
	margin: 10px 0;
}    
#slider .slider .content p a:hover {
	background: #E24B0D;
}
#slider .slider li img { 
	display: block;
	position: absolute; 
	top:0px; left:0px;
	z-index:1;
}
#slider .slider li img.normal {
	opacity:0; 
}
#slider .slider li.normal .normal {
	opacity:0;
}
#slider .slider li.normal .grey {
	opacity:1;
}
#slider .slider li.actif .normal {
	opacity:1; 
}
#slider .slider li.actif .grey {
	opacity:0;  
}
#slider .arrow {
	display: block;
	width:60px;
	height: 60px;
	position: absolute;
	top:45%;
	z-index:3;
	cursor:pointer;
	outline:none;
}
#slider .arrow span {
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	top:0; left:0;
	text-indent: -9999px;
	background: transparent url(../images/slider/sprite.png) no-repeat -60px -560px;	
}  
#slider .back {
	left:10px;               
} 
#slider .back .normal {        
	background-position: -118px -5px;
} 
#slider .back .over {
	background-position: 2px -4px;
}
#slider .forward {
	right:10px;               
}
#slider .forward .normal {     
	background-position: -180px -5px;
}
#slider .forward .over {
	background-position: -60px -4px;
}
#slider .navigation {
	width: 100%;
	height: 10px;
	position: absolute;
	bottom:0;
	left:0;   
	z-index:2;
	background-color: #000000;
}
#slider .navigation li {
	height: 10px;
	position: absolute;
	top:0px; left:0px;             
	background-color: #980201;
} 

header .wrapper:after,
#wrapper:after,
header nav:after,
.widget_wysija:after,
#content > .wrapper:after,
#footer .wrapper:after,
.main ul:after,
#content .header nav ul:after { 
    content: ".";
    display: block;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    clear: both;
    visibility: hidden;
    overflow: hidden;
}
/******************
 *
 *
 *
 *	HOME 
 *
 *
 *
 ********************/
.push {
	float: left;
	width:330px;
	padding: 25px 0 0 20px;
}
.home-title {
	color: #e24b0d;
	font-family: "FagoCoRegular", Arial, sans-serif;
	font-size: 30px;
	font-weight: normal;
	text-transform: uppercase;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #e24b0d;
}
.home-title strong {
	color: #000000;
	font-weight: normal;
	font-family: "FagoCoBold", Arial, sans-serif;
}       
/******************
 *                           
 *
 *
 *	OPEN 
 *
 *
 *
 ********************/
#open {
	display: none;	
}
#open .wrapper {
	width: 330px;
	height: 200px;
	position: relative;
	padding: 0; margin-top: 10px;
	background: transparent url(../img/visu/open.png) 0 0 no-repeat;
}
#open .link {
	position: absolute;
	bottom: 5px; left:5px;
}
#open .link a {
	line-height: 18px;
	display: inline-block;
	font-family: FagoCoBold, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #000000;
	text-transform: uppercase;
	padding: 5px;
	margin: 10px;
	margin-top: 20px;
} 
#open .link a:hover {
	background-color: #e24b0d;
}
/******************
 *
 *
 *
 *	COUNTDOWN 
 *
 *
 *
 ********************/
#countdown .wrapper {
	margin: 10px 0;
	padding: 10px;
	background-color: #000000;
	color: #FFFFFF;
	height:180px;
}
#countdown h3 {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-top: 5px;
}
#flipinfo {
	margin: 40px 0 0 0;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	color: #e24b0d;
}
#flipinfo span {
	display: inline-block;
	text-align: center;
	width:56px;
	margin-left: 8px; 	
}
#flipinfo span.days {
	width:85px;
	margin-left: 10px;
}
.ft {  
	margin: 5px 0 9px 9px;
}
#fliptimer {
	display: inline-block;	
}
.ft .holder {  
	float:left; 
	margin-left:1px; 
} /* Change the value of margin left if flips are too close to each other */
.ft .gap {
	margin-left:10px;
}
.ft .active {
	position:absolute;z-index:10;
} /* Class for element at top  */
.ft .reset{
	position:absolute;z-index:4; 
} /* Class for the rest of the elements  */
.ft ul {
	list-style:none;
	position:absolute; 
}
.ft ul li {
	float:left;
	margin:0px 60px 0px 50px;
}
.ft img {
	display: block;
	line-height: 0px;
	font-size: 0px;
}
#countdown .link a {
	line-height: 18px;
	display: inline-block;
	font-family: FagoCoBold, Arial, sans-serif;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #e24b0d;
	text-transform: uppercase;
	padding: 5px;
	margin: 10px;
	margin-top: 20px;
} 
#countdown .link a:hover {
	background-color: #000000;
}
/**********************
 *
 *
 *
 * NEWS
 * 
 *
 *
 *********************/
#news .slider {
	width: 330px;
	height: 200px;
	position: relative;
	margin-top: 10px;
} 
#news .wrapper { 
	display: block;
	width: 330px;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin-top:0px;
}
#news .slider li {
	display: block;
	float: left;
	position: relative;
	top:0px; left:0px;
	width:330px;
	height:200px;
} 
#news li .image {
	position: absolute;
	top:0px; left:0px;
	z-index:1;
}
#news li .post-content {
	position: absolute;
	bottom:0px; 
	z-index:2;
	padding: 10px;
	background: transparent url(../img/visu/sprite.png) no-repeat 0 -700px;
} 
#news li .post-content .post-title a {
	color: #e75012;
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
} 
#news li .post-content .post-title a:hover {
	color: #FFFFFF;
}  
#news li .post-content .content {
	font-size: 12px;
	color: #FFFFFF;
	margin: 5px 0;
}
#news li .post-content .link {
	font-weight: bold;
} 
#news li .post-content .link a {
	color: #E75012;
	text-decoration: none;
}
#news li .post-content .link a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
#news .date {
	display: none;
	position: absolute;
	top:0px; right:0px;
	z-index: 3;
	padding: 5px;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 11px;
}
#news .navigation {
	position: absolute; top:-32px; right:0px;
}   
#news .navigation a {
	display: inline-block;
	width:10px; height:10px;
	margin: 0px 5px 0 0;
	position: relative;	
}
#news .navigation a span {
	display: block;
	position: absolute;
	top:0px; left:0px;
	width:100%; height:100%;
	background: transparent url(../img/visu/sprite.png) no-repeat -310px -620px;
} 
#news .navigation a .normal, #news .navigation a .normal {
	background-position: -310px -620px;
} 
#news .navigation a .over, #news .navigation a .over {
	background-position: -300px -620px;
} 
#news .navigation a.actif .normal {
	opacity:0;
} 
#news .navigation a.actif .over {
	opacity:1;
} 
/**********************
 *
 *
 *
 * PUB
 * 
 *
 *
 *********************/  
#pub {
	border-top: 5px solid #e24b0d;
	margin: 20px; 
	padding: 20px 0 0 0;
	text-align: center;		
	margin-bottom:0px;
} 
#pub .wrapper { 
	display: inline-block;
	width: 480px;
	height:60px;
	padding: 20px 100px;	
	background-color: #000000;	
} 
/**********************
 *
 *
 *
 * TRANSITIONS
 * 
 *
 *
 *********************/ 
#slider .slider .content p a,
.link a,
#news .post-content a ,
#news .navigation a span { 
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#slider li.anim img { 
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;                                             
	-ms-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}
/**********************
 *
 *
 *
 * EASY CLEARING
 * 
 *
 *
 *********************/ 
#fliptimer:after { 
    content: ".";
    display: block;
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    clear: both;          
    overflow: hidden;
    visibility: hidden;
}