@charset "utf-8";
/* CSS Document */

.conteneur{
			/*width: 100%;*/
			padding: 10px 10px 10px 10px;
			background-color: white;
			
		}
		.divtext{
			text-align: center;
			margin-top: 10px;
			font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			font-size: 20px;
			margin-bottom: 30px;
		}
.divtext2{
			text-align: center;
			margin-top: 10px;
			font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			font-size: 32px;
			margin-bottom: 30px;
			border: 2px solid #0E936C;
			background-color: #A1ECDD;
			padding: 20px;
			border-radius: 8px;
		}
		.grid-container {
		  display: grid;
			gap: 20px;
		  grid-template-columns: 48% 49%;
		}
		.grid-container > div {
		  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		  font-size: 16px;
		}
		input[type=text], input[type=password], input[type=tel], input[type=number], input[type=date], select {
		  width: 100%;
			height: 45px;
		  /*padding: 15px;*/
		  margin: 5px 0 22px 0;
		  display: inline-block;
		  border: none;
		  background: #f1f1f1;
			font-size: 20px;
		}
		textarea {
			width: 99%;
			height: 90px;
		  /*padding: 15px;*/
		  margin: 5px 0 22px 0;
		  display: inline-block;
		  border: none;
		  background: #f1f1f1;
			/*font-size: 20px;*/
			font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		  font-size: 16px;
		}

		input[type=text]:focus, input[type=password]:focus, input[type=phone]:focus, select:focus, textarea:focus {
		  background-color: #ddd;
		  outline: none;
			border: solid 1px #1FB264;
		}
		img{
			width: 100%;
		}
	
		body {
		background-color: #026893;
		margin-left: 20%;
		margin-top: 30px;
		margin-right: 20%;
		}
		.button {
		  background-color: #04AA6D; /* Green */
		  border: none;
		  color: white;
		  padding: 16px 32px;
		  text-align: center;
		  text-decoration: none;
		  display: inline-block;
		  font-size: 16px;
		  margin: 4px 2px;
		  transition-duration: 0.4s;
		  cursor: pointer;
		}
		.button2 {
		  /*background-color: white; */
		  color: #008CBA; 
		  border: 2px solid #008CBA;
			background-color: #D9EFFB;
		}

		.button2:hover {
		  background-color: #008CBA;
		  color: white;
		}
		#quest{
		  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		  font-size: 16px;
		}
		@media only screen and (max-width: 600px) {
			body {
				background-color: #026893;
				margin-left: 10px;
				margin-top: 10px;
				margin-right: 10px;
			}
			.conteneur{
				/*width: 100%;*/
				padding: 10px 20px 10px 20px;
				background-color: white;

			}
			.grid-container {
			  display: grid;
				gap: 10px;
			  grid-template-columns: 100%;
			}
			.grid-container > div {
			  /*padding: 20px 0;*/
			  font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			  font-size: 16px;
			}
			.divtext{
				text-align: center;
				margin-top: 10px;
				font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
				font-size: 16px;
				margin-bottom: 30px;
			}
			input[type=text], input[type=password], input[type=tel], input[type=number], input[type=date], select {
			  width: 100%;
				height: 60px;
			  /*padding: 15px;
			  margin: 5px 0 12px 0;*/
			  display: inline-block;
			  border: none;
			  background: #f1f1f1;
				font-size: 18px;
			}
			textarea {
				width: 99%;
				height: 160px;
			  /*padding: 15px;*/
			  margin: 5px 0 22px 0;
			  display: inline-block;
			  border: none;
			  background: #f1f1f1;
				/*font-size: 20px;*/
				font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
			  font-size: 18px;
			}

			input[type=text]:focus, input[type=password]:focus, input[type=phone]:focus, select:focus, textarea:focus {
			  background-color: #ddd;
			  outline: none;
				border: solid 1px #1FB264;
			}
			
		}