body{

	background-color: #FEFEFE;

}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	text-decoration: none;
}

p {
	font-size: 14px !important;
}


/****************************************************************Formulaires*/
/*formulaire horizontal*/

.horizontal-form {
	width: 60%;
	margin: 1% auto;
	padding: 15px;
}




.horizontal-form div {
	display: flex;
	width: 100%;
	margin: 10px auto;
	display: none;

}

.item {
	display: initial !important;
}

.label {
	margin-left: 2%; 
	font-family: roboto,sans-serif; 
	font-size: 13px;
	color: #303030;
}

.conteneur-desirs {
	display: grid !important; 
	grid-template-columns: repeat(2, 1fr); 
	color: forestgreen;
}

.conteneur-perso {
	display: grid !important; 
	grid-template-columns: repeat(3, 1fr); 
	color: forestgreen;
}

.conteneur-perso div {
	display: flex; 
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: 90%; 
	padding: 10px; 
	border-radius: 4px;
}

.conteneur-desirs div {
	display: flex; 
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	width: 90%; 
	padding: 10px; 
	border-radius: 4px;
}

.desir {
	width: 128px;
	height: 110px;
	margin: auto !important;
}

.conteneur-activite {
	display: grid !important;
  grid-template-columns: repeat(3, 1fr);
  color: forestgreen;
  justify-content: space-evenly;
}

.conteneur-activite label {
	margin: 0 !important;
}



.conteneur-activite div {
	display: initial; 
	width: 100%; 
	padding: 20px; 
	text-align: center;
}

.conteneur-activite div  img {
	border-radius: 8px;
	width: 150px;
	 height: 130px;
}

.horizontal-form button {
	margin: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	color: white;
	float: left;
	background: #398E33/*#178DD3*/;
}

.conteneur-bouton {
	margin-left: 30%;
}

.bouton-valider {
	border: none !important; 
	background-color: #02744C;
	color: white;
}

.bouton-annuler {
	border: none !important; 
	background-color: #B60E10;
	color: white;
}

.horizontal-form span, .second-form span {
	color: red;
	font-style: italic;
}


.conteneur-perso div input {
	outline: none !important; 
	border: none; 
	font-size: roboto, sans-serif;
	font-size: 13px;"
}


.horizontal-form div h4 {
	background: none !important;
	text-align: center;
	font-weight: 600;
	font-size: 18px !important;
	color: #10510D/*#178DD3*//*royalblue*/;
	padding-bottom: 3%;
}

.horizontal-form select, .second-form select{
	height: 25px;
	font-size: 14px;
	border-radius: 3px;
	background-color: #02744C/*388A33*/; 
	color:white; 
	border: none;
	display: inline-block; 
	margin-right: 12%; 
	vertical-align: top;
}
.arriere{

	border-radius: 10px;
	background-color: #FBFCFA;
	box-shadow: 6px 6px 0px #F0FFFF;
	margin-left: auto;
    	margin-right: auto;
	width: 1000px;

}
/*******************************************************************Formulaires*/



@media screen and (max-width: 900px) {

		.horizontal-form {
				width: 100%;
		}

		.conteneur-desirs {
			display: grid !important; 
			grid-template-columns: repeat(1, 1fr); 
		  color: forestgreen;
		}

		.conteneur-activite div img {
			border-radius: 8px;
			width: 100px;
		  height: 80px;
		}

		.conteneur-perso {
			display: grid;
			grid-template-columns: repeat(1, 1fr);
		}
		.arriere{

	border-radius: 10px;
	background-color: #FBFCFA;
	box-shadow: 6px 6px 0px #F0FFFF;
	margin-left: auto;
    	margin-right: auto;
	width: 300px;

	}


}