/* Feuille de style du Turfu */

/* Classe du contenu de page */
.contenu_de_page {
	color: rgba(255, 255, 255, 0.75);
	margin: 4em 1.5em 3em 1.5em;
}

	.contenu_de_page p,
	.contenu_de_page ul
	{
		/*display: block;*/
		margin-block-start: 1.5em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-size: 0.8em;
		line-height: 1.5em;
		list-style-position: inside;
		list-style-type: square;
	}
	
	.contenu_de_page a {
		border-bottom: dotted 1px;
	}
	
.article_principal {
	border: 1px;
	background-color: rgba(23,97,160,1);
	text-align: left;
	padding: 1em 2em 1em 2em;
	margin-bottom: 2em;
	display: none;
/*	transition: display 3s ease-in-out 2s;*/
}

#image_plus {
	height: 1em;
	cursor: pointer;
	vertical-align: text-bottom;
}

.label_cache {
	display:none;
}

.formulaire_envoi {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch; /*utile pour aligner vers le haut les div*/
	justify-content: space-around;
	align-content: space-between;
}

.formulaire_envoi #col-gauche {
	display: flex;
	padding-left:2em;
	width: 60%;
	justify-content: space-around;
	flex-direction: column;
}

.formulaire_envoi #col-gauche-L1 {
	flex-direction: row;
}

.formulaire_envoi #col-gauche-L2,
.formulaire_envoi #col-gauche-L3,
.formulaire_envoi #col-gauche-L4,
.formulaire_envoi #col-gauche-L5,
.formulaire_envoi #col-gauche-L6
{
	width: 100%;
	margin-top: 2em;
}

.formulaire_envoi #col-gauche-L2 {
	display: flex;
}

.formulaire_envoi #col-gauche-L5,
.formulaire_envoi #col-gauche-L6 {
	padding-left: 2em;
}

.formulaire_envoi #indic {
	padding: 0 1em 0 1em;
	margin-left: 2em;
}

.formulaire_envoi #col-droite {
	padding-left:2em;
	width: 30%;
}

	.formulaire_envoi ul,
	.formulaire_envoi li,
	.formulaire_envoi p {
		display: block;
		margin-block-start: 1.5em;
		margin-block-end: 1em;
		margin-inline-start: 0px;
		margin-inline-end: 0px;
		font-size: 0.9em;
		line-height: 1.1em;
	}

	.formulaire_envoi ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

		.formulaire_envoi #erreurs li:before {
			content: "** ";
			color: red;
		}

		.formulaire_envoi #erreurs li:after {
			content: " **";
		color: red;
		}

input[type=text],
input[type=email],
textarea {
	appearance: none;
	background-color: transparent;
	border-radius: 4px;
	border: solid 1px rgba(255, 255, 255, 0.3);
	display: block;
	padding: 0 1em 0 1em;
	text-decoration: none;
	height: 3em;
	color: rgba(255, 255, 255, 1);
	outline-width: 0px;
	outline-color: red;
}

input[type=date]{
	appearance: none;
	background-color: transparent;
	border-radius: 4px;
	border: solid 1px rgba(255, 255, 255, 0.3);
	display: block;
	padding: 0 0.2em 0 0.2em;
	margin-top: 0.3em;
	text-decoration: none;
	height: 2.2em;
	color: rgba(255, 255, 255, 0.75);
	outline-width: 0px;
	outline-color: red;
}

input[type=checkbox] + label {
	height: 3em;
	margin-top: 1em;
	margin-left: 2em;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {
	border: solid 1px green;
}

input[type=text]::placeholder,
input[type=email]::placeholder,
textarea::placeholder {
	color: #B0FC38;
}

input[type=checkbox] {
	position: absolute;
	opacity: 0;
	top: 0px;
	vertical-align: center;
}

input[type=checkbox] + label:before {
	border: solid 1px rgba(255, 255, 255, 0.3);
	content: '\0000A0';
	display: inline-block;
	font-size: 0.8em;
	/*position: absolute;*/
	top: 0;
	left: 0;
	line-height: 2.25em;
	text-align: center;
	height: 2.25em;
	width: 2.25em;
	border-radius: 4px;
	cursor: pointer;
}

input[type=checkbox]:checked + label:before {
	border: solid 1px rgba(255, 255, 255, 0.3);
	color: white;
	content: '\002714';
}

.formulaire_envoi #prenom,
.formulaire_envoi #email, textarea {
	width: 100%;
	font-size: 0.9em;
	margin-left: 2em;
	margin-top: 1em;
}

textarea {
	height: 20em;
	resize: vertical;
	box-sizing: border-box;
	line-height: 1.75em;
}

.bouton_validation {
	box-shadow: none;
	padding: 1em;
	border-radius: 4px;
	font-weight: 300;
	cursor: pointer;
}

#b1,
#b3 {
	background-color: #173B0B;
	color: #FFFFFF;
}

#email2 {
	appearance: none;
	background-color: transparent;
	border-radius: 4px;
	border: solid 1px rgba(255, 255, 255, 0.3);
	display: block;
	padding: 0 1em 0 1em;
	text-decoration: none;
	height: 3em;
	color: rgba(255, 255, 255, 1);
	outline-width: 0px;
	outline-color: red;
}

#b4 {
	background-color: #E44C65;
	color: #000000;
}