body {
	margin:0;
	padding:0;
	font-family: 'lato', sans-serif;
	font-size:1.1rem;
	font-weight:300;
	background-image: linear-gradient(#fff,#f3f3f3);
}

p {
	font-size:1.1rem;
	line-height:22px;
	text-align:justify;
	}

img {
	max-width:100%;}

header {
	box-shadow: 8px 2px 8px #ccc;
	overflow:hidden;
	width:100%;
	background-color:#fff;
	position:relative;
	z-index:10;
	}

header nav {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	padding:10px 0;
	overflow:hidden;
	}

header #logo {
	float:left;
	margin:0 20px 0 0;
	padding-right:10px;
	border-right:1px solid #ccc
	}

header #titre {
	padding:10px 0 0 0;
	float:left;
	}

header #badges {
	float:right;
	margin:10px;
	}

h1 {
	display:inline;
	margin:0;
	padding:0;
	color:#034593;
	text-transform:uppercase;
	font-size:35px;
	}

h1 strong, h3 strong {
	color:#e30115
	}

h2 {
	display:inline;
	margin:0;
	padding:0;
	font-size:28px;
	font-weight:300;
	}

h2 strong {
	font-weight:bold;
	} 

section {
	background-color:#ededed;
	overflow:hidden;
	width:100%;
	max-width:1250px;
	margin:0 auto;
	}

#installateurs {
	float:right;
	width:60%;
	}

#formulairex {
	width:34%;
	padding:3%;
	float:right
	}
	
h3 {
	margin:0;
	padding:0;
	color:#034593;
	text-transform:uppercase;
	font-size:26px;
	line-height:32px;
	text-align:center;
	}

h4 {
	margin:0;
	padding:5px 0;
	font-size:18px;
	font-weight:300;
	text-align:center;
	}

h4 strong {
	font-size:22px;
	} 

ul {
	padding:0px 0;
	margin:0;
	}

#dsl {
	color:#e30115;
	font-weight:bold}

form input, form button, form label {
    font-size:1rem;
	}
	
#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:3rem 5%;
    border-radius:0.25em;
    background-image:linear-gradient(#79dd71, #55c24c);
    color:#fff;
	text-transform:uppercase;
	font-weight:400;
	letter-spacing:1px;
    width:90%;
	margin:2% 0;
	display:inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	}

#last_form input {
	display:block;
    width:90%;
    padding:3% 5%;
	margin:1% 0;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius:0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;	
	}

#last_form button {
	cursor:pointer;
	padding:5% 0;
    border-radius:0.25em;
    background:#3aaa35;
    color:#fff;
    width:100%;
	margin:2% 0;
	display:inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
	border:none
	}

aside {
	overflow:hidden;
	width:98%;
	max-width:1200px;
	margin:0 auto;
	}

#etapes {
	display:block;
	margin:30px 0;
	}

h5 {
	margin:0;
	padding:0;
	font-size:22px;
	font-weight:700;
	text-align:center;
	}

aside ul {
	overflow:hidden;
	padding:0 5%
	}

aside ul li {
	list-style-type:none;
	width:46%;
	margin:2%;
	float:left;
	text-align:center;
	}

aside ul li span {
	display:inline-block;
	color:#3aaa35
	}

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

footer {
	margin-top:40px;
	padding:20px;
	text-align:center;
	background-color:#ededed;
	}

footer p {
	text-align:center;
	}
@media only screen and (max-width:1120px) {	
	h3 {
	font-size:23px;
	line-height:28px;
	margin-top:-5px;
	}

#last_form input {
    padding:2% 5%;
	}
}
@media only screen and (max-width:1000px) {	
header #logo, header #badges {
	float:none;
	margin:10px;
	padding:0;
	border:none;
	display:inline;
	max-height:85px;
	max-width:30%
	}

header #titre {
	padding:0;
	float:none;
	}

header, #qviv {
	display:block;
	text-align:center;
	}

h3 br {
	display:none
	}
	
#installateurs, #formulairex, aside {
	float:none;
	max-width:780px;
	margin:0 auto 20px auto;
	display:block;
	width:96%;
	}
	
#etapes {
	display:none;
	}

section {
	background-color:transparent;
	}

#formulairex {
	border:3px dashed #3aaa35;
	width:90%;
	background-color:#f3f3f3;
	margin-top:20px;
	}

footer img {
	width:300px;
	max-width:90%
	}

#container1 {
	margin:0 10px 30px 10px;
	}
	
}
@media only screen and (max-width:500px) {
h1, h2 strong, h3, h4 strong {
	font-size:25px;
	}

aside ul li {
	width:96%;
	margin:2% auto 5% auto;
	float:none;
	}
}