/*************************************/
/* Mise en page individuelle du site */
/*************************************/

/* ---------- Formatage individuel - Page Accueil ---------- */
.separateur_paragraphe {
	width: 45%;
	margin: auto;
}

@media only screen and (max-width: 600px) {
	.Retrait_Espace {
		padding-left: 10px;
	}
}

/* ---------- Formatage individuel - Page Actualités ---------- */

#bloc_txt_actu {
	margin-top: 60px;
}

#IMG_actu_1 { max-width: 411px; }
#IMG_actu_2 { max-width: 533px; }

#bloc_txt_actu figure img {
	width: 100%;
	height: auto;
}

#bloc_txt_actu figure {
	margin: auto;
}

.bloc_actu_impair { background: #e0e1f0; }

.bloc_actu_pair { background: #e9faeb; }

.date_actu {
	width: 165px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-left: 3px;
}

.titre_actu {
	max-width: 745px;
	display: inline-block;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
}

.description_actu p, .description_actu li {
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 7px;
	color: #535353;
}

.separe_actu {
	max-width: 400px;
	margin: auto;
	color: #007f7f;
	border-top-style: double;
}

/* ---------- Formatage individuel - Page Film automobile ---------- */

.txt_img_SecuAuto {
	width: auto;
	height: ;
}

.txt_SecuAuto {
	width: 70%;
	height: auto;
	display: inline-block;
}

@media only screen and (max-width: 1140px) {
	.txt_SecuAuto { width: 65%; }
}

@media only screen and (max-width: 976px) {
	.txt_SecuAuto { width: 58%; }
}

@media only screen and (max-width: 814px) {
	.txt_SecuAuto { width: auto; }
}

.img_SecuAuto {
	max-width: 300px;
	margin-left: 2%;
	display:inline-block;
}

.img_SecuAuto img {
	width: 100%;
	height: auto;
}

.ConteneurGeneral_video {
	width: auto;
	height: auto;
	margin: auto;
	text-align: center;
}

.Cadre_Video_auto {
	max-width: 350px;
	height: auto;
	padding: 0px;
	margin: auto 1.6%;
	display: inline-block;
	
}

@media only screen and (max-width: 400px) {
	.Cadre_Video_auto {
		margin: auto;		
	}
}

/* ---------- Formatage individuel - Page Économies carburant ---------- */


/* ---------- Formatage individuel - Page Vitres teintées ---------- */
#txt_vitres_teintes {
	width: 60%;
	height: auto;
	margin-right: 2.4%;
	vertical-align: top;
	display: inline-block;
}

#img_vitres_teintes {
	width: 37%;
	min-height: 356px;
	vertical-align: top;
	display: inline-block;
}

@media only screen and (max-width: 920px) {
	#txt_vitres_teintes, #img_vitres_teintes {
		display: block;
		margin: auto;
	}
	#txt_vitres_teintes {
		width: auto;
	}
	#img_vitres_teintes {
		width: 100%;
		max-width: 416px;
		min-height: auto;
	}
}

#img_vitres_teintes img {
	width: 100%;
	height: auto;
}

.intro_simul {
	font-family: 'eras_bold_itcregular', 'Arial', 'Sans-serif';
	font-size: 2.2em;
	color: #000000;
	width: auto;
	text-align: center;
	margin-top: 35px;
}

@media only screen and (max-width: 920px) {
	.intro_simul {
		font-size: 20px;
	}
}

#txt_eblouissement {
	width: 57.5%;
	min-height: 240px;
	margin: auto 2% auto auto;
	display: inline-block;
	vertical-align: top;
}

#img_eblouissement {
	width: 40%;
	min-height: 240px;
	margin: auto;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

@media only screen and (max-width: 860px) {
	#txt_eblouissement, #img_eblouissement {
		display: block;
		margin: auto;
	}
	#txt_eblouissement {
		width: auto;
		height: auto;
	}
	#img_eblouissement {
		width: 100%;
		max-width: 450px;
	}
}

#img_eblouissement img {
	width: 89%;
	height: auto;
}

#img_thermof {
	width: auto;
	min-height: 250px;
	margin: auto;
	text-align: center;
}

#img_thermof figure {
	max-width: 350px;
	min-height: 250px;
	margin: 30px 4.45% auto 4.45%;
	text-align: center;
	display: inline-block;
	vertical-align: top;
}

@media only screen and (max-width: 912px) {
	#img_thermof figure {
		margin: 30px 2% auto 2%;
	}
}

#img_thermof img {
	width: 100%;
	height: auto;
}

#img_reglementationVT {
	max-width: 550px;
	height: auto;
	margin: auto;
	text-align: center;
}

#img_reglementationVT img {
	width: 100%;
	height: auto;
}

/* ---------- Formatage individuel - Page Film bâtiment ---------- */

.txt_img_bat {
	width: auto;
	min-height: 360px;
}

.txt_bat {
	width: 68.56%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

.txt_bat h3 {
	overflow: visible;
	max-width: 900px;
}

.img_bat {
	width: 26.71%;
	max-height: 289px;
	display: inline-block;
	vertical-align: top;
	margin-left: 4%;
}

.img_bat img {
	width: 100%;
	height: auto;
}

.FilmBat_sep {
	width: 30%;
	margin: 50px auto 20px 15%;
}

@media only screen and (max-width: 900px) {
	.txt_bat { width: 60.27%; }
	.img_bat { width: 35%; }
}
@media only screen and (max-width: 700px) {
	.txt_bat { display: block; width: auto; }
	.img_bat { display: block; width: auto; max-width: 300px; max-height: 100%; margin: auto; }
	.FilmBat_sep { margin: 50px auto 20px auto; }
}

.img_BatSecu {
	width: auto;
	min-height: 170px;
	text-align: center;
}

.img_BatSecu figure {
	width: auto;
	min-height: 170px;
	margin: auto 20px 30px 20px;
	display: inline-block;
}

/* ---------- Formatage individuel - Page Économies d'énergie ---------- */

.bloc_txt_img_eco_ener {
	width: auto;
	min-height: 300px;
}

.bloc_txt_eco_ener {
	width: 60.55%;
	height: auto;
	display: inline-block;
	margin: 15px 15px 0px 0px;
}

.bloc_img_eco_ener {
	width: 35.62%;
	height: auto;
	padding: 0px;
	display: inline-block;
	vertical-align: top;
	margin-left: 15px;
}

.bloc_img_eco_ener img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 945px) {
	.bloc_txt_eco_ener { width: 100%; display: block; margin: auto; }
	.bloc_img_eco_ener { width: 100%; max-width: 400px; display: block; margin: auto;}
	.liste_EcoBat ul { padding-left: 10px; }
}

/* ---------- Formatage individuel - Page Film 4 saisons ---------- */

.chaleur_radiante {
	width: auto;
	height: auto;
	margin: auto auto 28px auto;
	text-align: center;
}

.chaleur_radiante figure {
	width: 40.08%;
	height: auto;
	display: inline-block;
}

.chaleur_radiante figure img {
	width: 100%;
	height: auto;
}

#Img_ChRad1 { margin-right: 2.67%; }
#Img_ChRad2 { margin-left: 2.67%; }

@media only screen and (max-width: 770px) {
	.chaleur_radiante figure {
		width: 100%;
		max-width: 450px;
		height: auto;
		display: block;
	}
	#Img_ChRad1 { margin: auto auto 30px auto; }
	#Img_ChRad2 { margin: 30px auto auto auto; }
}

.bloc_txt_4saisons {
	width: 100%;
	height: auto;
	display: inline-block;
	margin-bottom: 1px;
}

.bloc_img_4saisons {
	width: 100%;
	height: auto;
	padding: 0px;
	margin-top: 32px;
	text-align: center;
}

.bloc_img_4saisons figure {
	width: 100%;
	max-width: 300px;
	height: auto;
	margin: 0 2%;
	display: inline-block;
}
.bloc_img_4saisons img {
	width: 100%;
	max-width: 300px;
	height: auto;
}

@media only screen and (max-width: 800px) {
	.bloc_txt_4saisons {
		width: 100%;
		height: auto;
		display: block;
		margin: auto;
	}

	.bloc_img_4saisons {
		width: 100%;
		max-width: 300px;
		height: auto;
		padding: 0px;
		float: none;
		margin: 32px auto auto auto;
	}
}

.Cadre_Video_4s {
	max-width: 420px;
	height: auto;
	padding: 0px;
	margin: auto 1.8%;
	display: inline-block;
	vertical-align: top;
}

@media only screen and (max-width: 500px) {
	.Cadre_Video_4s {
		margin: auto 0px;
	}
}

/* ---------- Formatage individuel - Page Film solaire ---------- */

#txt_vue_solaire {
	width: 55%;
	max-width: 715px;
	height: auto;
	vertical-align: top;
	display: inline-block;
}

#img_vue_solaire {
	max-width: 416px;
	/*min-height: 349px;*/
	vertical-align: top;
	/*float: right;*/
	margin-left: 3%;
	display: inline-block;
}

#img_vue_solaire img {
	width: 100%;
	max-width: 416px;
	height: auto;/*302px*/
}

@media only screen and (max-width: 1054px) {
	#txt_vue_solaire {
		width: auto;
		max-width: 100%;
		display: block;
	}

	#img_vue_solaire {
		max-width: 416px;
		margin: auto;
		display: block;
	}
}


/* ---------- Formatage individuel - Page Film sécurité ---------- */


/* ---------- Formatage individuel - Page Film décoratif ---------- */

.bloc_img_deco {
	width: auto;
	min-height: 340px;
	text-align: center;
}

.img_deco {
	max-width: 300px;
	height: auto;
	display: inline-block;
	vertical-align: top;
	margin: auto 15px 30px 15px;
}

.img_deco img {
	width: 100%;
	height: auto;
}

.bloc_deco_solaire {
	width: auto;
	min-height: 300px;
	text-align: center;
}

.img_DecoSol {
	max-width: 400px;
	height: auto;
	display: inline-block;
	margin: 0px 5% 30px 5%;
}

.img_DecoSol img {
	width: 100%;
	height: auto;
}

/* ---------- Formatage individuel - Page Visualisation des vitrages ---------- */

/* ---------- Formatage individuel - Page Stores et panneaux japonais ---------- */

.txt_img_store {
	width: auto;
	min-height: 360px;
}

.txt_store {
	width: 68.56%;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

.txt_store h3 {
	overflow: visible;
	max-width: 900px;
}

.img_store {
	width: 26.71%;
	max-height: 289px;
	display: inline-block;
	vertical-align: top;
	margin-left: 4%;
}

.img_store img {
	width: 100%;
	height: auto;
}

.StoreBat_sep {
	width: 30%;
	margin: 50px auto 20px 20%;
}

@media only screen and (max-width: 900px) {
	.txt_store { width: 60.27%; }
	.img_store { width: 35%; }
}
@media only screen and (max-width: 700px) {
	.txt_store { display: block; width: auto; }
	.img_store { display: block; width: auto; max-width: 300px; max-height: 100%; margin: auto; }
	.StoreBat_sep { margin: 50px auto 20px auto; }
}

.img_ChoixStore {
	width: auto;
	min-height: 170px;
	text-align: center;
}

.img_ChoixStore figure {
	width: auto;
	min-height: 170px;
	margin: auto 20px 30px 20px;
	display: inline-block;
}

.img_ChoixStore img {
	width: 100%;
	height: auto;
}

/* ---------- Formatage individuel - Page Moustiquaires ---------- */
.img_moustiquaire_rapide, .img_moustiquaire_pince, .img_moustiquaire_percage {
	margin-top: 50px;
	text-align: center;
}

.img_moustiquaire_rapide figure, .img_moustiquaire_percage figure {
	max-width: 300px;
	height: auto;
	margin: 10px;
	display: inline-block;
	vertical-align: top;
}

.bloc_img_moustiquaire_pince2 figure {
	margin: 50px 10px auto 10px;
	max-width: 300px;
	height: auto;
	display: inline-block;
	vertical-align: top;
}

.img_moustiquaire_rapide img, .bloc_img_moustiquaire_pince2 img, .img_moustiquaire_percage img {
	width: 100%;
	max-width: 300px;
	height: auto;
}

.bloc_img_moustiquaire_pince img {
	width: 100%;
	max-width: 685px;
	height: auto;
}

.MoustiquaireBat_sep {
	width: 30%;
	margin: 30px auto;
}

@media only screen and (max-width: 1125px) {
	.img_moustiquaire_rapide figure, .img_moustiquaire_percage figure {
		margin-top: 50px;
	}
}

.Cadre_Video_moustiquaire {
	max-width: 560px;
	height: auto;
	padding: 0px;
	margin: auto;
}

@media only screen and (max-width: 590px) {
	.Cadre_Video_moustiquaire {
		margin: auto;
	}
}

/* ---------- Formatage individuel - Page contact ---------- */
#bloc_coord_form {
	width: auto;
	min-height: 800px;
	margin: auto;
}

#coordonnées {
	display: inline-block;
	vertical-align: top;
	margin-left: 3.12%;
}

.coord_gps {
	position: relative;
	top: 5px;
	padding: 0px 6px 0px 2px;
	background: #d9ddf7;
}

#formulaire {
	float: right;
	vertical-align: top;
	margin-right: 3.12%;
}
/*
.zone_txt_mail {
	border: 1px solid #3F6380;
	background-color: #EBE8F2;
	background-image:	-webkit-linear-gradient(top, #EBE8F2 30%, #ffffff 100%);
	background-image:	-moz-linear-gradient(top, #EBE8F2 30%, #ffffff 100%);
	background-image:	-ms-linear-gradient(top, #EBE8F2 30%, #ffffff 100%);
	background-image:	-o-linear-gradient(top, #EBE8F2 30%, #ffffff 100%);
	background-image:	linear-gradient(top, #EBE8F2 30%, #ffffff 100%);
}
*/
#bloc_info_contact {
	width: 75%;
	margin: 10px auto;
	padding: 10px 0 20px 0;
	border: 1px solid #8c2424;
	text-align: center;
}

/* Début nouvelles modifs */
#Formulaire_Contact .zone_txt_mail {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(204, 204, 204);
	border-radius: 4px;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
	box-sizing: border-box;
	color: rgb(85, 85, 85);
	font-family: 'Open regular','Helvetica','Arial','sans-serif';
	font-size: 14px;
	font-weight: 400;
	transition-delay: 0s, 0s;
	transition-duration: 0.15s, 0.15s;
	transition-property: border-color, box-shadow;
	transition-timing-function: ease-in-out, ease-in-out;
}

#Formulaire_Contact input , #Formulaire_Contact select {
	height: 25px;
}

#Formulaire_Contact select {
	width: 100%;
	max-width: 325px;
}

#Formulaire_Contact #MessageClient {
	width: 420px;
	height: 200px;
}

#Formulaire_Contact label {
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	font-family: 'LatinModernRoman10Bold','Helvetica','Arial','sans-serif';
	font-size: 0.9em;
}

#ZoneRobot label {
	position: relative;
	bottom: 7px;
}
/* Fin nouvelles modifs */

@media only screen and (max-width: 1045px) {
	#coordonnées {
		margin-left: 15px;
	}
	#formulaire {
		margin-right: 15px;
	}
}

@media only screen and (max-width: 1000px) {
	#coordonnées ul {
		padding-left: 15px;
	}
	#coordonnées {
		margin-left: 5px;
	}
	#formulaire {
		margin-right: 5px;
	}
}

@media only screen and (max-width: 930px) {
	#coordonnées {
		margin-left: 5px;
		display: block;
	}
	#formulaire {
		margin: 60px auto;
		float: none;
		display: block;
	}
}

@media only screen and (max-width: 500px) {
	.CoordGeo {
		display: block;
	}
	.CoordGeo_disparait {
		display: none;
	}
	
	.coord_gps {
		padding: 0px;
	}
}

@media only screen and (max-width: 480px) {
	#Formulaire_Contact #MessageClient {
		width: auto;
		width: 100%;
	}
}

@media only screen and (max-width: 445px) {
	.Jour, .Heure {
		display: block;
	}
}

@media only screen and (max-width: 400px) {
	#MessageClient, #ObjetClient {
		width: 100%;
	}
	.CP, .Ville, #CpClient, #VilleClient {
		display: block;
	}
	#CpClient, #VilleClient {
		margin-top: 4px;
	}
	.CP, .Ville {
		margin-top: 16px;
	}
}

.bouton_valide:hover, .bouton_efface:hover, .bouton_bloc_itineraire:hover, .bouton_exe_itineraire:hover {
	cursor: pointer;
}

.bouton_valide {
	border: 1px solid #263a0a;
	box-shadow: 0px 4px 0px #263a0a;
	border-radius: 8px;
	background-color: #38540E;
	background-image:	-webkit-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-moz-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-ms-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-o-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	linear-gradient(top, #76AB27 30%, #38540E 100%);
	color: white;
	width: 90px;
	height: 32px;
	margin-right: 10px;
	letter-spacing: 1px;
	vertical-align: bottom;
}

.bouton_valide:active{
	position: relative;
	top: 2px;
	box-shadow: 0px 2px 0px #263a0a;
}

.bouton_efface {
	border: 1px solid black;
	box-shadow: 0px 4px 0px black;
	border-radius: 8px;
	background-color: #494949;
	background-image:	-webkit-linear-gradient(top, #6f6f6f 30%, #494949 100%);
	background-image:	-moz-linear-gradient(top, #6f6f6f 30%, #383636 100%);
	background-image:	-ms-linear-gradient(top, #6f6f6f 30%, #494949 100%);
	background-image:	-o-linear-gradient(top, #6f6f6f 30%, #494949 100%);
	background-image:	linear-gradient(top, #6f6f6f 30%, #494949 100%);
	color: white;
	width: 80px;
	height: 30px;
	margin-left: 10px;
	letter-spacing: 1px;
	vertical-align: bottom;
}

.bouton_efface:active{
	position: relative;
	top: 2px;
	box-shadow: 0px 2px 0px black;
}

.bouton_bloc_itineraire {
	border: 1px solid #031928;
	box-shadow: 0px 4px 0px #031928;
	border-radius: 8px;
	background-color: #1B3447;
	background-image:	-webkit-linear-gradient(top, #4F7089 30%, #1B3447 100%);
	background-image:	-moz-linear-gradient(top, #4F7089 30%, #1B3447 100%);
	background-image:	-ms-linear-gradient(top, #4F7089 30%, #1B3447 100%);
	background-image:	-o-linear-gradient(top, #4F7089 30%, #1B3447 100%);
	background-image:	linear-gradient(top, #4F7089 30%, #1B3447 100%);
	color: white;
	width: 200px;
	height: 32px;
	margin-right: 10px;
	letter-spacing: 1px;
}

.bouton_bloc_itineraire:active {
	position: relative;
	top: 2px;
	box-shadow: 0px 2px 0px #031928;
}

.bouton_exe_itineraire {
	border: 1px solid #263a0a;
	box-shadow: 0px 4px 0px #263a0a;
	border-radius: 8px;
	background-color: #38540E;
	background-image:	-webkit-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-moz-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-ms-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-o-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	linear-gradient(top, #76AB27 30%, #38540E 100%);
	color: white;
	width: 180px;
	height: 32px;
	margin-left: 60px;
	letter-spacing: 1px;
	vertical-align: bottom;
}

.bouton_exe_itineraire:active {
	position: relative;
	top: 2px;
	box-shadow: 0px 2px 0px #263a0a;
}

#bloc_itineraire fieldset {
	width: 65%;
}

#bloc_itineraire legend {
	font-family: 'LatinModernRoman10Regular', Times New Roman, Sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.6px;
	color: #3f6380;
}

@media only screen and (max-width: 905px) {
	.Adr_depart input, .IsoLocA select {
		width: 100%;
	}
	.bouton_exe_itineraire {
		display: block;
		margin: 60px auto 10px auto;
	}
}

@media only screen and (max-width: 600px) {
	#bloc_itineraire fieldset {
		width: auto;
	}
}

/* ---------- Formatage individuel - Page Mentions légales ---------- */

#liste_mentions li {
	list-style-type: circle;
}

@media only screen and (max-width: 600px) {
	#liste_mentions {
		padding-left: 10px;
	}
}

/* ---------- Formatage individuel - Page devis ---------- */
.Titre_Devis {
	text-align: center;
	font-size: 2.5em;
}

@media only screen and (max-width: 800px) {
	.Titre_Devis { font-size: 20px; }
}

.N_etape {
	font-size: 2em;
	margin: 0px 5px 0px 0px;
	padding: -10px 0px 0px 0px;
}

.Titre_etape {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}

.Bloc_requis {
	text-align: right;
	margin: 0px 0px -19px 0px;
	padding: 0px;
}

.Bloc_requis p{
	font-style: italic;
	font-size: 0.8em;
	color: #DB0003;
	margin: 0px;
	padding: 0px;
}

.Etoile_requis {
	font-size: 0.7em;
	color: #DB0003;
}

#bloc_formulaire_vitrage {
		text-align: center;
	}

#coord_personne p, #besoin_client p, .Caracteristique_vitrage p, .fabricant_vitrage p, .donnees_chassis p, .occultation p, .ombrage p, .reverberation p, #intervention p {
		text-align: left;
	}

@media only screen and (max-width: 1024px) {
	#coord_personne p, #intervention p, #besoin_client p, .Caracteristique_vitrage p, .fabricant_vitrage p, .donnees_chassis p, .occultation p, .ombrage p, .reverberation p  {
		text-align: center;
	}
}

#bloc_formulaire_vitrage fieldset {
	margin-top: 50px;
}

.FAQ {
	width: 25px;
	height: 25px;
	margin: auto 10px;
	padding: 0px;
	text-align: center;
	cursor: pointer;
	position: absolute;
}

.FAQ img {
	vertical-align: bottom;
	margin: 0px;
	padding: 0px;
}

#coord_personne label {
	display: block;
	min-width: 150px;
	float: left;
	text-align: right;
}

.FormatLabel {
	display: inline-block;
	float: none;
	min-width: 30px;
	margin: auto;
}

#coord_personne, #intervention, #besoin_client, .GroupeVitrage, .bloc_ombrage fieldset, .bloc_vitrage fieldset {
	padding-right: 0px;
	padding-left: 0px;
}

.Bloc_ChoixBesoin label {
	display: block;
	/*min-width: 90px;*/
	float: left;
	text-align: right;
	margin-left: 15px;
	margin-right: 0px;
}

.Caract_lumiere label {
	display: block;
	min-width: 215px;
	float: left;
	text-align: right;
}

.Bloc_Lumiere label {
	display: block;
	min-width: 270px;
	float: left;
	text-align: right;
}

.Caract_UV label {
	display: block;
	min-width: 240px;
	float: left;
	text-align: right;
}

.Caract_Secu label {
	display: block;
	min-width: 210px;
	float: left;
	text-align: right;
}

.Caract_Vandale label {
	display: block;
	min-width: 310px;
	float: left;
	text-align: right;
}

.Caracteristique_vitrage label {
	display: block;
	min-width: 180px;
	float: left;
	text-align: right;
}

.fabricant_vitrage label {
	display: block;
	min-width: 200px;
	float: left;
	text-align: right;
}

.donnees_chassis label {
	display: block;
	min-width: 170px;
	float: left;
	text-align: right;
}

.occultation label {
	display: block;
	min-width: 210px;
	float: left;
	text-align: right;
}

.ombrage label {
	display: block;
	min-width: 240px;
	float: left;
	text-align: right;
}

.reverberation label {
	display: block;
	min-width: 210px;
	float: left;
	text-align: right;
}

#intervention label {
	display: block;
	min-width: 160px;
	float: left;
	text-align: right;
}

.zone input, .zone textarea, .zone select {
	margin: auto auto auto 15px;
}

.zone input, .zone select, .fieldset_vitrage input, .fieldset_vitrage select{
	height: 25px;
}

.fieldset_vitrage {
	margin-right: 10px;
	margin-left: 10px;
}

#Monsieur {
	margin-right: 20px;
}

#Monsieur, #Madame {
	height: 10px;
}

.ZoneTampon {
	background-color: #C7FCE6;
	background-color: rgba(199, 252, 230, 0.7);
}

.Autre_Traitement {
	margin: auto auto auto 28px;
}

.bloc_civilite {
	margin-left: 125px;
}

.ratio_civilite {
	margin: auto 15px auto 15px;
}

@media only screen and (max-width: 1024px) {
	.FormatLabel {
		display: inline;
	}
	
	.FormatLabel label {
		width: 100%;
		float: none;
		margin: auto;
		text-align: center;
	}
}

@media only screen and (max-width: 1024px) {
	#coord_personne label, #besoin_client label, .Caract_lumiere label, .Caract_UV label, .Caracteristique_vitrage label, .fabricant_vitrage label, .donnees_chassis label, .occultation label, .ombrage label, .reverberation label, #intervention label {
		width: 100%;
		float: none;
		margin: auto;
		text-align: center;
	}

	#bloc_formulaire_vitrage input, #bloc_formulaire_vitrage textarea, #bloc_formulaire_vitrage select {
		margin: 10px auto;
	}
	
	.zone .zone_ratio_devis {
		width: 40px;
		height: 40px;
	}

	.Autre_Traitement {
		margin: auto;
	}

	.bloc_civilite {
		margin-left: auto;
	}

	.FAQ {
		position: initial;
	}

	.FAQ img {
		vertical-align: middle;
		margin: 0px;
		padding: 0px;
	}
}

.bloc_champ_coord {
	width: auto;
	margin: auto;
	padding: 0px;
}

#info_personne {
	display: inline-block;
	margin: auto 3% auto auto;
	vertical-align: top;
	min-width: 25%;
	height: auto;
}

#adresse_personne {
	display: inline-block;
	margin: 40px auto auto auto;
	vertical-align: top;
	min-width: 25%;
	height: auto;
}

@media only screen and (max-width: 940px) {
	#info_personne {
		margin: auto;
		display: block;
		width: auto;
	}

	#adresse_personne {
		margin: 42px auto auto auto;
		display: block;
		width: auto;
	}
}

.bloc_data_ZoneIntervention {
	width: auto;
	margin: auto;
	padding: 0px;
}

.Bloc_ChoixBesoin {
	margin: auto;
	vertical-align: top;
	max-width: 70%;
	height: auto;
}

.Caract_lumiere {
	/*display: inline-block;*/
	display: none;
	margin: auto 0.5% auto 0.5%;
	vertical-align: top;
	min-width: 50.5%;
	max-width: 565px;
	height: auto;
}

.Caract_energ {
	/*display: inline-block;*/
	display: none;
	margin: auto 0.5% auto 0.5%;
	vertical-align: top;
	min-width: 45%;
	max-width: 500px;
	height: auto;
}

.Caract_UV {
	/*display: inline-block;*/
	display: none;
	margin: auto 0.5% auto 0.5%;
	vertical-align: top;
	min-width: 51%;
	max-width: 574px;
	height: auto;
}

.Caract_Deco {
	/*display: inline-block;*/
	display: none;
	margin: auto 0.5% auto 0.5%;
	vertical-align: top;
	min-width: 40%;
	max-width: 450px;
	height: auto;
}

.Caract_Secu {
	/*display: inline-block;*/
	display: none;
	margin: auto 0.5% auto 0.5%;
	vertical-align: top;
	min-width: 43%;
	max-width: 465px;
	height: auto;
}

.Caract_Vandale {
	/*display: inline-block;*/
	display: none;
	margin: auto 0.5% auto 0.5%;
	vertical-align: top;
	min-width: 40%;
	max-width: 590px;
	height: auto;
}

#zone_p1 {
	display: inline-block;
	margin: auto 3% auto auto;
	vertical-align: top;
	min-width: 25%;
	height: auto;
}

#zone_p2 {
	display: inline-block;
	margin: auto auto auto 3%;
	vertical-align: top;
	min-width: 52.5%;
	max-width: 558px;
	height: auto;
}

@media only screen and (max-width: 1183px) {
	#zone_p1 {
		margin: auto 2% auto auto;
	}
	#zone_p2 {
		margin: auto auto auto 2%;
	}
}

@media only screen and (max-width: 1049px) {
	#zone_p1 {
		margin: auto 1% auto 0px;
	}
	#zone_p2 {
		margin: auto 0px auto 1%;
	}
}

@media only screen and (max-width: 1032px) {
	#zone_p1, #zone_p2 {
		margin: auto;
		display: block;
		width: auto;
	}
	#zone_p2 {
		margin-top: 40px;
	}
}

.bloc_verre_lame {
	display: inline-block;
	margin: auto 10px auto auto;
	vertical-align: top;
	min-width: 40%;
	max-width: 450px;
	height: auto;
}

.bloc_fabricant_chassis {
	display: inline-block;
	margin: auto auto auto 10px;
	vertical-align: top;
	min-width: 54%;
	max-width: 600px;
	height: auto;
}

#img_IDvitrage {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 971px) {
	.bloc_verre_lame, .bloc_fabricant_chassis {
		margin: auto;
		display: block;
		width: auto;
	}
}

.bloc_occultation {
	display: inline-block;
	margin: auto;
	vertical-align: top;
	min-width: 30%;
	height: auto;
}

.bloc_ombrage {
	display: inline-block;
	margin: auto 0.5%;
	vertical-align: top;
	min-width: 30%;
	height: auto;
}

.bloc_reverberation {
	display: inline-block;
	margin: auto;
	vertical-align: top;
	min-width: 30%;
	height: auto;
}

@media only screen and (max-width: 1188px) {
	.bloc_ombrage {
		min-width: 30%;
	}
}

@media only screen and (max-width: 1147px) {
	.bloc_reverberation {
		margin: auto;
		display: block;
		width: auto;
	}

	.bloc_occultation {
		margin: auto 2% auto auto;
		min-width: 47%;
	}

	.bloc_ombrage {
		margin: auto auto auto 20px;
		min-width: 47%;
	}
}

@media only screen and (max-width: 793px) {
	.bloc_occultation, .bloc_ombrage {
		margin: auto;
		display: block;
		width: auto;
	}
}

.bloc_data_infoVitrages {
	margin-top: 10px;
}

.mesure {
	display: block;
	margin: 10px auto auto auto;	
}

.bloc_data_infoVitrages select {
	display: block;
	margin: 10px auto auto auto;
}

.bloc_data_infoVitrages p {
	min-width: 100px;
	display: inline-block;
	vertical-align: top;
	margin: 0px 2px;
	padding: 0px 3px 0px 0px;
	text-align: center;
	border-width: 0px 1px 0px 0px;
	border-style: solid; 
	border-color: grey;
}

@media only screen and (max-width: 1077px) {
	.fieldset_vitrage {
		display: inline-block;
		max-width: 250px;
		vertical-align: top;
		margin: auto 15px;
	}
	.bloc_data_infoVitrages p {
		display: block;
		border: none;
	}
}

@media only screen and (max-width: 430px) {
	.fieldset_vitrage {
		margin: auto;
	}
}

.BoutonAjoutVitrages, .bloc_BoutonDEL, .img_del_remove_Groupe, .BoutonAjoutGroupeVitrages, .BoutonAltitude {
	cursor: pointer;
}

.bloc_bouton p {
	text-align: right;
}

.BoutonAjoutVitrages {
	border: 1px solid #263a0a;
	box-shadow: 0px 4px 0px #263a0a;
	border-radius: 8px;
	background-color: #38540E;
	background-image:	-webkit-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-moz-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-ms-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-o-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	linear-gradient(top, #76AB27 30%, #38540E 100%);
	color: white;
	width: 130px;
	height: 32px;
	margin: auto;
	vertical-align: bottom;
}

.BoutonAjoutVitrages:active {
	position: relative;
	top: 2px;
	box-shadow: 0px 2px 0px #263a0a;
}

.BoutonAjoutGroupeVitrages {
	border: 1px solid #031928;
	box-shadow: 0px 4px 0px #031928;
	border-radius: 8px;
	background-color: #1B3447;
	background-image:	-webkit-linear-gradient(top, #4F7089 30%, #1B3447 100%);
	background-image:	-moz-linear-gradient(top, #4F7089 30%, #1B3447 100%);
	background-image:	-ms-linear-gradient(top, #4F7089 30%, #1B3447 100%);
	background-image:	-o-linear-gradient(top, #4F7089 30%, #1B3447 100%);
	background-image:	linear-gradient(top, #4F7089 30%, #1B3447 100%);
	color: white;
	width: 220px;
	height: 32px;
	margin: auto;
	vertical-align: bottom;
}

.BoutonAjoutGroupeVitrages:active {
	position: relative;
	top: 2px;
	box-shadow: 0px 2px 0px #031928;
}

.img_del_remove_Groupe {
	border: 1px solid #440000;
	box-shadow: 0px 4px 0px #440000;
	border-radius: 8px;
	background-color: #630001;
	background-image:	-webkit-linear-gradient(top, #D62023 30%, #911517 100%);
	background-image:	-moz-linear-gradient(top, #D62023 30%, #911517 100%);
	background-image:	-ms-linear-gradient(top, #D62023 30%, #911517 100%);
	background-image:	-o-linear-gradient(top, #D62023 30%, #911517 100%);
	background-image:	linear-gradient(top, #D62023 30%, #911517 100%);
	color: white;
	width: 230px;
	height: 32px;
	margin: auto;
	vertical-align: bottom;
}

.img_del_remove_Groupe:active{
	position: relative;
	top: 2px;
	box-shadow: 0px 2px 0px #440000;
}

.bloc_BoutonDEL {
	width: 25px;
	height: 25px;
	margin: 0px;
	padding: 0px;
	border: none;
	display: inline-block;
	position: absolute;
}

.bloc_BoutonDEL p {
	min-width: 25px;
	height: 25px;
	margin: 0px 0px 0px 30px;
	padding: 0px;
	border: none;
}

.bloc_BoutonDEL_Groupe {
	margin: 0px;
	padding: 0px;
	border: none;
	display: inline-block;
	position: absolute;
}

.bloc_BoutonDEL_Groupe p {
	margin: 0px 0px 0px 30px;
	padding: 0px;
	border: none;
}

@media only screen and (max-width: 1077px) {
	.bloc_BoutonDEL, .bloc_BoutonDEL_Groupe {
		border: none;
		display: block;
		margin: 20px auto auto auto;
		position: initial;
	}
	.bloc_BoutonDEL p, .bloc_BoutonDEL_Groupe p {
		margin: 0px;
	}
}

#coord_personne, #intervention, .GroupeVitrage, #besoin_client {
	background-color: #FFFFFF;
	box-shadow: 0px 4px 6px #F6F6F6;
}

.GroupeVitrage fieldset, #besoin_client fieldset {
	background-color: #F7F7F7;
}

#civilite_personne, #info_entreprise, #adresse_personne, #zone_p1, #zone_p2 {
	background-color: #F7F7F7;
	padding-right: 10px;
	border-radius: 4px;
}

#zone_p2 {
	padding-left: 1px;
}

#civilite_personne, #info_entreprise {
	padding-top: 1px;
	padding-bottom: 1px;
}

.bouton_valide_inscrit {
	border: 1px solid #263a0a;
	box-shadow: 0px 4px 0px #263a0a;
	border-radius: 8px;
	background-color: #38540E;
	background-image:	-webkit-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-moz-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-ms-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-o-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	linear-gradient(top, #76AB27 30%, #38540E 100%);
	color: white;
	width: 300px;
	height: 32px;
	margin-right: 10px;
	letter-spacing: 1px;
	vertical-align: bottom;
}

.bouton_valide_inscrit:active {
	position: relative;
	top: 2px;
	box-shadow: 0px 2px 0px #263a0a;
}

@media only screen and (max-width: 420px) {
	#bloc_formulaire_vitrage fieldset {
		padding-right: 3px;
		padding-left: 3px;
	}
	#bloc_formulaire_vitrage label, #bloc_formulaire_vitrage input, #bloc_formulaire_vitrage select, #bloc_formulaire_vitrage texarea {
		max-width: 250px;
	}
	#bloc_formulaire_vitrage .bouton_valide_inscrit {
		width: auto;
	}
}

/* Carte d'altitude */
.cadre_altitude {
	/*max-width: 620px;
	max-height: 620px;
	margin: auto;*/
	position: absolute;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
}

#carte_altitude {
	/*max-width: 620px;
	height: 620px;*/
	width: 100%;
	height: 100%
}

.Altitude fieldset {
	background: rgba(204, 204, 204, 0.8);
	z-index: 1;
	position: absolute;
}

.Altitude legend {
	box-sizing: border-box;
	font-family: "LatinModernRoman10Bold",Helvetica,Arial,sans-serif;
	font-size: 1em;
	color: rgb(51, 51, 51);
	display: block;
	font-size: 19px;
	line-height: 30px;
}

/* Carrousel */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width: 70%;
	margin: auto;
}

/* nouvelles modifs */
.zone input, .zone textarea, .zone select, .bloc_vitrage input, .bloc_vitrage textarea, .bloc_vitrage select, .Altitude input {
	background-color: rgb(255, 255, 255);
	background-image: none;
	border-bottom-color: rgb(204, 204, 204);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: rgb(204, 204, 204);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(204, 204, 204);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(204, 204, 204);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-style: solid;
	border-top-width: 1px;
	box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px 0px inset;
	box-sizing: border-box;
	color: rgb(85, 85, 85);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 14px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-synthesis: weight style;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 400;
	transition-delay: 0s, 0s;
	transition-duration: 0.15s, 0.15s;
	transition-property: border-color, box-shadow;
	transition-timing-function: ease-in-out, ease-in-out;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
}

.Altitude .BoutonAltitude {
	background-color: #38540E;
	background-image:	-webkit-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-moz-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-ms-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	-o-linear-gradient(top, #76AB27 30%, #38540E 100%);
	background-image:	linear-gradient(top, #76AB27 30%, #38540E 100%);
	color: white;
}

#FormulaireDevis label {
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	font-family: "LatinModernRoman10Bold",Helvetica,Arial,sans-serif;
	font-size: 0.9em;
}

#FormulaireDevis .Caract_ete_hiver {
	font-family: "LatinModernRoman10Bold",Helvetica,Arial,sans-serif;
	font-size: 1em;
	color: rgb(117, 117, 117);
	font-size: 19px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 30%;
	border-bottom-color: rgb(229, 229, 229);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

#FormulaireDevis legend {
	box-sizing: border-box;
	font-family: "LatinModernRoman10Bold",Helvetica,Arial,sans-serif;
	font-size: 1em;
	border-bottom-color: rgb(229, 229, 229);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: rgb(51, 51, 51);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(51, 51, 51);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(51, 51, 51);
	border-top-style: none;
	border-top-width: 0px;
	box-sizing: border-box;
	color: rgb(51, 51, 51);
	display: block;
	font-size: 19px;
	line-height: 30px;
	margin-bottom: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	width: 100%;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
}

#FormulaireDevis fieldset, .Altitude fieldset {
	border-bottom-color: rgb(51, 51, 51);
	border-bottom-style: none;
	border-bottom-width: 0px;
	border-image-outset: 0 0 0 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100% 100% 100% 100%;
	border-image-source: none;
	border-image-width: 1 1 1 1;
	border-left-color: rgb(51, 51, 51);
	border-left-style: none;
	border-left-width: 0px;
	border-right-color: rgb(51, 51, 51);
	border-right-style: none;
	border-right-width: 0px;
	border-top-color: rgb(51, 51, 51);
	border-top-style: none;
	border-top-width: 0px;
	box-sizing: border-box;
	border-radius: 4px;
	color: rgb(51, 51, 51);
	line-height: 20px;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
}

/* ---------- Formatage individuel - Page des pub pour mailing ---------- */

.img_emailing {
	width: 100%;
	max-width: 800px;
	height: auto;
	margin: auto;
}

.img_emailing img {
	width: 100%;
	height: auto;
	margin: auto;
}