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

/* ---------------------- Eléments de Formulaire ---------------------------- */

.form_inscription {
	width:70%;
/*	min-height:900px; */
	margin:0px auto;
}

#delegation_label {
	line-height:14px;
}

.input_inscription {
	float:none;
	border:thin #000 1px;
	width:90%;
	height:50px;
	margin:2px 2px 20px 2px;
}

.input_inscription_2 {
	float:none;
	border:thin #000 1px;
	width:90%;
	height:50px;
	margin:2px;
}

.input_inscription_3 {
	float:none;
	border:thin #000 1px;
	width:90%;
	height:50px;
	margin:2px;
}

.input_checkbox_inscription {
	float:none;
	width:100px;
	margin:7px;
}

.g-recaptcha {
margin:0 auto;
width:304px;
text-align:center;
}

.input_textCounter {
	font-size:9px;
	line-height:9px;
}

.text_area_inscription {
	border:thin #000 1px;
	float:none;
	width:90%;
	margin:2px;
}

.text_area_inscription_2 {
	border:thin #000 1px;
	float:none;
	width:90%;
	margin:2px;
}

form.form_inscription fieldset {
border:none;
text-align:center;
}

form.form_inscription legend {
  display: inline;
  float: left;
  color:#000;
}

form.form_inscription label {
display: inline;
float: none;
width: auto;
font-size:1.3em;
color:var(--couleur-1);
font-weight:bold;
}

.radio_inscription {
	float:left;
	height:19px;
	margin-left:43px;
}

.label_radio_inscription {
  display: inline;
  width: auto;
  font-size:7px;
  color:#000;
}

#valider_inscription  {
	height:50px;
	margin: 10px 15%;
	width:70%;
}

.mentions_legales {
	font-size:9px;
	line-height:11px;
	margin-top:25px;
}

#messageErreur {
	margin:0 auto;
	padding:25px;
	background-color:#F00;
	color:#FFF;
	text-align:center;
	width:70%;
}

.block_formulaire {
	display:block;
	width:100%;
	text-align:center;
}

.block_formulaire_gauche {
width:329px;
display:inline-block;
text-align:left;
font-size:12px;
}

.block_formulaire_droite {
width:230px;
display:inline-block;
text-align:right;
}

.block_formulaire_gauche_2 {
width:150px;
display:inline-block;
text-align:left;
font-size:12px;
line-height:14px;
}

.block_formulaire_droite_2 {
width:340px;
display:inline-block;
text-align:right;
}

.block_prive p {
text-align:center;
font-size:1.6em;
padding:75px 15%;
}

.separation {
	height:50px;
	display:block;
	text-align:center;
	margin:0 25px;
}

.separation hr {
	line-height:50px;
	color:#fff;
}

/* ENCART ADRESSE ----------------------------------------------------------- */

.container_map_adress {
display:inline-block;
width:100%;
padding-top:25px;
}

.container_address {
background-color:var(--couleur-1);
color:#fff;
padding:5%;
border-radius:0 50px 0 50px;
text-align:center;
}
.encart_adresse {
display:inline-block;
width:100%;
vertical-align:top;
padding:0;
font-size:1.4em;
}
.icone-encart-adresse {
display:inline-block;
width:30%;
vertical-align:top;
text-align:center;
padding:3%;
}
.icone-encart-adresse:hover {
border-radius:25px;
}
.coordonnees-adresse {
display:inline-block;
text-align:left;
border-left:1px solid var(--couleur-2);
padding:3%;
padding-left:5%;
width:30%;
font-size:1em;	
}
.encart_adresse h2 {
margin-top:0;
background-color:#fff;
color:var(--couleur-1);
text-align:center;
}
.encart_adresse a {
margin-top:0;
color:#fff;
}

.encart_adresse a:hover {
color:#fff;
}



.icone-encart-adresse a[href^="tel"]::before, .icone-encart-adresse a[href^="mail"]::before {
	content:none;
}
#illustration_page_plus_d_infos {
	width:700px;
}

.intro_formulaire {
padding:14px;
text-align:center;
}

#formulaire_demande h1 {
background-color:#fff;
color:var(--couleur-1);
}

@media (max-width: 500px) {

	.titre_plus_d_infos h1, #formulaire_demande h1 {
		text-align:center;
	}

	.input_inscription, .text_area_inscription, .text_area_inscription_2, form.form_inscription fieldset, .block_formulaire {
		width:97%;
		float:none;
		text-align:center;
	}

	.block_formulaire_gauche, .block_formulaire_droite, .block_formulaire_gauche_2, .block_formulaire_droite_2 {
		width:97%;
		display:block;
		text-align:center;
	}

	form.form_inscription label {
		float:none;
	}

	.separation {
		width:75%;
		float:none;
	}

	.container_map_adress {
		width:90%;
		height:auto;
		margin:25px 17px;
	}

	.mentions_legales {
		text-align:center;
	}

	.encart-adresse, .icone-encart-adresse, .coordonnees-adresse {
		width:90%;
		text-align:center;
		padding:13px;
	}

	.coordonnees-adresse {
		border-top:1px solid var(--couleur-2);
		border-left:none;
	}

	#illustration_page_plus_d_infos {
		display:none;
		width:97%;
	}

}

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

	.titre_plus_d_infos h1, #formulaire_demande h1 {
		text-align:center;
	}

	.input_inscription, .text_area_inscription, .text_area_inscription_2, form.form_inscription fieldset, .block_formulaire {
		width:97%;
		float:none;
		text-align:center;
	}

	.block_formulaire_gauche, .block_formulaire_droite, .block_formulaire_gauche_2, .block_formulaire_droite_2 {
		width:97%;
		display:block;
		text-align:center;
	}

	form.form_inscription label {
		float:none;
	}

	.separation {
		width:75%;
		float:none;
	}

	.container_map_adress {
		width:90%;
		height:auto;
		margin:25px 17px;
	}

	.mentions_legales {
		text-align:center;
	}

	.encart-adresse, .icone-encart-adresse, .coordonnees-adresse {
		width:90%;
		text-align:center;
		padding:13px;
	}

	.coordonnees-adresse {
		border-top:1px solid var(--couleur-2);
		border-left:none;
	}

	#illustration_page_plus_d_infos {
		display:none;
		width:97%;
	}

}

@media (min-width: 901px) and (max-width: 1200px) {

	.encart-adresse, .icone-encart-adresse, .coordonnees-adresse {
		width:90%;
		text-align:center;
		padding:13px;
	}

	.coordonnees-adresse {
		border-top:1px solid var(--couleur-2);
		border-left:none;
	}

}

/* MISE EN FORME DU STYLE DU BOUTON POUR AFFICHER LE FORMULAIRE DE CONTACT -------------------------- */

.style_bouton_affiche_formulaire:hover {
	cursor:pointer;
}

.style_bouton_affiche_formulaire h1 {
	background-color:var(--couleur-1);
	color:#fff;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.style_bouton_affiche_formulaire h1:hover {
	background-color:var(--couleur-2);
	color:#fff;
}