.contenu form {
	margin: 0 auto;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.contenu form {
		width: 100%;
	}
}

/*.search {
	width: 260px;
	color: #005278;
	font-weight: bold;
	margin: -15px 0 0 5px;
}

.search form {
	margin-top: -6px;
	width: 99%;
}

.search_flat {
	width: 99%;
	text-align: center;
}

.search_flat h2 {
	text-align: left;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.search {
		width: 99.5%;
		margin: 0;
	}

	.search form {
		margin: -6px auto;
	}
}

@media only screen and (max-width: 560px), only screen and (max-device-width: 560px) {
	.search {
		width: 99.5%;
		margin: 0;
	}

	.search form {
		width: 270px;
	}
}*/

input, textarea, select {
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
	font-size: 12px;
	padding: 5px;
	background-color: #E3EDF2;
	border: 1px solid #38687E;
	width: 400px;
	border-radius: 8px;
}

select[name=acceptation_conditions] {
	width: 60px;
}

@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
	input, textarea, select {
		max-width: 99%;
		/* max-width: 260px; */
	}
}

/*
input[name=mots_cles] {
	margin-top: 6px;
}
*/

input[name=captcha] {
	margin-right: 10px;
}

/*input[name=mots_cles],*/
input[name=captcha] {
	width: 175px;
}

input[type=radio], input[type=checkbox] {
	width: 20px;
	vertical-align: middle;
}

@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
	input[name=captcha] {
		width: 150px;
	}
}

/*.search_flat input[name="mots_cles"] {
	margin: 0 40px;
}*/

/*
@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px) {
	.search_flat .bouton_envoi {
		max-width: 170px;
	}
}

@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
	.search_flat input[name="mots_cles"] {
		margin: 10px 0 0 0;
	}

	.search_flat .bouton_envoi {
		margin-left: 45px;
	}
}*/

.ligne_formulaire {
	margin-bottom: 4px;
	padding: 8px;
}

.ligne_formulaire:hover {
	background-color: rgba(215, 221, 242, 0.1);
}

.ligne_formulaire label {
	color: #6a95c7;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.ligne_formulaire textarea {
	width: 99%;
	height: 300px;
}

.ligne_formulaire img {
	vertical-align: middle;
	/*max-width: 100%;*/
}

.ligne_formulaire iconify-icon {
	font-size: 250%;
	margin-top: -5px;
}

.bouton_envoi {
	color: #38687E;
	border: 2px solid;
	background-color: #E3EDF2;
	width: auto;
	font-weight: bold;
	display: block;
	margin: 10px auto; /* auto aligne horizontalement le bouton au centre de son conteneur */
	padding: 8px 20px;
	font-size: 250%;
}

.bouton_envoi_webmaster {
	height: 90px;
	width: 50%;
	font-size: 200%;
	border-radius: 20px;
	margin: 20px auto 0 auto;
	display: block;
}

.bouton_envoi:hover {
	color: #024F23; 
	border: 2px solid;
	cursor: pointer;
	background-color: #B0CDDB; 
}

.champ_obligatoire input, .champ_obligatoire select, .champ_obligatoire textarea {
	border: 2px solid #FF0000;
}

.champ_obligatoire label {
	color: #FF0000;
}

.champ_obligatoire, .champ_obligatoire:hover {
	background-color: #FFD0D0; 
}

.pas_assez_de_caracteres {
	color: #FF0000;
}

.plus_de_caracteres {
	color: #1D6D00;
}

.suggestionsBox {
	margin-top: 10px;
}

.presentation_code {
	width: 100%;
	border: 1px solid #38687E;
	padding: 5px;
	border-radius: 6px;
	background-color: #E3EDF2;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
}

@media only screen and (max-width: 650px), only screen and (max-device-width: 650px) {
	.presentation_code {
		width: 98%;
		font-size: 7px;
	}
}

legend {
	font-weight: bold;
	padding: 0 10px;
	font-size: 120%;
}

legend,
legend a {
	color: #1F5E32;
}

fieldset {
	margin-top: 15px;
}

.action_sur_fiche a {
	color: #1F5E32;
	text-decoration: none;
	float: right;
	border: 1px solid;
	margin: -10px;
	padding: 5px 8px;
	background-color: #E1E1E1;
	border-radius: 15px;
}

.action_sur_fiche a iconify-icon {
	font-size: 250%;
}

.action_sur_fiche a:hover {
	background-color: #C1C1C1;
}

/*************************************
Debut - Personnalisation des checkbox
*************************************/
	d.container_checkbox iconify-icon {
		font-size: 150%;
	}

	label.container_checkbox {
		color: #000000;
		font-weight: normal;
		border-bottom: 1px solid #E1E1E1;
		padding: 3px 0 15px 25px;
	}

	label.container_checkbox:last-child {
		border-bottom: 0;
	}

	.container_checkbox {
		display: block;
		position: relative;
		padding-left: 30px;
		margin-top: 20px;
		margin-bottom: 12px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		width: 99%;
	}

	@media only screen and (max-width: 890px), only screen and (max-device-width: 890px) {
		.container_checkbox {
			width: 38%;
		}
	}

	@media only screen and (max-width: 550px), only screen and (max-device-width: 550px) {
		.container_checkbox {
			width: 90%;
		}
	}

	/* Hide the browser's default checkbox */
	.container_checkbox input {
		position: absolute;
		opacity: 0;
		cursor: pointer;
		height: 0;
		width: 0;
	}

	/* Create a custom checkbox */
	.checkmark {
		position: absolute;
		top: 1px;
		left: 0;
		height: 20px;
		width: 20px;
		background-color: #D6D6D6;
		border: solid 1px #C1C1C1;
	}

	/* On mouse-over, add a grey background color */
	.container_checkbox:hover input ~ .checkmark {
		background-color: #C1C1C1;
	}

	/* When the checkbox is checked, add a blue background */
	.container_checkbox input:checked ~ .checkmark {
		background-color: #2196F3;
	}

	/* Create the checkmark/indicator (hidden when not checked) */
	.checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}

	/* Show the checkmark when checked */
	.container_checkbox input:checked ~ .checkmark:after {
		display: block;
	}

	/* Style the checkmark/indicator */
	.container_checkbox .checkmark:after {
		left: 6px;
		top: 2px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
/***********************************
Fin - Personnalisation des checkbox
***********************************/

/**************************************
Début - Personnalisation des checkbox 2
**************************************/
	input[type="checkbox"].checkbox_2 {
		display: none;
	}

	input[type="checkbox"].checkbox_2 + label {
		box-sizing: border-box;
		display: inline-block;
		width: 3rem;
		height: 1.5rem;
		border-radius: 1.5rem;
		padding:2px;
		background-color: #c0ceda ;
		transition: all 0.5s ;
	}

	input[type="checkbox"].checkbox_2 + label::before {
		box-sizing: border-box;
		display: block;
		content: "";
		height: calc(1.5rem - 4px);
		width: calc(1.5rem - 4px);
		border-radius: 50%;
		background-color: #fff;
		transition: all 0.5s ;
	}

	input[type="checkbox"].checkbox_2:checked + label {
		background-color: #01992C;
	}

	input[type="checkbox"].checkbox_2:checked + label::before {
		margin-left: 1.5rem ;
	}

	.text_checkbox {
		margin: -33px 0 0 60px;
		display: block;
	}
/************************************
Fin - Personnalisation des checkbox 2
************************************/

/*************************************************
Debut - Personnalisation des radio pour les notes
*************************************************/
	.rating_hide {
		display: none;
	}

	.rating_bloc {
		text-align: center;
		position: relative;
		display: inline-block;
	}

	.rating_bloc > label {
		float: right;
		display: inline;
		padding: 0;
		margin: 0;
		position: relative;
		width: 43px;
		cursor: pointer;
		color: #737373;
		font-size: 50px;
	}

	.rating_bloc > label:hover,
	.rating_bloc > label:hover ~ label,
	.rating_bloc > input.rating_radio_btn:checked ~ label {
		color: transparent;
	}

	.rating_bloc > label:hover:before,
	.rating_bloc > label:hover ~ label:before,
	.rating_bloc > input.rating_radio_btn:checked ~ label:before,
	.rating_bloc > input.rating_radio_btn:checked ~ label:before {
		content: "\2605";
		position: absolute;
		left: 0;
		color: #FFD700;
	}
/*************************************************
Fin - Personnalisation des radio pour les notes
*************************************************/

.list_de_choix_categories {
	text-align: center;
	font-size: 120%;
	display: table;
	margin:  0 auto;
}

.list_de_choix_categories > div {
	margin: 10px 3px;
}

.list_de_choix_categories iconify-icon {
	font-size: 200%;
}

.list_de_choix_categories_2 iconify-icon:first-child {
	font-size: 300%;
	/* display: block; */
	margin: 10px auto;
	color: #7E9D7F;
}

.list_de_choix_categories_1 {
	padding: 10px;
	border-radius: 20px;
	min-width: 340px;
	border: 1px solid;
}

.list_de_choix_categories_1,
.list_de_choix_categories_1 a {
	color: #4B72B;
}

.continuer_le_choix_categorie {
	color: #818181;
	background-color: #ECDADA;
}

.list_de_choix_categories_1 a {
	padding: 10px;
	border-radius: 20px;
	text-decoration: none;
	min-width: 340px
}

.choix_categorie {
	background-color: #B2DCB2;
	border: 2px solid;
	font-weight: bold;
}

.choix_categorie,
.choix_categorie a {
	color: #012CAA;
}

/****************************************
Début - Formulaire de recherche de sites
****************************************/
	/*.search_header_flat,
	.search_input,
	.search_carte,
	.search_header_flat h4 {
		border: 1px solid;
	}*/

	.search_header_flat {
		display: flex;
	}

	.search_header_flat h4 {
		display: block;
		margin: 5px 0 10px 0;
	}

	.search_input,
	.search_carte {
		width: 50%;
		text-align: center;
	}

	.search_carte img {
		height: 150px;
	}

	.search_input form {
		margin-top: 40px;
	}

	.search_form {
		height: 35px;
		max-width: 80%;
		font-size: 20px;
	}

	.search_button button iconify-icon {
		font-size: 48px;
	}

	.search_button button {
		border: 0;
		background-color: transparent;
	}
/****************************************
Fin - Formulaire de recherche de sites
****************************************/