@charset "utf-8";

	
/*notre entreprise*/
#section3{
	z-index:100;
	padding-top:45px;
	padding-bottom:25px;
    -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	 transition:all 1s ease;
}
#section3 *{
    -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	 transition:all 1s ease;
}
	#section3 .goto{
		position:absolute;
		z-index:11000;
		top:-115px;
		left:50%;
		margin-left:-11px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;

	}
	#section3 .goto:hover{
		padding-top:10px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	#section3 p{
		width:100%;
		padding-bottom:20px;
		font-size:1.4em;
		line-height:1.4em;
		color:#272525;
		text-align:center;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#section3 p.tresgrand{
		font-size:1.6em;
		line-height:1.6em;
	}	
	#section3 p.grand{
		font-size:1.5em;
		line-height:1.5em;
	}	
	#section3 p.normal{
		font-size:1.4em;
		line-height:1.4em;
	}	
	#section3 p.petit{
		font-size:1.2em;
		line-height:1.2em;
	}	
	#section3 .plus{
		float:none;
		position:relative;
		display:inline;
		width:40px !important;
		height:40px !important;
	}
		#section3 img.plus img{
			width:40px !important;
			height:40px !important;
		}


/*actualites à la une*/
#section4{
	z-index:100;
	padding-bottom:20px;
	background:#e2001a;
}
	#section4 h2{
		color:#fff;
		background:url(/images/diaporama/sep.png) no-repeat bottom center;
	}
		#section4 h2 a{
			color:#fff;
		}
	#section4 p{
		float:left;
		width:100%;
		color:#fff;
		font-size:1.3em;
		text-align:center;
		padding-bottom:30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#section4 ul{
		float:left;
		width:100%;
		padding-bottom:40px;
		-webkit-transition:all 1s ease;
		-moz-transition:all 1s ease;
		-o-transition:all 1s ease;
		 transition:all 1s ease;
	}
		#section4 ul li{
			float:left;
			position:relative;
			overflow:hidden;
			width:25%;
			border:2px solid #e2001a;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-transition:all 1s ease;
			-moz-transition:all 1s ease;
			-o-transition:all 1s ease;
			 transition:all 1s ease;
		}
				#section4 ul li a{
					text-decoration:none;
				}
				#section4 ul li img{
					float:left;
					width:100%;
				}
				#section4 ul li canvas {
					float:left;
					width:100% !important;
					height:100% !important;
				}
				#section4 ul li a .texte{
					float:left;
					position:absolute;
					z-index:200;
					top:75%;
					left:0;
					width:100%;
					height:100%;
					background:#e3001b;
					background:rgba(0, 0, 0, 0.2);
					-moz-transition: all 0.2s ease 0s;
					-webkit-transition: all 0.2s ease 0s;
					transition: all 0.2s ease 0s;
				}
				#section4 ul li a:hover .texte{
					top:0;
					background:#e3001b;
					background:rgba(226, 0, 26, 1);
					-moz-transition: all 0.7s ease 0s;
					-webkit-transition: all 0.7s ease 0s;
					transition: all 0.7s ease 0s;
				}
					#section4 ul li a .texte h3{
						display:inline;
						float:left;
						width:100%;
						padding-top:10px;
						color:#fff;
						font-size:1.2em;
						text-transform:uppercase;
						text-align:center;
					}
					#section4 ul li a .texte h4{
						display:inline;
						float:left;
						width:100%;
						padding-top:5px;
						color:#fff;
						font-size:1em;
						text-transform:uppercase;
						text-align:center;
					}
					#section4 ul li a .texte p{
						display:none;
						float:left;
						position:absolute;
						z-index:300;
						width:100%;
						padding:0;
						padding-left:5px;
						padding-right:5px;
						margin:0;
						left:0;
						bottom:40px;
						color:#fff;
						font-size:0.9em;
						text-align:center;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
					}
					#section4 ul li a:hover .texte h3{
						padding-top:40px;
					}
					#section4 ul li a:hover .texte p{
						display:inline;
					}
	
	
/*Produits*/
#section5{
	z-index:100;
	background:#f5f5f5;
}
#section5 *{
    -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	 transition:all 1s ease;
}
	#section5 p{
		float:left;
		width:100%;
		padding-bottom:25px;
		line-height:1.4em;
		text-align:left !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#section5 ul{
		float:left;
		width:100%;
		padding-bottom:40px;
	}
		#section5 ul li{
			float:left;
			position:relative;
			width:20%;
			padding-top:25px;
			padding-left:25px;
			padding-right:25px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#section5 ul li h3{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				height:70px;
			}
				#section5 ul li h3 a{
					float:left;
					display:inline;
					font-weight:normal;
					font-family: 'klavikamedium', Arial, sans-serif;
					font-size:1.2em;
					text-transform:uppercase;
					text-decoration:none;
					color:#333;
				}
				#section5 ul li h3 a:hover{
					color:#000;
				}
			#section5 ul li ul{
				width:100%;
				padding-left:0;
				margin-left:0;
				padding-bottom:0;
			}
				#section5 ul li ul li{
					width:100%;
					padding-top:0px;
					padding-left:0px;
					padding-right:0px;
					padding-bottom:5px;
				}
					#section5 ul li ul li a{
						float:left;
						display:inline;
						font-size:1em;
						text-decoration:none;
						color:#666;
					}