body {
	font-family: 'Lato', sans-serif;
	color:#000;
}
input, textarea {
	font-family: 'Lato', sans-serif;
	text-align:left;
	vertical-align:top; 
	text-transform:none; 
	font-style:normal; 
	text-decoration:none; 
	letter-spacing:0px;
	margin-top:5px;
}
input [type="text"] {
	height:25px;
	line-height:25px;
	background-color:#78b928;
	color:#000;
}

input [type=radio] {
	margin-right:30px;
}
h2 {
	font-style:normal;
	
}
input [type="file"] {
	
}

button {
	background-color:#78b928;
	color:#FFF;
	font-family: 'Lato', sans-serif;
	font-style:italic;
	height:45px;
	border: solid #FFF 1px;

}
button:hover {
	color:#78b928;
	background-color:#FFF;
	border: solid #78b928 1px;

}
.inverse {
		background-color:#FFF;
	color:#78b928;
	font-family: 'Lato', sans-serif;
	font-style:italic;
	height:45px;
	border: solid #78b928 1px;
}
.inverse:hover {
	color:#FFF;
	background-color:#78b928;
	border: solid #FFF 1px;
	
}
.long {
	width:220px;
}

.moyen {
	width:100px;
}

.court{
	width:50px;
}
.logo {
	margin-top:200px;
}

.TitreH3 {
	 color: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    text-rendering: optimizelegibility;
	font-size: 16px;	
	font-style:italic;
	position: relative;
    top: 30px;

}
.TitreH2{
	 color: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    text-rendering: optimizelegibility;
	font-size: 22px;
	position: relative;
    top: 30px;
}

.majuscule{
	text-transform:uppercase;
}

.mention{
	font-size:10px;
}

#rec_wait{
	font-size:30px;
	font-weight: bold;
	width:500px;
	height:50px;
	position:absolute;
    left: 50%;
    top: 50%;
    margin-left: -250px; /* Cette valeur doit être la moitié négative de la valeur du width */
    margin-top: -25px; /* Cette valeur doit être la moitié négative de la valeur du height */

}

#rec_wait img{
	margin-left:5px;
}

.MessageEmail{
	position: relative;
    top: 20px;
	left:15px;
	color:#78b928;
	font-size:20px;
	
}



/* quelques styles d'interactions */
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: #FFF;
  color: #78b928;
}

.js .input-file-trigger {
	float:left;
	margin-right:10px;
	display: block;
	padding: 12px ;
	background-color:#78b928;
	color:#FFF;
	font-family: 'Lato', sans-serif;
	width: 80px;
	border: solid #FFF 1px;
	font-size: 1em;
	transition: all .4s;
	cursor: pointer;
}
.js .input-file {
  position: absolute;
  top: 0; left: 0;

  padding: 14px 0;
  opacity: 0;
  cursor: pointer;
}
 
/* quelques styles d'interactions */
.js .input-file:hover + .input-file-trigger,
.js .input-file:focus + .input-file-trigger,
.js .input-file-trigger:hover,
.js .input-file-trigger:focus {
  background: #FFF;
  color: #78b928;
}
 
/* styles du retour visuel */
.file-return {
  margin: 0;
}
.file-return:not(:empty) {
  margin: 1em 0;
}
.js .file-return {
  font-style: italic;
  font-size: .9em;
}
/* on complète l'information d'un contenu textuel
   uniquement lorsque le paragraphe n'est pas vide */
.js .file-return:not(:empty):before {
  font-style: normal;
  font-weight: normal;
}

@media (max-width: 767px) {
    .logo {
        margin-top:10px;
		
    }
}