@charset "utf-8";

:root{
	--default-color: #1a455d;
    --white: #fff;
    --primary-color: #f7b32d;
	--secondary-color: #da4f5a;
    --success-color: #417504;
    --error-color: #cc1e1e;
	--darg-grey:#626469;
	--grey1:#F5F5F5;
	--grey2:#EEEEEE;
	--grey3:#8f8d8d;
	--logo:url("images/logo-W-HA.svg");
}


html {height: 100%;}
body{
	font-family: "Montserrat", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 400;
  	font-style: normal;
	font-size:16px;
	color:var(--white);
	background-color:var(--default-color);
	margin:0;
	padding:0;
	min-width: 320px;
	height: 100%;
}
#page {min-height: 100%; position: relative; margin:0; padding:0; border:0;}
#bloc-principal {padding-bottom: 80px;}
/*-- TYPOGRAPHIE ---------------------------------------------------*/
.h1{font-size:30px; font-weight: 600; color:var(--primary-color);padding:0;}
.h2{font-size:24px; font-weight: 600; color:var(--primary-color);padding:0;text-transform: uppercase;}
.h3{font-size:20px; font-weight: 600; color:var(--primary-color);padding:0;}
.h4{font-size:18px; font-weight: 600; padding:0;}
.h5{font-size:16px; font-weight: 600; padding:0;}
.h6{font-size:14px; font-weight: 600; padding:0;}
p{margin:0;}
a{font-size:12px; font-weight: 600; color: var(--secondary-color); padding:0;text-decoration: none;}
a:hover{text-decoration: underline;}

/*-- STRUCTURE PAGE ---------------------------------------------------*/
#header{margin:0 auto; max-width: 1200px; padding:24px 24px 100px 24px; background-color: var(--default-color);}
#footer{margin:0 auto; max-width: 1200px; padding:50px 14px 24px 24px; background-color: var(--bleu-marine); color:var(--white); font-size: 12px; text-align: center;}
#footer a{color:var(--white); text-decoration: none; font-weight: 600;}
#footer a:hover{text-decoration: none; color: var(--secondary-color); font-weight: 600;}


/*-- ELEMENTS DE FORMULAIRE ---------------------------------------------------*/


/*-- BOUTONS ---------------------------------------------------*/
.button-primary{background-color: var(--primary-color); border-radius:5px; border:0; padding:10px 20px 10px 20px; font-family: "Montserrat", sans-serif; font-optical-sizing: auto; font-weight: 600; font-style: normal; font-size:16px; color: var(--default-color); text-transform: uppercase; }
.button-primary:hover{color: var(--white);}


/*-- Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {
	#header{padding: 16px;}
	#footer{padding: 16px;}
}

/*-- Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
}

/*-- Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
}

/*-- X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {
}

/*-- XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1400px) {
	
}