/* CSS Document */


/*	**********************************************************************************************************************************************		979
	**********************************************************************************************************************************************
	**********************************************************************************************************************************************
*/
@media screen and (max-width: 979px){
	
	header#header-scrolled .max-width,
	body.home .max-width,
	.max-width { max-width: 95% !important; }
	
.only4phone { display: block !important; }
.only4tablet { display: none !important; }
.only4desktop { display: none !important; }

.top_link { width: 60px; height: 60px; right:auto; left:0; }

	
	/*	#####################################################	MASQUER
	*/
	/*	header#header-not-scrolled,		*/
	ul#main-menu { display: none; }
	.macDock, div#contact-us, div#social { display: none !important; }
	/*	ul#main-menu, 	*/
	
	
	/*	#####################################################	MAIN-MENU
	*/
	header#header-scrolled {
		display: block !important;
		border-bottom: 10px solid #de5533;
		padding: 0 0 0 2%;
	}
	header#header-scrolled div#logo {
		width: 70%;
		margin: 7px 0 7px 0;
		text-align: left;
	}
		header#header-scrolled div#logo img { max-width: 200px; height:auto; }
		
	header#header-scrolled nav {
		width: 30%;
		margin: 19px 0 0 0;
	}
	
	nav div#main-menu-reponsive {
		width: 40px; height: 27px;	/*	ratio: 1.75 */
		display: block;
		background-image: url(../img/hamburger_2.png);
		background-size: cover;
		float: right;
		cursor: pointer;
	}
/**/
nav ul#main-menu {
/*	padding: 0;
margin: 0;
list-style-type: none;
float: right;
margin-right: 20px;	*/
								position: fixed; top:0; right:0;
								background-color: rgba(40, 73, 150, 0.97);
								margin:0;
								padding: 7%;
								max-height: 86%; overflow: hidden; overflow-y: scroll;			
}
nav ul#main-menu > li {
/*	float: left;
text-align: center;
padding: 3px 20px 0 20px;	*/
								float: none;
								text-align: left;
								padding:0;
								margin: 5px 0 5px 0;
								font-size: 1.2em;
}
nav ul#main-menu li.home { padding-top:0; }	/**/

nav ul#main-menu li a {
/*	color: inherit;
text-decoration: none;
padding-bottom: 10px;	*/
								color: #fff;
}

nav ul#main-menu > li.home a {
/*	width: 25px; height: 25px;
display: block;
background-image: url(../img/ico_home.png);
background-size: 100% 100%;
padding: 0;
font-size: 1px; color:#fff;	*/
								background: none;
								width:auto; height:auto;
								display: inline;
								padding: inherit;
								font-size: inherit;
}
								nav ul#main-menu > li.home a:hover { background: none; }
nav ul#main-menu li a:hover { color: #de5533; }
/**/
nav ul#main-menu li.selected > a { color:#de5533; }
								nav ul#main-menu > li.home.selected > a { background: none; }
								
	nav ul#main-menu li.mainMenu-contact { display:inline; }
/*##### Enfants	*/
nav ul#main-menu li.avec-enfants {
								background: none;
}
/**/
nav ul#main-menu li ul.enfants {
/*	padding: 10px;
margin: 10px 0 0 0;
list-style-type: none;
float: right;
position: absolute;
background-color: #fff;
border: 7px solid #de5533;	*/
								display: block;
								float: left;
								position: relative;
								background: none;
								border: none;
								padding:0; margin:0;
								padding-left: 15px;
								border-left: 5px solid #1b3b86;
								border-bottom: 2px solid #1b3b86;
								margin: 0 0 5px 10px;
								font-size: 0.9em;
								clear: both !important;
}
								nav ul#main-menu li a {
									clear: both !important;
									display: block;
									float: none;
								}	/**/
								
nav ul#main-menu li ul.enfants li {
/*	float: none;
text-align: left;
padding: 3px 20px 0 20px;
margin: 7px 0 7px 0;	*/
								padding:0; margin:0;
}
nav ul#main-menu li.avec-enfants a:hover ~ ul.enfants,
nav ul#main-menu li.avec-enfants a ~ ul.enfants:hover { display:block !important; }
/**/
nav ul#main-menu li.close-menu-reponsive { display:inline; text-align:right; }
	nav ul#main-menu > li.close-menu-reponsive div {
		width: 26px; height: 26px;
		background-image: url(../img/icon_closeMainMenuResponsive.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
		float: right;
		clear: both;
	}
	
	/*	#############	LANG
	*/
	.lang { display:none !important; }
	.lang-4-mobile {
		display: block !important;
		text-align: left;
	}
		.lang-4-mobile * { display:inline !important; }
			.lang-4-mobile img {
				border:0 none;
				margin: 0 10px 0 10px;
				opacity: 0.3;
				display:inline;
			}
				.lang-4-mobile img.selected { opacity: 1; }
	
	
	/*	#####################################################	HOME - slideshow
	*/
	header#header-not-scrolled { float:none; }	
	/**/
	header#header-not-scrolled section.zone-logo {
	/*float:left;
	width:40%;
	clear:none;
	text-align:center;	*/
																float: none;
																width: 100%;
	}
	header#header-not-scrolled section.zone-logo div.base-line { margin: 74px 0 0 0; padding: 20px; }
	header#header-not-scrolled section.zone-logo div.base-line h1 {
	/*	font-size: 1.75vh;
	font-size: 1vw;
	text-transform: uppercase;
	color: #fff;	*/
																font-size: 1.3em;
	}
	header#header-not-scrolled section.zone-logo div.base-line h1 span { color: #8a8761; }
	header#header-not-scrolled section.zone-logo div.base-line h2 {
	/*	font-size: 1.35vh;
	font-size: 0.75vw;
	text-transform: uppercase;
	color: #de5533;	*/
																font-size: 1.1em;
	}
	/**/
	header#header-not-scrolled section.zone-slideshow {
	/*float:right;
	width:60%;
	clear:none;	*/
																float: none;
																width: 100%;
	}
	/**/
	header#header-not-scrolled section.zone-logo {
	}
	header#header-not-scrolled section.zone-logo img {
	/*	max-width: 99%; height:auto;	*/
																display: none;
	}

/*	##### JQuery HomeSlider	*/
#wowslider-container1:not(.flashnews) { display:none; }
 
	
	
	/*	#####################################################	HOME - Pavés métier
	*/
	section#home-paves-metiers article.item {
		height: auto !important;
	}
	section#home-paves-metiers article.item {
	/*	float: left;
		width: 33.333333333333333333333333333333333333333333%;	*/
		float: none !important;
		width: 100% !important;
		height: auto !important;
		clear: both !important;
	}
		section#home-paves-metiers article.item.image {
			height: 100px !important;
		}
	section#home-paves-metiers article.item.texte {
		text-align: center !important;
	}
		section#home-paves-metiers article.item .titre h1 {
		text-align: center !important;
			font-size: 1.5em;
		}
		section#home-paves-metiers article.item .accroche h2 {
		text-align: center !important;
			font-size: 1.3em;
		}
		section#home-paves-metiers article.item .texte h3 {
		text-align: center !important;
			font-size: 1em;
		}
 
	
	
/*	#####################################################	HOME - Syndication NEWS
*/
	section#syndic-news article.item div.image,
	section#syndic-news article.item div.details {
		height: 330px !important;	/**/
	}
	section#syndic-news article.item div.image		{ width: 25% !important; }
	section#syndic-news article.item div.details	{ width: 75% !important; }
	
		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.details div.date,
	section#syndic-news article.item div.details div.textes {
		float: none !important;
		width: 100% !important;
		margin:0 !important;
		padding:0 !important;
	}
	section#syndic-news article.item div.details div.date {
		float: none !important;
		display: inline-block;
		width: 50% !important;
		padding: 0.1em;
		margin: 0;
		line-height: 1em;
		font-size: 0.8em;
	}
		section#syndic-news article.item div.details div.date div.jour { font-size: 1.3em; margin: 0; }
/**/
	section#syndic-news article.item div.details div.date div {
	/*	float: left;	/**/
		display: inline-block;
		padding: 2px;
	}
		section#syndic-news article.item div.details div.date div.fromTo {
			float: none;
			display: block;	/**/
			width: 10px; height: 5px;
			margin: 0 auto 0 auto;
			background-image: url(../img/News_syndicHomeMobile_fromTo.png);
			background-image: url(../img/News_syndicHome_fromTo.png);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 80% 100%;
			opacity: 0.2;
		}
/**/
section#syndic-news article.item div.details div.textes .accroche {
													margin:0 !important;
}
 
	
	
/*	#####################################################	FOOTER
*/
	footer section#ligne_1 article#coordonnees,	
	footer section#ligne_2 article#mentions-legales {
		float: none;
		width: 95%;
		margin: 0 auto 0 auto;
	}
	footer section#ligne_1 article#reseaux-sociaux {
		float: none;
		width: 95%;
		margin: 1em auto 0 auto;
		text-align: right;
	}
/**/
footer #mentions-legales.for_desktop { display: none; }
footer #mentions-legales.for_mobile { display: block;
	font-size: 1.1em;
	line-height: 1.8em !important;
}
 
	
	
/*	#####################################################	MAIN
*/
body.page .main {
	margin-top: 74px;
}
 
	
	
/*	#####################################################	PAGES
*/
section.page .baseline {
/*	text-align: right;
text-transform: uppercase;
padding: 1em 0 1em 0;	/**/
	padding: 0.2em 0 1em 0;
}
		section.page .baseline .baseline-1 {
			font-size: 0.95em !important;
			font-weight: 600;
			color: #8a8761;
			text-transform: none;
		}
		section.page .baseline .baseline-2 {
			font-size: 0.75em !important;
			font-weight: 600;
			color: #de5533;
			text-transform: none;
		}
/**/
section.page header {
/*	background-position: left middle;
background-repeat: no-repeat;
background-size: 3em 3em;
padding: 1em 0 1em 3.5em;
font-size: 2em;	/**/
							background-size: 2.3em 2.3em;
							font-size: 1.7em;
							padding: 0.7em 0 1em 2.7em;
}
section.page header.with-parent { padding-top: 0.15em; }
 
	
	
/*	#####################################################	PARAGRAPHES
*/
.main section.page article {
/*	margin: 0 0 7em 7em;
overflow: hidden;
font-size: 1em;	/**/
							margin: 0 0 7em 0;
}
	
	.main section.page article img { width: 100%; height:auto !important; }

/*	################################################################	PARALLAX
*/
.parallaxie .heading{
	height: 225px;
}
.parallaxie h1{
	margin: 0;
	font-size: 2em;
	font-weight: 400;
	color: #8a8761;
	background-color: rgba(255,255,255, 0.9);
}

 
	
	
/*	#####################################################	NEWS
*/
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;	/**/
												font-size: 0.6em;
												position: absolute; top:0; right: 20%;
}
body.news article.sol_2 header .dates .fromTo {
/*	float: left;
	display: inline-block;
	width: 40px; height: 40px;
	margin: 0 auto 0 auto;	/**/
												width: 30px; height: 20px;
}
/**/
body.news article.sol_2 section.accroche-et-texte {
margin: 30px 0 0 15px;
color: #000;
												margin: 20px 0 0 0;
}
body.news article.sol_2 section.accroche-et-texte .accroche {
float: left; width: 30%;
margin:0; padding:0;
												float: none; width: 100%;
}
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;
												margin-bottom: 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;
												float: none; width: 100%;
}
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 { width: 90%; margin:0 auto 0 auto; }
	/**/
	form#form_contact input[type="text"],
	form#form_contact textarea {
		width: 95%;
		margin: 10px auto 10px auto;
	}
	form#form_contact input[type="checkbox"] {
		width: auto !important;
		border: 2px solid #000 !important;
		background-color: #ccc !important;
	}
	
/*	###################################		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 {}
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;
						display: block;
}
form#form_contact div#zone-virtualDemo #infos_virtualDemo label {
margin-right: 20px;
							margin: 5px 20px 5px 0;	/**/
}
form#form_contact div#zone-virtualDemo #infos_virtualDemo div.only4phone { display:block !important; }


/*	################################################################	DataTable "SPARE-PARTS"
*/
div#spareParts4mobiles {
	border-top: 3px solid #de5533;
}
	div#spareParts4mobiles .item {
		padding: 40px 0 40px 0;
		border-bottom: 3px solid #de5533;
	}
	/**/
		div#spareParts4mobiles .item .ligne {
			font-family: 'Futura-Bold', Verdana, Geneva, sans-serif;
		}
			div#spareParts4mobiles .item .ligne label {
				font-family: 'Futura-Medium', Verdana, Geneva, sans-serif;
				display: inline-block;
				color: #999;
				font-style: italic;
				padding-right: 10px;
			}
	/**/
		div#spareParts4mobiles .item .ligne.image { margin-top: 7px; }
			div#spareParts4mobiles .item .ligne.image { max-width: 400px !important; height:auto !important; }
	
	
/*	#####################################################	ELEMENTS de MISE en PAGES
*/
.main section.page article div.contenu .deux_colonnes .colonne,
.main section.page article div.contenu .deux_colonnes-2-1 .colonne,
.main section.page article div.contenu .deux_colonnes-1-2 .colonne,
.main section.page article div.contenu .trois_colonnes .colonne { float:none !important; width: 100% !important; margin-bottom: 20px !important; }

.main section.page article div.contenu .deux_colonnes .colonne:first-child,
.main section.page article div.contenu .deux_colonnes-2-1 .colonne:first-child,
.main section.page article div.contenu .deux_colonnes-1-2 .colonne:first-child {  }

	.main section.page article div.contenu .deux_colonnes .gouttiere,
	.main section.page article div.contenu .deux_colonnes-2-1 .gouttiere,
	.main section.page article div.contenu .deux_colonnes-1-2 .gouttiere,
	.main section.page article div.contenu .trois_colonnes .gouttiere { display:none !important; }
	


/*	################################################################	Hxxx
*/
.main section.page article div.contenu * { text-align:left !important; }
	
	
	
}


/*	**********************************************************************************************************************************************		1024
	**********************************************************************************************************************************************
	**********************************************************************************************************************************************
*/
@media screen and (max-width: 1024px) and (min-width: 980px){
																/*	body.home header#header-scrolled {
																		display: none !important;
																	}	/**/
																	
	/*	#####################################################	MASQUER
	*/
	/*	header#header-not-scrolled,		*/
	ul#main-menu { display: none; }
	.macDock, div#contact-us, div#social { display: none !important; }
	/*	ul#main-menu, 	*/
	
	
	/*	#####################################################	MAIN-MENU
	*/
	header#header-scrolled {
		display: block !important;
		border-bottom: 10px solid #de5533;
		padding: 0 0 0 2%;
	}
	header#header-scrolled div#logo {
		width: 70%;
		margin: 7px 0 7px 0;
		text-align: left;
	}
		header#header-scrolled div#logo img { max-width: 200px; height:auto; }
		
	header#header-scrolled nav {
		width: 30%;
		margin: 19px 0 0 0;
	}
	
	nav div#main-menu-reponsive {
		width: 40px; height: 27px;	/*	ratio: 1.75 */
		display: block;
		background-image: url(../img/hamburger_2.png);
		background-size: cover;
		float: right;
		cursor: pointer;
	}
/**/
nav ul#main-menu {
/*	padding: 0;
margin: 0;
list-style-type: none;
float: right;
margin-right: 20px;	*/
								position: fixed; top:0; right:0;
								background-color: rgba(40, 73, 150, 0.97);
								margin:0;
								padding: 7%;
								max-height: 86%; overflow: hidden; overflow-y: scroll;			
}
nav ul#main-menu > li {
/*	float: left;
text-align: center;
padding: 3px 20px 0 20px;	*/
								float: none;
								text-align: left;
								padding:0;
								margin: 5px 0 5px 0;
								font-size: 1.2em;
}
nav ul#main-menu li.home { padding-top:0; }	/**/

nav ul#main-menu li a {
/*	color: inherit;
text-decoration: none;
padding-bottom: 10px;	*/
								color: #fff;
}

nav ul#main-menu > li.home a {
/*	width: 25px; height: 25px;
display: block;
background-image: url(../img/ico_home.png);
background-size: 100% 100%;
padding: 0;
font-size: 1px; color:#fff;	*/
								background: none;
								width:auto; height:auto;
								display: inline;
								padding: inherit;
								font-size: inherit;
}
								nav ul#main-menu > li.home a:hover { background: none; }
nav ul#main-menu li a:hover { color: #de5533; }
/**/
nav ul#main-menu li.selected > a { color:#de5533; }
								nav ul#main-menu > li.home.selected > a { background: none; }
								
	nav ul#main-menu li.mainMenu-contact { display:inline; }
/*##### Enfants	*/
nav ul#main-menu li.avec-enfants {
								background: none;
}
/**/
nav ul#main-menu li ul.enfants {
/*	padding: 10px;
margin: 10px 0 0 0;
list-style-type: none;
float: right;
position: absolute;
background-color: #fff;
border: 7px solid #de5533;	*/
								display: block;
								float: left;
								position: relative;
								background: none;
								border: none;
								padding:0; margin:0;
								padding-left: 15px;
								border-left: 5px solid #1b3b86;
								border-bottom: 2px solid #1b3b86;
								margin: 0 0 5px 10px;
								font-size: 0.9em;
								clear: both !important;
}
								nav ul#main-menu li a {
									clear: both !important;
									display: block;
									float: none;
								}	/**/
								
nav ul#main-menu li ul.enfants li {
/*	float: none;
text-align: left;
padding: 3px 20px 0 20px;
margin: 7px 0 7px 0;	*/
								padding:0; margin:0;
}
nav ul#main-menu li.avec-enfants a:hover ~ ul.enfants,
nav ul#main-menu li.avec-enfants a ~ ul.enfants:hover { display:block !important; }
/**/
nav ul#main-menu li.close-menu-reponsive { display:inline; text-align:right; }
	nav ul#main-menu > li.close-menu-reponsive div {
		width: 26px; height: 26px;
		background-image: url(../img/icon_closeMainMenuResponsive.png);
		background-position: right center;
		background-repeat: no-repeat;
		background-size: cover;
		cursor: pointer;
		float: right;
		clear: both;
	}
	
	/*	#############	LANG
	*/
	.lang { display:none !important; }
	.lang-4-mobile {
		display: block !important;
		text-align: left;
	}
		.lang-4-mobile * { display:inline !important; }
			.lang-4-mobile img {
				border:0 none;
				margin: 0 10px 0 10px;
				opacity: 0.3;
				display:inline;
			}
				.lang-4-mobile img.selected { opacity: 1; }
	
	/*	###########################################################################################################		HOME / Pavés métier
		###########################################################################################################
		###########################################################################################################
	*/
	section#home-paves-metiers article.item,
	section#syndic-news article.item div.image,
	section#syndic-news article.item div.details {
		height: 45vh;
		overflow: hidden;
	}
		section#home-paves-metiers article.item .icone img { width: 3em !important; }
		
	/*	section#home-paves-metiers article.item .icone img {
			width: 5em;
			height: auto;
		}	/**/
		
		
		section#home-paves-metiers article.item .titre h1 { font-size: 1.2em; }
		section#home-paves-metiers article.item .accroche h2 { font-size: 1em; }
		section#home-paves-metiers article.item .texte h3 { font-size: 0.8em; }
}


/*	**********************************************************************************************************************************************		1366
	**********************************************************************************************************************************************
	**********************************************************************************************************************************************
*/
@media screen and (max-width: 1366px) and (min-width: 1025px){

.max-width { max-width: 1366px; }
	
.only4phone { display:none !important; }
.only4tablet { display:block !important; }
.only4desktop { display:block !important; }
	
/*	###########################################################################################################		MAIN MENU
###########################################################################################################
###########################################################################################################
*/
nav ul#main-menu {
								margin-right: 10px !important;
}
nav ul#main-menu li {
								padding: 3px 10px 0 10px !important;
}	
 
	header#header-scrolled div#logo			{ width: 18%; }
	header#header-scrolled nav				{ width: 50%; }
	header#header-scrolled div#contact-us	{ width: 4%; }
	header#header-scrolled div#social		{ width: 16%; }
	header#header-scrolled .lang			{ width: 16%; }
	
	/*	###########################################################################################################		HOME / Pavés métier
		###########################################################################################################
		###########################################################################################################
	*/
	section#home-paves-metiers article.item,
	section#syndic-news article.item div.image,
	section#syndic-news article.item div.details {
		height: 40vh;
		overflow: hidden;
	}
		section#home-paves-metiers article.item .icone img { width: 3em !important; }
		
	/*	section#home-paves-metiers article.item .icone img {
			width: 5em;
			height: auto;
		}	/**/
		
		
		section#home-paves-metiers article.item .titre h1 { font-size: 1.2em; }
		section#home-paves-metiers article.item .accroche h2 { font-size: 1em; }
		section#home-paves-metiers article.item .texte h3 { font-size: 0.9em; }
		
		
		
	/*	###########################################################################################################		HOME / Syndication NEWS
		###########################################################################################################
		###########################################################################################################
	*/
		section#syndic-news article.item div.details div.date span.jour { font-size: 1.8em; }
		section#syndic-news article.item div.details div.textes .titre h1 { font-size: 1.1em; }
		section#syndic-news article.item div.details div.textes .accroche h2 { font-size: 0.8em; }
		section#syndic-news article.item div.details div.textes .sous-titre h3 { font-size: 1em; }
		
		
		
	/*	###########################################################################################################		PAGES
		###########################################################################################################
		###########################################################################################################
	*/
	.main section.page {
		width: 97%;
		margin: 0 auto 0 auto;
	}
	
}


	


/*	**********************************************************************************************************************************************		h 768
	**********************************************************************************************************************************************
	**********************************************************************************************************************************************
*/
@media screen and (max-height: 768px){
	/*	###########################################################################################################		HOME / Pavés métier
		###########################################################################################################
		###########################################################################################################
	*/
		section#home-paves-metiers article.item .icone img { width: 4em !important; }
}


	


/*	**********************************************************************************************************************************************		h 900
	**********************************************************************************************************************************************
	**********************************************************************************************************************************************
*/
@media screen and (max-height: 900px){
	/*	###########################################################################################################		HOME / Pavés métier
		###########################################################################################################
		###########################################################################################################
	*/
		section#home-paves-metiers article.item .icone img { width: 3em !important; }
}