/* CSS Document */
/* Regular */
@font-face {
	font-family: "wqA1lM";
	src: url("../fonts/wqA1lM.eot"); /* IE9 Compat Modes */
	src: url("../fonts/wqA1lM.woff2") format("woff2"), /* Modern Browsers */
		url("../fonts/wqA1lM.woff") format("woff"), /* Modern Browsers */
		url("../fonts/wqA1lM.ttf") format("truetype"), /* Safari, Android, iOS */
		url("../fonts/wqA1lM.otf") format("opentype"), /* Open Type Font */
		url("../fonts/wqA1lM.svg") format("svg"), /* Legacy iOS */
		url("../fonts/wqA1lM.eot?#iefix") format("embedded-opentype"); /* IE6-IE8 */
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* Bold */
@font-face {
	font-family: "Xrf65az";
	src: url("../fonts/Xrf65az.eot");
	src: url("../fonts/Xrf65az.woff2") format("woff2"),
		url("../fonts/Xrf65az.woff") format("woff"),
		url("../fonts/Xrf65az.ttf") format("truetype"),
		url("../fonts/Xrf65az.otf") format("opentype"),
		url("../fonts/Xrf65az.svg") format("svg"),
		url("../fonts/Xrf65az.eot?#iefix") format("embedded-opentype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/* Light */
@font-face {
	font-family: "nbDa7op";
	src: url("../fonts/nbDa7op.eot");
	src: url("../fonts/nbDa7op.woff2") format("woff2"),
		url("../fonts/nbDa7op.woff") format("woff"),
		url("../fonts/nbDa7op.ttf") format("truetype"),
		url("../fonts/nbDa7op.otf") format("opentype"),
		url("../fonts/nbDa7op.svg") format("svg"),
		url("../fonts/nbDa7op.eot?#iefix") format("embedded-opentype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
html, body {margin:0;width:100%;height:100%}
body {background-color: rgb(255,255,255);text-align: center;font-family:"nbDa7op";font-size: 16px;}

main {display:table;width:100%;height: 100%;text-align: center;position: relative;z-index: 10}
main > div {display: table-cell;vertical-align: middle;}
main > div > div { position:relative; display: inline-block; padding: 32px; }
main > div > div > div {margin: 0 auto;position: relative;z-index: 2;}

#marque { display: table; width: auto; }
#marque > div {display: table-cell; vertical-align: middle; text-align: left;}
#marque img {margin:0 24px 0 0;}
@media screen and (max-width:540px){
	main > div > div { padding: 0; }
	#marque { display: block; width: auto; margin: 5% auto auto; }
	#marque > div {display: block; vertical-align: middle; text-align: center;}
	#marque img {margin:0 0 24px 0;}
	a {display: inline-block;font-size: 1.2em;line-height: 4;}
}

h1 {color: rgb(255,255,255);/*color: rgb(166,168,170);*/font-weight:normal;font-size:19px; margin:0;text-shadow: 1px 1px 1px rgb(4,48,71);}
h1 span {color: rgb(4,48,71);text-transform: uppercase;font-size: 56px;margin: 4px 0 4px -3px;line-height: 0.8;display: block;text-shadow:none;}
h2 {color: rgb(255,255,255);/*color: rgb(166,168,170);*/font-weight:normal;font-size:19px;margin:0;text-shadow: 1px 1px 1px rgb(4,48,71);}

hr { width: 50px;color: rgb(4,48,71);border: 1px inset rgb(4,48,71);margin: 24px auto;}

a { color: rgb(255,255,255);/*color: rgb(4,48,71);*/ text-decoration: none;}
p { color: rgb(255,255,255);letter-spacing: 1px;/*color: rgb(4,48,71);*/margin:0;}
/*#direction {font-family:"wqA1lM";}*/
#person {text-shadow: 1px 1px 1px rgb(4,48,71);}

#arriereplan {position:absolute;top:0;left:0;right:0;bottom:0;z-index: 1; background:url("../img/champagne.jpg") center center scroll white no-repeat border-box;background-size: cover;opacity: 0.75;border-radius: 8px;}

.fond {position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;background-repeat:no-repeat; background-attachment: scroll; background-position: center center; background-origin: border-box; background-size: cover;}