/*
 * SLIDER PRINCIPAL
 */
#main_slider{
	position:relative;
	float:left;
	width:100%;
	height:312px;
	overflow:hidden;
	z-index:1;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

	#main_slider .mainControls{
		position:absolute;
		float:left;
		width:100%;
		z-index:2;
	}

		#main_slider .contentMainControls{
			position:relative;
			width:980px;
			margin:0 auto;
		}
	
			#main_slider .btnPrev{
				position:absolute;
				float:left;
				top:133.5px;
				left:20px;
				width:28px;
				height:45px;
				background:url("../images/accueil/btn_prev_main_slider.png") no-repeat;
				cursor:pointer;
				z-index:2;
			}	
			
			#main_slider .btnNext{
				position:absolute;
				float:right;
				top:133.5px;
				right:20px;
				width:28px;
				height:45px;
				background:url("../images/accueil/btn_next_main_slider.png") no-repeat;
				cursor:pointer;
				z-index:2;
			}
			
			#main_slider ul.nav{
				position:absolute;
				float:right;
				top:275px;
				right:220px;
				z-index:3;
			}
			
				#main_slider ul.nav li.bullet{
					float:left;
					width:16px;
					height:16px;
					background:url("../images/accueil/bullet_main_slider_off.png") no-repeat 4px 4px;
					cursor:pointer;
					margin:0 8px 0 0;
				}
				#main_slider ul.nav li.bullet.on{
					background:url("../images/accueil/bullet_main_slider_on.png") no-repeat;
					cursor:default;
				}
				
			#main_slider .deco{
				position:absolute;
				float:right;
				top:24px;
				right:58px;
				width:487px;
				height:288px;
				background:url("../images/accueil/deco_main_slider.png") no-repeat;
				display:none;
				z-index:2;
			}
			#main_slider .deco.curDeco{
				display:block;
			}
			
				#main_slider .deco a{
					position:relative;
					float:right;
					width:487px;
					height:288px;
				}
	
	#main_slider .maskSlider{
		position:absolute;
		float:left;
		width:auto;
		height:312px;
		z-index:1;
	}
	
		#main_slider .maskSlider .slide{
			position:absolute;
			float:left;
			width:100%;
			height:312px;
		}
		
			#main_slider .maskSlider .slide .title{
				position:absolute;
				top:156px;
				left:80px;
				z-index:2;
			}
			#main_slider .maskSlider .slide .title,
			#main_slider .maskSlider .slide .title A{
				font-family:"Karbon-Regular";
				font-size:36px;
				line-height:34px;
				font-weight:normal;
				color:#ffffff;
				text-align:left;
				text-shadow:0px 0px 10px #333333;
			}
			
				#main_slider .maskSlider .slide .title .lineText{
					display:block;
				}
				#main_slider .maskSlider .slide .title .lineText.last{
					float:left;
					font-family:"Karbon-Bold";
					text-transform:uppercase;
				}
				
					#main_slider .maskSlider .slide .title .lineText.last:after{
						float:left;
						width:100%;
						content:"";
						height:8px;
						border-radius:3px;
						background:#ffffff;
						margin:5px 0 0 0;
					}
		
			#main_slider .maskSlider .slide .picture{
				position:relative;
				float:left;
				width:100%;
				height:312px;
				text-align:center;
				z-index:1;
			}
			
				#main_slider .maskSlider .slide .picture a{
					position:relative;
					float:left;
					width:100%;
					height:100%;
				}
		
					#main_slider .maskSlider .slide .picture IMG.sliderImageDesktop{
						display:initial;
					}
		
					#main_slider .maskSlider .slide .picture IMG.sliderImageMobile{
						display:none;
					}

/*
 * CONTENU PUSH
 */			
#main_push{
	position:relative;
	float:left;
	width:100%;
	height:285px;
	background:#fbfcfc;
}

	#main_push .col{
		float:left;
		width:312px;
		margin:13px 0 0 0;
	}
	
		#main_push .col .box{
			position:relative;
			float:left;
			width:100%;
			height:240px;
			border-radius:3px;
			background:#ffffff;
			padding:12px 0 0 0;
		}
		
			#main_push .col .box .title{
				float:left;
				width:292px;
				font-family:"Karbon-Bold";
				font-size:20px;
				line-height:22px;
				font-weight:bold;
				text-align:left;
				text-transform:uppercase;
				padding:0 10px 0 10px;
			}
			#main_push #col_marques .box .title{	
				color:#f9c652;
			}
			#main_push #col_actualites .box .title{	
				color:#2d8e8c;
			}		
			
			#main_push .col .box .content{
				float:left;
				width:302px;
				padding:10px 0 0 8px;
			}
			
				#main_push .col .box .content .picture{
					position:relative;
					float:left;
					width:140px;
					height:140px;
				}
				
					#main_push .col .box .content .picture .mask{	
						position:absolute;
						float:left;
						width:140px;
						height:140px;
						background:url("../images/accueil/bg_mask_picture_marque.png") no-repeat;
						z-index:2;
					}
					
					#main_push .col .box .content .picture img{
						position:relative;
						z-index:1;
					}
					
				#main_push .col .box .content .info{
					float:left;
					width:135px;
					padding:0 0 0 19px;
				}
				
					#main_push .col .box .content .info .title{
						float:left;
						width:100%;
						font-family:"Karbon-Semibold";
						font-size:16px;
						line-height:18px;
						font-weight:normal;
						text-align:left;
						text-transform:none;
						padding:0;
					}
					#main_push #col_marques .box .content .info .title{
						color:#f9c652;
					}
					
					#main_push .col .box .content .info .text{
						float:left;
						width:100%;
						font-family:"Karbon-Regular";
						font-size:15px;
						line-height:20px;
						font-weight:normal;
						text-align:left;
						text-transform:none;
						color:#525256;
						padding:0;
					}
			
			#main_push .col .box ul.listActus{
				float:left;
				width:292px;
				padding:7px 10px 4px 10px;
			}
			
				#main_push .col .box ul.listActus li.actu{
					float:left;
					width:292px;
					margin:10px 0 0 0;
					
					-webkit-transition: 
						background 0ms linear;
					-moz-transition: 
						background 0ms linear;
					-o-transition: 
						background 0ms linear;
					-ms-transition: 
						background 0ms linear;
					transition: 
						background 0ms linear;
				}
				#main_push .col .box ul.listActus li.actu:first-child{
					margin-top:0;
				}
				#main_push .col .box ul.listActus li.actu:hover{
					background:url("../images/accueil/tiret_actu.png") no-repeat left bottom;
				}
				
					#main_push .col .box ul.listActus li.actu .picto{
						float:left;
						width:30px;
						min-height:25px;
						background:url("../images/accueil/picto_actu.png") no-repeat 0 7px;
					}
					
						#main_push .col .box ul.listActus li.actu .picto a{
							float:left;
							width:30px;
							min-height:25px;
						}
					
					#main_push .col .box ul.listActus li.actu .info{
						float:left;
						width:262px;
					}
				
						#main_push .col .box ul.listActus li.actu .date{
							float:left;
							width:100%;
							font-family:"Karbon-Regular";
							font-size:14px;
							line-height:17px;
							font-weight:normal;
							text-align:left;
							color:#525256;
						}
						
						#main_push .col .box ul.listActus li.actu .text{
							float:left;
							width:100%;
							font-family:"Karbon-Semibold";
							font-size:14px;
							line-height:17px;
							font-weight:normal;
							text-align:left;
							color:#525256;
						}
			
			#main_push .col .box .btnRapport{
				float:left;
				width:250px;
				height:60px;
				background:url("../images/accueil/picto_btn_rapport.png") no-repeat 19px 9px;
				margin:15px 0 0 10px;
			}
			#main_push .col .box .btnRapport:hover{
				background:#2d8e8c url("../images/accueil/picto_btn_rapport.png") no-repeat 19px 9px;
				border-radius:2px;
			}
					
				#main_push .col .box .btnRapport a{
					float:left;
					width:183px;
					height:45px;
					font-family:"Karbon-Bold";
					font-size:13px;
					line-height:15px;
					font-weight:normal;
					text-align:left;
					text-transform:uppercase;
					color:#2d8e8c;
					background:url("../images/accueil/arrow_btn_rapport.png") no-repeat 211px 20px;
					border:1px solid #2d8e8c;
					border-radius:2px;
					padding:13px 0 0 65px;
				}
				#main_push .col .box .btnRapport a:hover{
					color:#ffffff;
				}
			
			#main_push .col .btn a{
				float:left;
				height:24px;
				font-family:"Karbon-Bold";
				font-size:13px;
				line-height:13px;
				font-weight:normal;
				text-align:left;
				text-transform:uppercase;
				color:#ffffff;
				border-radius:3px;
				padding:0 7px 0 6px;
				margin:0 0 0 10px;
			}	
			#main_push #col_marques .btn a{
				position:absolute;
				bottom:10px;
				left:0;
				background:#f9c652;
			}	
			#main_push #col_marques .btn a:hover{
				background:#dca62c;
			}
			#main_push #col_data .btn a{
				background:#e06d2c;
			}
			#main_push #col_data .btn a:hover{
				background:#c25212;
			}
			
				#main_push .col .btn a .text{
					float:left;
					padding:6px 0 0 0;
				}
				
				#main_push .col .btn a .picto{
					float:left;
					width:17px;
					height:24px;
					background:url("../images/accueil/arrow_btn.png") no-repeat 0 3px;
					margin:0 0 0 10px;
				}	
			
	#main_push #col_data{
		
	}
		
		#main_push #col_data a.linkData{
			float:left;
			width:272px;
			height:230px;
			padding:22px 20px 0 20px;
		}
	
			#main_push #col_data .picture{
				float:left;
				width:100%;
				height:190px;
				text-align:center;
				margin:0 0 8px 0;
			}
		
/*
 * BANDEAU VIDEO
 */	
#ban_video{
	position:relative;
	float:left;
	width:100%;
	height:332px;
}

	#ban_video .banVideoUtileArea{
		position:relative;
		width:100%;
		max-width:1280px;
		height:332px;
		margin:0 auto;
		background:#f9f5ec;
	}

	#ban_video .border{
		position:absolute;
		float:left;
		left:0;
		width:100%;
		height:5px;
		background:#f9c652;
		opacity:0.2;
		-moz-opacity:0.2;
		-khtml-opacity:0.2;
		filter:alpha(opacity=20);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20); 
		-ms-filter:"alpha(opacity=20)";
		z-index:2;
	}
	#ban_video .border.top{
		top:0;
	}
	#ban_video .border.bottom{
		bottom:0;
	}
	
	#ban_video .desc{
		position:absolute;
		float:left;
		top:50%;
		transform: translateY(-50%);
		width:100%;
		z-index:2;
	}
	
		#ban_video .desc .title{
			width:450px;
			font-size:30px;
			line-height:34px;
			font-weight:normal;
			color:#f9c652;
			text-align:left;
			display:block;
		}
		
			#ban_video .desc .title .light{
				float:left;
				width:100%;
				font-family:"Karbon-Regular";
				text-transform:none;
			}
			
			#ban_video .desc .title .bold{
				float:left;
				width:100%;
				font-family:"Karbon-Bold";
				text-transform:uppercase;
			}
			
				#ban_video .desc .title .bold .lastLine{
					float:left;
				}
			
					#ban_video .desc .title .bold .lastLine:after{
						float:left;
						width:100%;
						height:10px;
						content:"";
						background:#f9c652;
						border-radius:3px;
						margin:1px 0 16px 0;
					}
		
		#ban_video .desc .text{
			width:300px;
			font-family:"Karbon-Regular";
			font-size:16px;
			line-height:20px;
			font-weight:normal;
			text-align:left;
			color:#525256;
			display:block;
		}
		
	#ban_video .wrapBtnPlay{
		position:absolute;
		float:right;
		top:0;
		right:0;
		width:55%;
		height:332px;
		z-index:3;
	}
		
		#ban_video .btnPlay{
			position:absolute;
			float:left;
			top:124px;
			width:100%;
			height:83px;
			text-align:center;
			z-index:4;
		}
		
			#ban_video .btnPlay .button{
				width:83px;
				height:83px;
				cursor:pointer;
			}
	
	#ban_video .picture{
		position:relative;
		float:left;
		width:100%;
		height:332px;
		z-index:1;
		overflow:hidden;
	}
	
		#ban_video .picture .mask{
			position:absolute;
			float:left;
			width:60%;
			height:332px;
			background:url("../images/accueil/bg_mask_picture_ban_video.png") no-repeat right;
			z-index:2;
		}
		
		#ban_video .picture .photo{
			position:relative;
			float:right;
			height:332px;
			z-index:1;
		}
	 
/*
 * SLIDER MARQUES
 */	
#slider_marques{
	position:relative;
	float:left;
	width:100%;
	height:139px;
	background:#ffffff;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	#slider_marques #swipe_slider_marques{
		display:none;
	}

	#slider_marques .wrap{
		position:relative;
		width:960px; /* 1024px */ 
		margin:0 auto;
	}
	
		#slider_marques .btn a{
			float:right;
			height:24px;
			font-family:"Karbon-Bold";
			font-size:13px;
			line-height:13px;
			font-weight:normal;
			text-align:left;
			text-transform:uppercase;
			color:#ffffff;
			background:#f9c652;
			border-radius:3px;
			padding:0 7px 0 6px;
			margin:10px 17px 0 0;
		}
		#slider_marques .btn:after{
			content:'';
			display:block;
			clear:both;
		}
		#slider_marques .btn a:hover{
			background:#dca62c;
		}
			
			#slider_marques .btn a .text{
				float:left;
				padding:6px 0 0 0;
			}
				
			#slider_marques .btn a .picto{
				float:left;
				width:17px;
				height:24px;
				background:url("../images/accueil/arrow_btn.png") no-repeat 0 3px;
				margin:0 0 0 10px;
			}	
	
			#slider_marques .btnPrev{
				position:absolute;
				float:left;
				top:71px;
				left:10px;
				width:15px;
				height:24px;
				background:url("../images/accueil/btn_prev_slider_marques.png") no-repeat;
				cursor:pointer;
				z-index:2;
			}
			
			#slider_marques .btnNext{
				position:absolute;
				float:right;
				top:71px;
				right:10px;
				width:15px;
				height:24px;
				background:url("../images/accueil/btn_next_slider_marques.png") no-repeat;
				cursor:pointer;
				z-index:2;
			}
		
		#slider_marques .contentSlider{
			position:relative;
			float:left;
			top:11px;
			left:50px; /* 24px */
			width:870px; /* 976px */
			height:74px;
			overflow:hidden;
		}
		
			#slider_marques .contentSlider ul.maskSlider{
				position:absolute;
				float:left;
			}
			
				#slider_marques .contentSlider ul.maskSlider li.slide{
					position:relative;
					float:left;
					
					top:0px;
					left:0px;
						
					float:left;
					width:108px;
					height:74px;
				}
				
					#slider_marques .contentSlider ul.maskSlider li.slide a{
						width:108px;
						height:74px;
						text-align:center;
						display:table-cell;
    					vertical-align:middle;
					}
				
					#slider_marques .contentSlider ul.maskSlider li.slide IMG{
						position:relative;
						width:62px;
						height:62px;

						display:table-cell;
    					vertical-align:middle;
    					margin: 0 auto;
					}

/* nouveau slider home */
.nouveau-slider{
	position: relative;
    /* float: left; */
    width: 100%;
    height: 332px;
    overflow: hidden;
    z-index: 1;
    max-width: 1280px;
    margin: 0 auto;
}

.nouveau-slider .picture img.sliderImageMobile{
	display: none;
}
.nouveau-slider .flexslider .flex-direction-nav .flex-nav-prev{
	position: absolute;
	padding: 5px;
    float: left;
    top: 133.5px;
    left: 14%;
    width: 28px;
    height: 45px;
    background: url(../images/accueil/btn_prev_main_slider.png) no-repeat;
    cursor: pointer;
    z-index: 2;
}
.nouveau-slider .flexslider .flex-direction-nav .flex-nav-next{
	position: absolute;
	padding: 5px;
    float: right;
    top: 133.5px;
    right: 14%;
    width: 28px;
    height: 45px;
    background: url(../images/accueil/btn_next_main_slider.png) no-repeat;
    cursor: pointer;
    z-index: 2;
}
.flex-direction-nav .flex-prev {
    left: 0px;
}
.flex-direction-nav .flex-next {
    right: 0px;
}
.nouveau-slider .flexslider .flex-direction-nav .flex-next:hover {
    opacity: 0;
}
.nouveau-slider .flexslider .flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: transparent;
    text-shadow: none;
}
.nouveau-slider .flexslider .flex-control-nav.flex-control-paging{
    position: absolute;
    float: none;
    top: 280px;
    right: 364px;
    z-index: 3;
    width: 150px;
}

.nouveau-slider .flexslider .flex-control-nav.flex-control-paging li {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/accueil/bullet_main_slider_off.png) no-repeat 4px 4px;
    cursor: pointer;
    margin: 0 8px 0 0;
}
.nouveau-slider .flexslider .flex-control-nav.flex-control-paging li a.flex-active{
	background: url(../images/accueil/bullet_main_slider_on.png) no-repeat;
    cursor: default;
}
.nouveau-slider .flexslider .flex-control-nav.flex-control-paging li a {
    width: inherit;
    height: inherit;
    display: block;
    background: none;
    cursor: pointer;
    text-indent: -9999px;
    box-shadow: none;
    border-radius: 0;
}
.nouveau-slider .flexslider .title{
	position: absolute;
    top: 156px;
    left: 80px;
    z-index: 2;
}
.nouveau-slider .flexslider .title a{
	font-family: "Karbon-Regular";
    font-size: 36px;
    line-height: 34px;
    font-weight: normal;
    color: #ffffff;
    text-align: left;
    text-shadow: 0px 0px 10px #333333;
}
.nouveau-slider .flexslider .title a span.lineText{
	display: block;
}
.nouveau-slider .flexslider .title .lineText.last {
    float: left;
    font-family: "Karbon-Bold";
    text-transform: uppercase;
}
.nouveau-slider .flexslider .deco {
    position: absolute;
    float: right;
    top: 24px;
    right: 58px;
    width: 487px;
    height: 288px;
    background: url(../images/accueil/deco_main_slider.png) no-repeat;
    display: none;
    z-index: 2;
}