/*********************************/
/* Mise en page générale du site */
/*********************************/

/****************************/
/*   Police personnalisée   */
/****************************/

/* Papyrus */
@font-face {
	font-family: 'papyrusregular';
		src: url('polices/papyrus/papyrus.eot');
		src: url('polices/papyrus/papyrus.eot?#iefix') format('embedded-opentype'),
			 url('polices/papyrus/papyrus.woff') format('woff'),
			 url('polices/papyrus/papyrus.ttf') format('truetype'),
			 url('polices/papyrus/papyrus.svg#papyrusregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Eras light */
@font-face {
	font-family: 'eras_light_itcregular';
		src: url('polices/eras_light/eraslght.eot');
		src: url('polices/eras_light/eraslght.eot?#iefix') format('embedded-opentype'),
			 url('polices/eras_light/eraslght.woff') format('woff'),
			 url('polices/eras_light/eraslght.ttf') format('truetype'),
			 url('polices/eras_light/eraslght.svg#eras_light_itcregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Eras bold */
@font-face {
	font-family: 'eras_bold_itcregular';
		src: url('polices/eras_bold/erasdemi.eot');
		src: url('polices/eras_bold/erasdemi.eot?#iefix') format('embedded-opentype'),
			 url('polices/eras_bold/erasdemi.woff') format('woff'),
			 url('polices/eras_bold/erasdemi.ttf') format('truetype'),
			 url('polices/eras_bold/erasdemi.svg#eras_bold_itcregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Latin modern roman */
@font-face {
	font-family: 'LatinModernRoman10Regular';
		src: url('polices/latin_modern/lmroman10-regular.eot');
		src: url('polices/latin_modern/lmroman10-regular.eot?#iefix') format('embedded-opentype'),
			 url('polices/latin_modern/lmroman10-regular.woff') format('woff'),
			 url('polices/latin_modern/lmroman10-regular.ttf') format('truetype'),
			 url('polices/latin_modern/lmroman10-regular.svg#LatinModernRoman10Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Latin modern roman italic */
@font-face {
	font-family: 'LatinModernRoman10Italic';
		src: url('polices/latin_modern/lmroman10-italic.eot');
		src: url('polices/latin_modern/lmroman10-italic.eot?#iefix') format('embedded-opentype'),
			 url('polices/latin_modern/lmroman10-italic.woff') format('woff'),
			 url('polices/latin_modern/lmroman10-italic.ttf') format('truetype'),
			 url('polices/latin_modern/lmroman10-italic.svg#LatinModernRoman10Italic') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Latin modern roman bold*/
@font-face {
	font-family: 'LatinModernRoman10Bold';
		src: url('polices/latin_modern/lmroman10-bold.eot');
		src: url('polices/latin_modern/lmroman10-bold.eot?#iefix') format('embedded-opentype'),
			 url('polices/latin_modern/lmroman10-bold.woff') format('woff'),
			 url('polices/latin_modern/lmroman10-bold.ttf') format('truetype'),
			 url('polices/latin_modern/lmroman10-bold.svg#LatinModernRoman10Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Latin modern roman bold italic*/
@font-face {
	font-family: 'LatinModernRoman10BoldItalic';
		src: url('polices/latin_modern/lmroman10-bolditalic.eot');
		src: url('polices/latin_modern/lmroman10-bolditalic.eot?#iefix') format('embedded-opentype'),
			 url('polices/latin_modern/lmroman10-bolditalic.woff') format('woff'),
			 url('polices/latin_modern/lmroman10-bolditalic.ttf') format('truetype'),
			 url('polices/latin_modern/lmroman10-bolditalic.svg#LatinModernRoman10BoldItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* Open sans semibold */
@font-face {
    font-family: 'opensans_semibold';
		src: url('polices/opensans_semibold/OpenSans-Semibold.eot');
		src: url('polices/opensans_semibold/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
			 url('polices/opensans_semibold/OpenSans-Semibold.woff') format('woff'),
			 url('polices/opensans_semibold/OpenSans-Semibold.ttf') format('truetype'),
			 url('polices/opensans_semibold/OpenSans-Semibold.svg#opensans_semibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Open regular */
@font-face {
    font-family: 'opensans_regular';
		src: url('polices/opensans_regular/OpenSans-Regular.eot');
		src: url('polices/opensans_regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
			 url('polices/opensans_regular/OpenSans-Regular.woff') format('woff'),
			 url('polices/opensans_regular/OpenSans-Regular.ttf') format('truetype'),
			 url('polices/opensans_regular/OpenSans-Regular.svg#opensans_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Font FontAwesome */
@font-face {
	font-family: 'FontAwesome';
		src: url('polices/FontAwesome/fontawesome.eot');
		src: url('polices/FontAwesome/fontawesome.eot?#iefix') format('embedded-opentype'),
			 url('polices/FontAwesome/fontawesome.woff2') format('woff2'),
			 url('polices/FontAwesome/fontawesome.woff') format('woff'),
			 url('polices/FontAwesome/fontawesome.ttf') format('truetype'),
			 url('polices/FontAwesome/fontawesome.svg#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

/******************************/
/*   Mise en forme générale  */
/******************************/

/* Mise en place des polices */

h1 {
	font-family: 'eras_light_itcregular', 'Arial', 'Sans-serif';
	font-size: 2.7em;
	letter-spacing: 1px;
	color: #4d4f52;
	margin-bottom: 0px;
}

h2 {
	font-family: 'eras_light_itcregular', 'Arial', 'Sans-serif';
	font-size: 1.8em;
	color: #8c2424;
	margin-top: 16px;
}

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

h4 {
	font-family: 'LatinModernRoman10Regular', 'Times New Roman', 'Sans-serif';
	font-size: 1em;
	color: #2b4d4d;
}

section p, section li , section a{
	font-family: 'LatinModernRoman10Regular', 'Times New Roman', 'Sans-serif';
	font-size: 1em;
	color: #000000;
}

strong {
	font-family: 'LatinModernRoman10Regular', 'Times New Roman', 'Sans-serif';
	font-size: 1em;
	font-weight: normal;
	color: #2f6725;
}

.balise_non_gras {
	color: #000000;
}

b {
	font-family: 'LatinModernRoman10Bold', 'Times New Roman', 'Sans-serif';
	font-size: 1em;
	color: #000000;
}

em, i, address {
	font-family: 'LatinModernRoman10Italic', 'Times New Roman', 'Sans-serif';
	font-size: 1em;
	color: #000000;
}

.balise_gras_italic {
	font-family: 'LatinModernRoman10BoldItalic', 'Times New Roman', 'Sans-serif';
	font-size: 1em;
	color: #000000;
}

.police_EraLight_bold {
	font-family: 'eras_light_itcregular', 'Arial', 'Sans-serif';
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 0.6px;
	color: #252626;
}

.text_barre {
	text-decoration : line-through;
}

.localisation_bas_page {
	font-size: 0.9em;
}

@media only screen and (max-width: 800px) {
	h1 { font-size: 25px; }
	h2 { font-size: 20px; }
}

/* Divers */
a {
	outline: none;
}

#bloc_bas_D a, #banner a {
	text-decoration: none;
}

img {
	border: 0px;
}

dfn {
	cursor: help;
	border-width: 0px 0px 1px 0px;
	border-style: dotted;
}

.lien a {
	color: #4d4f52;
}

.liste_cercle li {
	list-style-type: circle;
}

.liste li , .no_puce li {
	list-style-type: none;
	list-style-position: inside;
}

.liste li:before {
	content: '- ';
}

.centrer {
	width: auto;
	text-align: center;
}

figure {
	margin: 0px;
}

figcaption, .legende_autre {
	text-align: center;
	font-family: 'eras_light_itcregular', 'Arial', 'Sans-serif';
	font-size: 0.9em;
	letter-spacing: 1px;
}

/* Body - Mise en place de l'arrière plan */

body {
	background: #F0EFF2;
	/*min-width: 1280px;*/
	margin: 0px;
	padding: 0px;
}

@media only screen and (max-width: 1163px) {
	body { padding: 0px 10px 0px 5px; }
}

/* Header - Bannière */

header {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;	
}

#banner {
	max-width: 1163px;
	max-height: 60px;
	margin: 0px auto 0px auto;
	padding: 10px 0px;
	position: relative;
}

#banner img {
	width: 100%;
	max-width: 410px;
	height: auto;
}

.Trait_Banner {
	border-top: 1px solid #162c3d;
	position: absolute;
	right: 1px;
	left: 75px;
	top: 66px;
}

#logo_Trait { display: none }

@media only screen and (max-width: 425px) {
	.Trait_Banner { display: none; }
	#logo_noTrait { display: none }
	#logo_Trait { display: block }
}

/* Parallaxe */

.fond_accueil { background: url('images_parallax/accueil.jpg') center no-repeat; }
.fond_actualite { background: url('images_parallax/actu.jpg') center no-repeat; }
.fond_film_auto { background: url('images_parallax/film_auto.jpg') center no-repeat; }
.fond_eco_carburant { background: url('images_parallax/eco_carburant.jpg') center no-repeat; }
.fond_vitre_teinte { background: url('images_parallax/vitres_teintees.jpg') center no-repeat; }
.fond_film_bat { background: url('images_parallax/film_batiment.jpg') center no-repeat; }
.fond_eco_ener { background: url('images_parallax/eco_energie.jpg') center no-repeat; }
.fond_4_saisons { background: url('images_parallax/film_4_saisons.jpg') center no-repeat; }
.fond_film_solaire { background: url('images_parallax/film_solaire.jpg') center no-repeat; }
.fond_film_secu { background: url('images_parallax/film_secu.jpg') center no-repeat; }
.fond_film_deco { background: url('images_parallax/film_decoratif.jpg') center no-repeat; }
.fond_signaletique { background: url('images_parallax/signaletique.jpg') center no-repeat; }
.fond_contact { background: url('images_parallax/contact.jpg') center no-repeat; }
.fond_mention { background: url('images_parallax/mention.jpg') center no-repeat; }

#cadre_canvas {
	max-width: 1163px;
	max-height: 320px;
	margin: 5px auto;
	padding: 0px;
	background: #FFFFFF;
}

#cadre_canvas p {
	max-width: 1163px;
	max-height: 320px;
	margin: 0px;
	padding: 0px;
}

#cadre_canvas img {
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/* Nav - Barre de navigation */
nav {
	width: 100%; /*1163px*/
	background: #162C3D;
}

.ID_deroule:hover {
	cursor: pointer;
}

.Affiche_liste_menu {
	display: none;
}

nav a, .lien_nav {
	color: white;
	text-decoration: none;
	font-family: 'papyrusregular', 'Arial', 'sans-serif';
	font-size: 1em;
	letter-spacing: 1px;
	font-weight: bold;
}

.lien_nav {
	cursor: default;
}

nav li {
	list-style-type: none;
	list-style-position: inside;
}

#bloc_menu_principal {
	max-width: 1163px;
	margin: auto;
	padding: 2px 0px 2px 0px;
}

.menu {
	width: 100%;
	padding: 0px;
	margin: 0px auto 0px auto;
	text-align: center;
}

#cadre_nav {
	border-right: 1px white solid;
}

.menu > li{
	display: inline-block;
	vertical-align: top;
	min-width: 180px;
	height: 30px;
	padding-top: 5px;/*6px 7px 3px 7px;*/
	border-collapse: collapse;
	border-left: 1px white solid;
}

.Nav_Large {
	padding-right: 10px;
	padding-left: 10px;
}

.sub_nav_item {
	text-align: left;
	margin-top: 4px;
	/*margin-left: -7px;*/
	padding: 0px;
	position: absolute;
	z-index: 1;
	visibility: hidden;
	min-width: 190px;
	background: rgb(22,44,61);/* IE8 et moins */
	background: rgba(22,44,61,0.6);
}

.sub_nav_boutique {
	/* background: rgb(98, 68, 112); */
	/* background: rgba(98, 68, 112,0.6); */
	/* background: rgba(80, 183, 109, 0.8); */
	background: rgba(39, 66, 66, 0.8);
}

.sub_nav_item li {
	padding: 10px;
}

.nav_item:hover .sub_nav_item {
	visibility: visible;
}

.sub_nav_item li:hover {
	background: #162C3D;
}

.sub_nav_boutique li:hover {
	/* background-color: #5D2D72; */
	/* background: rgba(22, 91, 63, 0.8); */
	background: #274242;
}

nav li:hover {
	background: #2B5575;
}

#Eboutique:hover {
	/* background: #C68ECC */
	/* background: linear-gradient(to top right, #50b76d 0%, #165b3f 100%); */
	background: #274242;
}

.menu a:hover, .sub_nav_item a:hover {
	color: #d8fcfc; /* #2b4d4d */
}

#Eboutique {
	/* background-color: #5D2D72; */
	/* background: linear-gradient(to top right, #165b3f 0%, #50b76d 100%); */
	background: #2f4f4f;
}

#Eboutique a:hover {
	color: #d8fcfc;
}

#Eboutique span.fa {
	font-family: 'FontAwesome';
	font-size: 0.9375rem;
	font-weight: 400;
	vertical-align: middle;
}

/* Vue adaptative barre de menu */
@media only screen and (max-width: 1163px) {
	nav a, .lien_nav {
		font-size: 1.1em;
		padding: 15px 20px 15px 10px;
	}

	#cadre_nav {
		border-right: 0px ;
	}

	.Affiche_liste_menu {
		display: block;
		color: white;
		font-family: 'papyrusregular', 'Arial', 'sans-serif';
		font-size: 1.5em;
		letter-spacing: 1px;
		font-weight: bold;
		border-bottom: 1px white solid;
		padding: 15px 20px 15px 20px;
		margin: 0px;
		cursor: default;
	}

	.ID_deroule {
		position: absolute;
		right: 16px;
		float: right;
		width: 60px;
		height: 45px;
		margin: 0px;
		padding: 0px;
		text-align: center;
	}

	.ID_deroule::after {
		font-family: "FontAwesome";
		font-size: 24px;
		color: white;
		font-weight: normal;
	}

	.menu {
		text-align: left;
	}

	.DerouleMenu { display: block; }
	.RefermeMenu { display: none; }
	.MenuPlus::after { content: "\f067"; }
	.MenuMoins::after { content: "\f068"; }

	.menu > li {
		display: block;
		height: auto;
		padding: 15px 20px 15px 20px;
		border-left: 0px;
		border-bottom: 1px white solid;
	}

	.sub_nav_item {
		position: static;
		visibility: visible;
		padding: 15px 0px 15px 0px;
		font-size: 0.9em;
	}
}

/* Fixation menu en haut */
.fixNavBar {
	z-index: 9999;
	position: fixed;
	top: 0px;
	width: 100%;
	box-shadow: 0px 2px 4px black;
}

@media only screen and (max-width: 1163px) {
	.fixNavBar { position: static; box-shadow: 0px 0px 0px white;}
}

.fixNavBar .sub_nav_item div:hover {
	box-shadow: 0px 1px 2px black;
}

.fixBlocText {
	margin: 98px auto 45px auto;
}

@media only screen and (max-width: 1163px) {
	.fixBlocText { margin: 45px auto; }
}

/* Section - Corps de la page */
section {
	max-width: 1163px;
	min-height: 400px;
	margin: 45px auto;
	background: white;
	box-shadow: 0px 4px 8px #D0D2EA;
	position: relative;
	z-index: 0;
}

article {
	width: auto;
	height: auto;
	margin: 20px;
}

aside {
	width: auto;
	height: auto;
	margin: 20px;
}

/* Footer - Bas de page */
footer {
	margin: 0px;
	width: auto;
	background: #252525;
	color: #E0E0E0;
}

#separateur {
	border-top: 1px solid black;
	width: auto;
	height: 0px;
	box-shadow: 0px 0px 2px white;
}

#bas_de_page {
	max-width: 1163px;
	min-height: 200px;
	margin: auto;
	padding: 0px;
	text-align: center;
}

#bloc_bas_G {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin: auto;
	height: auto;
	text-align: left;
}

#bloc_menu_footer select {
	min-width: 315px;
	height: 30px;
	margin-top: 15px;
	margin-left: 26px;
	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;
	color: rgb(85, 85, 85);
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 14px;
	font-weight: 400;
	box-sizing: border-box;
}

.trait_sep {
	border-left: 1px #3A3A3A solid;
}

#bloc_bas_G a {
	font-family: 'eras_light_itcregular', 'arial', 'sans-serif';
	color: #ffffff;
	font-size: 0.7em;
	letter-spacing: 1px;
	text-decoration: none;
}

#cadre_reseaux_sociaux {
	width: auto;
	height: auto;
	margin-top: 92px;
}

.liens_reseaux_sociaux {
	width: 40px;
	height: 40px;
	margin: auto auto auto 20px;
	display: inline-block;
	vertical-align: top;
}

.boutons_reseaux_sociaux {
	width: 90px;
	height: 40px;
	margin: auto 10px;
	display: inline-block;
	vertical-align: top;
}

.CodeAnalytic_xiti {display: none;}

#trait_vertical {
	display: inline-block;
	border-right: 1px solid black;
	width: 0px;
	min-height: 313px;
	box-shadow: 0px 0px 2px white;
	margin: auto 20px;
}

#bloc_bas_D {
	display: inline-block;
	vertical-align: top;
	width: 46%;
	margin: auto;
	height: auto;
	text-align: right;
}

#bloc_bas_D img {
	margin: auto 5px;
}

@media only screen and (max-width: 900px) {
	#bloc_menu_footer select { min-width: 290px; margin-left: auto; }

	#cadre_reseaux_sociaux, #trait_vertical, #bloc_bas_D { display: none;}

	#bloc_bas_G { width: auto; }

	#bas_de_page { min-height: auto; }
}

.droit {
	width: auto;
	margin: 0px;
	padding: 1px;
	text-align: center;
	font-family: 'eras_light_itcregular', 'arial', 'sans-serif';
	color: #ffffff;
	font-size: 0.8em;
	letter-spacing: 1px;
}

.droit a {
	text-decoration: none;
	color: #ffffff;
}

/********************************/
/* Nouvelle conception du site */
/********************************/
.Bloc_InfoBulle {
	text-align: center;
	max-width: 100%;
	margin: auto;
	padding: auto;
}

.AlertBloc {
	text-align: center;
	width: 50%;
	margin: auto;
	padding: 15px 5px 15px 5px;
}

.AlertBlocMail {
	text-align: center;
	width: 100%;
	max-width: 420px;
	margin: auto;
	padding: 15px 5px 15px 5px;
}

.AlertSuccess {
	background-color: rgb(223, 240, 216);
	border: 1px solid rgb(214, 233, 198);
	border-radius: 4px;
	box-sizing: border-box;
	color: rgb(60, 118, 61);
	font-family: Verdana,sans-serif;
	font-size: 15px;
	line-height: 22.5px;
	margin-bottom: 20px;
	margin-top: 18px;
	opacity: 1;
	padding: 15px;
	transition-delay: 0s;
	transition-duration: 0.15s;
}

.AlertInfo {
	background-color: rgb(217, 237, 247);
	border: 1px solid rgb(188, 232, 241);
	border-radius: 4px;
	box-sizing: border-box;
	color: rgb(49, 112, 143);
	font-family: Verdana,sans-serif;
	font-size: 15px;
	line-height: 22.5px;
	margin-bottom: 20px;
	margin-top: 18px;
	opacity: 1;
	padding: 15px;
	transition-delay: 0s;
	transition-duration: 0.15s;
}

.AlertWarning {
	background-color: rgb(252, 248, 227);
	border: 1px solid rgb(250, 235, 204);
	border-radius: 4px;
	box-sizing: border-box;
	color: rgb(138, 109, 59);
	font-family: Verdana,sans-serif;
	font-size: 15px;
	line-height: 22.5px;
	margin-bottom: 20px;
	margin-top: 18px;
	opacity: 1;
	padding: 15px;
	transition-delay: 0s;
	transition-duration: 0.15s;
}

.AlertDanger {
	background-color: rgb(242, 222, 222);
	border: 1px solid rgb(235, 204, 209);
	border-radius: 4px;
	box-sizing: border-box;
	color: rgb(169, 68, 66);
	font-family: Verdana,sans-serif;
	font-size: 15px;
	line-height: 22.5px;
	margin-bottom: 20px;
	margin-top: 18px;
	opacity: 1;
	padding: 15px;
	transition-delay: 0s;
	transition-duration: 0.15s;
}

.textAlertGras {
	box-sizing: border-box;
	font-family: Verdana,sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 22.5px;
}

.textLienInfo {
	box-sizing: border-box;
	font-family: Verdana,sans-serif;
	font-size: 15px;
	line-height: 22.5px;
	color: rgb(49, 112, 143);
}

.closeAlert {
	cursor: pointer;
	float: right;
	background-color: transparent;
	box-sizing: border-box;
	color: rgb(0, 0, 0);
	float: right;
	font-family: Verdana,sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 21.6px;
	opacity: 0.2;
	text-decoration: none;
	text-shadow: rgb(255, 255, 255) 0px 1px 0px;
}

.AppsSection {
	box-shadow: none;
}