/*
html, body{
    height:100%;
}
body {
    border: red 1px solid;
    min-height: 100vh;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}
header {
    background: #23bcfc;
}
main {
    background: #87ccfc;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;
}
footer {
    background: #dd55dd;
}
*/

section#carte-home #carte-france .zoomIn,
section#carte-home #carte-france .zoomOut { display:none; }

@media (min-width: 641px) {
	
	.is_mobile { display:none !important; }
	#menubar { transform:translateX(0) !important;
		
}

@media (max-width: 640px) {
	
	.is_desktop { display:none !important; }
	
	#menubar { transition:all 0.4s ease; transform:translateX(-100%) !important; }
	#menubar.open { transition:all 0.4s ease; transform:translateX(0) !important; }
	
	footer ul.links > li { white-space:nowrap !important; }
	footer ul.links > li a { margin-left:0px !important; }
	
	#home { }
	#home > section .columns { flex-direction:column; }
	#home > section .columns > .column { max-width:100vw !important; }
	#home > section#sign-in .columns { flex-direction:column-reverse;  }
	main.home .logo-promoteur { max-width:40vw !important; }
	main#home section#sign-in .column.signin { min-height:100vh !important; padding:0px !important; }
	main.home > section .columns > .column.signin h1 { font-size:3.5vw !important; }
	section#carte-home { display:none !important; }
	section#evoluvie { padding:10vw 5vw !important; }
	section#evoluvie > .columns > .column { margin:0px !important; }
	section#evoluvie > .columns > .column.logo > img { max-width:40vw !important; display:block; margin:0px auto 10vw auto; }
	section#evoluvie > .columns > .column.illustration { padding-top:10vw !important; }
	section#evoluvie h2 { font-size:6vw !important; }
	section#evoluvie .btn-dbi { margin:auto !important; display:table !important; }
	main.home > section#inscription { padding:10vw 5vw !important; }
	main.home > section#inscription .columns > .column { margin:0px !important; }
	
	
}