body {
	margin:0;
	padding:0;
	font-family: 'lato', sans-serif;
	font-weight:300;
}

ul, li {
	margin:0;
	padding:0;
	}

p {
	font-size:18px;
	line-height:25px;
	text-align:justify;
	margin:20px 0;
	padding:0;
	}

img {
	max-width:100%;
	}

header {
	padding:30px 0 250px 0;
	text-align:center;
	background:url(../images/avant-apres.jpg) no-repeat center center;
	background-size:cover;
	color:#fff;
	}

.avant, .apres {
	position:absolute;
	text-transform:uppercase;
	border:1px solid #fff;
	padding:10px 15px;
	top:15px;
	}

.avant {
	left:15px;
	}

.apres {
	right:15px;
	}

h1 {
	font-family:'DM Serif Display', Georgia, "Times New Roman", Times, serif;
	margin:50px 0 0 0;
	padding:0;
	font-size:70px;
	font-weight:normal;
	}

h1 strong {
	display:inline-block;
	background-color:#e2001a;
	font-weight:normal;
	padding:0 15px
	}

h4 {
	margin:0;
	padding:0;
	font-size:25px;
	font-weight:300;
	}

section {
	background-color:#ebf2f6;
	height:680px;
	text-align:center;
	}

.contenu, aside, footer {
	width:990px;
	margin:0 auto;
	}
	
#arguments {
	float:left;
	width:50%;
}

#formulairex {
	background-color:#fff;
	width:45%;
	float:right;
	margin-top:-150px;
	border:1px solid #dedede;
	}

.drapeau {
	width:100%;
	height:16px;
	}

form, #merci {
	margin:0;
	padding:0 8%;
	height:633px;
	}
	
h2 {
	font-family:'DM Serif Display', Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:30px 0 5px 0;
	font-size:33px;
	line-height:38px;
	font-weight:normal;
	text-align:left;
	}

h3 {
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	font-weight:300;
	color:#e2001a;
	text-align:left;
}
	
#dsl {
	color:#e2001a;
	font-weight:bold
	}

form input, form button, form label {
    font-size:18px;
	}
	
#choix_debut li {
	list-style-type:none;
	}

#choix_debut li input {
	box-sizing:border-box;
    padding:0;
	display:none;
	}

#choix_debut li label {
	cursor:pointer;
	padding:10% 0%;
    background: linear-gradient(#5dd2f7, #0480d5);
    color:#fff;
    width:100%;
	margin:2% 0;
	display:inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	font-weight:bold;
	font-size:22px;
	text-transform:uppercase;
	letter-spacing:1px;
	}

#last_form input {
	display:block;
    width:90%;
    padding:4% 5%;
	margin:2% 0;
    color: #495057;
    background: linear-gradient(#fff, #f3f3f3);
    background-clip: padding-box;
    border: 1px solid #ced4da;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
	}

#last_form button {
	cursor:pointer;
    background: linear-gradient(#5dd2f7, #0480d5);
    color:#fff;
    width:100%;
	margin:1% 0;
	padding:5%;
	display:inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border:none;
	font-weight:bold;
	font-size:22px;
	text-transform:uppercase;
	}

aside ul {
	}

aside ul li {
	list-style-type:none;
	width:46%;
	margin:0 2%;
	float:left;
	text-align:center;
	text-transform:uppercase
	}
	
aside ul li:last-child {
	margin:0 0 5% 0;
}

aside ul li img {
	margin-bottom:10px;
	}

footer {
}

footer p {
	text-align:center;
	font-size:16px;
	line-height:20px;
	color:#888
	}

@media only screen and (max-width:1023px) {
.contenu, aside, footer {
	width:90%;
	}

header {
	padding:30px 0 70px 0;
	}

.avant, .apres {
	font-size:12px;
	padding:5px 10px;
	}

h1 {
	margin:10px 0 0 0;
	font-size:40px;
	line-height:50px
	}

h4 {
	font-size:20px;
	padding:0 5%;
	}
	
#arguments, #formulairex {
	width:100%;
	float:none;
	margin:0;
	}

section {
	height:auto;
	padding:5% 0;
	}

h1 br, h2 br {
	display:none
	}

form, #merci {
	height:auto;
	padding-bottom:5%;
	}
}