* {box-sizing:border-box;}

@font-face {
	font-family: "Normal";
	src:	url("../fonts/Roboto-Regular.woff2") format("woff2"),
		url("../fonts/Roboto-Regular.woff") format("woff"),
		url("../fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Titres";
	src:	url("../fonts/orkney-regular.woff2") format("woff2"),
		url("../fonts/orkney-regular.woff") format("woff"),
		url("../fonts/orkney-regular.ttf") format("truetype");
}

@font-face {
	font-family: "TitresB";
	src:	url("../fonts/orkney-bold.woff2") format("woff2"),
		url("../fonts/orkney-bold.woff") format("woff"),
		url("../fonts/orkney-bold.ttf") format("truetype");
}


:root {
	--WZB_bleu_fonce1:#16233C;	
	--WZB_bleu_fonce2:#1D3C81;	
	--WZB_bleu_logo:#003162;	
	--WZB_bleu_logo_a:rgba(0,49,98,0.8);	
	--WZB_orange_logo:#faa633;
	--WZB_orange_logo_a:rgba(250,166,51,0.8);
}

body {margin:0;padding:0;font-family:"Normal", sans-serif;font-size:95%;}
.content {max-width:1280px;width:92%;margin:0 auto;}
h1, h2, h3, h4, h5, h6 {font-family:"Titres", sans-serif;}

h1 {font-size:2.5rem;}
h2 {font-size:2rem;}
h3 {font-size:1.5rem;}

ul.mod-menu {margin:0;padding:0;}
ul.mod-menu li {list-style-type:none;display:inline-block;padding:0 5px;}
ul.mod-menu li a{display:inline-block;padding:3px 7px;}

.col2 {float:left;width:50%;transition:1s all; }
.col3 {float:left;width:33.33%;}
.col4 {float:left;width:25%;}
.margeA {padding:2rem;}
.margeA1 {padding:0.5rem;}
.marged {padding-right:2rem;}
.margeg {padding-left:2rem;}
.blanc {color:#fff;}
.orange {color:var(--WZB_orange_logo);}
.orange_f {background-color:var(--WZB_orange_logo_a);}
.bleu {color:var(--WZB_bleu_logo);}
.bleu_f {background-color:var(--WZB_bleu_logo_a);}

.cadre_actif {border:1px solid #ddd;transition:1s all;}
.cadre_actif:hover {box-shadow:0 0 8px 8px #ddd;border:1px solid #fff;}

img.responsive {display:block;width:100%;height:auto;}

a.bouton1 {
	display:inline-block;padding:1.6rem;border:1px solid #fff;border-radius:5px;
	color:#fff;font-size:1.2rem;text-transform:uppercase;text-decoration:none;
	transition:0.4s all ease;
}

a.bouton1:focus, a.bouton1:hover, a.bouton1:active {
	background:#fff;color:#000;
	transform:scale(1.1);
}
a.bouton2 {
	display:inline-block;padding:1.6rem;border-radius:5px;background:#ddd;
	color:#000;font-size:1.2rem;text-transform:uppercase;text-decoration:none;
	transition:0.7s all;
}
a.bouton2:focus, a.bouton2:hover, a.bouton2:active {
	background:var(--WZB_bleu_logo);color:#fff;
}

.cols::after {content: ""; clear: both; display: table;}
.net {float:none;clear:both;font-size:1px;}

section { text-align:justify;overflow:auto;}

button.navbar-toggler{display:none;}
#counter {color:#fff;text-align:center;font-size:1.3rem;}
#counter .counter-value {font-size:3rem;color:var(--WZB_orange_logo);}

header {position:relative;}
header #toujours {position:fixed;z-index:9999;top:0;width:100%;transition:1s all;}
header #toujours.small {background:var(--WZB_bleu_logo);height:100px;}

header #logo, header #menu {position:absolute;top:2rem;}
header #logo img {max-width:600px;width:80%;height:auto;transition:1s all;}
header #toujours.small #logo img {max-width:450px;width:65%;height:auto;}
header #menu {right:30px;top:62px;transition:1s all;}
header #menu_mobile {display:none;position:fixed;top:0;right:9px;}
header #menu_mobile .menu_mobile {display:none;background:var(--WZB_bleu_logo);}
header #menu_mobile .menu_mobile li {display:block;}
header .menu_mobile a:link, header .menu_mobile a:visited {color:#fff;text-decoration:none;font-size:2rem;text-transform:uppercase;}
header #toujours.small #menu {top:42px;}
header #menu a:link, header #menu a:visited {color:#fff;text-decoration:none;font-size:1rem;text-transform:uppercase;}
header #menu a:focus, header #menu a:hover, #menu a:active {color:var(--WZB_orange_logo);}
header #menu a.orange {border:1px solid var(--WZB_orange_logo);}

footer .footer_1{background:linear-gradient(var(--WZB_bleu_fonce1), var(--WZB_bleu_fonce2));color:#fff;padding:1rem;}
.footer_1 a:link, .footer_1 a:visited {text-decoration:none;color:#fff;}
.footer_2 a:link, .footer_2 a:visited {text-decoration:none;color:#000;}
.footer_1 a:focus, .footer_1 a:hover, .footer_1 a:active  {color:var(--WZB_orange_logo);}
.footer_2 a:focus, .footer_2 a:hover, .footer_2 a:active  {color:var(--WZB_orange_logo);}
footer a:focus, footer a:hover, footer a:active{color:var(--WZB_orange_logo);}
footer .footer_2{text-align:center;}
footer .wrapper {
	display:grid;
	grid-template-columns:25% 18% 33% 24%;
}
footer .wrapper .custom {padding:1rem;}

@media screen and (max-width:1400px) {
	header #menu {display:none;}
	header #menu_mobile {display:block;}
}	
@media screen and (max-width:1100px) {
	.col3 {width:50%;}
	footer .wrapper {grid-template-columns:50% 50%;}
}	
	
@media screen and (max-width:800px) {
	.col2 {float:none;width:100%;}
	.col3 {float:none;width:100%;}
}
@media screen and (max-width:600px) {
	footer .wrapper {grid-template-columns:100%;}
}