@charset "utf-8";

/*notre entreprise*/
#notre_entreprise{
	z-index:100;
}
	#notre_entreprise .goto{
		position:absolute;
		top:-70px;
		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;
	}
	#notre_entreprise .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;
	}
	#notre_entreprise p{
		width:100%;
		padding-bottom:25px;
		line-height:1.4em;
	}
		#notre_entreprise p strong{
			font-family: 'MyriadProSemibold', Arial, sans-serif;
			font-weight:400;
		}
	#notre_entreprise h2{
		font-size:3em;
		margin-bottom:0px;
		padding-bottom:30px;
		padding-top:130px;
		margin-top:80px;
		background:url("/images/communs/qrcode.png") no-repeat top center;
	}
	#notre_entreprise .chapo{
		float:left;
		width:100%;
		padding-top:50px;
		background:url("/images/communs/h_sep3.png") no-repeat top center;
	}
	#notre_entreprise .chapo p{
		float:left;
		width:100%;
		text-align:center;
		padding-left:10px;
		padding-right:10px;
		font-family: 'klavika_regularregular';
		font-size:2.2em;
		font-weight: normal;
		font-style: normal;
		line-height:1.2em;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		#notre_entreprise .chapo p strong{
			font-family: 'klavika_regularregular';
			font-weight: normal;
			font-style: normal;
			color:#e2001a;
		}
	#notre_entreprise .intro p{
		float:left;
		width:100%;
		text-align:left;
		font-size:1.3em;
		padding-left:10px;
		padding-right:10px;
		padding-top:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#notre_entreprise .intro p.tresgrand{
		font-size:1.6em;
	}	
	#notre_entreprise .intro p.grand{
		font-size:1.5em;
	}	
	#notre_entreprise .intro p.normal{
		font-size:1.3em;
	}	
	#notre_entreprise .intro p.petit{
		font-size:1.2em;
	}	
	#notre_entreprise menu{
		float:left;
		display:inline;
		width:100%;
		padding-top:25px;
		padding-bottom:25px;
	}
		#notre_entreprise menu ul{
			float:left;
			display:inline;
			width:100%;
			height:56px;
		}
			#notre_entreprise menu ul li{
				float:left;
				display:inline;
				width:25%;
				height:56px;
				padding-left:1px;
				padding-right:1px;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				#notre_entreprise menu ul li a{
					float:left;
					display:inline;
					width:100%;
					height:56px;
					line-height:56px;
					color:#fff;
					font-family: 'klavikamedium';
					font-size:0.9em;
					text-transform:uppercase;
					text-align:center;
					text-decoration:none;
					background:#363433;
				}
				#notre_entreprise menu ul li a.active,
				#notre_entreprise menu ul li a:hover{
					text-decoration:none;
					color:#fff;
					background:#e2001a;
				}

	#notre_entreprise .zone{
		float:left;
		width:100%;
		padding-bottom:60px;
	}
	#notre_entreprise .zone .editable{
		float:left;
		width:75%;
		border-right:1px solid #d3d3d3;
		padding-right:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#notre_entreprise #edito .editable{
		width:100%;
		border-right:0px;
	}
	#notre_entreprise .zone .col_right{
		float:right;
		width:25%;
	}
	#notre_entreprise #nos_valeurs .col_right h4,
	#notre_entreprise #notre_savoir_faire .col_right h4,
	#notre_entreprise #notre_approche .col_right h4{
		float:left;
		width:100%;
		padding-left:15px;
		padding-top:30px;
		padding-bottom:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#notre_entreprise #nos_valeurs .col_right p,
	#notre_entreprise #notre_savoir_faire .col_right p,
	#notre_entreprise #notre_approche .col_right p{
		float:left;
		width:100%;
		padding-left:30px;
		padding-right:10px;
		padding-bottom:15px;
		font-size:0.9em;
		font-weight:600;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#notre_entreprise #nos_valeurs .col_right p img,
	#notre_entreprise #notre_savoir_faire .col_right p img,
	#notre_entreprise #notre_approche .col_right p img{
		float:left;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:10px;
	}

/*faq */
#faq{
	z-index:100;
	padding-bottom:55px;
}
	#faq .goto{
		position:absolute;
		top:-70px;
		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;

	}
	#faq .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;
	}
	#faq h3{
		color:#272525;
		font-size:1.4em;
		padding-top:20px;
		padding-bottom:20px;
		margin-bottom:20px;
		background:url(/images/communs/h_sep2.png) no-repeat bottom left;
	}
	#faq .intro p{
		float:left;
		width:100%;
	}
		#mentions_legales p strong{
			font-family: 'MyriadProSemibold', Arial, sans-serif;
			font-weight:400;
		}
	#faq p{
		width:100%;
		padding-bottom:25px;
		line-height:1.4em;
	}
		#faq p strong{
			font-family: 'MyriadProSemibold', Arial, sans-serif;
			font-weight:400;
		}
	#faq .texte p{
		padding-left:20px;
		background:url(/images/communs/puce_article.png) no-repeat 5px 7px;
	}

/*recherche */
#recherche{
	z-index:100;
	clear:both;
	float:left;
	position:relative;
	width:100%;
	padding-left:20%;
	padding-right:20%;
	padding-bottom:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
	#recherche .goto{
		position:absolute;
		top:-70px;
		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;

	}
	#recherche .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;
	}
	#recherche h3{
		color:#272525;
		font-size:1.4em;
		padding-top:20px;
		padding-bottom:20px;
		margin-bottom:20px;
		background:url(/images/communs/h_sep2.png) no-repeat bottom left;
	}
	#recherche p{
		width:100%;
		padding-bottom:25px;
		line-height:1.4em;
		text-align:center;
	}
		#recherche p strong{
			font-family: 'MyriadProSemibold', Arial, sans-serif;
			font-weight:400;
		}
	#recherche .texte p{
		text-align:left;
		padding-left:20px;
		background:url(/images/communs/puce_article.png) no-repeat 5px 7px;
	}
		#recherche .texte p a{
			color:#e2001a;
			text-decoration:none;
		}
		#recherche .texte p a:hover{
			color:#f00;
			text-decoration:none;
		}
	
	
/*actualites*/
#actualites{
	z-index:100;
}
	#actualites .goto{
		position:absolute;
		top:-70px;
		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;
	}
	#actualites .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;
	}
	#actualites p{
		float:left;
		width:100%;
		font-size:1.1em;
		text-align:center;
		padding-bottom:60px;
	}
	#actualites ul{
		float:left;
		width:100%;
		padding-bottom:100px;
	}
		#actualites ul li{
			float:left;
			position:relative;
			overflow:hidden;
			width:25%;
			border:5px solid #fff;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
				#actualites ul li a{
					text-decoration:none;
				}
				#actualites ul li img{
					float:left;
					width:100%;
				}
				#actualites ul li canvas {
					float:left;
					width:100% !important;
					height:100% !important;
				}
				#actualites 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;
				}
				#actualites 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;
				}
					#actualites 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;
					}
					#actualites 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;
					}
					#actualites 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;
					}
					#actualites ul li a:hover .texte h3{
						padding-top:40px;
					}
					#actualites ul li a:hover .texte p{
						display:inline;
					}


/*actualite*/
#actualite{
	z-index:100;
        padding-bottom:20px;
}
	#actualite .goto{
		position:absolute;
		top:-70px;
		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;
	}
	#actualite .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;
	}
	#actualite h3{
		padding-bottom:5px;
		text-align:center;
		text-transform:uppercase;
		font-family: 'klavika_regularregular';
		font-size:1.4em;
	}
	#actualite h4{
		padding-bottom:30px;
		text-align:center;
		text-transform:uppercase;
		font-family: 'klavika_regularregular';
		font-size:1em;
		color:#e2001a;
	}
	#actualite p{
		width:100%;
		padding-bottom:25px;
		line-height:1.4em;
	}
		#actualite p.chapo{
			font-size:1.2em !important;
		}
		#actualite p strong{
			font-family: 'MyriadProSemibold', Arial, sans-serif;
			font-weight:400;
		}
		
	#actualite .boutons{
		float:left;
                clear:both;
		width:100%;
		text-align:center;
		padding-top:10px;
		padding-bottom:40px;
	}
	#actualite a.facebook{
		display:inline-block;
		width:220px;
		margin:1px;
		position:relative;
		line-height:62px;
		padding-left:40px;
		color:#333;
		text-decoration:none;
		font-family: 'MyriadProSemibold', Arial, sans-serif;
		font-weight:400;
		font-size:0.8em;
		background:#fff url(/images/communs/picto_facebook_rouge.png) no-repeat 12px -2px;
		border:1px solid #e2001a;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#actualite a.facebook:hover{
		color:#e2001a;
		background:#fff url(/images/communs/picto_facebook_rouge.png) no-repeat 12px 3px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
		
/*produits*/
#produits{
	z-index:100;
}
	#produits .goto{
		position:absolute;
		top:-70px;
		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;
	}
	#produits .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;
	}

	#produits h2{
		font-size:3em;
		margin-bottom:0px;
		padding-bottom:30px;
		padding-top:100px;
		margin-top:80px;
		background:url("/images/communs/picto-produits.png") no-repeat top center;
	}
	#produits .chapo{
		float:left;
		width:100%;
		padding-top:50px;
		background:url("/images/communs/h_sep_vert.png") no-repeat top center;
	}
		#produits .chapo p{
			float:left;
			width:100%;
			text-align:center;
			padding-left:10px;
			padding-right:10px;
			font-family: 'klavika_regularregular';
			font-size:2.2em;
			font-weight: normal;
			font-style: normal;
			line-height:1.2em;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#produits .chapo p strong{
				font-family: 'klavika_regularregular';
				font-weight: normal;
				font-style: normal;
				color:#bfce00;
			}
	#produits .intro p{
		float:left;
		width:100%;
		text-align:left;
		font-size:1.3em;
		padding-left:10px;
		padding-right:10px;
		padding-top:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#produits .intro p.tresgrand{
		font-size:1.6em;
	}	
	#produits .intro p.grand{
		font-size:1.5em;
	}	
	#produits .intro p.normal{
		font-size:1.3em;
	}	
	#produits .intro p.petit{
		font-size:1.2em;
	}	
	#produits menu{
		float:left;
		display:inline;
		width:100%;
		padding-top:45px;
		padding-bottom:45px;
	}
		#produits menu ul{
			float:left;
			display:inline;
			position:relative;
			width:100%;
			height:56px;
		}
			#produits menu ul li{
				float:left;
				display:inline;
				position:relative;
				width:20%;
				height:59px;
				padding-left:1px;
				padding-right:1px;
				border-bottom:3px solid #fff;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				#produits menu ul li a{
					float:left;
					display:inline;
					width:100%;
					height:56px;
					line-height:56px;
					color:#fff;
					font-family: 'klavikamedium';
					font-size:0.9em;
					text-transform:uppercase;
					text-align:center;
					text-decoration:none;
					background:#363433;
				}
				#produits menu ul li:hover a,
				#produits menu ul li a.active,
				#produits menu ul li a:hover{
					text-decoration:none;
					color:#363433;
					background:#bfce00;
				}
				#produits menu ul li ul{
					float:left;
					display:none;
					position:absolute;
					z-index:99999;
					top:59px;
					left:0px;
					width:100%;
					height:auto;
					padding:14px;
					background:#bfce00;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					-webkit-border-radius: 5px;
					-moz-border-radius: 5px;
					border-radius: 5px;
				}
				#produits menu ul li:hover ul{
					display:inline;
				}
					#produits menu ul li ul li{
						width:100%;
						height:auto;
						padding-left:0px;
						padding-right:0px;
						border:0px;
						-webkit-box-sizing: border-box;
						-moz-box-sizing: border-box;
						box-sizing: border-box;
					}
						#produits menu ul li ul li a{
							float:left;
							display:inline;
							width:100%;
							height:auto;
							line-height:1.5em;
							color:#363433;
							text-align:left;
							background:none;
						}
						#produits menu ul li ul li a.active,
						#produits menu ul li ul li a:hover{
							text-decoration:none;
							color:#fff;
							background:none;
						}
	#liste_produits{
		float:left;
		width:100%;
		padding-bottom:80px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		#liste_produits li{
			float:left;
			display:inline;
			width:25%;
			padding:5px;
			margin-bottom:2px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#liste_produits li a{
				float:left;
				display:inline;
				position:relative;
				width:100%;
				text-decoration:none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
				#liste_produits li a img{
					float:left;
					display:inline;
					width:100%;
					border:1px solid #efefef;
					border-bottom:0px;
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
				}
				#liste_produits li a:hover img{
					border:1px solid #bfce00;
					border-bottom:0px;
				}
				#liste_produits li a h4{
					float:left;
					position:relative;
					width:100%;
					height:25px;
					line-height:25px;
					font-size:0.8em;
					color:#fff;
					font-family: 'klavikamedium';
					text-align:center;
					text-decoration:none;
					text-transform:uppercase;
					background:#bfce00;
				}
				#liste_produits li a:hover h4{
					color:#363433;
				}
article.produit{
	z-index:100;
	position:relative;
	background:#f4f4f3;
}
	article.produit .goto{
		position:absolute;
		top:0;
		left:50%;
		z-index:9999;
		margin-left:-40px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	article.produit .container{
		text-align:center;
		padding-top:65px;
		padding-bottom:30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		article.produit .rslides_container {
			position: relative;
			width: 618px;
			height:464px;
			left:50%;
			margin-left:-309px;
			margin-bottom:30px;
		}
		article.produit .rslides {
			position: relative;
			list-style: none;
			overflow: hidden;
			width: 100%;
			height:464px;
			padding: 0;
			margin: 0;
		}
			article.produit .rslides li{
				-webkit-backface-visibility: hidden;
				position: absolute;
				display: none;
				width: 100%;
				height:464px;
				left: 0;
				top: 0;
				text-align:center;
			}
			article.produit .rslides li:first-child{
				position: relative;
				display: block;
				float: left;
			}
				article.produit .rslides img{
					z-index:10;
					display: inline;
					float: none;
					width: 100%;
					height:auto;
					border: 0;
				}
		article.produit .centered-btns_nav{
			left: 17px;
			height: 57px;
			width: 57px;
			margin-top: -29px;
			background:transparent url(/images/diaporama/nav_vert.png) no-repeat left top;
		}
		article.produit .centered-btns_nav.next {
			left: auto;
			right:17px;
			background-position: right top;
		}
		article.produit .centered-btns_nav:hover {
			margin-left:0px;
			margin-right:0px;
		}
		article.produit .centered-btns_nav.next:hover {
			margin-left:0px;
			margin-right:0px;
		}
	article.produit h4{
		float:left;
		width:100%;
		text-align:left;
		font-size:2em;
		color:#bfce00;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		padding-bottom:30px;
		margin-bottom:20px;
		background:url(/images/communs/h_sep_grisclair.png) no-repeat bottom center;
	}
	article.produit .editable{
		float:left;
		width:100%;
		color:#333;
		padding-left:120px;
		padding-right:120px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	article.produit p{
		font-size:1.1em;
	}	
	article.produit a{
		color:#333333;
		text-decoration:underline;
	}	
	article.produit a:hover{
		color:#333333;
		text-decoration:none;
	}	
	article.produit p.tresgrand{
		font-size:1.3em;
	}	
	article.produit p.grand{
		font-size:1.2em;
	}	
	article.produit p.normal{
		font-size:1.1em;
	}	
	article.produit p.petit{
		font-size:1em;
	}	
	article.produit .boutons{
		float:left;
		width:100%;
		text-align:center;
		padding-top:20px;
		padding-bottom:50px;
	}
	article.produit a.facebook{
		display:inline-block;
		width:220px;
		margin:1px;
		position:relative;
		line-height:62px;
		padding-left:40px;
		color:#333;
		text-decoration:none;
		font-family: 'MyriadProSemibold', Arial, sans-serif;
		font-weight:400;
		font-size:0.8em;
		background:#fff url(/images/communs/picto_facebook_vert.png) no-repeat 12px -2px;
		border:1px solid #bfce00;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	article.produit a.facebook:hover{
		color:#bfce00;
		background:#fff url(/images/communs/picto_facebook_vert.png) no-repeat 12px 3px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	article.produit a.telechargement{
		display:inline-block;
		width:220px;
		margin:1px;
		position:relative;
		line-height:62px;
		padding-left:40px;
		color:#333;
		text-decoration:none;
		font-family: 'MyriadProSemibold', Arial, sans-serif;
		font-weight:400;
		font-size:0.8em;
		background:#fff url(/images/communs/picto_telechargement_vert.png) no-repeat 0px 0px;
		border:1px solid #bfce00;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	article.produit a.telechargement:hover{
		color:#bfce00;
		background:#fff url(/images/communs/picto_telechargement_vert.png) no-repeat 0px 5px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	article.produit a.contact{
		display:inline-block;
		width:220px;
		margin:1px;
		position:relative;
		line-height:62px;
		padding-left:40px;
		color:#333;
		text-decoration:none;
		font-family: 'MyriadProSemibold', Arial, sans-serif;
		font-weight:400;
		font-size:0.9em;
		background:#fff url(/images/communs/picto_contact_vert.png) no-repeat 25px 0px;
		border:1px solid #bfce00;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	article.produit a.contact:hover{
		color:#bfce00;
		background:#fff url(/images/communs/picto_contact_vert.png) no-repeat 25px 5px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	article.produit a.video{
		display:inline-block;
		width:220px;
		margin:1px;
		position:relative;
		line-height:62px;
		padding-left:54px;
		color:#333;
		text-decoration:none;
		font-family: 'MyriadProSemibold', Arial, sans-serif;
		font-weight:400;
		font-size:0.9em;
		background:#fff url(/images/communs/picto_video_vert.png) no-repeat 0px 0px;
		border:1px solid #bfce00;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	article.produit a.video:hover{
		color:#bfce00;
		background:#fff url(/images/communs/picto_video_vert.png) no-repeat 0px 5px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
		
/*vos_projets*/
#vos_projets{
	z-index:100;
}
	#vos_projets .goto{
		position:absolute;
		top:-70px;
		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;
	}
	#vos_projets .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;
	}
	#vos_projets h2{
		position:relative;
		font-size:3em;
		margin-bottom:0px;
		padding-bottom:30px;
		padding-top:100px;
		margin-top:80px;
	}

	#vos_projets span.picto{
		position:absolute;
		width:75px;
		height:auto;
		top:0px;
		left:50%;
		margin-left:-37px;
	}
		.orange #vos_projets span.picto{
			background-color:#f19200;
		}
		.bleu #vos_projets span.picto{
			background-color:#63bae4;
		}
		.rouge #vos_projets span.picto{
			background-color:#e20019;
		}
		.vert #vos_projets span.picto{
			background-color:#bfce00;
		}
		.gris #vos_projets span.picto{
			background-color:#d2d3d3;
		} 
			#vos_projets span.picto img{
				float:left;
				display:inline;
				width:75px;
				height:auto;
			}
			#vos_projets span.picto .mask{
				float:left;
				display:inline;
				position:absolute;
				top:0;
				left:0;
				width:75px;
				height:auto;
			}
	#vos_projets .chapo{
		float:left;
		width:100%;
		padding-top:50px;
	}
		#vos_projets .chapo p{
			float:left;
			width:100%;
			text-align:center;
			padding-left:10px;
			padding-right:10px;
			font-family: 'klavika_regularregular';
			font-size:2.2em;
			font-weight: normal;
			font-style: normal;
			line-height:1.2em;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#vos_projets .chapo p strong{
				font-family: 'klavika_regularregular';
				font-weight: normal;
				font-style: normal;
			}
			.orange #vos_projets .chapo p strong{
				color:#f19200;
			}
			.bleu #vos_projets .chapo p strong{
				color:#63bae4;
			}
			.rouge #vos_projets .chapo p strong{
				color:#e20019;
			}
			.vert #vos_projets .chapo p strong{
				color:#bfce00;
			}
			.gris #vos_projets .chapo p strong{
				color:#d2d3d3;
			} 
	#vos_projets .intro p{
		float:left;
		width:100%;
		text-align:left;
		font-size:1.3em;
		padding-left:10px;
		padding-right:10px;
		padding-top:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#vos_projets .intro p.tresgrand{
		font-size:1.6em;
	}	
	#vos_projets .intro p.grand{
		font-size:1.5em;
	}	
	#vos_projets .intro p.normal{
		font-size:1.3em;
	}	
	#vos_projets .intro p.petit{
		font-size:1.2em;
	}	
	#vos_projets ul#projets{
		float:left;
		width:100%;
		padding-top:70px;
		padding-bottom:80px;
	}
		#vos_projets ul#projets li{
			float:left;
			position:relative;
			overflow:hidden;
			width:25%;
			border:5px solid #fff;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
			#vos_projets ul#projets li a{
				text-decoration:none;
			}
			#vos_projets ul#projets li img{
				float:left;
				width:100%;
			}
			#vos_projets ul#projets li a .texte{
				float:left;
				position:absolute;
				z-index:200;
				top:0;
				left:0;
				width:100%;
				height:100%;
				filter: alpha(opacity=0); // IE 5-7
				opacity:0;
				background:#000;
				background:rgba(0, 0, 0, 0);
				-moz-transition: all 0.2s ease 0s;
				-webkit-transition: all 0.2s ease 0s;
				transition: all 0.2s ease 0s;
			}
			.orange #vos_projets ul#projets li a:hover .texte{
				filter: alpha(opacity=1); // IE 5-7
				opacity:1;
				background:#f19200;
				background:rgba(242, 146, 0, 1);
			}
			.bleu #vos_projets ul#projets li a:hover .texte{
				filter: alpha(opacity=1); // IE 5-7
				opacity:1;
				background-color:#63bae4;
				background:rgba(99, 186, 229, 1);
			}
			.rouge #vos_projets ul#projets li a:hover .texte{
				filter: alpha(opacity=1); // IE 5-7
				opacity:1;
				background-color:#e20019;
				background:rgba(226, 0, 26, 1);
			} 
			.vert #vos_projets ul#projets li a:hover .texte{
				filter: alpha(opacity=1); // IE 5-7
				opacity:1;
				background-color:#bfce00;
				background:rgba(191, 206, 0, 1);
			}
			.gris #vos_projets ul#projets li a:hover .texte{
				filter: alpha(opacity=1); // IE 5-7
				opacity:1;
				background-color:#d2d3d3;
				background:rgba(211, 211, 212, 1);
			} 
			#vos_projets ul#projets li a:hover .texte{
				-moz-transition: all 0.7s ease 0s;
				-webkit-transition: all 0.7s ease 0s;
				transition: all 0.7s ease 0s;
			}
				#vos_projets ul#projets li a .texte h4{
					display:none;
					float:left;
					width:100%;
					padding-top:80px;
					color:#333;
					font-size:1.8em;
					text-transform:uppercase;
					text-align:center;
				}
				#vos_projets ul#projets li a .texte h5{
					display:none;
					float:left;
					width:100%;
					padding-top:10px;
					padding-bottom:10px;
					color:#333;
					font-size:1.3em;
					text-transform:uppercase;
					text-align:center;
				}
				#vos_projets ul#projets li a:hover .texte h4,
				#vos_projets ul#projets li a:hover .texte h5{
					display:inline;
				}
article.projet{
	z-index:100;
	border-top:none;
	border-bottom:none;
}
.orange article.projet{
	background:#f19200;
	background:rgba(242, 146, 0, 1);
}
.bleu article.projet{
	background-color:#63bae4;
	background:rgba(99, 186, 229, 1);
}
.rouge article.projet{
	background-color:#e20019;
	background:rgba(226, 0, 26, 1);
} 
.vert article.projet{
	background-color:#bfce00;
	background:rgba(191, 206, 0, 1);
}
.gris article.projet{
	background-color:#d2d3d3;
	background:rgba(211, 211, 212, 1);
} 
.orange section h2{
	background:url(/images/communs/h_sep_orange.png) no-repeat bottom center;
}
.bleu section h2{
	background:url(/images/communs/h_sep_bleu.png) no-repeat bottom center;
}
.rouge section h2{
	background:url(/images/communs/h_sep.png) no-repeat bottom center;
}
.vert section h2{
	background:url(/images/communs/h_sep_vert.png) no-repeat bottom center;
}
.gris section h2{
	background:url(/images/communs/h_sep_gris.png) no-repeat bottom center;
}
	article.projet .goto{
		position:absolute;
		top:0;
		left:50%;
		z-index:9999;
		margin-left:-40px;
		-moz-transition: all 0.2s ease 0s;
		-webkit-transition: all 0.2s ease 0s;
		transition: all 0.2s ease 0s;
	}
	article.projet .container{
		text-align:center;
		padding-top:65px;
		padding-bottom:30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		article.projet .rslides_container {
			position: relative;
			width: 618px;
			height:464px;
			left:50%;
			margin-left:-309px;
			margin-bottom:30px;
		}
		article.projet .rslides {
			position: relative;
			list-style: none;
			overflow: hidden;
			width: 100%;
			height:464px;
			padding: 0;
			margin: 0;
		}
			article.projet .rslides li{
				-webkit-backface-visibility: hidden;
				position: absolute;
				display: none;
				width: 100%;
				height:464px;
				left: 0;
				top: 0;
				text-align:center;
			}
			article.projet .rslides li:first-child{
				position: relative;
				display: block;
				float: left;
			}
				article.projet .rslides img{
					z-index:10;
					display: inline;
					float: none;
					width: 100%;
					height:auto;
					border: 0;
				}
		article.projet .centered-btns_nav{
			left: 17px;
			height: 57px;
			width: 57px;
			margin-top: -29px;
		}
	.orange article.projet .centered-btns_nav{
		background:transparent url(/images/diaporama/nav_orange.png) no-repeat left top;
	}
	.bleu article.projet .centered-btns_nav{
		background:transparent url(/images/diaporama/nav_bleu.png) no-repeat left top;
	}
	.rouge article.projet .centered-btns_nav{
		background:transparent url(/images/diaporama/nav_rouge.png) no-repeat left top;
	}
	.vert article.projet .centered-btns_nav{
		background:transparent url(/images/diaporama/nav_vert.png) no-repeat left top;
	}
	.gris article.projet .centered-btns_nav{
		background:transparent url(/images/diaporama/nav_gris.png) no-repeat left top;
	}
	.orange article.projet .centered-btns_nav.next,
	.bleu article.projet .centered-btns_nav.next,
	.rouge article.projet .centered-btns_nav.next,
	.vert article.projet .centered-btns_nav.next,
	.gris article.projet .centered-btns_nav.next{
		left: auto;
		right:17px;
		background-position: right top;
	}
	article.projet  h4{
		float:left;
		width:100%;
		text-align:left;
		font-size:2em;
		color:#333;
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		padding-bottom:0px;
		margin-bottom:10px;
		background:none;
	}
	article.projet  h5{
		float:left;
		width:100%;
		font-size:1.3em;
		color:#333;
		text-decoration:none;
		text-transform:uppercase;
		padding-top:0px;
		padding-bottom:25px;
		margin-bottom:20px;
		background:url(/images/communs/h_sep_blanc_tr.png) no-repeat bottom center;
	}
	article.projet .editable{
		float:left;
		width:100%;
		color:#333;
		padding-left:120px;
		padding-right:120px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	article.projet p{
		font-size:1.1em;
	}	
	article.projet a{
		color:#333333;
		text-decoration:underline;
	}	
	article.projet a:hover{
		color:#333333;
		text-decoration:none;
	}	
	article.projet p.tresgrand{
		font-size:1.3em;
	}	
	article.projet p.grand{
		font-size:1.2em;
	}	
	article.projet p.normal{
		font-size:1.1em;
	}	
	article.projet p.petit{
		font-size:1em;
	}	
	article.projet .editable .chapo{
		font-size:1.2em;
	}

	.orange article.projet a.contact{
		background:#fff url(/images/communs/picto_contact_orange.png) no-repeat 25px 0px;
		border:1px solid #ffffff;
	}
	.orange article.projet a.contact:hover{
		color:#f19200;
		background:#fff url(/images/communs/picto_contact_orange.png) no-repeat 25px 5px;
	}
	.bleu article.projet a.contact{
		background:#fff url(/images/communs/picto_contact_bleu.png) no-repeat 25px 0px;
		border:1px solid #ffffff;
	}
	.bleu article.projet a.contact:hover{
		color:#63bae4;
		background:#fff url(/images/communs/picto_contact_bleu.png) no-repeat 25px 5px;
	}
	.rouge article.projet a.contact{
		background:#fff url(/images/communs/picto_contact_rouge.png) no-repeat 25px 0px;
		border:1px solid #ffffff;
	}
	.rouge article.projet a.contact:hover{
		color:#e20019;
		background:#fff url(/images/communs/picto_contact_rouge.png) no-repeat 25px 5px;
	}
	.vert article.projet a.contact{
		background:#fff url(/images/communs/picto_contact_vert.png) no-repeat 25px 0px;
		border:1px solid #ffffff;
	}
	.vert article.projet a.contact:hover{
		color:#bfce00;
		background:#fff url(/images/communs/picto_contact_vert.png) no-repeat 25px 5px;
	}
	.gris article.projet a.contact{
		background:#fff url(/images/communs/picto_contact_gris.png) no-repeat 25px 0px;
		border:1px solid #ffffff;
	}
	.gris article.projet a.contact:hover{
		color:#d2d3d3;
		background:#fff url(/images/communs/picto_contact_gris.png) no-repeat 25px 5px;
	}
        
        

	.orange article.projet a.facebook{
		background:#fff url(/images/communs/picto_facebook_orange.png) no-repeat 12px -2px;
		border:1px solid #ffffff;
	}
	.orange article.projet a.facebook:hover{
		color:#f19200;
		background:#fff url(/images/communs/picto_facebook_orange.png) no-repeat 12px 3px;
	}
	.bleu article.projet a.facebook{
		background:#fff url(/images/communs/picto_facebook_bleu.png) no-repeat 12px -2px;
		border:1px solid #ffffff;
	}
	.bleu article.projet a.facebook:hover{
		color:#63bae4;
		background:#fff url(/images/communs/picto_facebook_bleu.png) no-repeat 12px 3px;
	}
	.rouge article.projet a.facebook{
		background:#fff url(/images/communs/picto_facebook_rouge.png) no-repeat 12px -2px;
		border:1px solid #ffffff;
	}
	.rouge article.projet a.facebook:hover{
		color:#e20019;
		background:#fff url(/images/communs/picto_facebook_rouge.png) no-repeat 12px 3px;
	}
	.vert article.projet a.facebook{
		background:#fff url(/images/communs/picto_facebook_vert.png) no-repeat 12px -2px;
		border:1px solid #ffffff;
	}
	.vert article.projet a.facebook:hover{
		color:#bfce00;
		background:#fff url(/images/communs/picto_facebook_vert.png) no-repeat 12px 3px;
	}
	.gris article.projet a.facebook{
		background:#fff url(/images/communs/picto_facebook_gris.png) no-repeat 12px -2px;
		border:1px solid #ffffff;
	}
	.gris article.projet a.facebook:hover{
		color:#d2d3d3;
		background:#fff url(/images/communs/picto_facebook_gris.png) no-repeat 12px 3px;
	}
		
.orange .centered-btns_nav{
	background:#f19200 url(/images/diaporama/nav2.png) no-repeat left top;
}
.bleu .centered-btns_nav{
	background:#63bae4 url(/images/diaporama/nav2.png) no-repeat left top;
}
.rouge .centered-btns_nav{
	background:#e20019 url(/images/diaporama/nav2.png) no-repeat left top;
} 
.vert .centered-btns_nav{
	background:#bfce00 url(/images/diaporama/nav2.png) no-repeat left top;
}
.gris .centered-btns_nav{
	background:#d2d3d3 url(/images/diaporama/nav2.png) no-repeat left top;
} 
/*contact*/
#contact{
	z-index:100;
}
	#contact .goto{
		position:absolute;
		top:-70px;
		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;
	}
	#contact .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;
	}
	#contact p{
		float:left;
		width:100%;
		padding-bottom:25px;
		line-height:1.4em;
		text-align:center;
	}
	#contact .intro p{
		float:left;
		width:100%;
	}
		#contact p strong{
			font-family: 'MyriadProSemibold', Arial, sans-serif;
			font-weight:400;
		}
	#contact form{
		float:left;
		clear:both;
		width:100%;
		padding-top:45px;
		padding-bottom:55px;
	}
		#contact div.line{
			float:left;
			position:relative;
			width:33%;
			padding-bottom:45px;
			padding-left:30px;
			padding-right:30px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		#contact div.hp{
			display:none;
		}
		#contact div.message{
			width:100%;
			padding-right:30px;
		}
			#contact form span.message{
				float:left;
				width:auto;
				height:auto;		
				padding:10px;
				padding-top:5px;
				padding-bottom:5px;
				color:#e2001a;
				font-size:0.9em;
				background:#272525;
				background:rgba(39, 37, 37, .10);
				border:none;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}	
			#contact form div.message span.message{
				top:140px !important;
			}	
			#contact div label{
				float:left;
				width:100%;
				padding-bottom:5px;
				text-transform:uppercase;
				font-size:1.2em;
				font-family: 'klavika_regularregular';
			}
			#contact div label strong,
			#contact form p em strong{
				font-weight:400;
				color:#e2001a;
			}
			#contact form p{
				float:left;
				width:auto;
				padding-left:30px;
				text-align:left;
			}
			#contact div input{
				float:left;
				width:100%;
				height:30px;
				font-size:1.2em;
				font-family: 'klavika_regularregular';
				border:0px;
				border-bottom:2px solid #c1c1c1;
			}
			#contact div input.error{
				color:#e2001a;
				border-bottom:2px solid #e2001a;
			}
			#contact div textarea{
				float:left;
				width:100%;
				height:110px;
				font-size:1.2em;
				font-family: 'klavika_regularregular';
				border:2px solid #c1c1c1;
			}
			#contact div textarea.error{
				color:#e2001a;
				border:2px solid #e2001a;
			}
			#contact button{
				float:right;
				width:auto;
				height:37px;
				padding-left:15px;
				padding-right:35px;
				margin-right:30px;
				font-size:1em;
				font-family: 'klavika_regularregular';
				text-transform:uppercase;
				color:#fff;
				border:0;
				background:#e2001a url(/images/communs/btn_puce.png) no-repeat center right;
				cursor:pointer;
			}
	#contact div.gmap{
		float:left;
		width:100%;
		padding-left:30px;
		padding-right:30px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
		#contact .iframe-rwd  {
			float:left;
			clear:both;
			width:100%;
			position: relative;
			padding-bottom: 30%;
			padding-top: 30px;
			margin-bottom:40px;
			height: 0;
			overflow: hidden;
		}
			#contact .iframe-rwd iframe {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}
	#contact div .adresse{
		float:left;
		clear:both;
		width:100%;
		text-align:center;
	}
		#contact .adresse h2{
			background-position:center top;
			padding-top:30px;
			padding-bottom:10px;
			margin:0;
		}
		#contact .adresse p strong{
			font-family: 'MyriadProRegular', Arial, sans-serif;
			font-weight:400;
			color:#e2001a;
		}
		#contact .adresse p a{
			color:#363433;
			text-decoration:none;
		}
		#contact .adresse p a:hover{
			color:#e2001a;
			text-decoration:none;
		}
		
/*mentions_legales*/
#mentions_legales{
	z-index:100;
	padding-bottom:55px;
}
	#mentions_legales .goto{
		position:absolute;
		top:-70px;
		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;
	}
	#mentions_legales .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;
	}
	#mentions_legales p{
		float:left;
		width:100%;
		padding-bottom:25px;
		line-height:1.4em;
	}
	#mentions_legales .intro p{
		float:left;
		width:100%;
	}
		#mentions_legales p strong{
			font-family: 'MyriadProSemibold', Arial, sans-serif;
			font-weight:400;
		}