/* CSS Document */

sup { font-size:0.6em; }

/*	###########################################################################################################		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
	###########################################################################################################
	###########################################################################################################
*/
	section#home-paves-metiers article.item,
	section#syndic-news article.item div.image,
	section#syndic-news article.item div.details {
		height: 30vh;
		overflow: hidden;
	}
	section#home-paves-metiers article.item .padding,
	section#syndic-news article.item div.details .padding { padding: 1em; }





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





/*	###########################################################################################################		HOME / Pavés métier
	###########################################################################################################
	###########################################################################################################
*/
section#home-paves-metiers {}
/**/
section#home-paves-metiers .max-width { max-width: 1920px !important; }
/**/
	section#home-paves-metiers article.item {
		float: left;
		width: 33.333333333333333333333333333333333333333333%;
	}
/**/
	section#home-paves-metiers article.image {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
/**/
	section#home-paves-metiers article.item .icone {
		text-align: center;
	}
		section#home-paves-metiers article.item .icone img {
			width: 5em;
			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: 5px;
	}
	/**/
	section#home-paves-metiers article.item .titre {
	}
		section#home-paves-metiers article.item .titre h1 {
			font-size: 1.3em;
			text-transform: uppercase;
		}
	/**/
	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;	/**/
		}
/*	#################################################################	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 / 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: 1.2em 0 1em 0;
		color: #fff;
		text-transform: uppercase;
		font-weight: 600;
		/*
		background-image: url(../img/paves-metiers/icon_news.png);
		background-position: center 40px;
		background-repeat: no-repeat;
		background-size: 5em 5em;
		/**/
	}
		section#syndic-news header img {
			display: block;
			margin: 0 auto 0.3em auto;
		}
/**/
	section#syndic-news article.item {
	/*	margin-top: 1em;	/**/
	/*	border-top: 5px solid #fff;	/**/
		border-bottom: 1px solid #1c2c4e;	/**/
		float: none;
		clear: both;
		background-color: #fff;
	}
/**/
		section#syndic-news article.item div.image		{ width: 66.666666666666666666666666666666666666666666%; }
		section#syndic-news article.item div.details	{ width: 33.333333333333333333333333333333333333333333%; }
		
			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 {
		background-position: center center;
		background-size: cover;
	}
/**/
	section#syndic-news article.item div.details { background-color:#fff; }	/*	1c2c4e	*/
/**/
		section#syndic-news article.item div.details .icone { text-align: center; }
		section#syndic-news article.item div.details .icone img {
			width: 60px;
			width: 5em;
			height: auto;
		}
/**/
	section#syndic-news article.item div.details div.date {
		float: left;
		width: 10%;
	}
	section#syndic-news article.item div.details div.textes {
		float: right;
		width: 87%;
	}
/**/
	section#syndic-news article.item div.details div.date {
		background-color: #8a8761;
		color: #fff;
		font-size: 1em;
		font-weight: 600;
		text-align: center;
		line-height: 1.2em;
		padding: 0.5em 0 0.5em 0;
		margin-top: 6px;
		line-height: 1em;
	}
		section#syndic-news article.item div.details div.date div.jour { font-size: 2em; margin: 2px 0 7px 0; }
	/*	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.details 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.details 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 .titre h1 { font-size:1.3em; color:#de5533; }
		
/**/
section#syndic-news article.item div.details div.textes time {
	font-size: 0.9em;
	font-style: italic;
	font-weight: 300;
	text-align: left;
/*	float: left;	/**/
	padding:0; margin:0;
}

/**/
	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 .accroche h2 { font-size:0.9em; color:#40bfe9; }
/**/
	section#syndic-news article.item div.details div.textes .sous-titre {}
		section#syndic-news article.item div.details div.textes .sous-titre h3 { font-size:1.2em; color:#1c2c4e; }
/**/
	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-bottom: 7em; }
/**/
	section.page .baseline {
		text-align: right;
		text-transform: uppercase;
		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;
		background-repeat: no-repeat;
		background-size: 3em 3em;
		padding: 1em 0 2em 3.5em;
		padding: 1em 0 2em 3.5em;
		/**/
			font-size: 2em;
	}
												/*	Spécification démo 3D	*/
												body.demo3d section.page header { padding-bottom: 0; }
		
		section.page header.with-parent { padding-top: 0.4em; }
	/**/
		section.page header h1 {
			font-size: 1em;
			font-weight: 700;
			color: #8a8761;
		}
			section.page header h1 span.daron {
				display: block;
				font-size: 0.8em;
				font-weight: 300;
				color: #8a8761;
			}
			section.page header h1 a.frangin {
				font-size: 0.75em;
				font-weight: 300;
				color: #8a8761;
			}
			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;
		}

/*	################################################################	PARAGRAPHE
*/
.main section.page article {
	margin: 7em 0 0 7em;
	margin: 3em 0 0 7em;
	overflow: hidden;
	font-size: 1em;
}
												/*	Spécification démo 3D	*/
												body.demo3d .main section.page article { margin-top: 37px; }
												
	.main section.page article.withoutTitle { 	margin-top: 3em;	/**/ }
	.main section.page article img { max-width:100%; height:auto; }
	
.main section.page article h2 {
	font-size: 1.3em;
	color: #de5533;
	margin-bottom: 1em;
}

/*	################################################################	PARALLAX
*/
	.parallaxie {
		margin: 20px 0 40px 0;
		background-color: #00213b;
	}
        .parallaxie .heading{
            color: #fff;
            display: block;	/*	table-cell	*/
            vertical-align: bottom;
			max-width: 1200px;
			margin: 0 auto 0 auto;
			height: 300px;
        }
       .parallaxie h1{
			display: inline-block;
			margin-left: 110px;
			/*	margin-top: 199px;	/**/
			padding: 0.2em;
			background-color: rgba(255,255,255, 0.6);
			background-color: rgba(40,73,150, 0.6);
			font-size: 4em;
			font-weight: 200;
			color: #fff;	/*	or: 8a8761 ?	*/
        }

/*	################################################################	DataTable "SPARE-PARTS"
*/
table#tableSpareParts {
	border-bottom: 3px solid #1995f5;
	margin-top: 200px !important;
}
	table#tableSpareParts tbody td {
		border-bottom: 1px solid #ccc;
	}
/**/
.dataTables_wrapper .dataTables_filter input[type="text"],
.dataTables_wrapper .dataTables_filter select {
		font-family: Raleway, Verdana, Geneva, sans-serif;
		font-size: 1em;
		font-weight: 400;
		padding: 5px;
		/**/
		border: 1px solid #fff;
		/**/
		-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
		}
/**/
	table#tableSpareParts img {
	}

/*	################################################################	The TEAM
*/
.the-team {}
	.the-team .the-team-item {
		text-align: center;
	}
	/**/
		.the-team .the-team-item .photo {}
			.the-team .the-team-item .photo img { width: 70%; height:auto; }
	/**/
		.the-team .the-team-item .nom-prenom {
			padding: 3px;
			background-color: #284996;
			color: #fff;
			font-size: 1.2em;
		}
	/**/
		.the-team .the-team-item .fonction {
			padding: 3px;
			color: #284996;
			font-size: 1.1em;
		}
	/**/
		.the-team .the-team-item .diplome {}
	/**/
		.the-team .the-team-item .experience { font-style: italic; }

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




/*	###########################################################################################################		NEWS
	###########################################################################################################
	###########################################################################################################		article.sol_1
*/
body.news {}
																							body.news article.sol_1 { 	display:none;	/**/ }
	body.news article.sol_1 section { float:none; clear:both; margin:0; padding:0; }
/**/
body.news article.sol_1 section.image-et-accroche {
	background-color: #284996;
}
	body.news article.sol_1 div.image {
		float: left;
		width: 50%;
		margin:0; padding:0;
	}
		body.news article.sol_1 div.image img {
			width: 100%; height:auto;
			margin:0; padding:0; border:0;
		}
	body.news article.sol_1 div.accroche {
		float: left;
		width: 46%;
		margin:0; padding:0;
		padding: 2%;
		color: #fff;
		background: none;
		/**/
		font-size: 1.3em;
		font-weight: 200;
		text-align: justify;
	}
/**/
body.news article.sol_1 section.contenu {
	margin-top: 20px;
}





/*	###########################################################################################################		NEWS
	###########################################################################################################
	###########################################################################################################		article.sol_2
*/
body.news {}
																							body.news article.sol_2 { margin: 2em 0 4em 0; }
	body.news article.sol_2 section { float:none; clear:both; margin:0; padding:0; }
/**/
body.news article.sol_2 header {
	position: relative;
	width: 100%; height: 300px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	/**/
/*	border-bottom: 1px solid #f8ffff;
	border-left: 1px solid #f8ffff;
	/**/
	text-align: right;
}
/**/
body.news article.sol_2 header .dates {
	padding: 5px;
	background-color: rgba(255, 255, 255, 0.7);
	background-color: #8a8761;
	position: absolute; top:0; right: 10%;
	font-size: 0.8em;
	font-weight: 600;
	text-align: center;
	line-height: 1.1em;
	color: #284996;
	color: #fff;
	background-image: url(../img/News_fromTo.png);
	background-image: url(../img/News_fromTo_blanc.png);
	background-position: center center;
	background-repeat: no-repeat;
}
	body.news article.sol_2 header .dates .single {
	/*	float: left;	/**/
		display: inline-block;
	}
	body.news article.sol_2 header .dates .from {
	/*	float: left;	/**/
		display: inline-block;
	}
	body.news article.sol_2 header .dates .fromTo {
	/*	float: left;	/**/
		display: inline-block;
		width: 40px; height: 40px;
		margin: 0 auto 0 auto;
		/*
		background-image: url(../img/News_fromTo.png);
		background-position: center center;
		background-repeat: no-repeat;
		/**/
		opacity: 0.1;
	}
	body.news article.sol_2 header .dates .to {
	/*	float: left;	/**/
		display: inline-block;
	}
							body.news article.sol_2 header .dates .jour {
							}
							body.news article.sol_2 header .dates .mois {
								font-size: 1.2em;
							}
							body.news article.sol_2 header .dates .annee {
							}
/**/
body.news article.sol_2 header .image {
	width: 100%; height: 400px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
/**/
body.news article.sol_2 header .titre {
	position: absolute; bottom:0; left:0;
	/*
	float: left;
	width: 90%;
	padding: 2%;
	/**/
	padding: 15px;
	background-color: rgba(255, 255, 255, 0.9);
}
	body.news article.sol_2 header .titre h1 {
		text-align: left;
		color: #284996;
		text-transform: none;
		font-weight: 400;
	}
/**/
body.news article.sol_2 header time {
	font-size: 0.6em;
	font-style: italic;
	font-weight: 300;
	text-align: left;
	float: left;
	padding:0; margin:0;
}
/**/
body.news article.sol_2 section.accroche-et-texte {
	margin: 30px 0 0 15px;
	color: #000;
}
	body.news article.sol_2 section.accroche-et-texte .accroche {
		float: left; width: 30%;
		margin:0; padding:0;
	}
		body.news article.sol_2 section.accroche-et-texte .accroche h2 {
			color: inherit;
			font-weight: 200;
			margin:0; padding:0;
		}
	body.news article.sol_2 section.accroche-et-texte .accroche .sous_titre {
		background-color: #284996;
		padding: 15px;
		margin-top: 20px;
	}
		body.news article.sol_2 section.accroche-et-texte .accroche .sous_titre h2 {
			text-align: center;
			color: #fff;
			font-size: 1.3em;
			font-weight: 500;
		}
	/**/
	body.news article.sol_2 section.accroche-et-texte .texte {
		float: right; width: 65%;
		margin:0; padding:0;
	}
		body.news article.sol_2 section.accroche-et-texte .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: 28%;
	margin: 3% 3% 0 0;
}
form#form_contact input[type="text"] { width: 43%; }
	form#form_contact input[type="text"]:first-child { /*	margin:0;	/**/ }
/**/
form#form_contact textarea {
	width: 97%;
	height: 100px;
	margin-top: 3%;
}
/**/
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: 10px;
			}
/**/
form#form_contact div#zone-virtualDemo #section_IVSMODEL { letter-spacing: -1px; }
form#form_contact div#zone-virtualDemo #section_IVSMODEL label { letter-spacing: -1px; }






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






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

/*	################################################################	Liens dans un paragraphe
*/
body.news article.sol_2 section.accroche-et-texte .texte a,
.main section.page article div.contenu a { color:#8a8761; font-weight:700; }

body.news article.sol_2 section.accroche-et-texte .texte a:hover,
.main section.page article div.contenu a:hover { text-decoration: underline; }


/*	################################################################	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;
	}	/**/
	.contenu .deux_colonnes .colonne,
	.contenu .deux_colonnes .gouttiere,
	body.news article.sol_2 section.accroche-et-texte .texte .deux_colonnes .colonne,
	body.news article.sol_2 section.accroche-et-texte .texte .deux_colonnes .gouttiere {
		float: left !important;
	}
	.contenu .deux_colonnes .colonne,
	body.news article.sol_2 section.accroche-et-texte .texte .deux_colonnes .colonne {
		width: 45% !important;
		text-align: justify;
	}
	.contenu .deux_colonnes .gouttiere,
	body.news article.sol_2 section.accroche-et-texte .texte .deux_colonnes .gouttiere {
		width: 10% !important;
		font-size: 1px;
	}


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


/*	################################################################	blocExergue(...)__BleuLogo
*/
.blocExergue_VIDE__BleuLogo {
	border: 2px solid #284996;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__BleuLogo {
	background-color: #284996;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}


/*	################################################################	blocExergue(...)__OrangeLogo
*/
.blocExergue_VIDE__OrangeLogo {
	border: 2px solid #de5533;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__OrangeLogo {
	background-color: #de5533;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}
	.blocExergue_PLEIN__OrangeLogo a { color:inherit; text-decoration:underline; }


/*	################################################################	blocExergue(...)__OrLogo
*/
.blocExergue_VIDE__OrLogo {
	border: 2px solid #8a8761;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__OrLogo {
	background-color: #8a8761;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}
	.blocExergue_PLEIN__OrLogo a { color:inherit; text-decoration:underline; }


/*	################################################################	blocExergue(...)__BleuPaveFonce
*/
.blocExergue_VIDE__BleuPaveFonce {
	border: 2px solid #1c2c4e;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__BleuPaveFonce {
	background-color: #1c2c4e;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}


/*	################################################################	blocExergue(...)__BleuPaveClair
*/
.blocExergue_VIDE__BleuPaveClair {
	border: 2px solid #40bfe9;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__BleuPaveClair {
	background-color: #40bfe9;
	color: #fff;
	margin:0 auto 0 auto;
	padding: 20px;
}


/*	################################################################	blocExergue(...)__VertPave
*/
.blocExergue_VIDE__VertPave {
	border: 2px solid #97cc9f;
	margin:0 auto 0 auto;
	padding: 20px;
}
.blocExergue_PLEIN__VertPave {
	background-color: #97cc9f;
	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 h1.h1_titre_italic,
.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 h1.h1_titre,
	.main section.page article div.contenu h1.h1_titre_italic { font-size: 1.4em; }
		.main section.page article div.contenu h1.h1_titre_italic { font-style: italic !important; }
	.main section.page article div.contenu h2.h2_sous_titre { font-size:1.2em; }
	.main section.page article div.contenu h3.h3_accroche { font-size: 1em; font-weight:bold !important; }
/**/
.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;
}
/**/
 span.titreParag_BLEU {
	font-size: 1.3em;
	font-weight: 600;
	color: #284996;
	text-align: left !important;
}
 span.titreParag_ORANGE {
	font-size: 1.3em;
	font-weight: 600;
	color: #de5533;
	text-align: left !important;
}
 span.titreParag_GRIS {
	font-size: 1.3em;
	font-weight: 600;
	color: #828282;
	text-align: left !important;
}
 span.titreParag_OR, span.titreParag_OR {
	font-size: 1.3em;
	font-weight: 600;
	color: #8a8761;
	text-align: left !important;
 }





/*	###########################################################################################################		DEMO 3D
	###########################################################################################################
	###########################################################################################################
*/
div#demo-3D {
	/*	margin-top: -77px;	/**/
}
/**/
	div#demo-3D iframe {
		width: 100%;
		height: 600px;
		border: 1px solid #d9d9d9;
	}
/**/
	div#demo-3D a {
		display:block; float:right; width: 290px;
		margin-top: 34px;
	}
	div#demo-3D button.demo-3d,
	div#demo-3D a.demo-3d {
		font-size: 1.3em;
		margin: 0 auto 1.5em auto;
		text-align: center !important;
	}
		body.news article.sol_2 section.accroche-et-texte .texte a:hover button.demo-3d,
		body.news article.sol_2 section.accroche-et-texte .texte a:hover button.demo-3d:hover,
		body.news article.sol_2 section.accroche-et-texte .texte a button.demo-3d:hover,	
		.main section.page article div.contenu a:hover button.demo-3d,
		.main section.page article div.contenu a:hover button.demo-3d:hover,
		.main section.page article div.contenu a button.demo-3d:hover { text-decoration:none !important; }





/*	###########################################################################################################		CAREER
	###########################################################################################################
	###########################################################################################################
*/
div.career_offer {
	margin-bottom: 3em;
	padding: .5em;
}
/**/
a:hover div.career_offer,
a:hover div.career_offer * {
	text-decoration: none !important;
}
a:hover div.career_offer {
	background-color: #f7f7f8;
}
/**/
		a.button.CareerBack2List {
			background-color: #8a8761;
			display: inline-block;
			margin-bottom: 2em;
		}
/**/
	div.career_offer h3.dateDiff {
		color: #8a8761;
		font-size: 1.2em;
		font-weight: 700;
	}
	div.career_offer h3.title {
		color: #de5533;
		font-size: 1.3em;
		font-weight: 600;
	}
	div.career_offer div.contenu {
		margin: 1em 0 0 2em;
		border-left: dotted .25em #8a8761;		
		padding: .5em 0 .5em 2em;
		color: #828282;
	}
	/**/
		div.career_offer div.contenu dl { font-size: 1rem; }
			div.career_offer div.contenu dl dd {
				display: inline;
				margin: 0;
				font-weight: 600;
			}
			div.career_offer div.contenu dl dd:after{
				display: block;
				content: '';
			}
			div.career_offer div.contenu dl dt{
				display: inline-block;
				min-width: 100px;
			}
	/**/
		div.career_offer div.contenu div.accroche {
			margin-top: 1em;
			font-weight: 300;
			font-size: 1.15rem;
		}
	/**/
		div.career_offer div.texte {
			margin-top: 1em;
			font-weight: 300;
			font-size: 1.15rem;
		}
			div.career_offer div.texte strong { font-weight:bold !important; }
/*--------*/
.Career-formAply {}
/**/
.Career-formAply form {
	margin: 1em 0 0 2em;
	border-left: dotted .25em #8a8761;		
	padding: .5em 0 .5em 2em;
}
/**/
	.Career-formAply h3 {
		color: #de5533;
	}
.Career-formAply input[type='text'] { width:35%; }
.Career-formAply textarea { width:95%; }
/**/
.Career-formAply .attached-file {
	margin-top: 1em;
}
	.Career-formAply .attached-file input { margin: .5em auto 0 auto; }
/**/
.Career-formAply .titreParag_BLEU { text-align:center; }
/**/
.Career-formAply .capctha-et-mentions {
	width: 80%;
	margin: 1em auto 0 auto;
}
/**/






/*	###########################################################################################################		PATCH : tous les contenus de paragraphes sont en Futura
	###########################################################################################################

	###########################################################################################################
*/
.main section.page article div.contenu * {
	font-family: 'Futura-Medium', Verdana, Geneva, sans-serif;
}



#credits-crea-site h2.credits-crea-site {
	font-size: 1.3em !important;
	color: #de5533 !important;
	margin-bottom: 0.5em !important;	/**/
}