html {
	height:100%;
	width:100%;
	font-family:Montserrat;
	padding:0;
	margin:0;
	}
	
body {
	padding:0;
	margin:0;
	}
	
.btn {
	text-align:center;
	font-weight:bold;
	padding:10px 35px;
	border-radius:5px;
	text-decoration:none;
	font-size:1em;
	cursor:pointer;
	border:2px solid #dddddd;
	background-color:#dddddd;
	color:#333333;
	transition: background-color 0.2s, color 0.2s, border 0.2s;
	}	
	
.btn:hover {
	border-color:#eeeeee;
	background-color:#eeeeee;
	}
	
.btn.btn-primary {
	border:2px solid #c03437;
	background-color:#c03437;
	color:#FFFFFF;
	}
	
.btn.btn-primary:hover {
	border-color:#d94b49;
	background-color:#d94b49;
	}
	
header {
	/* background-color:green; */
	}
	
header .zone_logo {
	padding:10px;
	position:relative;
	height:39px;
	}	
	
header .logo {
	height:35px;
	}	
	
header .btn_site_web {
	font-size:0.9em;
	padding:7px 15px;
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	}	
	
header .help {
	background-color:#c03437;
	padding:10px;
	color:#FFFFFF;
	position:relative;
	height:21px;
	}
	
header .help img {
	height:1.3em;
	margin-right:5px;
	vertical-align:middle;
	}
	
header .help h1 {
	margin:0;
	font-weight:bold;
	font-size:1.1em;
	vertical-align:middle;
	display:inline-block;
	}
	
header .help .quitter {
	position:absolute;
	top:50%;
	right:10px;
	transform:translateY(-50%);
	margin:0;
	font-size:0.9em;
	}
	
header .help .quitter a {
	color:#FFFFFF;
	}
	
header .help .quitter a:hover {
	text-decoration:none;
	}
	
@media screen and (max-width: 399px) {
	header .logo {
		height:27px;
		margin-top:4px;
		}
	
	header .help img {
		height:1.1em;
		}
		
	header .help h1 {
		font-size:1em;
		}
	}