/* Exemple FONT FACE*/
@font-face {
  font-family: 'RSRegular';
  src: url('fonts/roboto-slab-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Regular'), local('RobotoSlab-Regular'),
       url('fonts/roboto-slab-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v6-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal; 	   
}

/* roboto-slab-700 - latin */
@font-face {
  font-family: 'RSBold';
  src: url('fonts/roboto-slab-v6-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Roboto Slab Bold'), local('RobotoSlab-Bold'),
       url('fonts/roboto-slab-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-slab-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-slab-v6-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-slab-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-slab-v6-latin-700.svg#RobotoSlab') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal; 	   
}

/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'SSPRegular';
  src: url('fonts/source-sans-pro-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
       url('fonts/source-sans-pro-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v9-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal; 	   
}

/* source-sans-pro-600 - latin */
@font-face {
  font-family: 'SSPSB';
  src: url('fonts/source-sans-pro-v9-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'),
       url('fonts/source-sans-pro-v9-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v9-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v9-latin-600.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v9-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v9-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal; 	   
}

/* source-sans-pro-600italic - latin */
@font-face {
  font-family: 'SSPSBI';
  src: url('fonts/source-sans-pro-v9-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Semibold Italic'), local('SourceSansPro-SemiboldIt'),
       url('fonts/source-sans-pro-v9-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/source-sans-pro-v9-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/source-sans-pro-v9-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/source-sans-pro-v9-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/source-sans-pro-v9-latin-600italic.svg#SourceSansPro') format('svg'); /* Legacy iOS */
  font-weight: normal;
  font-style: normal; 
}

@font-face {
  font-family: 'TEAMFontAwesome';
  src: url('fonts/fontawesome-webfont.eot?v=4.6.3');
  src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

div#FontLoad {
	font-family: 'SSPRegular';
	float: left;
	display: none;
}

/* Reset pour utilisation avec font-face */
h1, h2, h3, h4, h5, h6 {
	font-weight: normal!important;
	text-shadow: none;
}

strong {
	font-weight: normal!important;
}

/*****************************************/
/* CONTAINERS							 */
/*****************************************/

 html {
	width: 100%;
	height: 100%;
 }
 
 body{	
	background-color: #fff;
	color:#000;
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	/*min-width: 960px;*/
	min-width: 320px;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;	
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: middle;
	_vertical-align: middle;
	position: relative;
}

sup {
	bottom: 1ex;
	font-size: 8px;
}

sub {
	top: .5ex;
}

li {
	zoom: 1;
	list-style: none;
}

a {
	color: #000000;
	text-decoration: none;
}

a:hover{
	color: #000000;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

object embed, embed {
	margin-bottom: 24px;
}

table {
	margin-bottom: 24px;
}

input {	
	background-color: #ffffff;
	display: block;
	width: 90%;
	height: 24px;
	border: none!important;
	margin: 0 0 24px 0;
	padding : 12px 5%;
	-webkit-border-radius: 0;
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;
}

table textarea{
	background-color: #ffffff;
	display: block;
	width: 90%!important;
	height: 150px;	
	border: none!important;	
	margin: 0 0 24px 0;
	padding : 12px 5%;	
	border-color: tansparent!important; 
	overflow: auto;
	-webkit-border-radius: 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #000000;	
}

.NoDisplay {
	display: none;
}

a.Bouton {
	background: url('./images/bouton.png') no-repeat scroll right top transparent;
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 36px;
	line-height: 60px;
	color: #000000;	
	text-transform: uppercase;
	display: inline-block;
	padding-right: 80px;
	cursor: pointer;
	transition: opacity 0.5s ease;
}

a.Bouton:hover {
	opacity: 0.6;
}

div.wp-video {
	margin-bottom: 20px;
}

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

	a.Bouton {
		/*width: 45px;*/
		font-size: 24px;
		line-height: 45px;
		height: 45px;
		padding-right: 60px;
		background-size: contain;
	}	
		
}

/*****************************************/
/* HEADER								 */
/*****************************************/

div#HeaderWrap{
	background-color: rgba(59,41,18,0.9);
	background: -webkit-linear-gradient(left, rgba(19,14,9,0.95) , rgba(34,24,14,0.95)); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, rgba(19,14,9,0.95) , rgba(34,24,14,0.95)); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, rgba(19,14,9,0.95) , rgba(34,24,14,0.95)); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, rgba(19,14,9,0.95) , rgba(34,24,14,0.95)); /* Standard syntax */	
	width: 100%;
	height: 220px;
	position: fixed;
	z-index: 500;
	top: 0px;
	left: 0px;	
	-webkit-transition: height 1s ease, opacity 1s ease, z-index 0.45s step-end;
	-moz-transition: height 1s ease, opacity 1s ease, z-index 0.45s step-end;
	transition: height 1s ease, opacity 1s ease, z-index 0.45s step-end;		
}

div#Header {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

div#Header div#LogoWrap {
	float: left;
	margin-top: 30px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;			
}

div#Header div#Logo a {
	background: url('./images/logo.svg') no-repeat scroll left top transparent;
	width: 310px; 
	height: 110px;
	display: block;
	margin-bottom: 5px;	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;		
}

div#Header div#Slogan {
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #b6ab8c;
	margin-bottom: 20px;
	font-style: italic;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;		
}

div#Header div#MenuHeader {
	float: right;
	text-align: right;
}

div#Header div#MenuHeader div#ReseauxSociauxMenu {
	display: inline-block;
	float: right;
	margin-top: 20px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;		
}

div#Header div#MenuHeader div#ReseauxSociauxMenu a {
	background-color: #ffffff;
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 24px;
	height: 24px;
	font-family: TEAMFontAwesome, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: center;	
	color: #000000;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: opacity 0.25s ease;	
}

div#Header div#MenuHeader div#ReseauxSociauxMenu a:hover {
	opacity: 0.6;
}

div#Header div#MenuHeader div#ReseauxSociauxMenu a.Facebook:before {
	content: "\f09a";
	position: relative;
	margin-left: 3px;
	top: 3px;
	font-size: 21px;	
}

div#Header div#MenuHeader div#MenuHeaderInside {
	display: inline-block;
	float: left;
	margin-top: 80px;
	margin-right: -24px;	
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;	
}

div#Header div#MenuHeaderInside ul li {
	display: inline-block;
	border-right: 1px solid #ffffff;
}

div#Header div#MenuHeaderInside ul li:last-child {
	border-right: none;
}

div#Header div#MenuHeaderInside ul li a {
	display: block;
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 40px;
	color: #ffffff;
	padding: 0px 12px;
	text-transform: uppercase;
	transition: color 0.25s ease;		
}

div#Header div#MenuHeaderInside ul li.LastListItem  a {
	padding-right: 0px;
}

div#Header div#MenuHeaderInside ul li a:hover, div#Header div#MenuHeaderInside ul li.SelectedMenu a {
	color: #147630;
	text-decoration: none;
}

div#Header div#BoutonMobile {
	float: right;
	background: url('./images/bouton_responsive.png') no-repeat scroll left top transparent;
	width: 48px;
	height: 48px;
	display: none;
	cursor: pointer;
	margin-right: 0px;
}

div#Header div.BordureHeader {
	background-color: #b6ab8c;
	width: 100%;
	height: 1px;
	position: relative;
	-webkit-transition: opacity 1s ease;
	-moz-transition: opacity 1s ease;
	transition: opacity 1s ease;	
}

div#Header div.BordureHeader:before {
	background-color: #b6ab8c;
	content:"";
	width: 200%;
	height: 1px; 
	position: absolute;
	left: -200%;
	top: 0px;
	z-index: 200;	
}

div#Header div.BordureHeader:after {
	background-color: #b6ab8c;
	content:"";
	width: 200%;
	height: 1px; 
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 200;
}

/* DOCKED HEADER */

div#HeaderWrap.Docked {
	background-color: #3b2912;
	width: 100%;
	height: 40px;
	position: fixed;
	z-index: 6000;
	top: 0px;
	left: 0px;
	border-bottom: 2px solid #b6ab8c;			
}

div#HeaderWrap.Docked div#Header div#LogoWrap, div#HeaderWrap.Docked div#Header div#Logo a,div#HeaderWrap.Docked div#Header div#Slogan {
	margin-top: 0px;
	height: 0px;
	opacity: 0;
	/*display: none;*/
}

div#HeaderWrap.Docked div#Header div#MenuHeader {
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;		
}

div#HeaderWrap.Docked div#Header div#MenuHeader div#ReseauxSociauxMenu {
	display: block;
	/*float: right;*/
	margin-top: 8px;
}

div#HeaderWrap.Docked div#Header div#MenuHeader div#MenuHeaderInside {
	display: block;
	/*float: left;*/
	margin-right: 30px;
	margin-top: 0px;
}

div#HeaderWrap.Docked ul li a.SelectedZone {
	color: #147630!important;
}

div#HeaderWrap.Docked div#Header div.BordureHeader {
	opacity: 0;
	display: none;
}

div#Header div#BoutonMobile {
	background: url('./images/bouton_responsive.png') no-repeat scroll left top transparent;
	margin: 0 auto;
	width: 48px;
	height: 40px;
	display: none;
	cursor: pointer;
	float: right;
	margin-right: 20px;
	margin-top: 13px;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	transition: all 0.8s;		
}

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

	div#Header {
		width: 95%;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

}

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

	div#HeaderWrap {
		height: 175px;
		z-index: 6000;
	}
	
	div#Header div#LogoWrap {
		margin-top: 20px;
	}

	div#Header div#Logo a {
		width: 250px; 
		height: 88px;	
		background-size: contain;
	}	
	
	div#Header div#Slogan {
		font-size: 18px;
	}	
		
	div#Header div#BoutonMobile {
		display: block;
	}		
	
	div#Header div#MenuHeader div#MenuHeaderInside {
		position: absolute;
		display: none;
		margin-right: 0px;
		width: 100%;
		max-width: 480px;
		margin-top: 0px;
		top: 175px;
		right: 0px;
		transition: top 1s ease!important;
	}
	
	div#Header div#MenuHeader div#MenuHeaderInside ul li {
		background: -webkit-linear-gradient(left, rgba(19,14,9,0.95) , rgba(34,24,14,0.95)); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, rgba(19,14,9,0.95) , rgba(34,24,14,0.95)); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, rgba(19,14,9,0.95) , rgba(34,24,14,0.95)); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, rgba(19,14,9,0.95) , rgba(34,24,14,0.95)); /* Standard syntax */	
		display: block;
		padding-right: 20px;
		border-bottom: 1px solid #ffffff;
		border-right: none;
	}
	
	div#Header div#MenuHeader div#MenuHeaderInside ul li a {
		padding-right: 0px;
	}
	
	div#HeaderWrap.Docked div#Header div#BoutonMobile {
		margin-top: 0px;
	}
	
	div#HeaderWrap.Docked div#Header div#MenuHeader div#MenuHeaderInside  {
		top: 40px;
		margin-right: 0px;
		display: none;
	}
	
	div#HeaderWrap.Docked div#Header div#MenuHeader div#MenuHeaderInside ul li {
		background-color: #3b2912;	
	}
	
	div#HeaderWrap.Docked div#Header div#MenuHeader div#MenuHeaderInside ul li.LastListItem {
	
	}
	
}

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

	div#Header {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}

	div#Header div#Logo a {
		width: 190px; 
		height: 66px;
		background-size: contain;		
	}
	
	div#Header div#Slogan {
		font-size: 14px;
	}
	
	div#Header div#MenuHeaderInside ul li {
		padding-right: 0px;
	}

}

/*****************************************/
/* SLIDER								 */
/*****************************************/

div#BGSliderWrap {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 960px;
	overflow: hidden;
}

div#BGSlider {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -1280px;
	z-index: 10;
	width: 2560px;
	height: 960px;
}

div#Slider {
	width: 100%;
	max-width: 2560px;
	margin-top: 160px;
	height: 800px;
	position: relative;
	z-index: 5000;
}

div#Slider div#LayerSlider {
	margin: 0px auto;
}

div#SliderMobile{
	display:none;
}

div#Slider div.ls-l1 {
	width: 100%!important;
	height: 100%!important;
	position: absolute!important;
	z-index: 4999!important;
}

div#Slider div.ls-l1 img {
	position: absolute;
	left: 50%;
	top: 0px;
	margin-left: -1280px;
}

div#Slider div.ls-l2 {
	width: 100%!important;
	height: 100%!important;
	position: absolute!important;
	z-index: 10!important;
	display: none!important;	
}

div#Slider div.ls-l3 {
	width: 440px!important;
	position: absolute!important;
	left: 50%!important;
	top: 120px!important;
	margin-left: -590px!important;
	z-index: 5000!important;
}

div#Slider div.ls-l3  h2 {
	font-family: RSBold, Arial, Helvetica, Sans-serif;
	font-size: 68px;
	line-height: 72px;
	color: #000000;
	text-transform: uppercase;
	margin-bottom: 40px;		
}

div#Slider div.ls-l3  h3 {
	font-family: RSRegular, Arial, Helvetica, Sans-serif;
	font-size: 42px;
	line-height: 42px;
	color: #000000;
	text-transform: uppercase;	
}

div#Slider div.ls-l3  p {
	font-family: SSPSBI, Arial, Helvetica, Sans-serif;
	font-size: 32px;
	line-height: 48px;
	color: #000000;
	margin-bottom: 40px;
	text-transform: uppercase;	
}

div#Slider div.ls-l3 a.GrosBouton {
	background: url('./images/gros_bouton.png') no-repeat scroll right top transparent;
	display: inline-block;
	width: 90px;
	height: 90px;
	cursor: pointer;
	transition: opacity 0.5s ease;
}

div#Slider div.ls-l3 a.GrosBouton:hover {
	opacity: 0.6;
}

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

	div#Slider {
		height: auto;
	}
	
	div#Slider div.ls-l3 {
		width: 350px!important;
		left: 40px!important;
		top: 100px!important;
		margin-left: 0px!important;
	}	
	
	div#Slider div.ls-l3  h2 {
		font-size: 50px;
		line-height: 52px;
		margin-bottom: 40px;		
	}

	div#Slider div.ls-l3  h3 {
		font-size: 34px;
		line-height: 34px;
	}

	div#Slider div.ls-l3  p {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 40px;
	}	

}

@media screen and (max-width: 1023px) {
	
	div#Slider div#LayerSlider {
		min-height: 500px;
	}
	
	div#Slider div.ls-l1 img {
		width: 1200px;
		top: unset;
		bottom: 0px;
		left: 55%;
		margin-left: -600px;
	}	

	div#Slider div.ls-l3 {
		top: 40px!important;
	}
	
	div#Slider div.ls-l3 a.GrosBouton {
		width: 45px;
		height: 45px;
		background-size: contain;
	}	
	
	div#Slider div#LayerSlider {
		min-height: 500px;
	}

}


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

	div#BGSlider {
		background-position: right center;
	}

	
	div#Slider div#LayerSlider {
		min-height: 400px;
	}
		
	div#Slider div.ls-l1 img {
		width: 1024px;
		top: unset;
		bottom: 0px;
		left: 55%;
		margin-left: -512px;
	}	

	div#Slider div.ls-l3 {
		width: 240px!important;
		left: 20px!important;
		top: 40px!important;
		margin-left: 00px!important;
	}	

	div#Slider div.ls-l3  h2 {
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 20px;		
	}

	div#Slider div.ls-l3  h3 {
		font-size: 24px;
		line-height: 24px;
	}

	div#Slider div.ls-l3  p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
	}	

}

@media screen and (max-width: 479px) {
	
	div#Slider div#LayerSlider {
		min-height: 325px;
	}
	
	div#Slider div.ls-l1 img {
		width: 700px;
		top: unset;
		bottom: 0px;
		left: 60%;
		margin-left: -350px;
	}
	
	div#Slider div.ls-l3  h2 {
		font-size: 32px;
		line-height: 32px;
		margin-bottom: 20px;		
	}

	div#Slider div.ls-l3  h3 {
		font-size: 21px;
		line-height: 21px;
	}

	div#Slider div.ls-l3  p {
		font-size: 16px;
		line-height: 21px;
		margin-bottom: 20px;
		max-width: 175px;
	}		

}

/*****************************************/
/* CONTENT								 */
/*****************************************/

div#ContentWrap {
	width: 100%;
	overflow: hidden;
}

div#Content {
	width: 100%;
	max-width: 2568px;
	margin: 0 auto;
}

div#Content h1 {
	font-family: RSBold, Arial, Helvetica, Sans-serif;
	font-size: 70px;
	line-height: 80px;
	margin-bottom: 20px;
	color: #b6ab8c;
	text-transform: uppercase;
}

div#Content h2 {
	font-family: RSRegular, Arial, Helvetica, Sans-serif;
	font-size: 48px;
	line-height: 50px;
	margin-bottom: 0px;
	text-transform: uppercase;	
	color: #000000;	
}

div#Content h3 {
	font-family: RSBold, Arial, Helvetica, Sans-serif;
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 20px;
	text-transform: uppercase;	
	color: #000000;
	padding-bottom: 6px;
	border-bottom: 1px solid #147630;	
}

div#Content h4 {
	font-family: SSPSB, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 36px;
	margin-bottom: 20px;
	color: #147630;
	text-transform: uppercase;
}

div#Content h4 strong {
	color: #147630;
}

div#Content h5 {
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 20px;
	color: #147630;
	text-transform: uppercase;
}

div#Content p {
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 22px;
	line-height: 36px;
	margin-bottom: 20px;
	color: #ffffff;
}

div#Content p strong {
	font-family: SSPSB, Arial, Helvetica, Sans-serif;
}

div#Content ul, div#Content ol {
	margin-bottom: 5px;
}

div#Content ul li {
	background: url("images/liste_puce.png") no-repeat scroll left top transparent;
	padding-left: 24px;
	padding-top: 5px;
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #ffffff;	
	margin-bottom: 5px;
	/*padding-bottom: 15px;	*/
}

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

	div#Content h1 {
		font-size: 48px;
		line-height: 50px;
	}
	
}	

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

	div#Content h1 {
		font-size: 40px;
		line-height: 60px;
		margin-bottom: 20px;
	}

	div#Content h2 {
		font-size: 36px;
		line-height: 36px;
		margin-bottom: 0px;	
	}

	div#Content h3 {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	div#Content h4 {
		font-size: 21px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	div#Content h5 {
		font-size: 21px;
		line-height: 21px;
		margin-bottom: 20px;
	}

	div#Content p {
		font-size: 21px;
		line-height: 32px;
		margin-bottom: 20px;
	}

	div#Content ul li {
		background: url("images/liste_puce.png") no-repeat scroll left top transparent;
		padding-left: 24px;
		padding-top: 5px;
		font-family: SSPRegular, Arial, Helvetica, Sans-serif;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 5px;
	}

}

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

	div#Content h1 {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 20px;
	}

	div#Content h2 {
		font-size: 28px;
		line-height: 28px;
		margin-bottom: 0px;
	}

	div#Content h3 {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	div#Content h4 {
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 20px;
	}

	div#Content h5 {
		font-size: 18px;
		line-height: 18px;
		margin-bottom: 20px;
	}

	div#Content p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 20px;
	}

	div#Content ul li {
		background: url("images/liste_puce.png") no-repeat scroll left top transparent;
		padding-left: 24px;
		padding-top: 5px;
		font-family: SSPRegular, Arial, Helvetica, Sans-serif;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 5px;
	}

}

/*****************************************/
/* ONE PAGER							 */
/*****************************************/

div#Content div.ZoneWrap  {
	width: 100%;
	height: auto;
}

div#Content div.ZoneWrap div.Zone {
	max-width: 1200px;
	margin: 0 auto;
}

div#Content div.ZoneWrap.Zone0 {
	display: none;
}

/* ZONE 1 */

div#Content div.ZoneWrap.Zone1 {
	padding-bottom: 500px;
	text-align: left;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;	
}

div#Content div.ZoneWrap.Zone1 div.ContenuFond {
	background-color: rgba(0,0,0,0.9);
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px;
}

div#Content div.ZoneWrap.Zone1 div.ContenuFond:before {
	background-color: rgba(0,0,0,0.9);
	content:"";
	width: 200%;
	height: 100%; 
	position: absolute;
	left: -200%;
	top: 0px;
	z-index: 200;	
}

div#Content div.ZoneWrap.Zone1 div.ContenuFond:after {
	background-color: rgba(0,0,0,0.9);
	content:"";
	width: 200%;
	height: 100%;  
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 200;
}

div#Content div.ZoneWrap.Zone1 p {
	font-size: 18px;
}

div#Content div.ZoneWrap.Zone1 h3 {
	border-bottom: none;
	color: #ffffff;
}

div#Content div.ZoneWrap.Zone1 ul {
	margin-bottom: 20px;
}

div#Content div.ZoneWrap.Zone1 div.TexteGauche {
	text-align: left;
	float: left;
	width: 47.5%;
	margin-right: 2.5%;
}

div#Content div.ZoneWrap.Zone1 div.TexteDroite {
	text-align: left;
	float: right;
	width: 47.5%;
	left: 2.5%;	
}

/* ZONE 2 */

div#Content div.ZoneWrap.Zone2 {
	text-align: center;
}

div#Content div.ZoneWrap.Zone2 div.ContenuFond {
	background-color: #147630;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px;
}

div#Content div.ZoneWrap.Zone2 div.ContenuFond:before {
	background-color: #147630;
	content:"";
	width: 200%;
	height: 100%; 
	position: absolute;
	left: -200%;
	top: 0px;
	z-index: 200;	
}

div#Content div.ZoneWrap.Zone2 div.ContenuFond:after {
	background-color: #147630;
	content:"";
	width: 200%;
	height: 100%;  
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 200;
}

div#Content div.ZoneWrap.Zone2 div.ContenuFond h2 {
	color: #ffffff;
	margin-bottom: 20px;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.EmploisDouble {
	/*border-bottom: 1px solid #147630;*/
	margin-top: 40px;
	display: table;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi {
	width: 47.5%;
	padding-right: 2.5%;
	display: table-cell;
	text-align: left;
	box-sizing: border-box;
	border-right: 1px solid #147630;
	margin-bottom: 20px;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi:nth-child(2) {
	padding-right: 0%;
	padding-left: 2.5%;
	border-right: none;
}

/*
div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.UpperEmploi {
	width: 95%;
	background-color: #147630;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px;
	z-index: 5;
	text-align: left;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.UpperEmploi {
	padding-right: 5%;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi:nth-child(2) div.UpperEmploi {
	padding-right: 0%;
	padding-left: 5%;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.UpperEmploi h3 {
	text-align: center;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.UpperEmploi p, div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.UpperEmploi ul li {
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 20px;
	color: #ffffff;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.UpperEmploi strong {
	font-family: SSPSB, Arial, Helvetica, Sans-serif;
	color: #ffffff;	
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi:nth-child(1) div.UpperEmploi:before {
	background-color: #147630;
	content:"";
	width: 200%;
	height: 100%; 
	position: absolute;
	left: -200%;
	top: 0px;
	z-index: 2;	
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi:nth-child(2) div.UpperEmploi:after {
	background-color: #147630;
	content:"";
	width: 200%;
	height: 100%;  
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 2;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.BottomEmploi {
	width: 95%;
	background-color: #ffffff;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px;
	z-index: 5;
	text-align: left;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.BottomEmploi {
	padding-right: 5%;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi:nth-child(2) div.BottomEmploi {
	padding-right: 0%;
	padding-left: 5%;	
}
*/

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi h3 {
	color: #000000;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi h4 {
	margin-top: 20px;
	margin-bottom: 0px;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi  p {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 0px;
	color: #6f6f6f;
}

/*div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi div.BottomEmploi p*/

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi ul li {
	font-size: 18px;
	color: #6f6f6f;
	/*border-bottom: 1px solid #147630;*/
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi ul li.LastListItem {
	border-bottom: none;
}

div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi  strong {
	font-family: SSPSB, Arial, Helvetica, Sans-serif;
	color: #000000;
}

div#Content div.ZoneWrap.Zone2 div.BandeEmploi {
	background-color: #147630;
	font-family: SSPBI, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 36px;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 10px 20px;
	text-align: center;
	text-transform: uppercase;	
	color: #ffffff;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm  {
	text-align: left;
	padding-bottom: 20px;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm div.PosteWrap h4  {
	display: inline-block;
	color: #000000;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm div.PosteWrap h4 strong  {
	color: #147630;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm div.PosteWrap p {
	display: inline-block;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm input[type="text"], div#Content div.ZoneWrap.Zone2 div.ContactForm input[type="email"]  {
	background-color: #f2f2f2;
	display: block;
	width: 100%;
	height: 40px;
	border: 1px solid #e5e5e5!important;
	margin: 0 0 24px 0;
	padding : 10px 24px;
	-webkit-border-radius: 0;
	font-family:  SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #000000;
	box-sizing: border-box;	
}

div#Content div.ZoneWrap.Zone2 div.ContactForm input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color: #000000;
	text-transform: uppercase;
}
div#Content div.ZoneWrap.Zone2 div.ContactForm input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #000000;
	opacity: 1;
	text-transform: uppercase;  
}
div#Content div.ZoneWrap.Zone2 div.ContactForm input::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000000;
	opacity: 1;
	text-transform: uppercase; 
}
div#Content div.ZoneWrap.Zone2 div.ContactForm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #000000;
	text-transform: uppercase;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm span.poste {
	display: inline-block;
	min-width: 250px;
	margin-left: 20px;
	margin-right: 20px;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm select {
	background: url("images/select_arrow.png") no-repeat scroll right center #ffffff;
	width: 100%;
	height: 36px;
	padding-left: 2.5%;
	border: 1px solid #262626!important;
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 14px;
	line-height: 36px;	
	text-transform: uppercase;	
	color: #000000;
	vertical-align: top;	
	box-sizing: border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;	
}

div#Content div.ZoneWrap.Zone2 div.ContactForm  label {
	display: inline-block;
	font-family: SSPSB, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 36px;		
	color: #147630;
	text-transform: uppercase;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm span.resume {
	display: inline-block;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm span.resume input {
	margin-bottom: 0px;
}

div#Content div.ZoneWrap.Zone2 div.ContactForm p a.Bouton {
	color: #000000;
}

/* Zone 3 */

div#Content div.ZoneWrap.Zone3 div.ContenuFond {
	background-color: #e5e5e5;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px;
}

div#Content div.ZoneWrap.Zone3 div.ContenuFond:before {
	background-color: #e5e5e5;
	content:"";
	width: 200%;
	height: 100%; 
	position: absolute;
	left: -200%;
	top: 0px;
	z-index: 200;	
}

div#Content div.ZoneWrap.Zone3 div.ContenuFond:after {
	background-color: #e5e5e5;
	content:"";
	width: 200%;
	height: 100%;  
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 200;
}

div#Content div.ZoneWrap.Zone3 div.ZoneGauche {
	display: inline-block;
	vertical-align: top;
	width: 47.5%;
	margin-right: 5%;
}

div#Content div.ZoneWrap.Zone3 div.ZoneDroite {
	display: inline-block;
	vertical-align: top;	
	width: 47.5%;
	margin-bottom: 20px;
}

div#Content div.ZoneWrap.Zone3 h2 {
	margin-bottom: 20px;
}

div#Content div.ZoneWrap.Zone3 p {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 20px;
	color: #000000;
}

div#Content div.ZoneWrap.Zone3 ul li {
	font-size: 18px;
	color: #000000;
	border-bottom: 1px solid #147630;
}

/* Zone 4 */

div#Content div.ZoneWrap.Zone4 div.Zone {
	max-width: 100%;
	position: relative;
}

div#Content div.ZoneWrap.Zone4 div#Sample_Google_Map p  {
	color: #000000;
	font-size: 21px;
	line-height: 24px;
	margin-bottom: 0px;
}

div#Content div.ZoneWrap.Zone4 div.ContenuFond {
	max-width: 1200px;
	margin: 0 auto;
	background-color: #1a1a1a;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px;
}

div#Content div.ZoneWrap.Zone4 div.ContenuFond:before {
	background-color: #1a1a1a;
	content:"";
	width: 200%;
	height: 100%; 
	position: absolute;
	left: -200%;
	top: 0px;
	z-index: 200;	
}

div#Content div.ZoneWrap.Zone4 div.ContenuFond:after {
	background-color: #1a1a1a;
	content:"";
	width: 200%;
	height: 100%;  
	position: absolute;
	left: 100%;
	top: 0px;
	z-index: 200;
}

div#Content div.ZoneWrap.Zone4 div.TexteGauche {
	float: left;
	width: 47.5%;
	margin-right: 2.5%;
}

div#Content div.ZoneWrap.Zone4 div.TexteDroite {
	float: right;
	width: 47.left: 2.5%;	
}

div#Content div.ZoneWrap.Zone4 h4 {
	color: #ffffff;
}

div#Content div.ZoneWrap.Zone4 h4 strong {
	color: #147630;	
}

div#Content div.ZoneWrap.Zone4 div.ContactForm  div.ZoneGauche {
	float: left;
	width: 47.5%;
	margin-right: 5%;
}

div#Content div.ZoneWrap.Zone4 div.ContactForm div.ZoneDroite {
	float: left;
	width: 47.5%;
}

div#Content div.ZoneWrap.Zone4 div.ContactForm input[type="text"], div#Content div.ZoneWrap.Zone4 div.ContactForm input[type="email"]  {
	background-color: #262626;
	display: block;
	width: 100%;
	height: 40px;
	border: none!important;
	margin: 0 0 24px 0;
	padding : 10px 24px;
	-webkit-border-radius: 0;
	font-family:  SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	box-sizing: border-box;	
}

div#Content div.ZoneWrap.Zone4 div.ContactForm textarea {
	background-color: #262626;
	display: block;
	width: 100%;
	height: 168px;
	border: none!important;
	margin: 0 0 24px 0;
	padding : 10px 24px;
	-webkit-border-radius: 0;
	font-family:  SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;
	box-sizing: border-box;	
}

div#Content div.ZoneWrap.Zone4 div.ContactForm input::-webkit-input-placeholder, div#Content div.ZoneWrap.Zone4 div.ContactForm textarea::-webkit-input-placeholder  { /* WebKit, Blink, Edge */
	color: #ffffff;
	text-transform: uppercase;
}

div#Content div.ZoneWrap.Zone4 div.ContactForm input:-moz-placeholder, div#Content div.ZoneWrap.Zone4 div.ContactForm textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: #ffffff;
	opacity: 1;
	text-transform: uppercase;  
}

div#Content div.ZoneWrap.Zone4 div.ContactForm input::-moz-placeholder, div#Content div.ZoneWrap.Zone4 div.ContactForm textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #ffffff;
	opacity: 1;
	text-transform: uppercase; 
}

div#Content div.ZoneWrap.Zone4 div.ContactForm input:-ms-input-placeholder, div#Content div.ZoneWrap.Zone4 div.ContactForm textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #ffffff;
	text-transform: uppercase;
}

div#Content div.ZoneWrap.Zone4 a.Bouton {
	color: #ffffff;
}

div#Content div.ZoneWrap.Zone4 div.ClosePopup {
	background: url('./images/icon_close.png') no-repeat scroll center center #000000;
	width: 60px;
	height: 60px;
	cursor: pointer;
	transition: background-color 0.5s ease;
	position: absolute;
	right: 0px;
	top: 0px;	
	z-index: 400;	
}

div#Content div.ZoneWrap.Zone4 div.ClosePopup:hover {
	background-color: #147630;
}

div#Content div.ZoneWrap.Zone4 div.OpenPopup {
	background: url('./images/icon_open.png') no-repeat scroll center center #147630;
	width: 60px;
	height: 60px;
	cursor: pointer;	
	transition: background-color 0.5s ease;	
	position: absolute;
	left: 0px;
	top: 60px;
	z-index: 300;
}

div#Content div.ZoneWrap.Zone4 div.OpenPopup:hover {
	background-color: #000000;
}

div#Content div.ZoneWrap.Zone4 div.BoitePopup {
	max-width: 580px;
	position: absolute;
	left: -600px;
	top: 60px;
	z-index: 400;
}

div#Content div.ZoneWrap.Zone4 div.BoitePopup img {
	display: block;
}

div#Content div.ZoneWrap.Zone4 div.BoitePopup div.ZoneTexte {
	background-color: #147630;
	padding: 10px 20px;
	font-family:  SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #ffffff;	
}

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

	div#Content div.ZoneWrap.Zone4 div#Sample_Google_Map {
		height: 600px!important;
	}
	
	div#Content div.ZoneWrap.Zone4 div.BoitePopup, div#Content div.ZoneWrap.Zone4 div.OpenPopup {
		top: 20px;
	}

}

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

	div#Content div.ZoneWrap div.Zone {
		width: 95%;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

	div#Content div.ZoneWrap.Zone4 div.Zone {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	div#Content div.ZoneWrap.Zone4 div.ContenuFond {
		width: 95%;
		padding-left: 2.5%;
		padding-right: 2.5%;	
	}
	
	div#Content div.ZoneWrap.Zone1 div.ContenuFond {
		background-color: rgba(34,24,14,1);
	}

	div#Content div.ZoneWrap.Zone1 div.ContenuFond:before {
		background-color: rgba(34,24,14,1);
	}

	div#Content div.ZoneWrap.Zone1 div.ContenuFond:after {
		background-color: rgba(34,24,14,1);
	}	
	
	div#Content div.ZoneWrap.Zone1 {	
		padding-bottom: 250px;
		background-size: contain;
	}

}

@media screen and (max-width: 1023px) { 
	
	div#Content div.ZoneWrap.Zone1 {
		padding-bottom: 200px;
	}

	div#Content div.ZoneWrap.Zone2 div.EmploisWrap  div.EmploisDouble {
		display: block;
	}

	div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi {
		width: 100%;
		display: block;
		padding-right: 0px;
		padding-left: 0px!important;
		border-right: none;
		border-bottom: 1px solid #147630;
		padding-bottom: 40px;
	}
	
	div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi:nth-child(2) {
		margin-top: 40px;
	}
	
	div#Content div.ZoneWrap.Zone3 div.ContenuFond {
		transform: scaleY(-1);
	}

	div#Content div.ZoneWrap.Zone3 div.ZoneGauche {
		display: block;
		width: 100%;
		margin-right: 0px;
		transform: scaleY(-1);	
	}
	
	div#Content div.ZoneWrap.Zone3 div.ZoneDroite {
		display: block;
		width: 100%;
		margin-right: 0px;
		transform: scaleY(-1);	
	}	
	
	div#Content div.ZoneWrap.Zone4 div.BoitePopup {
		max-width: 360px;
	}
	
	div#Content div.ZoneWrap.Zone4 div.BoitePopup div.ZoneTexte {
		font-size: 16px;
	}
	
	div#Content div.ZoneWrap.Zone4 div.ContenuFond h4 {
		text-align: center;
	}
	
	div#Content div.ZoneWrap.Zone4 div.TexteGauche {
		float: none;
		width: 100%;
		margin-right: 0px;
	}
	
	div#Content div.ZoneWrap.Zone4 div.TexteDroite {
		float: none;
		width: 100%;
		margin-right: 0px;	
	}
	
	div#Content div.ZoneWrap.Zone1 div.TexteGauche {
		float: none;
		width: 100%;
		margin-right: 0px;
	}

	div#Content div.ZoneWrap.Zone1 div.TexteDroite {
		float: none;
		width: 100%;
		margin-right: 0px;
	}	

}

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

	div#Content div.ZoneWrap.Zone1 {
		padding-bottom: 150px;
	}	

	div#Content div.ZoneWrap.Zone4 div#Sample_Google_Map {
		height: 500px!important;
	}
	
	div#Content div.ZoneWrap.Zone2 div.ContactForm input[type="text"], div#Content div.ZoneWrap.Zone2 div.ContactForm input[type="email"]  {
		font-size: 14px;
		line-height: 20px;
	}	
	
	div#Content div.ZoneWrap.Zone4 div.ContactForm input[type="text"], div#Content div.ZoneWrap.Zone4 div.ContactForm input[type="email"]  {
		font-size: 14px;
		line-height: 20px;
	}

	div#Content div.ZoneWrap.Zone4 div.ContactForm textarea {
		font-size: 14px;
		line-height: 20px;
	}	

}

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

	div#Content div.ZoneWrap div.Zone {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}

	div#Content div.ZoneWrap.Zone1 {
		padding-bottom: 100px;
	}

	div#Content div.ZoneWrap.Zone2 div.EmploisWrap div.Emploi  p {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 0px;
		color: #000000;
	}	
	
	div#Content div.ZoneWrap.Zone2 div.BandeEmploi {
		font-size: 21px;
		line-height: 28px;
	}
		
	div#Content div.ZoneWrap.Zone2 div.ContactForm div.PosteWrap {
		text-align: center;
	}	
	
	div#Content div.ZoneWrap.Zone2 div.ContactForm p {
		text-align: center;
	}
	
	div#Content div.ZoneWrap.Zone4 div.ContenuFond {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;	
	}
		
	
	div#Content div.ZoneWrap.Zone4 div.BoitePopup {
		max-width: 300px;
	}

	div#Content div.ZoneWrap.Zone4 div#Sample_Google_Map {
		height: 400px!important;
	}	
		
	div#Content div.ZoneWrap.Zone4 div.ClosePopup {
		background: url('./images/icon_close.png') no-repeat scroll center center #000000;		
		width: 30px;
		height: 30px;
		padding: 6px;
	
	}

	div#Content div.ZoneWrap.Zone4 div.OpenPopup {
		background: url('./images/icon_open.png') no-repeat scroll center center #147630;
		width: 30px;
		height: 30px;
		padding: 6px;		
	}	
	
	div#Content div.ZoneWrap.Zone4 div.ContactForm div.ZoneGauche {
		float: none;
		width: 100%;
		margin-right: 0px;
	}
	
	div#Content div.ZoneWrap.Zone4 div.ContactForm div.ZoneDroite {
		float: none;
		width: 100%;	
	}
	
}

/*****************************************/
/* NOUS JOINDRE							 */
/*****************************************/

span.wpcf7-not-valid-tip {
	position: absolute;
	width: 300px;
	border: 1px solid red;
	background-color: #ffffff;
	top: -36px;
	top: 6px\9;
	left: 6px;
	padding: 2px;
	font-family: SSPRegular, Arial, Helvetica, Sans-serif;
	font-size: 18px!important;
	line-height: 28px;
	color: #000000!important;
	text-transform: none;
}

span.resume span.wpcf7-not-valid-tip {
	top: 6px;
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
	background-color: #ffffff;
	font-family: SSPRegular Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 28px;
	color: #000000!important;
	border-color: red!important;
	margin-bottom: 24px!important;
	margin-top: 0px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
	text-align: left;
}

/* **** MapPress **** */

div#Content div.mapp-container {
	margin-bottom: 24px!important;
}

div#mapp0_poweredby {
	display: none!important;
}

div#Content div#Sample_Google_Map img {
    max-width: none !important;
}

div.gm-style-mtc {
	display: none!important;
}

/*****************************************/
/* NOUVELLES							 */
/*****************************************/

/*****************************************/
/* EMPLOIS								 */
/*****************************************/

/*****************************************/
/* FOOTER								 */
/*****************************************/

div#FooterWrap {
	width: 100%;
}

div#Footer {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

div#Footer div#Certifications {
	margin-bottom: 40px;
   /* display: flex;
    flex-direction: row;     
    justify-content: space-between; 
    align-items: center;	*/
	display: block;
	text-align: left;
}

div#Footer div#Certifications a {
	display: inline-block;
	transition: opacity 0.5s ease;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
}

div#Footer div#Certifications a:first-child {
	margin-left: 0px;
}

div#Footer div#Certifications a:last-child {
	margin-right: 0px;
}

div#Footer div#Certifications a:hover {
	opacity: 0.6;
}

div#Footer div#FooterNotes span {
	display: inline-block;
	margin-right: 60px;
}

div#Footer div#FooterNotes a {
	display: inline-block;
	transition: color 0.5s ease;	
}

div#Footer div#FooterNotes a:hover {
	color: #147630;
}

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

	div#Footer {
		width: 95%;
		padding-left: 2.5%;
		padding-right: 2.5%;
	}

}

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

	div#Footer div#Certifications {
		display: block;
		text-align: center;
	}
	
	div#Footer div#FooterNotes {
		text-align: center;
	}
	
	div#Footer div#Certifications a {
		margin-left: 20px!important;
		margin-right: 20px!important;
	}

}

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

	div#Footer div#FooterNotes span {
		display: block;
		margin-right: 0px;
		margin-bottom: 20px;
	}
	
}


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

	div#Footer {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
	}
	
}

/*****************************************/
/* CONTACT FORM 7						 */
/*****************************************/

div.wpcf7{
	position: relative;
}

div.wpcf7 div.HiddenInput {
	display:none;
}


/*****************************************/
/* COMMONS								 */
/*****************************************/

/* TIMYMCE */

.Capitale, .capitale {
	text-transform: uppercase;
}

/* autres */

.empty {
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	width: 0;
	height: 0;
}

.clear {
	clear: both!important;
	line-height: 0px!important;
	font-size: 0px!important;
	overflow: hidden!important;
	width: 0!important;
	height: 0!important;
	float: none!important;
	margin: 0!important;
	padding: 0!important;
}