@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|Open+Sans+Condensed:300,400,600,700|Montserrat);

@font-face {
    font-family: 'icomoon';
    src: url('fonts/icomoon.eot?m421t');
    src: url('fonts/icomoon.eot?m421t#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?m421t') format('truetype'), url('fonts/icomoon.woff?m421t') format('woff'), url('fonts/icomoon.svg?m421t#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*====================================================================================================*/
/*  INITIALISATION  */
/*====================================================================================================*/

body, p, th, td {
    font-size: .9em;
    font-family: "Open Sans", Arial, sans-serif;
    color: #000000;
}

input.button {
    border-radius: 4px;
    text-transform: uppercase;
}

.button {
    font-size: .9em;
}

header {
    margin-bottom: 1rem;
}

body, html {
    margin: 0;
    padding: 0;
    height: 100%;
}

/* VERT */
input.button.next {
    margin-left: 1rem;
    background-color: #36a32e;
    box-shadow: 3px 3px 0 #268e1e;
}

input.button.next:hover {
    font-weight: bold;
    box-shadow: 3px 3px 0 #268e1e;
}

h1{
	font-size:30px;
	text-align:left;
	font-weight: bold;
}

h2{
	font-size:25px;
}

h3{
	font-size:15px;
	font-style:italic;
}

.FAQ {
	margin-left: 3rem;
	background-color: #000000;
	box-shadow: 3px 3px 0 #8b8a8a;
}

.FAQ:hover {
	font-weight: bold;
	background-color: #000000;	
	box-shadow: 3px 3px 0 #8b8a8a;
}

.bandeau	{
	width: 100%;
	height: 100%;    
}

/* Cette classe sert à cacher les zones d'images autour du formulaire */
div.img-hidden {
    display: none;
}

/* PAGE ACCUEIL */

@media screen
{
	.googlemap{
		width: 600px;
		height: 300px;
    
	}
	
	.conteneur{
		display: flex;
		vertical-align: left;
		width: 100%;
	}
	
	.element{
		flex-basis: 47%;
	}

	.element2 {
		flex-basis: 53%;
		vertical-align: center;
	}	
}

@media all and (max-device-width: 480px)
{
	.googlemap{
		width: 100%;
		height: 100%;    
	}	
	
	.conteneur{
		display: flex;
		flex-wrap: wrap;
		vertical-align: left;
		width: 100%;
	}	
	.element{
		flex-basis: 100%;
	}

	.element2 {
		flex-basis: 100%;
	}		
}