/* CSS Document */
/*	###########################################################################################################		FORMULAIRES GENERALITES
	###########################################################################################################
	###########################################################################################################	
*/
	input[type="text"], textarea, select {
		font-family: Raleway, Verdana, Geneva, sans-serif;
		font-size: 1em;
		font-weight: 400;
		padding: 5px;
		/**/
		border: 1px solid #8a8761;
	}
		input[type="text"]:hover, textarea:hover, select:hover {
			-moz-box-shadow: 3px 3px 8px 0px #9b9b9b;
			-webkit-box-shadow: 3px 3px 8px 0px #9b9b9b;
			-o-box-shadow: 3px 3px 8px 0px #9b9b9b;
			box-shadow: 3px 3px 8px 0px #9b9b9b;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=8);
		}
		input[type="text"]:focus, textarea:focus, select:focus {
			-moz-box-shadow: 3px 3px 8px 0px #9b9b9b;
			-webkit-box-shadow: 3px 3px 8px 0px #9b9b9b;
			-o-box-shadow: 3px 3px 8px 0px #9b9b9b;
			box-shadow: 3px 3px 8px 0px #9b9b9b;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=8);
			border: 1px solid #284996;
			font-weight: 600;
			color: #284996;
		}
		
		
		
		

/*	###########################################################################################################		HOME / Généralités
	###########################################################################################################
	###########################################################################################################
*/
body.home section {	margin: 60px 0 60px 0 !important; }
	body.home section#zone-slideshow { margin-top:0 !important; }





/*	###########################################################################################################		DIAPORAMA
	###########################################################################################################
	###########################################################################################################
*/
body.home section#zone-slideshow {
	margin:0 !important; padding:0 !important;
	width: 100%;
	max-width: 100% !important;
	overflow: hidden !important;
}





/*	###########################################################################################################		H 1-2 & EDITO
	###########################################################################################################
	###########################################################################################################
*/
body.home section#edito {}
/**/
	body.home section#edito header {
		text-align: center;
			margin:0 !important; padding:0 !important;
		background-image: url(../img/shadow_down.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% 22px;
		margin-bottom: 30px !important;
		padding-bottom: 30px !important;
	}
		body.home section#edito header h1 {
			font-size: 3.5em;
			font-weight: 100;
			margin:0; padding:0;
		}
		body.home section#edito header h2 {
			margin:0; padding:0;		
			font-size: 2.5em;
			font-weight: 200;
		}
/**/
	body.home section#edito article {
		width: 80%;
		margin: 0 auto 2em auto;
		padding:0;
	}
	
	/*	###	accroche-et-texte	*/
	body.home section#edito article div.accroche-et-texte {
	}
		body.home section#edito article div.accroche-et-texte .accroche {
			float: left;
			width: 40%;
		}
			body.home section#edito article div.accroche-et-texte .accroche h3 {
				font-weight: 100;
				font-size: 2em;
				text-align: left;
			}
		body.home section#edito article div.accroche-et-texte .texte {
			float: right;
			width: 55%;
			text-align: justify;
			padding-top: 10px;
		}
		
	/*	###	accroche-seule	*/
	body.home section#edito article div.accroche-seule {
	}
		body.home section#edito article div.accroche-seule h3 {
			font-weight: 100;
			font-size: 2em;
			text-align: left;
		}
		
	/*	###	texte-seul	*/
	body.home section#edito article div.texte-seul {
		text-align: justify;
	}





/*	###########################################################################################################		HOME / Flash-Infos
	###########################################################################################################
	###########################################################################################################
*/





/*	###########################################################################################################		HOME / Pavés métier
	###########################################################################################################
	###########################################################################################################
*/
section#home-paves-metiers { margin:0 !important; padding:0 !important; }
/**/
	section#home-paves-metiers .max-width * { margin:0 !important; padding:0 !important; }
/**/
	section#home-paves-metiers h3.titre-rubrique {
		padding: 2em 0 .5em 0 !important;
		text-align: center;
			font-size: 3.5em;
			font-weight: 100;
		color: #2b3642;
		margin:0 !important;
	}
/**/
	section#home-paves-metiers article.item {				position: relative;
		float: left;
		width: calc( (100% / 3) - 4em );
		margin: 0 2em 4em 2em !important;
		/**/
		height: 230px;
		padding: 0 !important;
		overflow: hidden;
		box-sizing: border-box;
		/**/
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
		section#home-paves-metiers article.item:nth-child(3n) {
			margin-right:0 !important;
		}
/**/
	section#home-paves-metiers a:hover article.item {
	/*	transform: scale(1.2) rotate(5deg);	
		transform: scale(1.2);
		/**/
	/*	-moz-box-shadow: 3px 3px 8px 0px #656565;
		-webkit-box-shadow: 3px 3px 8px 0px #656565;
		-o-box-shadow: 3px 3px 8px 0px #656565;
		box-shadow: 3px 3px 8px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=8);
		/**/
	}
	section#home-paves-metiers article.item .padding {}
	section#home-paves-metiers article.item.last-item .padding {}
	
	/**/
	section#home-paves-metiers article.item .titre,
	section#home-paves-metiers article.item .accroche,
	section#home-paves-metiers article.item .texte {
	/*		margin-top: 5px;	/**/
	}
	/**/
	section#home-paves-metiers article.item .titre {		position:absolute; bottom:0; right:0; left:0;
		text-align: center;
		padding: .75em .5em .5em .35em !important;
		background-color: rgba(133,171,53, 1);
	}
		section#home-paves-metiers article.item .titre h4 {
			font-size: 1.25em;
			font-weight: 600;
			color: #fff !important;
		}
	/**/
	section#home-paves-metiers article.item .accroche {
	}
		section#home-paves-metiers article.item .accroche h5 {
			font-size: 1.1em;
		/*	font-size: 0.9vw;	/**/
		}
	/**/
	section#home-paves-metiers article.item .texte {
	}
		section#home-paves-metiers article.item .texte h6 {
			font-size: 0.9em;
		/*	font-size: 0.9vw;	/**/
		}
		
		
	/*	HOVER	*/
		section#home-paves-metiers article.item .image img { opacity: .85; }
			section#home-paves-metiers a:hover article.item .image img { opacity: 1; }
			section#home-paves-metiers a:hover article.item .titre { background-color: rgba(137,199,230, 1); }
		
		
	
/*	#################################################################	STYLES
*/		/*
section#home-paves-metiers article.style_1 { background-color:#1c2c4e; }
	section#home-paves-metiers article.style_1 .titre h1 { color:#8a8761; }
	section#home-paves-metiers article.style_1 .accroche h2 { color:#de5533; }
	section#home-paves-metiers article.style_1 .texte h3 { color:#fff; }
	
section#home-paves-metiers article.style_2 { background-color:#de5533; }
	section#home-paves-metiers article.style_2 .titre h1 { color:#1c2c4e; }
	section#home-paves-metiers article.style_2 .accroche h2 { color:#97cc9f; }
	section#home-paves-metiers article.style_2 .texte h3 { color:#fff; }
	
section#home-paves-metiers article.style_3 { background-color:#40bfe9; }
	section#home-paves-metiers article.style_3 .titre h1 { color:#1c2c4e; }
	section#home-paves-metiers article.style_3 .accroche h2 { color:#de5533; }
	section#home-paves-metiers article.style_3 .texte h3 { color:#fff; }
	
section#home-paves-metiers article.style_4 { background-color:#1c2c4e; }
	section#home-paves-metiers article.style_4 .titre h1 { color:#8a8761; }
	section#home-paves-metiers article.style_4 .accroche h2 { color:#de5533; }
	section#home-paves-metiers article.style_4 .texte h3 { color:#fff; }
	
section#home-paves-metiers article.style_5 { background-color:#97cc9f; }
	section#home-paves-metiers article.style_5 .titre h1 { color:#1c2c4e; }
	section#home-paves-metiers article.style_5 .accroche h2 { color:#de5533; }
	section#home-paves-metiers article.style_5 .texte h3 { color:#fff; }
	
section#home-paves-metiers article.style_6 { background-color:#8a8761; }
	section#home-paves-metiers article.style_6 .titre h1 { color:#1c2c4e; }
	section#home-paves-metiers article.style_6 .accroche h2 { color:#40bfe9; }
	section#home-paves-metiers article.style_6 .texte h3 { color:#fff; }
/**/





/*	###########################################################################################################		HOME / Parallax
	###########################################################################################################
	###########################################################################################################
*/
body.home section#zone-parallax { margin-top: 100px !important; }

	body.home section#zone-parallax .parallaxie {
		background-color: #2a74ba;
		height: 500px;
		position: relative;
	}
		body.home section#zone-parallax .heading {
			display: block;	/*	table-cell	*/
			color: #fff;
			max-width: 1200px;
			/*	margin: 0 auto 0 auto;	/**/
		}
/**/
		body.home section#zone-parallax .heading,
		body.home section#zone-parallax .text {
			position: absolute;				
			padding: 0.2em;
			background-color: rgba(43,54,56, 0.6);
			background-color: rgba(42,116,186, 0.6);
			background-color: rgba(68,129,190, 0.6);
			color: #fff;	/*	or: 8a8761 ?	*/
		}
		body.home section#zone-parallax .heading { top:0; left:0; }
		body.home section#zone-parallax .text { bottom:0; right: 0; width:50%; padding:1em; }
/**/
			body.home section#zone-parallax h1 {
				/*	display: inline-block;	/**/
				font-size: 4em;
				font-weight: 200;
			}
			body.home section#zone-parallax h2,
			body.home section#zone-parallax h3 {
				margin-bottom: 10px;
			}
			body.home section#zone-parallax h2 {
			}
			body.home section#zone-parallax h3 {
			}
			body.home section#zone-parallax a.enSavoirPlus {
				font-size: 1em;
			/*	display: block;
				float: right;	/**/
			}
/*	########################	SPECIFS PARALLAX VIDEO
*/
body.home section#zone-parallax .video-wrap {
  width: 100%;
  height: 600px !important;
  position: relative;
}
body.home section#zone-parallax .video-wrap::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  /*	background: rgba(0, 0, 0, 0.5);	/**/
  z-index: 10;
}
body.home section#zone-parallax .video-wrap video {
  width: 100%;
  height: 100%;
}
body.home section#zone-parallax .content-overlay {
  position: absolute;
  					height: auto !important;
					width: 100% !important;
  bottom: 0;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  z-index: 100;
  padding: 50px 0;
}
body.home section#zone-parallax .content-overlay h1, .content-overlay p {
  text-align: center;
  color: #fff;
}





/*	###########################################################################################################		HOME / Bouton "Mon espace de travail en ligne"
	###########################################################################################################
	###########################################################################################################
*/
section#home-Mon-espace-de-travail-en-ligne {
	padding: 1em 0 3em 0;
}
/**/
	section#home-Mon-espace-de-travail-en-ligne a {	background-color: #fff;
		display: block;
		padding: 1.5em 1em 1em 1em;
		width: 40%;
		box-sizing: border-box;
		-webkit-border-radius: 1em;
		-moz-border-radius: 1em;
		border-radius: 1em;
		margin: 1em auto 2em auto;
	}
	section#home-Mon-espace-de-travail-en-ligne a img {
		width: 100%; height:auto;
	}
/**/
	section#home-Mon-espace-de-travail-en-ligne a:hover {
		-moz-box-shadow: 3px 3px 8px 0px #656565;
		-webkit-box-shadow: 3px 3px 8px 0px #656565;
		-o-box-shadow: 3px 3px 8px 0px #656565;
		box-shadow: 3px 3px 8px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=8);
	}




/*	###########################################################################################################		HOME / Syndication NEWS
	###########################################################################################################
	###########################################################################################################
*/
section#syndic-news {}
/**/
section#syndic-news .max-width { /*	max-width: 1920px !important; */	}
/**/
	section#syndic-news header {
		font-size: 3em;
		text-align: center;
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
		text-transform: uppercase;
		font-weight: 100;
		background-image: url(../img/shadow_down.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: 100% 22px;
		/**/
	}
		section#syndic-news header img {
			display: block;
			margin: 0 auto 0.3em auto;
		}
/**/
	section#syndic-news article.item {
		margin-bottom: 40px;
		float: none;
		clear: both;
		background-color: #fff;
		padding: 0.5em;
	}
		section#syndic-news a:hover article.item {
			-moz-box-shadow: 3px 3px 8px 0px #656565;
			-webkit-box-shadow: 3px 3px 8px 0px #656565;
			-o-box-shadow: 3px 3px 8px 0px #656565;
			box-shadow: 3px 3px 8px 0px #656565;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=135, Strength=8);
		}
/**/
		section#syndic-news article.item div.date		{ width: 5%; float: left; }
		section#syndic-news article.item div.image		{ width: 25%; float: left; margin-left:3%; }
		section#syndic-news article.item div.details	{ width: 64%; float: left; margin-left:3%; }
		
		/*	section#syndic-news article.item.impair div.image		{ float:right; }
			section#syndic-news article.item.impair div.details		{ float:left; }
			section#syndic-news article.item.pair div.image			{ float:left; }
			section#syndic-news article.item.pair div.details		{ float:right; }	/**/
/**/
	section#syndic-news article.item div.image img {
		width:100%; height:auto;
	}
/**/
	section#syndic-news article.item div.details { background-color:#fff; }	/*	1c2c4e	*/
/**/
/**/
	section#syndic-news article.item div.textes {
	}
/**/
	section#syndic-news article.item div.date {
		background-color: #3576af;
		color: #fff;
		font-size: 1em;
		font-weight: 600;
		text-align: center;
		line-height: 1em;
		padding: 1em 0.3em 1em 0.3em;
		line-height: 1em;
	}
		section#syndic-news article.item div.date div.jour { font-size: 1.4em; margin-bottom: 3px; }
	/*	section#syndic-news article.item div.details div.date span.du,
		section#syndic-news article.item div.details div.date span.au { font-size: 0.9em; color: #284996; }	/**/
		section#syndic-news article.item div.date div.fromTo {
			width: 40px; height: 40px;
			margin: 0 auto 0 auto;
			background-image: url(../img/News_syndicHome_fromTo.png);
			background-position: center center;
			background-repeat: no-repeat;
			opacity: 0.2;
		}
	section#syndic-news article.item div.date div.non-applicable {
			width: 40px; height: 40px;
			margin: 0 auto 0 auto;
		background-image:url(../img/News_fromTo_blanc.png);
		background-position: center center;
		background-repeat: no-repeat;
			opacity: 0.2;
	}
/**/
	section#syndic-news article.item div.details div.textes {}
/**/
	section#syndic-news article.item div.details div.textes .titre {}
		section#syndic-news article.item div.details div.textes h1 { 
			text-align: left;
			color: #2b3642;
			text-transform: none;
			font-weight: 200;
			font-size: 1.6em;
			padding:0; margin:0;
			padding-top: 0.3em;
		}
/**/
	section#syndic-news article.item div.details div.textes .sous-titre {
																						float: left;
																						padding: 0.2em 0.4em 0.25em 0.4em;
																						font-weight: 600;
																						text-align: center;
																						color: #fff;
																						-webkit-border-radius: 3px;
																						-moz-border-radius: 3px;
																						border-radius: 3px;
																						background-color: #2a74ba;
	}
		section#syndic-news article.item div.details div.textes h2 { font-size:1.2em; color:#fff; }
/**/
	section#syndic-news article.item div.details div.textes .accroche { margin-right: 2.5em; text-align:justify; }
		section#syndic-news article.item div.details div.textes h3 { font-size:0.9em; }
/**/
	section#syndic-news article.item div.details div.textes .accroche,
	section#syndic-news article.item div.details div.textes .sous-titre { margin-top: 0.3em; }





/*	###########################################################################################################		PAGES
	###########################################################################################################
	###########################################################################################################
*/
section.page { margin: 2em 0 7em 0; }
/**/
	section.page .baseline {
		text-align: right;
		padding: 1em 0 1em 0;
	}
		section.page .baseline .baseline-1 {
			font-size: 2em;
			font-weight: 200;
			color: #8a8761;
		}
		section.page .baseline .baseline-2 {
			font-size: 1.3em;
			font-weight: 200;
			color: #de5533;
		}
/**/
	section.page header {
	/*	background-position: left middle;	=>	Réglages BG pour les icônes
		background-repeat: no-repeat;
		background-size: 3em 3em;
		padding: 1em 0 2em 3.5em;
		/**/
			font-size: 2em;
			color: #4c5864;
			background-image: url(../img/shadow_down.png);
			background-position: center bottom;
			background-repeat: no-repeat;
			background-size: 110% 22px;
			padding-bottom: 30px;
			margin-top: 2em;
	}
		section.page header.with-parent { /*	padding-top: 0.4em; /**/}
	/**/
		section.page header h1 {
			font-size: 1em;
			font-weight: 700;
		}
			section.page header h1 span.daron {
				display: block;
				font-size: 0.8em;
				font-weight: 300;
			}
			section.page header h1 a.frangin {
				font-size: 0.75em;
				font-weight: 300;
			}
			section.page header h1 div.spacer {
				display: inline-block;
				width: 30px;
				height: 20px;
				background-color: #fff;
				text-align: center;
				opacity: 0.1;
			}
				section.page header h1 div.spacer:before {
					content: '\002022';	/*	 	•	*/
					content: '\00007C';	/*	|	*/
				}
/**/
		section.page header.with-parent h1 span:after {
			content: ' /';
			font-size: 0.8em;
		}
/**/
		section.page header.with-parent h1 a {
				font-size: 0.85em;
				font-weight: 300;
		}

/*	################################################################	PARAGRAPHE
*/

/* --------------- Bandeau page --*/
/*
.main section.page div#paragraphes {
	float: none !important;
	max-width: 100% !important;
	width: 1200px;
	margin: 0 auto 0 auto !important;
	box-sizing: border-box;
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 540px;
}
	.main section.page div#paragraphes .max-width {
		margin-left: 27.5% !important;
		width: 72.5% !important;
		max-width: 72.5% !important;
	}

/**/

.main section.page article {
	margin: 7em 0 0 0;
	overflow: hidden;
	font-size: 1em;
}
	.main section.page article.withoutTitle { 	margin-top: 3em;	/**/ }
	.main section.page article img { max-width:100%; height:auto; }
	
article#parag_DEV h2,
.main section.page article h2 {
	/*
	font-size: 1.3em;
	color: #fff !important;
	background-color: #2a74ba;
	padding: 0.5em;
	margin-bottom: 1em;
	font-family:'PT Serif', Georgia, "Times New Roman", Times, serif;
	/**/
	font-size: 2em;
	font-weight: 400;
	color: #1e2935;
	text-align: left;
		padding-bottom: .2em;
		margin-bottom: .8em;
		border-bottom: 1px solid #a3a3a3;
}

/*	################################################################	PARALLAX
*/
	body.page .parallaxie {
		margin: 4em 0 1em 0;
		background-color: #00213b;
	}
       body.page  .parallaxie .heading{
            color: #fff;
            display: block;	/*	table-cell	*/
            vertical-align: bottom;
			margin: 0 auto 0 auto;
			height: 500px;
        }
       body.page .parallaxie h1{
			display: inline-block;
			padding: 0.1em;
			background-color: rgba(42,116,186, 0.9);
			font-size: 4em;
			font-weight: 200;
			color: #fff;	/*	or: 8a8761 ?	*/
		/*	width: 100%;
			text-align: center;	/**/
        }

/*	################################################################	RGPD
*/
.rgpd p { margin-bottom: 10px; }

/*	################################################################	Les adresses
*/
div.les-adresses {}
div.les-adresses img { max-width:100%; height:auto; }
	div.les-adresses table.une-adresse { width:100%; border-collapse:collapse; }
		div.les-adresses table.une-adresse td {
			text-align:left;
			vertical-align:middle;
			padding: 0 0 2em 1em;
		}
		div.les-adresses table.une-adresse td.icone {}
		div.les-adresses table.une-adresse td.datas {}
		/**/
		div.les-adresses table.une-adresse tr.adresse td.icone {}
		div.les-adresses table.une-adresse tr.adresse td.datas {}
		/**/
		div.les-adresses table.une-adresse tr.telephone td.icone {}
		div.les-adresses table.une-adresse tr.telephone td.datas {}
		/**/
		div.les-adresses table.une-adresse tr.horaires td.icone { vertical-align:top; }
		div.les-adresses table.une-adresse tr.horaires td.datas {}
			div.les-adresses table.une-adresse tr.horaires td.datas ul { margin:0; }




/*	###########################################################################################################		NEWS
	###########################################################################################################
	###########################################################################################################
*/
body.news {}
																							body.news article.item, body.news article.item * { margin:0; padding:0; }
	body.news article.item section { float:none; clear:both; margin:0; padding:0; }
/**/
body.news article.item header {
	position: relative;
	width: 100%;
	text-align: left;
	background: none;
	margin: 0;
}
/**/
body.news article.item { margin: 0 0 10em 0; }
/**/
																					body.news article.item .dates,
																					body.news article.item .sous_titre {
																						float: left;
																						padding: 0.2em 0.4em 0.25em 0.4em;
																						font-size: 0.6em;
																						font-weight: 600;
																						text-align: center;
																						color: #fff;
																						-webkit-border-radius: 3px;
																						-moz-border-radius: 3px;
																						border-radius: 3px;
																					}
body.news article.item .dates {
	background-color: #4c5864;
}
															body.news article.item .dates * { display:inline-block; margin: 0 0.1em 0 0.1em; }
	body.news article.item .dates .du,
	body.news article.item .dates .au,
	body.news article.item .dates .le {
		float: none;
		text-transform: lowercase;
		color: #a0a3a3;
		font-weight: 400;
	}
	body.news article.item .dates .single {
		float: left;
	}
	body.news article.item .dates .from {
		float: left;
	}
	body.news article.item .dates .fromTo { display:none;
	}
	body.news article.item .dates .to {
		float: left;
	}
							body.news article.item .dates .jour {
							}
							body.news article.item .dates .mois {
								text-transform: none;
							}
							body.news article.item .dates .annee {
							}
/**/
body.news article.item .titre {
	display: block;
	float: none;
	clear: both;
	margin:0;
																					padding: 0.35em 0 0.8em 0;
}
	body.news article.item .titre h1 {
		text-align: left;
		color: #2b3642;
		text-transform: none;
		font-weight: 200;
		font-size: 1.6em;
		padding:0; margin:0;
	}
/**/
/*	body.news article.item .sous_titre {
		padding: 0.1em;
		border-top: 1px solid #a0a3a3;
		border-bottom: 1px solid #a0a3a3;
	}	/**/
	body.news article.item .sous_titre {
		background-color: #2a74ba;
		text-transform: lowercase;
		margin-left: 7px;
	}
/**/
body.news article.item section.accroche-et-image {
																					padding: 0 0 0.8em 0;
}
/**/
body.news article.item .image {
	float: left;
	width: 40%;
	margin-right: 3%;
}
	body.news article.item .image img {
		width: 100%; max-width:640px; height:auto;
	}
/**/
	body.news article.item .accroche {
		float: left;
		width: 57%;
		background: none !important;
	}
		body.news article.item .accroche h2 {
			font-family: inherit;
			font-size: 1.8em;
			font-weight: 200;
			color: inherit;
			background: none;
			margin:0; padding:0;
			border: 0 none;
		}
		
	/**/
	body.news article.item section.texte {
		border-left: 5px solid #a3a3a3;
																					padding: 0.5em 0 0.5em 1em;
	}
		body.news article.item section.texte h3 {
			color: inherit;
			font-size: 1em;
			font-weight: 400;
			margin:0; padding:0;
			text-align: justify;
			/*
			columns: 2;
			column-gap: 5%;
			text-align: justify;
			/**/
		}




/*	###########################################################################################################		CONTACT
	###########################################################################################################
	###########################################################################################################	
*/
form#form_contact {
	padding: 10px 0 10px 0;
}

	form#form_contact input[type="text"],
	form#form_contact textarea {
		font-family: Raleway, Verdana, Geneva, sans-serif;
		font-size: 1em;
		font-weight: 400;
		padding: 5px;
		/**/
		border: 1px solid #8a8761;
	}
		form#form_contact input[type="text"]:hover,
		form#form_contact textarea:hover {
			-moz-box-shadow: 3px 3px 8px 0px #9b9b9b;
			-webkit-box-shadow: 3px 3px 8px 0px #9b9b9b;
			-o-box-shadow: 3px 3px 8px 0px #9b9b9b;
			box-shadow: 3px 3px 8px 0px #9b9b9b;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=8);
		}
		form#form_contact input[type="text"]:focus,
		form#form_contact textarea:focus {
			-moz-box-shadow: 3px 3px 8px 0px #9b9b9b;
			-webkit-box-shadow: 3px 3px 8px 0px #9b9b9b;
			-o-box-shadow: 3px 3px 8px 0px #9b9b9b;
			box-shadow: 3px 3px 8px 0px #9b9b9b;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=135, Strength=8);
			border: 1px solid #284996;
			font-weight: 600;
			color: #284996;
		}
/**/
form#form_contact input[type="text"] {
	width: 100%;
}
	form#form_contact input[type="text"]:first-child { margin:0; }
/**/
form#form_contact textarea {
	width: 100%;
	height: 100px;
}
/**/
form#form_contact .destinataire {
	padding: .5em 0 1em 0;
}
	form#form_contact .destinataire .label,
	form#form_contact .destinataire ul {
		float:left;
	}
/**/
	form#form_contact .destinataire .label {
	}
	form#form_contact .destinataire ul {
		list-style: none !important;
		margin:0 !important;
	}
		form#form_contact .destinataire ul li { padding: 0 0 .5em 0 !important; }
/**/
form#form_contact div.g-recaptcha { width: 100%; }
/**/
form#form_contact button#sendFrom {
	font-size: 1.3em;
	width: 80%;
	display: block;
	margin: 0 auto 0 auto;
}






/*	###########################################################################################################		MAPS
	###########################################################################################################
	###########################################################################################################
*/
iframe#maps {
	width: 100%;
	height: 600px;
	border:0; margin:0; padding:0;
}






/*	###########################################################################################################		ELEMENTS de MISE en PAGES
	###########################################################################################################
	###########################################################################################################
*/

/*	################################################################	Liens dans un paragraphe
*/
section#edito a,
.main section.page article div.contenu a { color:inherit; text-decoration:underline; }
section#edito a:hover,
.main section.page article div.contenu a:hover { color:#2a74ba; }


/*	################################################################	Une colonne en retrait
*/
.main section.page article div.contenu .une_colonne_en_retrait {
	width: 80%;
	margin: 0 auto 0 auto;
	text-align: justify;
}


/*	################################################################	Deux colonnes
*/
.deux_colonnes {
}
	.deux_colonnes > .colonne,
	.deux_colonnes > .gouttiere {
		float: left;
	}
	.deux_colonnes > .colonne {
		width: 45%;
		text-align: justify;
	}
	.deux_colonnes > .gouttiere {
		width: 10%;
		font-size: 1px;
	}


/*	################################################################	Deux vidéos
*/
.deux_colonnes.deux_videos {}
	.deux_colonnes.deux_videos > .colonne iframe {
		width: 100%;
		min-height: 315px;
	}


/*	################################################################	Deux colonnes 2 + 1
*/
.deux_colonnes-2-1 {
}
	.deux_colonnes-2-1 > .colonne,
	.deux_colonnes-2-1 > .gouttiere {
		float: left;
	}
	.deux_colonnes-2-1 > .colonne {
		width: 30%;
		text-align: justify;
	}
		.deux_colonnes-2-1 > .colonne:first-child { width:60%; }
	.deux_colonnes-2-1 > .gouttiere {
		width: 10%;
		font-size: 1px;
	}


/*	################################################################	Deux colonnes 1 + 2
*/
.deux_colonnes-1-2 {
}
	 .deux_colonnes-1-2 > .colonne,
	 .deux_colonnes-1-2 > .gouttiere {
		float: left;
	}
	 .deux_colonnes-1-2 > .colonne {
		width: 30%;
		text-align: justify;
	}
		 .deux_colonnes-1-2 > .colonne:last-child { width:60%; }
	 .deux_colonnes-1-2 > .gouttiere {
		width: 10%;
		font-size: 1px;
	}


/*	################################################################	Trois colonnes
*/
.trois_colonnes {
}
	.trois_colonnes > .colonne,
	.trois_colonnes > .gouttiere {
		float: left
	}
	.trois_colonnes > .colonne {
		width: 28%;
		text-align: justify;
	}
	.trois_colonnes > .gouttiere {
		width: 8%;
		font-size: 1px;
	}


/*	################################################################	Quatre colonnes
*/
.quatre_colonnes {
}
	.quatre_colonnes > .colonne,
	.quatre_colonnes > .gouttiere {
		float: left
	}
	.quatre_colonnes > .colonne {
		width: 22.75%;
		text-align: justify;
	}
	.quatre_colonnes > .gouttiere {
		width: 3%;
		font-size: 1px;
	}


/*	################################################################	Deux colonnes AUTO
*/
.deux_colonnes_AUTO {
	columns: 2;
	column-gap: 10%;
	text-align: justify;
}


/*	################################################################	Trois colonnes AUTO
*/
.trois_colonnes_AUTO {
	columns: 3;
	column-gap: 8%;
	text-align: justify;
}


/*	################################################################	UL LI
*/
.main section.page article div.contenu ul:not(.noStyle) {
	list-style-image: url(../img/elmt-mep/ul-li.png);	/**/
}
	.main section.page article div.contenu ul li { padding: 7px 0 7px 0; }


/*	################################################################	ParagType_TXT_IMG
*/
.ParagType_TXT_IMG {
}
	.ParagType_TXT_IMG > .colonne,
	.ParagType_TXT_IMG > .gouttiere {
		float: left;
	}
	.ParagType_TXT_IMG > .colonne {
		width: 30%;
		text-align: justify;
	}
		.ParagType_TXT_IMG > .colonne:first-child { width:60%; }
	.ParagType_TXT_IMG > .gouttiere {
		width: 10%;
		font-size: 1px;
	}


/*	################################################################	ParagType_IMG_TXT
*/
.ParagType_IMG_TXT {
}
	 .ParagType_IMG_TXT > .colonne,
	 .ParagType_IMG_TXT > .gouttiere {
		float: left;
	}
	 .ParagType_IMG_TXT > .colonne {
		width: 30%;
		text-align: justify;
	}
		 .ParagType_IMG_TXT > .colonne:last-child { width:60%; }
	 .ParagType_IMG_TXT > .gouttiere {
		width: 10%;
		font-size: 1px;
	}


/*	################################################################	BLOC EXERGUE
*/
.blocExergue_PLEIN_1 { background-color:#7ca31f; color:#fff; margin:0 auto 0 auto; padding: 1.5em; }
.blocExergue_VIDE_1 { border: 2px solid #7ca31f; margin:0 auto 0 auto; padding: 1.5em; }

.blocExergue_PLEIN_2 { background-color:#016ebe; color:#fff; margin:0 auto 0 auto; padding: 1.5em; }
.blocExergue_VIDE_2 { border: 2px solid #016ebe; margin:0 auto 0 auto; padding: 1.5em; }

.blocExergue_PLEIN_3 { background-color:#999999; color:#fff; margin:0 auto 0 auto; padding: 1.5em; }
.blocExergue_VIDE_3 { border: 2px solid #999999; margin:0 auto 0 auto; padding: 1.5em; }


/*	################################################################	blocExergue_VIDE__Gris_1
*/
.blocExergue_VIDE__Gris_1 {
	border: 2px solid #1e2935;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__Gris_1 {
	background-color: #1e2935;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}


/*	################################################################	blocExergue_VIDE__gris_2
*/
.blocExergue_VIDE__gris_2 {
	border: 2px solid #2b3642;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__gris_2 {
	background-color: #2b3642;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}


/*	################################################################	blocExergue_VIDE__gris_3
*/
.blocExergue_VIDE__gris_3 {
	border: 2px solid #4c5864;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__gris_3 {
	background-color: #4c5864;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}


/*	################################################################	blocExergue_VIDE__gris_4
*/
.blocExergue_VIDE__gris_4 {
	border: 2px solid #a3a3a3;
	width:80%;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__gris_4 {
	background-color: #a3a3a3;
	color: #2b3642;
	margin:0 auto 0 auto;
	padding: 20px;
}


/*	################################################################	blocExergue_VIDE__rouge_1		&&		blockCadrage_logoVrak
*/
.blocExergue_VIDE__rouge_1 {
	border: 2px solid #fe0100;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__rouge_1 {
	background-color: #fe0100;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blockCadrage_logoVrak {
	margin:0 auto 0 auto;
	background-image: url(../img/pavesMetier_framing_HG.png);
	background-position: left top;
	background-repeat: no-repeat;
}
	.blockCadrage_logoVrak .secondBg {
		padding: 20px;
		background-image: url(../img/pavesMetier_framing_BD.png);
		background-position: right bottom;
		background-repeat: no-repeat;
	}


/*	################################################################	blocExergue_VIDE__bleu_1
*/
.blocExergue_VIDE__bleu_1 {
	border: 2px solid #2a74ba;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__bleu_1 {
	background-color: #2a74ba;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}


/*	################################################################	HR_spacer
*/
.main section.page article div.contenu hr { border: 0 none; height: 3px; }
.main section.page article div.contenu hr.spacer_BLEU-FONCE { background-color: #1c2c4e; }
.main section.page article div.contenu hr.spacer_BLEU-LOGO { background-color: #284996; }
.main section.page article div.contenu hr.spacer_ORANGE { background-color: #de5533; }
.main section.page article div.contenu hr.spacer_OR { background-color: #8a8761; }
.main section.page article div.contenu hr.spacer_VERT { background-color: #97cc9f; }
	


/*	################################################################	Hxxx
*/
.main section.page article div.contenu h1.h1_titre,
.main section.page article div.contenu h2,
.main section.page article div.contenu h2.h2_sous_titre,
.main section.page article div.contenu h3.h3_accroche {
	color: inherit !important;
	padding:0; margin:0;
	line-height: normal;
}
.main section.page article div.contenu h3.h3_accroche { text-align:justify; font-weight:normal; }
.main section.page article div.contenu .marker {
	background-color: #de5533;
	color: #fff;
}
/**/
.main section.page article div.contenu h1.h1_titre,
.main section.page article div.contenu span.titreParag_1,
.main section.page article div.contenu span.titreParag_2,
.main section.page article div.contenu span.titreParag_3,
.main section.page article div.contenu span.titreParag_4,
.main section.page article div.contenu span.titreParag_5,
.main section.page article div.contenu span.titreParag_6 {
	font-size: 2.4em;
	font-weight: 600;
}
/**/
.main section.page article div.contenu h1.h1_titre {
	font-size: 2.4em;
	font-weight: 500;
	color: inherit;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0 none;
}
/**/
.main section.page article div.contenu h2.h2_sous_titre {
	font-size: 2em;
	font-weight: 400;
	color: inherit;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0 none;
}
/**/
.main section.page article div.contenu h3.h3_accroche {
	font-size: 1.8em;
	font-weight: 300;
	color: inherit;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0 none;
}
/**/
.inline_title_1, .inline_title_2, .inline_title_3, .inline_title_4, .inline_title_5	{
	font-size: 2.4em;
	font-weight: 500;
}
.inline_subtitle_1, .inline_subtitle_2, .inline_subtitle_3, .inline_subtitle_4, .inline_subtitle_5	{
	font-size: 2em;
	font-weight: 400;
}
/**/
.inline_title_1	{ color:#7ca31f; }
.inline_subTitle_1	{ color:#7ca31f; }
.inline_title_2	{ color:#016ebe; }
.inline_subTitle_2	{ color:#016ebe; }
.inline_title_3	{ color:#999999; }
.inline_subTitle_3	{ color:#999999; }
.inline_title_4	{ color:#fff; }
.inline_subTitle_4	{ color:#fff; }
.inline_title_5	{ color:#000; }
.inline_subTitle_5	{ color:#000; }
/* 	Charte couleur
	-----------------------------------------------------
	Gris très foncé (btn "Boutique")		:	#1e2935
	Gris foncé (header)						:	#2b3642
	Gris clair (bg nav)						:	#4c5864
	Gris plus clair ( texte snav)			:	#a3a3a3
	Rouge									:	#fa0204
	Bleu									:	#2a74ba
*/
/**/
span.titreParag_1 { color:#1e2935; }
span.titreParag_2 { color:#2b3642; }
span.titreParag_3 { color:#4c5864; }
span.titreParag_4 { color:#a3a3a3; }
span.titreParag_5 { color:#fa0204; }
span.titreParag_6 { color:#2a74ba; }
	


/*	################################################################	iframe video
*/
.iframe_video {
	max-width: 100%;
}
	.iframe_video.vimeo {
	}
	.iframe_video.youtube {
	}
	


/*	################################################################	Bandeau bas : boutons "Découvrez nos box" et "Demander un devis"
*/
.boutons-bas-box-devis {
	margin-top: 2em;
	/* border: 6px dotted #f3f3f4; /**/
	background-color: #f3f3f4;
	border:  1px solid #e7e7e9;
}
/**/
	.boutons-bas-box-devis .colonne { text-align: left; }
	.boutons-bas-box-devis .colonne:first-child { text-align: right; }
	/**/
		.boutons-bas-box-devis a.button {
			font-size:  1.5em;
			font-weight: 700;
			color:  #ffffff !important;
			text-decoration:  none !important;
			background-color: #016ebe !important;
			margin: 1em 0 1em 0;
		}
			.boutons-bas-box-devis a.button:hover { background-color: #7ca31f !important; }


/*	################################################################	comparatif_box
*/
.comparatif_box .colonne a img { height: 10em !important; width: auto !important; }