/* 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;
}





/*	###########################################################################################################		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 {
			font-size: 1.65em;
			font-weight: 600;
			color: var(--bleu);
			text-transform: uppercase;
			margin:0; padding:0;
			margin-top: 10px;			
			font-size: 2.5em;
			font-weight: 200;
		}
/**/
	body.home section#edito article {
		width: 80%;
		margin: 80px auto 0 auto;
		padding:0;
	}
	
	/*	###	TROIS colonnes	*/
	body.home section#edito article div.trois_colonnes {
	}
		body.home section#edito article div.trois_colonnes .colonne,
		body.home section#edito article div.trois_colonnes .gouttiere { float:left; margin:0; padding:0; }
		body.home section#edito article div.trois_colonnes .gouttiere { width: 5%; }
		body.home section#edito article div.trois_colonnes .colonne { width: 37.5%; }
		body.home section#edito article div.trois_colonnes .colonne:first-child {
			width: 15%; height: 200px;
			background-image: url(../img/implique.png);
			background-position: left top;
			background-repeat: no-repeat;
			background-size: contain;
		}
		body.home section#edito article div.trois_colonnes .colonne:last-child { text-align:justify !important; }
		
	/*	###	DEUX colonnes	*/
	body.home section#edito article div.deux_colonnes {
	}
		body.home section#edito article div.deux_colonnes .colonne,
		body.home section#edito article div.deux_colonnes .gouttiere {
			float:left;
			margin:0;
			padding:0;
		}
		body.home section#edito article div.deux_colonnes .gouttiere { width: 5%; }
		body.home section#edito article div.deux_colonnes .colonne { width: 85%; padding-top: 20px; }
		body.home section#edito article div.deux_colonnes .colonne:first-child {
			width: 10%; height: 200px;
			background-image: url(../img/implique.png);
			background-position: right top;
			background-repeat: no-repeat;
		}
		body.home section#edito article div.deux_colonnes .colonne:last-child { text-align:justify !important; }
		body.home section#edito article div.deux_colonnes .colonne div.texte { margin-top: 1em; }





/*	###########################################################################################################		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 article.item {
		float: left;
		width: 28%;
		margin: 4% 4% 0 4% !important;
		transition: transform .2s; /* Animation */
		background-color: #fff;
	}
		section#home-paves-metiers article.item.first-item { margin-left:0 !important; }
		section#home-paves-metiers article.item.last-item { margin-right:0 !important; }
/**/
	section#home-paves-metiers a:hover article.item {
		transform: scale(1.2) rotate(5deg);
		/**/
		-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 {
	/*	background-image: url(../img/pavesMetier_framing_HG.png);
		background-position: left top;
		background-repeat: no-repeat;
		/**/
	}
	section#home-paves-metiers article.item .padding {
	/*	padding: 15px 20px !important;
		background-image: url(../img/pavesMetier_framing_BD.png);
		background-position: right bottom;
		background-repeat: no-repeat;	/**/
	}
/**/
	section#home-paves-metiers article.item .image {
		width: 100%;
		margin:0 !important; padding:0 !important;
		background-color: var(--bleu) !important;
	}
		section#home-paves-metiers article.item .image img { width:100% !important; height:auto; margin:0 !important; }
/**/
	section#home-paves-metiers article.item .icone {
		text-align: center;
	}
		section#home-paves-metiers article.item .icone img { width:100% !important; height:auto; }
	/**/
	section#home-paves-metiers article.item .titre,
	section#home-paves-metiers article.item .accroche,
	section#home-paves-metiers article.item .texte {
		margin-top: .5em !important;
		text-align: center;
	}
	/**/
	section#home-paves-metiers article.item .titre {
		background-color: var(--color-safran);
		background-color: var(--color-noir);
		background-color: var(--bleu);
		margin:0 !important;
		padding: .15em .6em .3em .6em !important;
	}
		section#home-paves-metiers article.item .titre h1 {
			font-size: 1.35em;
			text-transform: uppercase;
			font-weight: 500;
			color: var(--color-noir);
			color: var(--color-safran);
			color: #fff;
		}
	/**/
	section#home-paves-metiers article.item .accroche {
	}
		section#home-paves-metiers article.item .accroche h2 {
			font-size: 1.1em;
		/*	font-size: 0.9vw;	/**/
		}
	/**/
	section#home-paves-metiers article.item .texte {
	}
		section#home-paves-metiers article.item .texte h3 {
			font-size: 0.9em;
		/*	font-size: 0.9vw;	/**/
			text-align: justify;
			font-weight: 400 !important;
			margin: .3em !important;
		}





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

	body.home section#zone-parallax .parallaxie {
		background-color: var(--bleu);
		height: 600px;
		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(25,25,25, 0.6);
			color: #fff;
		}
		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: 3em;
				font-weight: 200;
				background: none !important;
			}
			body.home section#zone-parallax h2,
			body.home section#zone-parallax h3 {
				margin-bottom: 10px;
				background: none !important;
			}
			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 / 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: 600;
		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: var(--bleu);
		color: #fff;
		font-size: 1em;
		font-weight: 600;
		text-align: center;
		line-height: 1em;
		padding: 1em 0.3em 1em 0.3em;
		line-height: 1em;
		/**/
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
		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: var(--gris-deux);	/*	4c5864	/**/
	}
		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;
		text-transform: uppercase;
		padding: 1em 0 0 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;
			text-transform: uppercase;
			color: var(--gris-deux);
			background-image: url(../img/shadow_down.png);
			background-position: center bottom;
			background-repeat: no-repeat;
			background-size: 110% 22px;
			padding-bottom: 30px;
			margin-top: 1em;
	}
		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
*/
.main section.page article {
	margin: 1.5em 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: var(--bleu);
	padding: 0.5em;
	margin-bottom: 1em;
	/**/
	font-size: 2em;
	font-weight: 400;
	color: #1e2935;
	text-align: left;
		padding-bottom: .2em;
		margin-bottom: .8em;
		border-bottom: 1px solid #a3a3a3;
}
/**/
	.main section.page article figure {}
		.main section.page article figure figcaption {
			color: var(--gris-un) !important;
			font-style: italic !important;
			font-size: .85em !important;
		}

/*	################################################################	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 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: var(--gris-deux);
}
															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: var(--bleu);
		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 div.g-recaptcha { width: 100%; }
/**/
form#form_contact button#sendFrom {
	font-size: 1.3em;
	width: 100%;
}
/*	###################################		zone-virtualDemo
*/
form#form_contact div#zone-virtualDemo { margin: 3% 0 0 0; }
	form#form_contact div#zone-virtualDemo.opened {
		padding: 10px;
		background-color: #f7f7f8;
	}
/**/
	form#form_contact div#zone-virtualDemo #infos_virtualDemo {
		padding: 20px;
	}
		form#form_contact div#zone-virtualDemo #infos_virtualDemo h1 { text-align:left; }
		form#form_contact div#zone-virtualDemo #infos_virtualDemo h2 {
			display: inline-block;
			margin: 10px 20px 0 0;
			padding-left: 20px;
			font-size: 1em;
			font-weight: 600;
			color: inherit;
			text-align:left;
		}
			form#form_contact div#zone-virtualDemo #infos_virtualDemo label {
				margin-right: 20px;
			}






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






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


/*	################################################################	Eléments de liste
*/
.main section.page article div.contenu ul li { text-align: left !important; }

/*	################################################################	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:var(--color-safran); }


/*	################################################################	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
*/
.main section.page article div.contenu .deux_colonnes {
}
	.main section.page article div.contenu .deux_colonnes .colonne,
	.main section.page article div.contenu .deux_colonnes .gouttiere {
		float: left;
	}
	.main section.page article div.contenu .deux_colonnes .colonne {
		width: 45%;
		text-align: justify;
	}
	.main section.page article div.contenu .deux_colonnes .gouttiere {
		width: 10%;
		font-size: 1px;
	}


/*	################################################################	Deux vidéos
*/
.main section.page article div.contenu .deux_colonnes.deux_videos {}
	.main section.page article div.contenu .deux_colonnes.deux_videos .colonne iframe {
		width: 100%;
		min-height: 315px;
	}


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


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


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


/*	################################################################	Deux colonnes AUTO
*/
.main section.page article div.contenu .deux_colonnes_AUTO {
	columns: 2;
	column-gap: 10%;
	text-align: justify;
}


/*	################################################################	Trois colonnes AUTO
*/
.main section.page article div.contenu .trois_colonnes_AUTO {
	columns: 3;
	column-gap: 8%;
	text-align: justify;
}


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


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

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

.blocExergue_PLEIN_3 { background-color:#ccc6ad; color:var(--color-noir); margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_3 { border: 2px solid #ccc6ad; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_4 { background-color:#eeece3; color:var(--color-noir); margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_4 { border: 2px solid #eeece3; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_5 { background-color:#dbd8cc; color:var(--color-noir); margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_5 { border: 2px solid #dbd8cc; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_6 { background-color:#d0ccbb; color:#fff; margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_6 { border: 2px solid #d0ccbb; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_7 { background-color:#ec6419; color:#fff; margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_7 { border: 2px solid #ec6419; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_8 { background-color:#9a9a9e; color:#fff; margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_8 { border: 2px solid #9a9a9e; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_9 { background-color:#6d6e71; color:#fff; margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_9 { border: 2px solid #6d6e71; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_10 { background-color:#1C559A; color:#fff; margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_10 { border: 2px solid #1C559A; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_11 { background-color:#ec9a19; color:#fff; margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_11 { border: 2px solid #ec9a19; margin:0 auto 0 auto; padding: 2em; }

.blocExergue_PLEIN_12 { background-color:#109b74; color:#fff; margin:0 auto 0 auto; padding: 2em; }
.blocExergue_VIDE_12 { border: 2px solid #109b74; margin:0 auto 0 auto; padding: 2em; }


/*	################################################################	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
*/
h1.h1_titre,
h2,
h2.h2_sous_titre,
h3.h3_accroche,
span.h3_accroche {
	color: inherit !important;
	padding:0; margin:0;
	line-height: normal;
}
h3.h3_accroche, span.h3_accroche { text-align:justify; font-weight:normal; }
.marker {
	background-color: #de5533;
	color: #fff;
}
/**/
h1.h1_titre,
span.titreParag_1,
span.titreParag_2,
span.titreParag_3,
span.titreParag_4,
span.titreParag_5,
span.titreParag_6 {
	font-size: 2.4em;
	font-weight: 600;
	text-transform: uppercase;
}
/**/
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;
}
/**/
h3.h3_accroche,
span.h3_accroche {
	font-size: 1.2em;
	font-weight: 400;
	color: inherit;
	text-align: left !important;
	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,
.inline_title_6,
.inline_title_7,
.inline_title_8,
.inline_title_9,
.inline_title_10,
.inline_title_11,
.inline_title_12	{
	font-size: 2.4em;
	font-weight: 600;
	text-transform: uppercase;
}
/**/
.inline_subTitle_1,
.inline_subTitle_2,
.inline_subTitle_3,
.inline_subTitle_4,
.inline_subTitle_5,
.inline_subTitle_6,
.inline_subTitle_7,
.inline_subTitle_8,
.inline_subTitle_9,
.inline_subTitle_10,
.inline_subTitle_11,
.inline_subTitle_12	{
	font-size: 2em;
	font-weight: 400;
	color: inherit;
	text-align: left;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0 none;
}
/**/
.inline_title_1	{ color:#231f20; }
.inline_subTitle_1	{ color:#231f20; }
.inline_title_2	{ color:#ec6419; }
.inline_subTitle_2	{ color:#ec6419; }
.inline_title_3	{ color:#ccc6ad; }
.inline_subTitle_3	{ color:#ccc6ad; }
.inline_title_4	{ color:#eeece3; }
.inline_subTitle_4	{ color:#eeece3; }
.inline_title_5	{ color:#dbd8cc; }
.inline_subTitle_5	{ color:#dbd8cc; }
.inline_title_6	{ color:#d0ccbb; }
.inline_subTitle_6	{ color:#d0ccbb; }
.inline_title_7	{ color:#ec6419; }
.inline_subTitle_7	{ color:#ec6419; }
.inline_title_8	{ color:#9a9a9e; }
.inline_subTitle_8	{ color:#9a9a9e; }
.inline_title_9	{ color:#6d6e71; }
.inline_subTitle_9	{ color:#6d6e71; }
.inline_title_10	{ color:#1C559A; }
.inline_subTitle_10	{ color:#1C559A; }
.inline_title_11	{ color:#ec9a19; }
.inline_subTitle_11	{ color:#ec9a19; }
.inline_title_12	{ color:#109b74; }
.inline_subTitle_12	{ color:#109b74; }
/**/
span.titreParag_1 { color:#1e2935; }
span.titreParag_2 { color:#2b3642; }
span.titreParag_3 { color:var(--gris-deux); }
span.titreParag_4 { color:#a3a3a3; }
span.titreParag_5 { color:#fa0204; }
span.titreParag_6 { color:var(--bleu); }
	


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