body {
			position: relative;
			width: 100%;
			margin: 0 auto;
		}
		p {
			font-family: 'Roboto', sans-serif;
			font-weight: 400;
		}
		.lienCGU {
			text-decoration: underline;
			font-family: 'Roboto', sans-serif;
			font-weight: 700;
			color: rgba(75, 110, 75, 1);
			z-index: 5;
			outline: none;
		}
		.h2, .h3, .h4 {
			margin: 1em 0 0 0;
			font-family: 'Roboto', sans-serif;
			font-size: 1.5em;
			font-weight: 400;
			color: rgba(75, 110, 75, 1);
			text-align: center;
			z-index: 5;
		}
		.h2 {
			font-weight: 700;
			margin: .35em 0 0 0;
		}
		.h3 {
			display: inline-block;
			font-size: 1.15em;
		}
		.h4 {
			width: 30em;
			font-size: .8em;
			font-weight: 700;
			color: #555;
		}
		.formulaire {
			position: relative;
			max-width: 30em;
			margin: 15em auto 0 auto;
			text-align: center;	
		}
		.demiCol, .Col {
			width: 11.65em;
			height: 2.5rem;
			font-family: 'Roboto', sans-serif;
			font-size: 1.125em;
			font-weight: 400;
			color: #555;
			text-align: left;
			border: none;
			border-bottom: solid 2px rgba(75, 110, 75, .75);
			outline: none;
			display: inline;
			margin: 0.5em 0 2em 0;
			padding: .5em 0 0 0;
		}
		.Col, .boutSubmit {
			width: 25em;
		}
		.liste {
			height: 3.3333em;
			width: 25.5em;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			appearance: none;
			cursor: pointer;
		} 
		.boutSubmit {
			height: 3.3333em;
			width: 25.5em;
			margin: 2.5em 0 0 0;
			padding: 0.25em 0 0 0;
			font-family: 'Roboto', sans-serif;
			color: #4b6e4b;
			font-weight: 700;
			font-size: 1.125em;
			background: rgba(75, 75, 75, .25);
			border: none;
			border-radius: .25em;
			transition: .5s;
			cursor: pointer;
			outline: none;
			border: solid 2px rgba(75, 110, 75, 1);
		}
		.boutSubmit:hover{
			background: rgba(75, 110, 75, 1);
			transition: .5s;
			color: #ffffff;
			cursor: pointer;
			outline: none;
			border: solid 2px rgba(75, 110, 75, 0);
		}
		.boutSubmit:active {
			height: 3.3333em;
			border: none;
			color: #ffffff;
			outline: none;
			cursor: pointer;
			border: solid 2px rgba(75, 110, 75, 0);
		}
		.none {
			display: none;
		}
		input {
			cursor: pointer;
			outline: none;
		}
		input[type="radio"]:checked,
		input[type="radio"]:not(:checked) {
			width: 1px;
			height: 1px;
			margin: 0;
			padding: 0;
			opacity: 0;
			position: absolute;
			clip: rect(0 0 0 0);
			clip: rect(0,0,0,0);
			-webkit-appearance: none;
			-moz-appearance: none;
			-o-appearance: none;
			appearance: none;
			opacity: 1;
			cursor: pointer;
		}
		input[type="radio"]+label, input[type="radio"]:focus+label {
			border: none;
			outline: none;
			display: inline;
			margin: 2.5em .5em 0 .5em;
			padding: 1em 0 0 0;
			opacity: 1;
			cursor: pointer;
			border-bottom: solid 2px rgba(75, 110, 75, 0);
			transition: .4s;
		}
		input[type="radio"]:checked+label {
			opacity: 1;
			cursor: pointer;
			border-bottom: solid 2px rgba(75, 110, 75, .75);
			transition: .4s;
		}
		input[type="checkbox"]:checked,
		input[type="checkbox"]:not(:checked) {
			width: 1px;
			height: 1px;
			margin: 0;
			padding: 0;
			opacity: 0;
			position: absolute;
			clip: rect(0 0 0 0);
			clip: rect(0,0,0,0);
			appearance: none;
			opacity: 1;
			cursor: pointer;
		}
		input[type="checkbox"]+label, input[type="checkbox"]:focus+label {
			border: none;
			outline: none;
			display: inline;
			margin: 6em .5em 0 .5em;
			padding: 1em 0 0 0;
			cursor: pointer;
		}
		input[type="checkbox"]:checked+label, input[type="checkbox"]:not(:checked)+label{			
			padding-left: 26px;
		}
		input[type="checkbox"]:checked+label {
			opacity: 1;
			cursor: pointer;
		}
		input[type="checkbox"]+label:before {
			content: '';
			position: absolute;
			left: 4.45em;
			top: 50%;
			width: 16px;
			height: 16px;
			background-color: rgba(75, 75, 75, .35);
			background: linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
			border-radius: 3px;
			border: solid 2px rgba(75, 110, 75, .65);
			transition: .5s;
		}
		input[type="checkbox"]:checked+label:before {
			background-color: rgba(75, 75, 75, .35);
			transition: .2s;
			border-radius: 3px;
			border: solid 2px rgba(75, 110, 75, 0);
		}
		input[type="checkbox"]+label:after {
			content: '';
			position: absolute;
			left: 4.95em;
			top: 30px;
			width: 10px;
			height: 5px;
			border-style: none none solid solid;
			border-color: transparent transparent rgba(75, 110, 75, .75) rgba(75, 110, 75, .75);
			border-width: 0 0 1px 1px;
			transform: rotate(-30deg) scale(0);
			transform-origin: 0 50%;
			transition: .2s;
		}
		input[type="checkbox"]:checked+label:after {
			transform: rotate(-50deg) scale(1.8);
			transition: .2s;
		}
		input::placeholder {
			color: #555;
			opacity: 1;
		}
		.centrer {
			position: relative;
			max-width: 25.5em;
			margin: auto auto auto auto;
			text-align: center;
		}
		.gris h3, .gris {
			color: #555;
		}
		#foo {
			display: none;
		}

		.menu {
			position: relative;
			margin: 0 auto;
			width: 1200px;
			height: 140px;
		}
		.top {
			width: 1200px;
			height: 30px;
		}
		.logo {
			float: left;
			position: relative;
			width: 500px;
			height: 70px;
			margin-right: 100px;
			margin-bottom: 20px;
		}
		.lang {
			float: left;
			width: 20px;
			height: 20px;
			margin-left: 540px; 
		}
		.boutons {
			float: left;
			width: 600px;
			height: 40px;
		}
		.boutonSeul {
			float: left;
			width: 100px;
			height: 30px;
			opacity: .7;
			outline: none;
		}
		.actif {
			opacity: 1;
		}
		.boutonSeul:hover {
			opacity: 1;
			outline: none;
		}
		.boutonCata {
			float: left;
			width: 160px;
			height: 30px;
			margin-left: 420px;
			background-image: url(https://landanger.com/Boutons/Bout_Catalogue_A.png);
		}
		.boutonCata:hover {
			float: left;
			width: 160px;
			height: 30px;
			margin-left: 420px;
			background-image: url(https://landanger.com/Boutons/Bout_Catalogue_B.png);
		}
		.separateur {
			float: left;
			position: relative;
			width: 1200px;
			height: 20px;
		}
		.colGauche {
			position: relative;
			float: left;
			width: 170px;
			margin: 11px 0 0 230px;
		}
		.coordonees {
			font-family: 'Roboto', sans-serif;
			font-size: 11px;
			line-height: 14px;
		}
		.texteFooter {
			font-family: 'Roboto', sans-serif;
			font-size: 10px;
			line-height: 12px;
		}
		.vert {
			color: #1a693b;
		}
		.gras {
			font-weight: 700;
		}
		.imageDevant {
			position: relative;
			float: left;
			width: 150px;
			height: 150px;
			margin-top: 61px;
			margin-bottom: 43px;
		}
		.footer {
			position: relative;
			float: left;
			margin: 0 auto;
			width: 1200px;
			height: 70px;
		}
		.grisClair {
			font-weight: 500;
			color: #2f4f4f;
		}
		.enligne {
			display: inline-block;
		}
		.bouton {
			height: 2.15em;
			width: 25.5em;
			margin: 2.5em 0 0 0;
			padding: 1em 0 0 0;
			font-family: 'Roboto', sans-serif;
			color: #4b6e4b;
			font-weight: 700;
			font-size: 1.125em;
			background: rgba(75, 75, 75, .25);
			border: none;
			border-radius: .25em;
			transition: .5s;
			cursor: pointer;
			outline: none;
			border: solid 2px rgba(75, 110, 75, 1);
			text-align: center;
		}
		.bouton:hover{
			background: rgba(75, 110, 75, 1);
			transition: .5s;
			color: #ffffff;
			cursor: pointer;
			outline: none;
			border: solid 2px rgba(75, 110, 75, 0);
		}
		.bouton:active {
			height: 2.15em;
			border: none;
			color: #ffffff;
			outline: none;
			cursor: pointer;
			border: solid 2px rgba(75, 110, 75, 0);
		}
		.boutonSmall {
			height: 2.15em;
			width: 25.5em;
			margin: 1.5em 0 0 0;
			padding: 1em 0 0 0;
			font-family: 'Roboto', sans-serif;
			color: #4b6e4b;
			font-weight: 700;
			font-size: 1.125em;
			border: none;
			border-radius: .25em;
			transition: .5s;
			cursor: pointer;
			outline: none;
		}
		.liensans {
			text-decoration: none;
		}

		.menuGauche {
			position: fixed;
			min-height: 100%;
			min-width: 250px;
			max-width: 250px;
			left: 0;
			background-color: #ffffff;
			z-index: 10;
		}
		.ombreMenuGauche {
			position: fixed;
			height: 100%;
			width: 2px;
			left: 250px;
			background-color: #cccccc;
			z-index: 11;
		}
		.navigation p {
			font-size: .5em;
		}

		.barreHaute {
			position: fixed;
			float: left;
			min-width: 100%;
			height: 100px;
			top: 0px;
			background-color: #ffffff;
			z-index: 5;
			text-align: center;
		}
		.ombreBarreHaute {
			position: fixed;
			min-width: 100%;
			height: 2;
			top: 100px;
			background-color: #cccccc;
			z-index: 5;
		}

/* Commentaire de démarquation */

#titre {
	width: 100%;
	min-width: 960px;
	height: 100px;
	text-align: center;
	background-color: #e5f0ea;
}
#ombreTitre {
	width: 100%;
	min-width: 960px;
	height: 5px;
	background-color: #c5c5c5;
}
#zoneDepot {
	width: 960px;
	margin: auto;
	min-width: 960px;
	margin-top: 50px;
}



#ligne {
	width: 900px;
	margin-left: 30px;
	height: 75px;
	background-color: #ffffff;
	float: left;
	/* border-bottom: solid 2px rgb(229, 240, 234); */
	border-bottom: solid 2px rgba(75, 110, 75);
	transition: .5s;
}
#ligne:hover {
	transition: .5s;
	border-bottom: solid 2px rgba(75, 110, 75);
	background-color: rgba(75, 110, 75, .5);
}
#ligne:hover h2 {
	color: white;
	transition: .5s;
}
#ligneNew {
	width: 900px;
	margin-left: 30px;
	height: 75px;
	background-color: #e5f0ea;
	float: left;
	/* border-bottom: solid 2px rgb(229, 240, 234); */
	border-bottom: solid 2px rgba(75, 110, 75);
	transition: .5s;
	font-weight: 700;
}
#ligneNew:hover {
	transition: .5s;
	border-bottom: solid 2px rgba(75, 110, 75);
	background-color: rgba(75, 110, 75, .5);
}
#ligneNew:hover h2 {
	color: white;
	transition: .5s;
}
.logoLigne {
	position: absolute;
	float: left;
	width: 100px;
	margin-top: 8px;
	padding-top: .5em;
	padding-left: 1.5em;
	color: white;
}

.description {
	position: absolute;
	float: left;
	width: 760px;
	margin-top: 8px;
	margin-left: 100px;
}