html, body{
font-family: '';
width: 100%;
height: 100%;
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#000000;
background-color: #f0f0f0;background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHhtbG5zOnhsaW5rPSdodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rJyB3aWR0aD0nMjUyLjAwMDAwMDAwMDAwMDAzJyBoZWlnaHQ9JzEzMicgdmlld0JveD0nMCAwIDUwLjQwMDAwMDAwMDAwMDAwNiAyNi40MDAwMDAwMDAwMDAwMDInPgoJPGRlZnM+CgkJPHBhdGggaWQ9J3MnIGZpbGw9JyNmZmZmZmYnIGQ9J00wLDBsNCAybC00LDJ6Jy8+Cgk8L2RlZnM+Cgk8ZyBpZD0nYic+Cgk8dXNlIHg9Jy00JyB5PSctMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScwJyB5PScwLjInIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy00JyB5PScyLjQwMDAwMDAwMDAwMDAwMDQnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzAnIHk9JzQuNjAwMDAwMDAwMDAwMDAwNScgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQnIHk9JzYuODAwMDAwMDAwMDAwMDAxJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzAnIHk9JzknIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTQnIHk9JzExLjInIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nNC4yJyB5PSctMicgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTguMjAwMDAwMDAwMDAwMDAxJyB5PScwLjInIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC42JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nNC4yJyB5PScyLjQwMDAwMDAwMDAwMDAwMDQnIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy04LjIwMDAwMDAwMDAwMDAwMScgeT0nNC42MDAwMDAwMDAwMDAwMDA1JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzQuMicgeT0nNi44MDAwMDAwMDAwMDAwMDEnIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy04LjIwMDAwMDAwMDAwMDAwMScgeT0nOScgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSc0LjInIHk9JzExLjInIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0xMi40MDAwMDAwMDAwMDAwMDInIHk9Jy0yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzguNCcgeT0nMC4yJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0xMi40MDAwMDAwMDAwMDAwMDInIHk9JzIuNDAwMDAwMDAwMDAwMDAwNCcgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjQ0OTk5OTk5OTk5OTk5OTk2JyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nOC40JyB5PSc0LjYwMDAwMDAwMDAwMDAwMDUnIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTEyLjQwMDAwMDAwMDAwMDAwMicgeT0nNi44MDAwMDAwMDAwMDAwMDEnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+CQoJPHVzZSB4PSc4LjQnIHk9JzknIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTEyLjQwMDAwMDAwMDAwMDAwMicgeT0nMTEuMicgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScxMi42MDAwMDAwMDAwMDAwMDEnIHk9Jy0yJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0xNi42JyB5PScwLjInIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nMTIuNjAwMDAwMDAwMDAwMDAxJyB5PScyLjQwMDAwMDAwMDAwMDAwMDQnIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0xNi42JyB5PSc0LjYwMDAwMDAwMDAwMDAwMDUnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzEyLjYwMDAwMDAwMDAwMDAwMScgeT0nNi44MDAwMDAwMDAwMDAwMDEnIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0xNi42JyB5PSc5JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMTUnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScxMi42MDAwMDAwMDAwMDAwMDEnIHk9JzExLjInIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTIwLjgnIHk9Jy0yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgkKCTx1c2UgeD0nMTYuOCcgeT0nMC4yJyBmaWxsLW9wYWNpdHk9JzAuNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0yMC44JyB5PScyLjQwMDAwMDAwMDAwMDAwMDQnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzE2LjgnIHk9JzQuNjAwMDAwMDAwMDAwMDAwNScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMjAuOCcgeT0nNi44MDAwMDAwMDAwMDAwMDEnIHRyYW5zZm9ybT0nbWF0cml4KC0xIDAgMCAxIDAgMCknIGZpbGwtb3BhY2l0eT0nMC40NDk5OTk5OTk5OTk5OTk5NicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzE2LjgnIHk9JzknIGZpbGwtb3BhY2l0eT0nMC4xNScgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0yMC44JyB5PScxMS4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PScyMScgeT0nLTInIGZpbGwtb3BhY2l0eT0nMC4zJyB4bGluazpocmVmPScjcycgLz4KCTx1c2UgeD0nLTI1LjAwMDAwMDAwMDAwMDAwNCcgeT0nMC4yJyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+CQoJPHVzZSB4PScyMScgeT0nMi40MDAwMDAwMDAwMDAwMDA0JyBmaWxsLW9wYWNpdHk9JzAuNicgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9Jy0yNS4wMDAwMDAwMDAwMDAwMDQnIHk9JzQuNjAwMDAwMDAwMDAwMDAwNScgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgZmlsbC1vcGFjaXR5PScwLjMnIHhsaW5rOmhyZWY9JyNzJyAvPgkKCTx1c2UgeD0nMjEnIHk9JzYuODAwMDAwMDAwMDAwMDAxJyBmaWxsLW9wYWNpdHk9JzAuNDQ5OTk5OTk5OTk5OTk5OTYnIHhsaW5rOmhyZWY9JyNzJyAvPgoJPHVzZSB4PSctMjUuMDAwMDAwMDAwMDAwMDA0JyB5PSc5JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgMSAwIDApJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8dXNlIHg9JzIxJyB5PScxMS4yJyBmaWxsLW9wYWNpdHk9JzAuMycgeGxpbms6aHJlZj0nI3MnIC8+Cgk8L2c+Cgk8dXNlIHg9Jy0yNS4wMDAwMDAwMDAwMDAwMDQnIHk9JzEzLjIwMDAwMDAwMDAwMDAwMScgdHJhbnNmb3JtPSdtYXRyaXgoLTEgMCAwIDEgMCAwKScgeGxpbms6aHJlZj0nI2InIC8+Cgk8dXNlIHg9Jy01MC4yJyB5PSctOC44JyB0cmFuc2Zvcm09J21hdHJpeCgtMSAwIDAgLTEgMCAwKScgeGxpbms6aHJlZj0nI2InIC8+Cgk8dXNlIHg9JzI1LjIwMDAwMDAwMDAwMDAwMycgeT0nLTE3LjYnIHRyYW5zZm9ybT0nbWF0cml4KDEgMCAwIC0xIDAgMCknIHhsaW5rOmhyZWY9JyNiJyAvPgoJPHVzZSB4PScyNS4yMDAwMDAwMDAwMDAwMDMnIHk9Jy0zMC44MDAwMDAwMDAwMDAwMDQnIHRyYW5zZm9ybT0nbWF0cml4KDEgMCAwIC0xIDAgMCknIHhsaW5rOmhyZWY9JyNiJyAvPgo8L3N2Zz4K');
}

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, p, td {
	padding: 0;
	margin: 0;
	display: block;	
	color: #000000;
	text-align: center;

}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	text-align: center;
	font-weight: 400;
		padding-top: 2%;

}

h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-align: center;
	font-weight: 100;
	padding:2%;

}
h3{
		padding-top: 5%;

}


strong{
	color:#039A33;
}

a{
	text-decoration: none;
	color:#039A33;
}

#container {
background-color: #fff;
 max-width: 68em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5em;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.3);
}


/* CONNEXION*/

.connexion{
background-color: #f0f0f0;
border: 2px solid #fff;
box-shadow: 2px 2px 2px #888888;
max-width: 30em;
height: 24em;
margin-top: 5%;
margin-left: auto;
margin-right: auto;
 margin-bottom: 1%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}

fieldset {
  border: none;
}

.champ {
   margin: 5%;
  padding: 3%;
  margin-left: 20%;
  font-size: 1em;
  margin-right: auto;
  width: 50%;
  border-radius: 5px;
  display: block;
  box-sizing: content-box;
}

button {
	background-color: #FFFFFF;
	border: 2px solid #039A33;
	border-radius: 10px;
	color: #80878E;
	cursor: pointer;
	font-size: 14px;
	height: 40px;
	line-height: 20px;
	margin: 0px;
	padding: 9px 30px;
	vertical-align: middle;
	width: 15em;
}

button:hover {
/*background: #BCD5A9;*/ /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
}

/* fontawesome*/
.fa {
   margin: 1% !important;
  font-size: 1.3em !important;
}


/* images*/

.right-img {
  width: 290px;
  display: inline-block;

}

.left-img {
  width: 290px;
  display: inline-block;
}
.alignright{
 	margin: 5px;
 	  margin-left: -80%;
} 
.alignleft{
 	margin: 5px ;
 	  margin-right: -80%;
}

.logo img {
	max-width: 150px;
}


/* logos marques*/
.trademark {
	display:block;
	text-align: center;
	background-color: #e0f3fa;
}

.trademark img{
	margin-right: 3%;
	width: 15%;
}


@media screen and (max-width: 640px){
	.alignright{
		margin: 5px 0 5px 20px;
	} 
	.alignleft{
		margin: 5px 0 5px 20px;
	}

	.trademark img{
		margin-right: 3%;
		width: 25%;
	}

}


input::-webkit-inner-spin-button, 
input::-webkit-outer-spin-button { 
	-webkit-appearance: none; 
	margin: 0; 
}

input[type="number"] {
	-moz-appearance:textfield;
}