/************************************************************/
/*              Media Query Breakpoints                     */
/************************************************************/
/*	ORDINATEURS
	@media all and (min-width:992px) */

/*	TABLETTE & SMARTPHONE
	@media all and (max-width:991px) */

/*	TABLETTE
	@media all and (min-width:600px) and (max-width:991px) */

/*	SMARTPHONE
	@media all and (max-width:599px) */

/************************************************************/

:root {
	--LargeurPage: 1650px;
}

/************************************************************/

html,body{
	width:100%;
}

body {
	margin:0;
	background: #8bb172;
}

/*	TABLETTE & SMARTPHONE*/
	@media all and (max-width:991px) {
		html,body{overflow-x: hidden;}
	}
	
.ClassNoShow {display: none !important;}

/************************************************************/
/*                    PAGE HEADER                           */
/************************************************************/
#Header-Site {
	background:#ffffff;
	position:sticky;
	top:0;
	z-index:100;
	margin-right: auto;
	margin-left: auto;
}
#Container-HeaderSite {
	margin-right: auto;
	margin-left: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

/*************** Colonnes pages header ********************/
.ColonneHeader {
	height: 111px;
	display: table;
	width: 50%;
}

	/* TABLETTE & SMARTPHONE */
	@media all and (max-width:991px) {.ColonneHeader {
		height: 77px;
		width: 100%;
	}}
/******************** Site Title **************************/
.Logo-Site, 
.Logo-Site_Smartphone {
	display: table-cell;
	vertical-align: middle;
	padding: 0 22px 0 22px;
}

	/* ORDINATEURS */
	@media all and (min-width:800px) {.Logo-Site_Smartphone { display: none; }}

	/* SMARTPHONE */
	@media all and (max-width:799px) {
		.Logo-Site { display: none; }
	}

		/* SMARTPHONE */
	@media all and (max-width:599px) {
		.Logo-Site_Smartphone { padding: 11px 11px 11px 11px; }
	}
	
/************************************************************/
/*                    PAGE BANNER                           */
/************************************************************/
#Container-Bandeau {
	display: block;
	position: relative;
	line-height: 0px;
	max-height: 600px;
	overflow-y: hidden;
}
.Bandeau-site {
	background-size: cover;
}
.Bandeau-transparent {
	width: 100%;
}

/************************************************************/
/*                     PAGE TITLE                           */
/************************************************************/
#Block-Titre-Page {
	display: flex;
	margin-right: auto;
	margin-left: auto;
}

.Titre-Page { margin-left: 22px; }

.Titre-Page > h1 {
	border-bottom: 2px solid;
	font-size: 28px;
	font-variant-caps: small-caps;
	margin: 0;
}

	/* TABLETTE */
	@media all and (min-width:600px) and (max-width:991px) {
		#Block-Titre-Page {
			height: 52px;
			margin-top: 22px !important;
		}
		.Titre-Page > h1 { font-size: 24px;	}
		
	}
	/* SMARTPHONE */
	@media all and (max-width:599px) {
		#Block-Titre-Page {
			height: 46px;
			margin-top: 22px !important;
		}
		.Titre-Page { margin-left: 11px; }
		.Titre-Page > h1 { font-size: 21px;	}

	}
	
/************************************************************/
/*                     PAGE CONTENT                         */
/************************************************************/
#Contenu-Page {
	display: flex;
	flex-direction: row;
	margin-right: auto;
	margin-left: auto;
	padding-top: 22px;
	padding-bottom: 44px;
	background: #8bb172;
	min-height: 1200px;
}
	
	/* TABLETTE & SMARTPHONE */
	@media all and (max-width:991px){ #Contenu-Page {
		flex-direction: column;
		padding-top: 0;
		min-height: auto;
	}}
	
/******************** COLONNE A **************************/
#Contenu-Page > .ColonneA-Page {
	flex: 50%;
}
/******************** COLONNE B **************************/
#Contenu-Page > .ColonneB-Page {
	flex: 0.8;
}
	
/**************** COLONNES A & B *************************/
#Contenu-Page > .ColonneA-Page,
#Contenu-Page > .ColonneB-Page {
	padding-left: 22px;
}
	/* TABLETTE */
	@media all and (min-width:600px) and (max-width:991px) {
		#Contenu-Page > .ColonneA-Page,
		#Contenu-Page > .ColonneB-Page {
			padding: 0 22px 0 22px;
		}
	}
	/* SMARTPHONE */
	@media all and (max-width:599px) {
		#Contenu-Page > .ColonneA-Page,
		#Contenu-Page > .ColonneB-Page {
			padding: 0 11px 0 11px;
		}
	}
/************************************************************/
/*                      PAGE FOOTER                         */
/************************************************************/
#Footer-Site {
	background: #3c5c3d;
}
	
#Container-FooterSite {
	display: flex;
	flex-direction: row;
	margin-right: auto;
	margin-left: auto; 
	justify-content: space-between;
}
	
	/* TABLETTE & SMARTPHONE */
	@media all and (max-width:991px) { #Container-FooterSite {
		flex-direction: column;
	}}
	
/********************* COLONNES **************************/
.ColonneFooter {
	height: 111px;
	display: flex;
	align-items: center;
	Padding : 0 22px 0 22px;
}
	
.ColonneFooter:nth-child(1) {width: 22%;}
	
.ColonneFooter:nth-child(2) {text-align: right;}
	
	/* TABLETTE & SMARTPHONE */
	@media all and (max-width:991px) {
		.ColonneFooter {
		height: 99px;
		width: 100%;
		}
		.ColonneFooter:nth-child(1) { width: 100%;}
		.ColonneFooter:nth-child(2) { border-top: 1px solid #ffffff;}
	}
	
		/* SMARTPHONE */
	@media all and (max-width:599px) {
		.ColonneFooter { Padding : 0 11px 0 11px; }
	}
/********************* POLICES **************************/
.TexteFooter > h2 {
	padding-bottom: 8px;
	border-bottom: 1.5px solid #ffffff;
	margin-top: 0;
	margin-bottom: 11px;
	color: #ffffff;
}
	/* TABLETTE & SMARTPHONE */
	@media all and (max-width:991px) {.TexteFooter > h2 {
		border-bottom: none;
	}}
	
.TexteFooter > p {color: #ffffff;}
.TexteFooter > a {color: #ffffff;}