* {margin:0; padding:0; font-size:1em; box-sizing:border-box;}
a img {border:0;}
body {font-family:Libre Baskerville; font-weight:300;}

/* Header */
#header {background:url('img/banner.png') no-repeat; background-size:cover; width:100%; padding-top:8em; line-height:16em; text-align:center; position:relative;}

/* Contents */
	/* Main-Block */
	#main-block {padding:4em 8em;}
	#main-block #main-title {margin-bottom:2em;}
	#main-block #main-title h1 {font-size:1.8em; text-align:center; color:#121212; text-transform:uppercase; margin-bottom:.2em; font-family:'Alegreya Sans SC', sans-serif;}
	#main-block #main-title h2 {font-size:1.2em; text-align:center; color:#636363;}
	#main-block #main-title h2::after {content:""; display:block; height:2px; width:10%; margin:1em auto 0; background:#f1c40f;}
	#main-block p,
	#main-block ul,
	#main-block ol {margin-bottom:1em; color:#444;}

	/* Second-Block */
	#second-block {padding:4em 8em; background:#F9F9F9; display:flex; flex-flow:row wrap;}
	#second-block #google-maps {width:48%; margin-right:4%;}
	#second-block #google-maps iframe {width:100%; box-shadow:2px 2px 0 #ddd;}
	#second-block #contact-form {width:48%; font-size:.9em;}
	#second-block #contact-form .form-header h2 {font-family:'Alegreya Sans SC', sans-serif; font-size:1.8em;}
	#second-block #contact-form .form-header h2::after {content:""; display:block; height:2px; width:10%; margin:.5em 0 1em; background:#f1c40f;}
	#second-block #contact-form .form-header p {font-size:.9em; color:#444; margin-bottom:2em;}
	#second-block #contact-form .form-block {margin-top:1em; display:flex; flex-flow:row wrap;}
	#second-block #contact-form .form-block label {width:30%; padding-top:.5em;}
	#second-block #contact-form .form-block input[type="text"],
	#second-block #contact-form .form-block input[type="tel"],
	#second-block #contact-form .form-block textarea {font-family:'Exo', sans-serif; font-weight:300; font-size:.9em; border:0; box-shadow:2px 2px 0 #ddd; padding:.5em; min-width:70%; width:70%;}
	#second-block #contact-form .form-block.form-button {float:right; margin-top:1.5em;}
	#second-block #contact-form .form-block.form-button input {padding:.4em .8em; font-family:'Alegreya Sans SC', sans-serif; font-weight:bold; background:#f1c40f; border:0; box-shadow:2px 2px 0 #ddd;}
	#second-block #contact-form .form-block.form-button input:hover {background:#e74c3c; transition:1s;}

/* Footer */
#footer {background:#2c3e50; padding:1.5em; text-align:center; color:#F1F1F1; font-size:.85em;}

/*================================*/
/*=== Partie sur le Swipe Menu ===*/
/*================================*/
/* Menu burger */
#menu-burger {position:sticky; top:39px; right:3.5em; display:inherit; cursor:pointer; z-index: 1;}
#menu-burger .bar1,
#menu-burger .bar2,
#menu-burger .bar3 {width:32px; height:5px; background-color:#09008b; margin:6px 0; transition:0.4s;}
#menu-burger:hover {opacity:.75; transition:.5s;}
#menu-burger.clicked .bar1 {-webkit-transform:rotate(-45deg) translate(-9px, 6px); transform:rotate(-45deg) translate(-9px, 6px);}
#menu-burger.clicked .bar2 {opacity: 0;}
#menu-burger.clicked .bar3 {-webkit-transform:rotate(45deg) translate(-8px, -8px); transform:rotate(45deg) translate(-8px, -8px);}

/* Main menu (slide) */
#menu {position:fixed; z-index:9999; left:-25%; top:auto; background:#e74c3c00; padding:4em 2em; width:17%; min-height:100%; box-shadow:1px 0 1px #9a251900;}
#menu ul li {list-style:none;}
#menu ul li a {display:block; color:#fff; text-decoration:none; font-weight:700; background:#1e2530; transition:background .5s; padding:0em; text-align:center; margin-bottom:.5em; box-shadow:1px 1px 0 #666
;border: 2px solid #e8a93c;border-radius: 40px;}
#menu ul li a:hover {background:#e8a93c; transition:background .5s;}
#menu.visible {animation:.5s slideRight ease-in forwards; transition-delay:1;}
#menu.invisible {animation:1s slideLeft ease-out forwards; transition-delay:1;}

/* Animations pour le menu slide */
@keyframes slideRight {
	from {left:-25%;}
	to {left:0%;}
}
@-webkit-keyframes slideRight {
	from {left:-25%;}
	to {left:0%;}
}
@keyframes slideLeft {
	from {left:0%;}
	to {left:-25%;}
}
@-webkit-keyframes slideLeft {
	from {left:0%;}
	to {left:-25%;}
}

/* Responsive design */
@media (max-width:1024px) {
	#menu {left:-50%; width:50%;}
	#menu-burger.clicked {position:fixed;}
	#main-block,
	#second-block {padding:4em 2em;}

	/* Animations pour le menu slide */
	@keyframes slideRight {
		from {left:-50%;}
		to {left:0%;}
	}
	@-webkit-keyframes slideRight {
		from {left:-50%;}
		to {left:0%;}
	}
	@keyframes slideLeft {
		from {left:0%;}
		to {left:-50%;}
	}
	@-webkit-keyframes slideLeft {
		from {left:0%;}
		to {left:-50%;}
	}

@media (max-width:600px) {
	#menu-burger {top:70px; right:0em; z-index:9999;}
	#menu {left:-100%; width:100%;}
	#second-block #google-maps {width:100%; margin-right:0;}
	#second-block #contact-form {width:100%; margin-top:2em;}

	/* Animations pour le menu slide */
	@keyframes slideRight {
		from {left:-100%;}
		to {left:0%;}
	}
	@-webkit-keyframes slideRight {
		from {left:-100%;}
		to {left:0%;}
	}
	@keyframes slideLeft {
		from {left:0%;}
		to {left:-100%;}
	}
	@-webkit-keyframes slideLeft {
		from {left:0%;}
		to {left:-100%;}
	}