/* CSS Document

	Charte couleur
	-----------------------------------------------------
	Gris très foncé (btn "Boutique")		:	#1e2935
	Gris foncé (header)						:	#2b3642
	Gris clair (bg nav)						:	#4c5864
	Gris plus clair ( texte snav)			:	#a3a3a3
	Rouge									:	#fa0204
	Bleu									:	#2a74ba
*/

/*	###########################################################################################################		GENERALITES
	###########################################################################################################
	###########################################################################################################
*/
*:not(ul) { margin:0; padding:0;	/**/ }

/*	html { background-color: #4c5864; height:100%; }	/*	bg-color : #284996	*/

html, body {
}

body {
	font-family: Raleway, Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight: 400;
	color: #2b3642;
	/*	height: 100%;	/**/
	background-color: #fff;
}
	body.page {
	}

nav, header, .main, footer, section, article {
	float: none;
	display: block;
	margin:0; padding:0;
}
	hr.clear {
		background: none;
		border: 0;
		clear: both;
		display: block;
		float: none;
		font-size: 0;
		margin: 0;
		padding: 0;
		overflow: hidden;
		visibility: hidden;
		width: 0;
		height: 0;
	}
	
.only4phone { visibility:hidden; width:0px!important; height:0px!important; overflow:hidden; clear:none !important; }
.only4tablet { visibility:hidden; width:0px!important; height:0px!important; overflow:hidden; clear:none !important; }
.only4tabletAndPhone { visibility:hidden; width:0px!important; height:0px!important; overflow:hidden; clear:none !important; }
.only4desktop { visibility:visible; width:auto!important; height:auto!important; overflow:inherit; }

/**/
	
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; }
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

a img { border:0 none; }

a { text-decoration:none; color:inherit; }
	a:hover { text-decoration: underline; }

img { max-width:100%; height:auto; }

.top_link {
	width: 60px; height: 60px;
	background-image: url(../img/top_link.png);
	background-size: cover;
	/**/
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: none;
	opacity: 0.8;
	z-index: 2000;
} .top_link:hover { opacity:1; }


/*	###########################################################################################################		MAX-WIDTHsss
	###########################################################################################################
	###########################################################################################################
*/

.max-width {
	float: none !important;
	max-width: 100% !important;			/*	ATTENTION : repporter une éventuelle modif dans ".parallaxie .heading" dans "content.css"	*/
	width: 1200px;
	margin: 0 auto 0 auto !important;
	box-sizing: border-box;
}
	body.home .max-width { width: 1400px; }
	
	header#principal .max-width { width: 1400px; }	/**/
	footer .max-width { width: 1400px; }	/**/
	
	section.macDock .max-width { width: 1400px; }






/*	###########################################################################################################		HEADER - PRINCIPAL
	###########################################################################################################
	###########################################################################################################
*/
header#principal {
																		position: fixed;
																		left:0; top:0; right:0;
	background-color: #fff;
	z-index: 1000;
	/**/
	-moz-box-shadow: 0px 0px 8px 0px #343434;
	-webkit-box-shadow: 0px 0px 8px 0px #343434;
	-o-box-shadow: 0px 0px 8px 0px #343434;
	box-shadow: 0px 0px 8px 0px #343434;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=8);	/**/
	padding:0 !important;
	margin:0 !important;
}

	/*	#######		LOGO	*/
	header#principal div.logo {	background-color: #2e67b2 !important;
		float: left;
		padding:0 !important;
		margin:0 !important;
	}
	header#principal div.logo a {
		padding:0 !important;
		margin:0 !important;
	}
		header#principal div.logo img { height:108px; width:auto;
    		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
			padding:0 !important;
			margin:0 !important;
		}
			header#principal.scrolled div.logo img { height:95px; width:auto;
    			-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
			}

	/*	#######		BASELINE	*/
	header#principal div.baseline {
		float: left;
		font-weight: 200;
		font-size: 1.75em !important;
		color: #000 !important;
		padding: .8em 0 0 .75em !important;
    	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
	}
	header#principal div.baseline span {
		color: #999;
	}
		header#principal.scrolled div.baseline { font-size: 1.5em !important; padding: .8em 0 0 .3em !important;
    		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
		}
	
	/*	#######		TEL	*/
	header#principal div.tel {
		float: right;
		padding: 1em 1em 0 0;
		color: #2e67b2;
	/*	background-image: url(../img/social-TEL.png);
		background-position: left top .5em;
		background-repeat: no-repeat;
		background-size: auto calc(100% - .5em);
		/**/
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
	}
		header#principal div.tel i.fas {
			display: inline-block;
			font-size: 1.5em;
			margin: 0 .35em 0 1em;
			-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
		}
		header#principal div.tel span {
			display: inline-block;
			font-size: 1.55em;
			font-weight: 300;
		}
	header#principal.scrolled div.tel { font-size: .85em;
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
	}
	
	/*	#######		SOCIAL	*/
	header#principal div.social {
		float: right;
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
	}
		header#principal div.social i.fab {
			display: inline-block;
			font-size: 1.5em;
			color: #7ab0e0;
			margin: .75em 1em 0 0;
			-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
		}
			header#principal div.social i.fab:hover { color:#ffb040; }
			
	header#principal.scrolled div.social { font-size: .75em;
		-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
	}






/*	###########################################################################################################		NAV
	###########################################################################################################
	###########################################################################################################
*/

/*	#######		NAV	*/
nav {							margin: -28px 0 0 0 !important;
	padding: 0 !important;
	text-align: right;
	background: none;
	/**/
	font-size: 1.15em;
	font-weight: 400;
	color: #072b3c;
	/*
	-moz-box-shadow: 0px 0px 8px 0px #343434;
-webkit-box-shadow: 0px 0px 8px 0px #343434;
-o-box-shadow: 0px 0px 8px 0px #343434;
box-shadow: 0px 0px 8px 0px #343434;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=8);	/**/

    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;
}
	header#principal.scrolled nav {
		font-size:0.95em;
		margin-top: -24px !important;
/**/
    -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }
	
	/*	header#principal.scrolled nav ul#main-menu {
			background-image: url(../img/shadow_down.png);
			background-position: center top;
			background-repeat: no-repeat;
			background-size: 100% 12px;
			padding-top: 12px;
    	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; }	/**/

/*	#######		LANG	*/
/*
header#principal .lang {
	text-align: center;
	padding: 20px 0 0 0;
}
	header#principal .lang img {
		border:0 none;
		margin: 0 3px 0 3px;
		opacity: 0.3;
	}
		header#principal .lang img.selected { opacity: 1; }
		header#principal .lang a:hover img {
			-moz-box-shadow: 0px 0px 5px 0px #000000;
			-webkit-box-shadow: 0px 0px 5px 0px #000000;
			-o-box-shadow: 0px 0px 5px 0px #000000;
			box-shadow: 0px 0px 5px 0px #000000;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=5);
			opacity: 0.5;
		}







/*	###########################################################################################################		MAIN
	###########################################################################################################
	###########################################################################################################
*/
.main { /*	background-color:#fff;	/*	NON !!!! Incompatible avec le parallax...	*/ }
	/*	body.home .main .max-width { max-width: 100%; }	/**/
	body .main { background-color:#fff; }
/**/
body.page .main {
}
	body.page .main .max-width { background-color:#fff; }






/*	###########################################################################################################		FOOTER
	###########################################################################################################
	###########################################################################################################
*/
footer {
	color:#fff;
	margin:0 !important; padding:0 !important;
	background-color: #f0f0f1;
	background-image: url(../img/FOOTER_bg.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
footer a:hover { color:#7ca31f; }

/*	footer div.max-width {
		padding:0 !important;
		margin-bottom:0 !important;
		margin-top:0 !important;
	}	/**/
	footer div.bg {
	/*	width: 100% !important;
		height: 1em !important;	/**/
		background-image: url(../img/shadow_down.png);
		background-position: center top;
		background-repeat: no-repeat;
		background-size: 105% 24px;
		margin:0 !important; padding:0 !important;
		float: none;
		clear: both;
	}
/**/
	footer section#ligne_1, footer section#ligne_2 {
		width: 50%;
		background: none;
		box-sizing: border-box;
		margin:0 !important; padding:0 !important;
	}
	footer section#ligne_1 {
		float: left;
		padding: 1.3em 0 .75em 0 !important;
	}
	footer section#ligne_2 {
		float: right;
		padding: 2.5em 0 .8em 7em !important;
	}
	
	
	
	
	
	/*	#######		LEFT	*/
	footer section#ligne_1 .logo {				/*	background-color: #0F0;	/**/
		float: left;
		width: 30%;
	}
		footer section#ligne_1 .logo img {
			height:auto; width:100%;
		}





	footer section#ligne_1 .baseline {			/*	background-color: #F90;	/**/
		float: left;
		width: 50%;
		font-weight: 200;
		font-size: 1.25em !important;
		color: #7aa9e7 !important;
		padding: .85em 0 0 .8em;
		box-sizing: border-box;
	}
		footer section#ligne_1 .baseline span {
			color: #4376ba;
			font-weight: 600;
		}





	footer section#ligne_1 .ISO-9001 {									display:none !important;			/*	background-color: #9F6;	/**/
		float: none;
		clear: both;
		text-align: center !important;
	}
		footer section#ligne_1 .baseline img {
			width: 90px; height:auto;
			display: inline-block;
			margin: 1.5em auto 0 auto;
		}
	
	
	
	
	
	/*	#######		RIGHT	*/
	
	/*	Coordonnées	*/
	footer section#ligne_2 .coordonnees {				/*	background-color: #0F0;	/**/
		font-size: 1em;
		margin:0 0 1.5em 0 !important; padding:0 !important;
		color: #000;
	}
		footer section#ligne_2 .coordonnees .titre {
			font-weight: bold;
		}
		footer section#ligne_2 .coordonnees .adresse {
		}
			footer section#ligne_2 .coordonnees .adresse strong {
				font-weight: 600;
			}
		footer section#ligne_2 .coordonnees .tel {
			font-size: 1.45em;
			font-weight: 600;
		}
		footer section#ligne_2 .coordonnees .Email {
			margin-top: .15em;
		}
	
	/*	SOCIAL	*/
	footer article.social {
	}
		footer article.social i.fab {
			display: inline-block;
			font-size: 1.5em;
			color: #7ab0e0;
			margin: 1em 1em 0 0;
		}
			footer article.social a:hover i.fab { color:#ffb040; }
	
	/*	Mentions	*/
	footer section#ligne_2 #mentions-legales {
		margin-top: 1em;
		font-size: .75em;
		color: #666;
	}



/*	###########################################################################################################		FORMULAIRE
	###########################################################################################################
	###########################################################################################################
*/
button, .button {
	border:0; border:none; margin:0; padding:0; display: inline-block;
	background-color: #7ca31f;
	padding: 5px 2em 5px 2em;
	text-align: center;
	color: #fff;
	font-size: 1.1em;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 500;
	cursor: pointer;
}
	button:hover, .button:hover {
		color: #fff;
		-moz-box-shadow: 3px 3px 8px 0px #343434;
		-webkit-box-shadow: 3px 3px 8px 0px #343434;
		-o-box-shadow: 3px 3px 8px 0px #343434;
		box-shadow: 3px 3px 8px 0px #343434;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=135, Strength=8);
	}





/*
.QSL_good, .QSL_bad, .QSL_veryBad {
	padding: 20px;
	color: #fff;
	font-size: 1.2em;
	font-weight: 500;
}
.QSL_good { background-color: #0C0; }
.QSL_bad { background-color: #F60; }
.QSL_veryBad { background-color: #C00; }
	.QSL_good h3, .QSL_bad h3, .QSL_veryBad h3 {
		font-size:1.2em !important;
		color:#fff !important;
		text-align:left !important;
		padding:0 !important;
		margin:0 0 7px 0 !important;
	}
	/**/
	
.QSL_good, .QSL_bad, .QSL_veryBad {
	padding: 20px 20px 20px 80px;
	font-size: 1.2em;
	font-weight: 500;
	background-position: left 5px;
	background-repeat: no-repeat;
	color: #284996;
	border: 0 solid #39F;
}
.QSL_good { background-image: url(../img/icones/64x64/accept.png); border-color:#00CC00; }
.QSL_bad { background-image:url(../img/icones/64x64/block.png); border-color:#F63; }
.QSL_veryBad { background-image:url(../img/icones/64x64/block.png); color:#C30; border-color:#C30; }
	.QSL_good h3, .QSL_bad h3, .QSL_veryBad h3 {
		font-size:1.2em !important;
		text-align:left !important;
		padding:0 !important;
		margin:0 0 7px 0 !important;
	}