@charset "UTF-8";

/* Cadre - Général */
#simulateur {
	max-width: 960px;
	margin: auto;
	padding: 15px;
	background: #FFF;
	border: 1px dashed rgb(196, 196, 196);
	position: relative;
}


/* Cadre - Content Visuel */
	#cadre_simul {
		width: 100%;
		max-width: 760px;
		margin: auto;
		padding: 0px;
		display: inline-block;
	}
	/* Content - Visuel ext */
		#vue_ext {
			width: 760px;
			height: 299px;
			margin: 0;
			padding: 0;
			position: relative;
			text-align: center;
		}
			.imgFond_Simul_ext,
			.film_ext {
				width: 760px;
				height: 299px;
				position: absolute;
				top: 0;
			}
				.imgFond_Simul_ext img,
				.film_ext img {
					width: 100%;
					height: auto;
				}
	/* /Content - Visuel ext */

	/* Content - visuel slogan */
		#sloganSimul {
			width: 100%;
			max-width: 760px;
			height: 40px;
			margin: 15px auto;
			text-align: center;
		}
			#sloganSimul h4 {
				margin: 0;
			}
	/* /Content - visuel slogan */

	/* Content - Visuel int 01/02 */
		#cadre_int {
			width: 760px;
			height: 227px;
			margin: 0;
			padding: 0;
			position: relative;
			text-align: center;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
		}
			#vue_int1,
			#vue_int2 {
				width: 49%;
				max-width: 370px;
				display: inline-block;
				position: relative;
			}
				.imgFond_Simul_int1,
				.imgFond_Simul_int2,
				.film_int1,
				.film_int2 {
					width: 370px;
					height: 227px;
					position: absolute;
					bottom: 0;
				}
				.imgFond_Simul_int1,
				.film_int1 { left: 0px; }

				.imgFond_Simul_int2,
				.film_int2 { right: 0px; }

					.imgFond_Simul_int1 img,
					.imgFond_Simul_int2 img,
					.film_int1 img,
					.film_int2 img {
						width: 100%;
						height: auto;
					}
	/* /Content - Visuel int 01/02 */
/* /Cadre - Content Visuel */


/* Cadre - Content Selection */
	#choix_teinte {
		min-width: 100px;
		min-height: 100px;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 15px;
		padding: 20px 15px 20px 20px;

		font-size: 14px;
		text-align: left;
		line-height: 24px;
		color: rgb(122, 137, 150);
		opacity: 0.7;

		border: 1px solid rgb(196, 196, 196);
		box-sizing: border-box;
	}

	#choix_teinte fieldset { padding-bottom: 15px; }

	#choix_teinte legend { padding-bottom: 10px; }

	#choix_teinte label { color: #121C24; }
/* /Cadre - Content Selection */


/* Cadre - Content Legend */
#simulateur .legende_autre {
	font-size: 14px;
	margin: 0;
}
/* /Cadre - Content Legend */


/* Mobile style */
@media only screen and (max-width: 1680px) {
	/* Cadre - Content Visuel */
		#cadre_simul {
			display: block;
		}

	/* Content - visuel slogan */
			#sloganSimul h4 {
				line-height: 2em;
			}
	/* Cadre - Content Selection */
		#choix_teinte {
			display: block;
			width: 100%;
			min-width: auto;
			max-width: 760px;
			min-height: auto;
			text-align: center;
			margin: 20px auto auto auto;
			padding: 0;
			border: 0;
		}
		#choix_teinte fieldset {
			display: block;
			margin: 0 0 15px;
			padding: 0;
			border: 1px solid rgb(196, 196, 196);
		}
		#choix_teinte div.col-4 {
			display: inline-block;
			width: 100%;
			max-width: 110px;
			margin: 10px 5px 10px 0px;
			font-size: 14px;
		}
		#choix_teinte legend {
			padding: 0 15px 10px;
		}
	/* Cadre - Content Legend */
		#simulateur .legende_autre { text-align: center; }
}

@media screen and (max-width: 1280px) {}

@media screen and (max-width: 980px) {
	/* Content - Visuel ext */
		#vue_ext,
			.imgFond_Simul_ext,
			.film_ext {
				width: 100%;
				max-width: 760px;
				height: 31vw;
			}
	/* Content - Visuel int 01/02 */
		#cadre_int {
			width: 100%;
			max-width: 760px;
			height: 23.2vw;
		}
			.imgFond_Simul_int1,
			.imgFond_Simul_int2,
			.film_int1,
			.film_int2 {
				width: 100%;
				max-width: 370px;
				height: 23.2vw;
			}
}

@media screen and (max-width: 840px) {
	/* Content - Visuel ext */
		#vue_ext,
			.imgFond_Simul_ext,
			.film_ext {
				height: 32vw;
			}
	/* Content - Visuel int 01/02 */
		#cadre_int,
			.imgFond_Simul_int1,
			.imgFond_Simul_int2,
			.film_int1,
			.film_int2 {
				height: 24.5vw;
			}
	/* Content - visuel slogan */
			#sloganSimul h4 {
				line-height: 2.4em;
			}
}

@media screen and (max-width: 736px) {
	/* Content - Visuel ext */
		#vue_ext,
			.imgFond_Simul_ext,
			.film_ext {
				height: 33vw;
			}
	/* Content - Visuel int 01/02 */
		#cadre_int,
			.imgFond_Simul_int1,
			.imgFond_Simul_int2,
			.film_int1,
			.film_int2 {
				height: 25.2vw;
			}
}

@media screen and (max-width: 594px) {
	/* Content - Visuel ext */
		#vue_ext,
			.imgFond_Simul_ext,
			.film_ext {
				height: 31.5vw;
			}
	/* Content - Visuel int 01/02 */
		#cadre_int,
			.imgFond_Simul_int1,
			.imgFond_Simul_int2,
			.film_int1,
			.film_int2 {
				height: 24.5vw;
			}
}

@media screen and (max-width: 480px) {
	/* Content - Visuel ext */
		#vue_ext,
			.imgFond_Simul_ext,
			.film_ext {
				height: 34.5vw;
			}
	/* Content - Visuel int 01/02 */
		#cadre_int,
			.imgFond_Simul_int1,
			.imgFond_Simul_int2,
			.film_int1,
			.film_int2 {
				height: 26.5vw;
			}
}