/* CSS Document

	Charte couleur
	-----------------------------------------------------
	Bleu courant	:	#284996
	Orange			:	#de5533
	Or				:	#8a8761
	Bleu footer		:	#284996 
	--
	Pavé rubrique - BLEU FONCE	:	#1c2c4e
	Pavé rubrique - BLEU CLAIR	:	#40bfe9
	Pavé rubrique - ORANGE		:	#de5429
	Pavé rubrique - VERT		:	#97cc9f
	Pavé rubrique - OR			:	#948c5f
	--
*/

/*	###########################################################################################################		FONTES
	###########################################################################################################
	###########################################################################################################
*/
@font-face { font-family: "Futura-Bold";				src: url('../fonts/Futura-Bold-03.ttf'); }
@font-face { font-family: "Futura-CondensedExtraBold";	src: url('../fonts/Futura-CondensedExtraBold-05.ttf'); }
@font-face { font-family: "Futura-CondensedMedium";		src: url('../fonts/Futura-CondensedMedium-04.ttf'); }
@font-face { font-family: "Futura-Medium";				src: url('../fonts/Futura-Medium-01.ttf'); }
@font-face { font-family: "Futura-MediumItalic";		src: url('../fonts/Futura-MediumItalic-02.ttf'); }

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

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

body {
	font-family: Raleway, Verdana, Geneva, sans-serif;
	font-size: 100%;
	font-weight: 400;
	color: #828282;
	height: 100%;
}
	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 { display:none; }
.only4tablet { display:none; }
.only4desktop { display:block; }

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



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


	.lang-4-mobile { display:none; }


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

.max-width {
	max-width: 1200px;			/*	ATTENTION : repporter une éventuelle modif dans ".parallaxie .heading" dans "content.css"	*/
	margin: 0 auto 0 auto !important;
}
	body.home .max-width { max-width: 1400px !important; }
	
	header#header-scrolled .max-width { max-width: 1400px !important; }	/**/
	
	section.macDock .max-width { max-width: 1400px !important; }






/*	###########################################################################################################		HEADER - SCROLLED
	###########################################################################################################
	###########################################################################################################
*/
																	body.home header#header-scrolled {
																		display: none;
																	}	/**/
header#header-scrolled {
																		position: fixed;
																		left:0; top:0; right:0;
	padding: 0 2% 0 2%;
	background-color: #fff;
	border-bottom: 28px solid #de5533;
	z-index: 1000;
	/*
	-moz-box-shadow: 0px 5px 10px 0px #656565;
	-webkit-box-shadow: 0px 5px 10px 0px #656565;
	-o-box-shadow: 0px 5px 10px 0px #656565;
	box-shadow: 0px 5px 10px 0px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);	/**/
}

 header#header-scrolled div#logo,
 header#header-scrolled nav,
 header#header-scrolled div#contact-us,
 header#header-scrolled .lang,
 header#header-scrolled div#social { float:left; display:inline-block; clear:none; }
 
	header#header-scrolled div#logo			{ width: 18%; }
	header#header-scrolled nav				{ width: 64%; }
	header#header-scrolled div#contact-us	{ width: 4%; }
	header#header-scrolled div#social		{ width: 10%; }
	header#header-scrolled .lang			{ width: 10%; }

/*	#######		LOGO	*/
header#header-scrolled div#logo {
	margin: 20px 0 20px 0;
	text-align: center;
}
	header#header-scrolled div#logo img { width:100%; height:auto; }

/*	#######		NAV	*/
header#header-scrolled nav {
	margin: 36px 0 0 0;
	text-align: center;
}

/*	#######		CONTACT-US	*/
header#header-scrolled div#contact-us {
	background-color: #284996;
	text-align: center;
	padding: 40px 0 35px 0;
}
	header#header-scrolled div#contact-us img { max-width: 90%; height:auto; }
	header#header-scrolled div#contact-us.selected { background-color:#de5429; }

/*	#######		LANG	*/
header#header-scrolled .lang {
	text-align: center;
	padding: 10px 0 0 0;
}
	header#header-scrolled .lang img {
		border:0 none;
		margin: 0 3px 0 3px;
		opacity: 0.3;
	}
		header#header-scrolled .lang img.selected { opacity: 1; }
		header#header-scrolled .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;
		}

/*	#######		SOCIAL	*/
header#header-scrolled div#social {
	text-align: center;
	padding: 24px 0 0 0;
}
	header#header-scrolled div#social img { margin-left: 3px; }
	
/**/
	header#header-scrolled div#social img:hover {
		-moz-box-shadow: 0px 0px 5px 0px #9b9b9b;
		-webkit-box-shadow: 0px 0px 5px 0px #9b9b9b;
		-o-box-shadow: 0px 0px 5px 0px #9b9b9b;
		box-shadow: 0px 0px 5px 0px #9b9b9b;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#9b9b9b, Direction=NaN, Strength=5);
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}





/*	###########################################################################################################		HEADER - NOT SCROLLED
	###########################################################################################################
	###########################################################################################################
*/
header#header-not-scrolled { float:none; background-color:#284996; }	
/**/
	header#header-not-scrolled section.zone-logo { float:left; width:40%; clear:none; text-align:center; }
		header#header-not-scrolled section.zone-logo div.base-line { margin-top: -20%; }
			header#header-not-scrolled section.zone-logo div.base-line h1 {
				font-size: 1.75vh;
				font-size: 1vw;
				/**/
				text-transform: uppercase;
				color: #fff;
			}
				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.70vw;
				/**/
				text-transform: uppercase;
				color: #de5533;
			}
/**/
	header#header-not-scrolled section.zone-slideshow { float:right; width:60%; clear:none; }
/**/
header#header-not-scrolled section.zone-logo {
}
	header#header-not-scrolled section.zone-logo img {
		max-width: 99%; height:auto;
	}
/**/
header#header-not-scrolled .lang {
	position:absolute; top:0; right:0;
	padding: 3px;
	background-color: rgba(40,73,150, 0.9);
	z-index: 900000;
}
	header#header-not-scrolled .lang img {
		border:0 none;
		margin: 0 3px 0 3px;
		opacity: 0.4;
	}
		header#header-not-scrolled .lang img.selected { opacity: 1; }
		header#header-not-scrolled .lang a:hover img {
			-moz-box-shadow: 0px 0px 5px 0px #ffffff;
			-webkit-box-shadow: 0px 0px 5px 0px #ffffff;
			-o-box-shadow: 0px 0px 5px 0px #ffffff;
			box-shadow: 0px 0px 5px 0px #ffffff;
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=5);
			opacity: 0.6;
		}






/*	###########################################################################################################		MAC-DOCK
	###########################################################################################################
	###########################################################################################################
	>>>>>>>>>>>	Voir "macDock.css"
*/







/*	###########################################################################################################		MAIN
	###########################################################################################################
	###########################################################################################################
*/
.main { /*	background-color:#fff;	/*	NON !!!! Incompatible avec le parallax...	*/ }
	body.home .main .max-width { max-width: 100%; }	/**/
	body.home .main { background-color:#1c2c4e; }
/**/
body.page .main {
	margin-top: 127px;
	/*
		background-image: url(../img/white-wallpaper-16861-17414-hd-wallpapers.jpg);
		background-size: contain;
		/**/
}
	body.page .main .max-width { background-color:#fff; }






/*	###########################################################################################################		FOOTER
	###########################################################################################################
	###########################################################################################################
*/
footer { color:#fff; font-size:0.9em; }
/**/
	footer > div.max-width { max-width:100%; }
/**/
	footer section#ligne_1 { background-color:#8a8761; }
	footer section#ligne_2 { background-color:#284996; }
/**/
	footer section {
		padding: 13px 0 13px 0;
		text-align: right;
	}
/**/
	footer section#ligne_1 article#coordonnees,	
	footer section#ligne_2 article#mentions-legales {
		float: left;
		width: 85%;
	}
	footer section#ligne_1 article#reseaux-sociaux {
		float: right;
		width: 13%;
		text-align: left;
	}
/**/
	footer section#ligne_2 article#mentions-legales { font-size: 0.9em; }
/**/
footer a:hover { color:#de5533; }
/**/
footer #mentions-legales.for_desktop { display: block; }
footer #mentions-legales.for_mobile { display: none; }



/*	###########################################################################################################		FORMULAIRE
	###########################################################################################################
	###########################################################################################################
*/
button, .button {
	border:0; border:none; margin:0; padding:0; display: block;
	background-color: #284996;
	padding: 3px 2em 3px 2em;
	text-align: center;
	color: #fff !important;
	text-decoration: none !important;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 500;
	cursor: pointer;
}
	button:hover, .button:hover {
-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;
	}