/* Exemple FONT FACE*/

@font-face {
	font-family: 'HelveticaNeueRegular';
	src: url('fonts/HelveticaNeueRegular.eot');
	src: url('fonts/HelveticaNeueRegular.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueRegular.woff') format('woff'),
		url('fonts/HelveticaNeueRegular.ttf') format('truetype'),
		url('fonts/HelveticaNeueRegular.svg#HelveticaNeueRegular') format('svg');
	font-weight: 100;
	font-style: normal;
}

@font-face {
  font-family: 'HelveticaNeueThin';
  src: url('fonts/HelveticaNeueLTStd-Th.eot?#iefix') format('embedded-opentype'),  
	   url('fonts/HelveticaNeueLTStd-Th.otf')  format('opentype'),
	   url('fonts/HelveticaNeueLTStd-Th.woff') format('woff'), 
	   url('fonts/HelveticaNeueLTStd-Th.ttf')  format('truetype'), 
	   url('fonts/HelveticaNeueLTStd-Th.svg#HelveticaNeueLTStd-Th') format('svg');
  font-weight: 100;
  font-style: normal;
}

@font-face {
	font-family: 'HelveticaNeueLight';
	src: url('fonts/HelveticaNeueLight.eot');
	src: url('fonts/HelveticaNeueLight.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeueLight.woff') format('woff'),
		url('fonts/HelveticaNeueLight.ttf') format('truetype'),
		url('fonts/HelveticaNeueLight.svg#HelveticaNeueLight') format('svg');
	font-weight: 300;
	font-style: normal;
}

/*@font-face {
	font-family: 'HelveticaNeueLightI';
	src: url('fonts/HelveticaNeue-LightItalic.eot');
	src: url('fonts/HelveticaNeue-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue-LightItalic.woff') format('woff'),
		url('fonts/HelveticaNeue-LightItalic.ttf') format('truetype'),
		url('fonts/HelveticaNeue-LightItalic.svg#HelveticaNeue-LightItalic') format('svg');
	font-weight: 300;
	font-style: italic;
}*/

@font-face {
    font-family: 'HelveticaNeueLightI';
	src: url('fonts/HelveticaNeue-LightItalic.eot');
	src: url('fonts/HelveticaNeue-LightItalic.eot?#iefix') format('embedded-opentype'),
		url('fonts/HelveticaNeue-LightItalic.woff2') format('woff2'),
		url('fonts/HelveticaNeue-LightItalic.woff') format('woff'),
		url('fonts/HelveticaNeue-LightItalic.ttf') format('truetype'),
		url('fonts/HelveticaNeue-LightItalic.svg#neue_helvetica_bqregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*@font-face {
	font-family: 'HelveticaNeueBoldI';
	src: url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.eot');
	src: url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.woff') format('woff'),
		url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.ttf') format('truetype'),
		url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.svg#neue_helvetica_bqregular') format('svg');
	font-weight: bold;
	font-style: italic;
}*/

@font-face {
    font-family: 'HelveticaNeueBoldI';
	src: url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.eot');
	src: url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.woff2') format('woff2'),
		url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.woff') format('woff'),
		url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.ttf') format('truetype'),
		url('fonts/neue-helvetica-76-bold-italic-58f8a54ebd49c-webfont.svg#neue_helvetica_bqregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* 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: #ffffff;
	color:#000;
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	margin:0;
	padding:0;
	width: 100%;
	height: 100%;
	min-width: 320px;
	-webkit-text-size-adjust: none;
	overflow-x: hidden!important;
}

div.BodyWrap {
	overflow-x: hidden!important;	
}

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 {
	font-family: RubikRegular, Arial, Helvetica, Sans-serif;
	color: #80bd01;
	text-decoration: none;
	transition: opacity 0.5s ease;
}

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: #ececec;
	display: block;
	width: 100%;
	height: 40px;
	border: none!important;
	margin: 0 0 20px 0;
	padding : 0px 12px;
	-webkit-border-radius: 0;
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 40px;
	color: #000000;
	box-sizing: border-box;
}

textarea {
	background-color: #ececec;
	display: block;
	width: 100%!important;
	height: 150px;	
	border: none!important;	
	margin: 0 0 20px 0;
	padding : 12px;	
	border-color: tansparent!important; 
	overflow: auto;
	-webkit-border-radius: 0;
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 20px;
	line-height: 32px;
	color: #000000;	
	box-sizing: border-box;
}

a.SubmitSpecial {
	background-color: #80bd01;
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 32px;
	color: #ffffff;	
	text-transform: uppercase;
	padding: 6px 24px 6px 24px;
	letter-spacing: 1px;
	display: inline-block;
	float: right;
	cursor: pointer;
	transition: all 0.5s ease;
	margin-bottom: 20px;
}

a.SubmitSpecial:hover {
	background-color: #000000;	
}

.NoDisplay {
	display: none;
}

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

div#HeaderWrap{
	position: relative;
	width: 100%;
	box-sizing: border-box;
	transition: all 0.5s ease;
	padding: 24px 0px 24px 0px;	
	border-bottom: 1px solid #000000;
	box-shadow: 0 5px 5px -3px #808080;	
	z-index: 500;
}

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

div#Header div#LogoWrap {
	float: left;
	margin-left: 72px;
}

div#Header div#Logo {
	display: inline-block;
	vertical-align: top;
}

div#Header div#Logo a {
	background: url('./images/logo.svg') no-repeat scroll left top transparent;
	width: 316px; 
	height: 152px;
	display: block;
	transition: all 0.5s ease;
}

div#Header div#Logo a:hover {
	opacity: 0.5;
}

div#Header div#PourquoiPropane {
	float: left;
	margin-left: 120px;
}

div#Header div#PourquoiPropane a.Icone {
	max-width: 350px;
	height: 116px;	
	display: block;	
	position: relative;
	box-sizing: border-box;
	display: block;
	position: relative;	
	box-sizing: border-box;	
	transition: all 0.5s ease;	
	padding-left: 142px;
	font-family: HelveticaNeueLightI, Arial, Helvetica, Sans-serif;
	font-size: 32px;
	line-height: 36px;	
	color: #000000;	
	padding-top: 24px;	
	text-transform: uppercase;	
}

div#Header div#PourquoiPropane a.Icone:before {
	background: url('./images/acces_propane_icone01.svg') no-repeat scroll left top transparent;
	width: 118px; 
	height: 116px;
	display: block;
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
}

div#Header div#ContactezNous {
	float: left;	
	margin-left: 120px;	
}

div#Header div#ContactezNous a.Icone {
	max-width: 366px;
	height: 116px;	
	display: block;	
	position: relative;
	box-sizing: border-box;
	transition: all 0.5s ease;	
	padding-left: 154px;	
	font-family: HelveticaNeueLightI, Arial, Helvetica, Sans-serif;
	font-size: 32px;
	line-height: 36px;	
	color: #000000;
	word-break: break-all;
	padding-top: 24px;
	text-transform: uppercase;
}

div#Header div#ContactezNous a.Icone:before {
	background: url('./images/acces_propane_icone02.svg') no-repeat scroll left center transparent;
	width: 130px; 
	height: 116px;
	display: block;
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
}

div#Header div a.Icone:hover {
	color: #80bd01!important;
}

div#Header div#AdresseHeader {
	float: right;
	margin-right: 72px;
	font-family: HelveticaNeueLightI, Arial, Helvetica, Sans-serif;
	font-size: 32px;
	line-height: 38px;	
	color: #000000;
}

div#Header div#AdresseHeader strong {
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
	font-size: 34px;	
	color: #80bd01;	
}


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

	div#Header div#LogoWrap {
		margin-left: 48px;
	}

	div#Header div#PourquoiPropane {
		float: left;
		margin-left: 60px;
	}

	div#Header div#PourquoiPropane a.Icone {
		max-width: 256px;
		height: 116px;	
		padding-left: 94px;
		font-size: 24px;
		line-height: 28px;	
		padding-top: 10px;	
	}

	div#Header div#PourquoiPropane a.Icone:before {
		width: 80px; 
		height: 78px;
	}

	div#Header div#ContactezNous {
		margin-left: 20px;	
	}

	div#Header div#ContactezNous a.Icone {
		max-width: 256px;
		height: 116px;	
		padding-left: 100px;	
		font-size: 24px;
		line-height: 28px;	
		padding-top: 10px;
	}

	div#Header div#ContactezNous a.Icone:before {
		width: 87px; 
		height: 78px;
	}

	div#Header div#AdresseHeader {
		margin-right: 48px;
		font-size: 24px;
		line-height: 28px;	
	}

	div#Header div#AdresseHeader strong {
		font-size: 26px;	
	}


}

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

	div#Header div#PourquoiPropane a.Icone {
		height: auto;		
	}

	div#Header div#ContactezNous a.Icone {
		height: auto;	
	}

	div#Header div#AdresseHeader br {
		display: none;
	}
	
	div#Header div#AdresseHeader {
		float: left;
		margin-left: 60px;
		font-size: 21px;
		margin-top: 40px;
	}

	div#Header div#AdresseHeader strong {
		display: block;
	}
	
}

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

	div#Header div#PourquoiPropane a.Icone {
		display: block;		
		margin-bottom: 20px;
	}

	div#Header div#ContactezNous a.Icone {
		display: block;
		margin-left: 40px;
	}
	
	div#Header div#AdresseHeader {
		display: none;
	}


}

@media screen and (max-width: 767px) {
	
	div#Header {
		padding-left: 24px;
		padding-right: 24px;
		box-sizing: border-box;
	}
	
	div#Header div#LogoWrap {
		margin-left: 0px;
	}
			
	div#Header div#Logo a {
		width: 200px; 
		height: 96px;
	}	

	div#Header div#PourquoiPropane {
		float: left;
		margin-left: 40px;
	}

	div#Header div#PourquoiPropane a.Icone {
		max-width: 160px;
		padding-left: 40px;
		font-size: 18px;
		line-height: 21px;	
		padding-top: 0px;	
	}

	div#Header div#PourquoiPropane a.Icone:before {
		width: 31px; 
		height: 30px;
	}

	div#Header div#ContactezNous {
		margin-left: 40px;	
	}

	div#Header div#ContactezNous a.Icone {
		max-width: 160px;
		padding-left: 42px;	
		font-size: 18px;
		line-height: 21px;	
		padding-top: 0px;
		margin-left: 0px;
	}

	div#Header div#ContactezNous a.Icone:before {
		width: 33px; 
		height: 30px;
	}

	
}

@media screen and (max-width: 479px) {
	
	div#Header div#LogoWrap {
		float: none;
		text-align: center;
	}
	
	div#Header div#Logo a {
		width: 250px; 
		height: 120px;
	}		
	
	div#Header div#PourquoiPropane {
		float: none;
		width: 160px;
		margin: 20px auto 20px; 
	}
	
	div#Header div#ContactezNous {
		float: none;
		width: 160px;
		margin: 0px auto 0px;	
	}	
	
}

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

div#ContentWrap {
	position: relative;
	z-index: 400;
	width: 100%;
	overflow: hidden!important;
}

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

div#Content h1 {
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
	font-size: 72px;
	line-height: 74px;
	color: #ffffff;	
	margin-bottom: 24px;
	text-shadow: 1px 0px 8px #000, 0px 1px 20px rgba(65,65,65,0.5);
}

div#Content h2 {
	font-family: HelveticaNeueLightI, Arial, Helvetica, Sans-serif;
	font-size: 72px;
	line-height: 74px;
	color: #ffffff;	
	margin-bottom: 0px;
	text-shadow: 1px 0px 8px #000, 0px 1px 20px rgba(65,65,65,0.7);
}

@media screen and (max-width: 1919px) {
		
	div#Content h1 {
		font-size: 58px;
		line-height: 62px;
	}

	div#Content h2 {
		font-size: 50px;
		line-height: 52px;
	}	

}

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

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

	div#Content h2 {
		font-size: 40px;
		line-height: 42px;
	}		
	
}

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

	div#Content h1 {
		font-size: 36px;
		line-height: 42px;
	}

	div#Content h2 {
		font-size: 32px;
		line-height: 36px;
	}		
	
}


/*****************************************/
/* ACCUEIL								 */
/*****************************************/

div#Content div.Slide {
	background: url("images/acces_propane_header.png") no-repeat scroll left top transparent;
	width: 100%;
	height: auto;
	background-size: contain;
}

div#Content div.Slide div.CarteAffaire {
	background: url('./images/acces_propane_cartedaffaire.svg') no-repeat scroll right bottom transparent;	
	float: right;
	width: 45%;		
	height: 340px;
	display: block;
	margin-top: 25%;	
	margin-right: 5%;
}

div#Content div.Slide div.ZoneTexte1 {
	float: left;
	width: 50%;	
	margin-top: 10%;
	padding-left: 7.5%;
	box-sizing: border-box;
}

div#Content div.Slide div.ZoneTexte2 {
	float: right;
	width: 45%;	
	margin-top: 3.5%;
	margin-right: 5%;
}

div#Content div.Slide div.ZoneTexte2 p {
	font-family: HelveticaNeueThin, Arial, Helvetica, Sans-serif;
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 0px;
	color: #000000;
	margin-bottom: 24px;
}

div#Content div#Propane {
	padding-top: 60px;
}

div#Content div#Propane div.Teaser {
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
	font-size: 62px;
	line-height: 68px;
	margin-bottom: 0px;
	color: #80bd01;
	text-align: center;
	max-widtH: 1100px;
	margin: 0 auto 40px;
}

div#Content div#Propane div.Teaser span.BigNumber {
	font-size: 120px;	
}

div#Content div#Propane div.RaisonWrap {
	max-widtH: 1000px;
	margin: 0 auto 40px;	
}

div#Content div#Propane div.RaisonWrap div.Raison {
	float: left;
	width: 45%;
	margin-right: 5%;
	padding-left: 13%;
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 34px;
	line-height: 36px;
	margin-bottom: 0px;
	color: #000000;
	box-sizing: border-box;
}

div#Content div#Propane div.RaisonWrap div.Raison strong {
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
}

div#Content div#Propane div.RaisonWrap div.Raison1 {
	position: relative;
}

div#Content div#Propane div.RaisonWrap div.Raison2 {
	position: relative;	
}

div#Content div#Propane div.RaisonWrap div.Raison1:before {
	background: url('./images/acces_propane_icone03.svg') no-repeat scroll left top transparent;
	width: 108px; 
	height: 108px;
	display: block;
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
}	

div#Content div#Propane div.RaisonWrap div.Raison2:before {
	background: url('./images/acces_propane_icone04.svg') no-repeat scroll left top transparent;
	width: 108px; 
	height: 108px;
	display: block;
	position: absolute;
	content: "";
	left: 0px;
	top: 0px;
}	

div#UnderContent {
	width: 100%;
	max-width: 2560px;
	margin: 0 auto;	
}

div#UnderContent div.GradientUpper {
	background: linear-gradient(to right bottom, transparent calc(50% - 1px), #808080 50%);
	width: 100%;
	height: 60px;
}

div#UnderContent div.GradientUnder {
	background: linear-gradient(to right bottom, #808080 calc(50% - 1px), transparent 50%);
	width: 100%;
	height: 60px;
}

div#UnderContent div.DetailPropane {
	background-color: #80bd01;
	width: 100%;
	min-height: 440px;
	padding: 60px 144px;
	box-sizing: border-box;
}

div#UnderContent div.DetailPropaneWrapI {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

div#UnderContent div.DetailPropane div.ZoneGauche {
	position: relative;
	width: 45%;
	margin-right: 5%;
	float: left;
}

div#UnderContent div.DetailPropane div.ZoneDroite {
	width: 50%;
	float: left;
}

div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneTexte {
	float: left;	
	position: relative;
	width: 50%;
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
	font-size: 42px;
	line-height: 48px;
	margin-top: 40px;
	margin-bottom: 0px;
	color: #000000;
}	

div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneTexte span.Blanc {
	color: #ffffff;
	display: block;
}
	

div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneImage {
	float: left;
	width: 50%;
	height: 322px;
	position: relative;
	left: 0px;
	top: 0px;
}

div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneImage div.Image {
	background: url('./images/acces_propane_auto.svg') no-repeat scroll left top transparent;
	width: 115%;
	height: 115%;
	position: absolute;
	left: -5%;
	top: 0px;	
}


div#UnderContent div.DetailPropane div.ZoneDroite table {
	margin-bottom: 10px;
}

div#UnderContent div.DetailPropane div.ZoneDroite table tr td {
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 24px;	
	color: #000000;
	padding: 6px 18px 6px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.5);	
}


div#UnderContent div.DetailPropane div.ZoneDroite table tr td.Heading {
	border-bottom: 1px solid #ffffff;
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
	font-size: 21px;
	line-height: 24px;	
	color: #ffffff;
	font-weight: bold;
}

div#UnderContent div.DetailPropane div.ZoneDroite table tr td.ColonneBold {
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;	
	color: #ffffff;
	font-weight: bold;	
}

div#UnderContent div.DetailPropane div.ZoneDroite table tr td.ColonneBoldB {
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;	
	font-weight: bold;	
}


div#UnderContent div.DetailPropane div.ZoneDroite table tr td.Colonne2 {
	border-left: 1px solid #ffffff;
	padding-left: 18px;
}

div#UnderContent div.DetailPropane div.ZoneDroite table tr td span.Small {
	font-size: 16px;
}

div#UnderContent div#Realisations {
	margin: 0 auto;
	max-width: 1200px;
	padding-top: 48px;
	padding-left: 2.5%;
	padding-right: 2.5%;
	box-sizing: border-box;
}

div#UnderContent div#Realisations figure.effect-oscar, div#UnderContent div#Realisations figure.effect-oscar figcaption {
	background: none;
}

div#UnderContent figure.effect-oscar h2 {
	background-color: rgba(255,255,255,0.5);
	margin: 0;
	padding: 12px 24px;
	color: #000000;
}

div.wpb_fp_quick_view_content h2 {
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 28px;
	line-height: 28px
	margin-bottom: 24px;	
	color: #000000;
}

div.wpb_fp_quick_view_content p {
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 21px
	margin-bottom: 24px;	
	color: #000000;	
}

div.wpb_fp_quick_view_content p strong {
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;	
	color: #000000;		
}

div.wpb_fp_quick_view_content ul, div.wpb_fp_quick_view_content ol  {
	margin-bottom: 24px;
}

div.wpb_fp_quick_view_content ul li {
	background: url("images/liste_puce.png") no-repeat scroll left top transparent;
	list-style: inside;
	padding-left: 6px;
	padding-top: 6px;
	margin-bottom: 6px;
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 21px
	color: #000000;	
}

div.wpb_fp_quick_view_content ol li {
	list-style: decimal;
	margin-left: 24px;
	padding-top: 6px;
	margin-bottom: 6px;
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 21px
	color: #000000;	
}


div#UnderContent div#Contact {
	padding-top: 60px;
	margin-bottom: 60px;
}

div#UnderContent div#Realisations div.Titre, div#UnderContent div#Contact div.Titre {
	width: 100%;
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
	font-size: 42px;
	line-height: 48px;
	margin-bottom: 40px;
	color: #80bd01;
	text-align: center;
}

div#UnderContent div#Contact div.Formulaire {
	max-width: 600px;
	margin: 0 auto;
}


div#UnderContent div#Sample_Google_Map {
	width: 100%;
	height: 550px;
}

@media screen and (max-width: 1919px) {
	
	div#Content div.Slide div.CarteAffaire {
		margin-top: 20%;
		width: 40%;
	}
	
}

@media screen and (max-width: 1365px) {
	
	div#Content div.Slide div.ZoneTexte1 {
		margin-top: 60px;
	}

	div#Content div.Slide div.CarteAffaire {
		margin-top: 15%;
		width: 40%;
	}
	
	div#Content div.Slide div.ZoneTexte2 {
		width: 65%;
	}
	
	div#Content div.Slide div.ZoneTexte2 p {
		font-family: HelveticaNeueThin, Arial, Helvetica, Sans-serif;
		font-size: 26px;
		line-height: 32px;
	}	
	
	div#Content div#Propane div.RaisonWrap {
		max-width: 950px;
	}
	
	div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneTexte {
		float: none;
		width: 100%;
		font-size: 36px;
	}
	
	div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneImage {
		float: none;
		width: 100%;		
	}
	
	div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneImage div.Image {
		left: -20%;
		top: 20px;
	}
	
	div#UnderContent div.DetailPropane {
		padding: 60px 120px;
	}
	
	div#UnderContent div.DetailPropane div.ZoneDroite table tr td {
		font-size: 18px;
		line-height: 21px;
	}
	
}

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

	div#Content div.Slide div.ZoneTexte1 {
		padding-left: 2.5%;
		padding-right: 2.5%;
		width: 80%;
	}
	
	div#Content div.Slide div.ZoneTexte1 br {
			display: none;
	}
	
	div#Content div.Slide div.CarteAffaire {
		display: none;
	}

	div#Content div.Slide div.ZoneTexte2 {
		margin-top: 20%;
	}
	
	div#Content div#Propane div.RaisonWrap {
		max-width: unset;
	}	
	
	div#Content div#Propane {
		padding-left: 24px;
		padding-right: 24px;
		padding-top: 40px;
	}
	
	div#Content div#Propane div.Teaser {
		font-size: 42px;
		line-height: 48px;
		max-widtH: unset;
		margin: 0 auto 40px;		
	}
	
	div#Content div#Propane div.Teaser span.BigNumber {
		font-size: 66px;		
	}

	div#Content div#Propane div.RaisonWrap div.Raison {
		float: left;
		width: 45%;
		margin-right: 5%;
		padding-left: 10%;
		font-size: 24px;
		line-height: 28px;
	}
	
	div#Content div#Propane div.RaisonWrap div.Raison2 {
		margin-right: 0px;
	}	

	div#Content div#Propane div.RaisonWrap div.Raison1:before {
		width: 60px; 
		height: 60px;

	}	

	div#Content div#Propane div.RaisonWrap div.Raison2:before {
		width: 60px; 
		height: 60px;
	}	

	
	div#UnderContent div.DetailPropane {
		padding: 40px 20px;
	}	
	
	div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneTexte {
		margin-top: 0px;
	}
	
	div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneImage div.Image {
		left: 0%;
		width: 100%;
		height: 100%;		
	}
	
	div#UnderContent div#Sample_Google_Map {
		height: 350px;
	}	
	
}

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

	div#Content div.Slide div.ZoneTexte1 {
		width: 100%;
		margin-top: 20px;
	}
	
	div#Content div.Slide {
		background-size: cover;
	}

	div#Content div.Slide div.ZoneTexte2 {
		background-color: rgba(255,255,255,0.85);
		margin-top: 40px;
		margin-left: 2.5%;
		margin-right: 2.5%;
		padding: 20px;
		width: 95%;
		float: none;
		box-sizing: border-box;
		margin-bottom: 180px;		
	}
	
	div#Content div.Slide div.ZoneTexte2 p {
		font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 0px;
		color: #000000;
		/*text-shadow: 1px 0px 8px #000, 0px 1px 20px rgba(65,65,65,0.5);*/				
	}
	
	div#Content div#Propane div.RaisonWrap div.Raison {
		float: none;
		width: 100%;
		margin-right: 0%;
		padding-left: 70px;
	}	
	
	div#Content div#Propane div.RaisonWrap div.Raison1 {
		margin-bottom: 40px;		
	}
	
	div#UnderContent div.DetailPropane div.ZoneGauche {
		float: none;
		width: 100%;
		margin-right: 0%;
	}
	
	div#UnderContent div.DetailPropane div.ZoneDroite {
		float: none;
		width: 100%;
	}	
	
	div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneImage {
		margin-bottom: 40px;
	}
	
	div#UnderContent div#Realisations {
		max-width: 600px;
	}
	
	div#UnderContent div#Contact div.Titre {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 40px;
		width: 100%;
		padding-left: 24px;
		padding-right: 24px;
		box-sizing: border-box;
	}
	
	
	div#UnderContent div#Contact div.Formulaire {
		width: 100%;
		padding-left: 24px;
		padding-right: 24px;
		box-sizing: border-box;
	}
	
	div#UnderContent div#Sample_Google_Map {
		height: 250px;
	}		
	
}

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

	div#Content div#Propane div.Teaser {
		font-size: 32px;
		line-height: 38px;
		max-widtH: unset;
		margin: 0 auto 40px;		
	}
	
	div#Content div#Propane div.Teaser span.BigNumber {
		font-size: 46px;		
	}
	
	div#Content div.Slide div.ZoneTexte2 p {
		font-size: 21px;
		line-height: 24px;
	}

	div#UnderContent div.GradientUpper,
	div#UnderContent div.GradientUnder {
		height: 30px;
	}
	
	div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneTexte {
		font-size: 32px;
		line-height: 36px;
	}	
	
	div#UnderContent div.DetailPropane div.ZoneGauche div.ZoneImage {
		height: 220px;
		margin-bottom: 40px;
	}
	
	div#UnderContent div.DetailPropane div.ZoneDroite table tr td.Heading {
		font-size: 16px;
	}
	
	div#UnderContent div.DetailPropane div.ZoneDroite table tr td {
		font-size: 16px;
		line-height: 21px;
		padding: 6px 6px 6px 0;
	}
	
	div#UnderContent div.DetailPropane div.ZoneDroite table tr td.Colonne2 {
		padding-left: 6px;
	}
	
}


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

div#FooterWrap {
	width: 100%;
	border-top: 1px solid #000000;
	box-shadow: 0 -5px 5px -3px #808080;	
}

div#Footer {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 72px;
	padding-right: 72px;
	box-sizing: border-box;
}

div#Footer a.LogoFooter {
	background: url('./images/logo.svg') no-repeat scroll left top transparent;
	width: 316px; 
	height: 152px;
	display: block;
	transition: all 0.5s ease;
	float: left;
	margin-right: 80px;
}

div#Footer.LogoFooter:hover {
	opacity: 0.5;
}

div#Footer div.AdresseFooter {
	float: left;
	margin-right: 72px;
	font-family: HelveticaNeueLightI, Arial, Helvetica, Sans-serif;
	font-size: 24px;
	line-height: 28px;	
	color: #000000;
	margin-top: 40px;
}

div#Footer div.AdresseFooter strong {
	font-family: HelveticaNeueBoldI, Arial, Helvetica, Sans-serif;
	font-size: 28px;	
	color: #80bd01;	
}

div#Footer div.PartenairesFooter {
	float: left;
}

div#Footer div.TitrePartenaire {
	font-family: HelveticaNeueLightI, Arial, Helvetica, Sans-serif;
	font-size: 18px;
	line-height: 28px;	
	color: #000000;
	text-transform: uppercase;	
	margin-bottom: 6px;
}

div#Footer div.PartenairesFooter a.Partenaire {
	margin-right: 40px;
	transition: all 0.5s ease;
}

div#Footer div.PartenairesFooter a.Partenaire:hover {
	opacity: 0.5;
}

div#Footer div.PartenairesFooter a.Partenaire4 {
	margin-right: 0px;
}

div#FooterNotes {
	background-color: #80bd01;
	font-family: HelveticaNeueLight, Arial, Helvetica, Sans-serif;
	font-size: 16px;
	line-height: 36px;	
	color: #ffffff;	
	text-align: center;
}

div#FooterNotes a {
	color: #ffffff;
	transition: all 0.5s ease;	
}

div#FooterNotes a:hover {
	color: #000000;
}

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

	div#Footer div.PartenairesFooter {
		margin-top: 20px;
	}

}

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

	div#Footer div.PartenairesFooter a.Partenaire {
		display: inline-block;
		width: 20%;
		margin-right: 4.5%;
		vertical-align: middle;
	}
	
}

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

	div#Footer {
		padding: 40px 24px 20px;
	}

	div#Footer a.LogoFooter {
		width: 45%;
		margin-right: 5%;
	}
	
	div#Footer div.AdresseFooter {
		width: 45%;
		margin-right: 0%;		
	}
	
	div#Footer div.PartenairesFooter {
		float: none;
		clear: left;
	}

	div#Footer div.PartenairesFooter a.Partenaire {
		float: left;
		/*display: inline-block;*/
		width: 20%;
		margin-right: 5%;
		/*vertical-align: middle;*/
		margin-bottom: 20px;
	}
	
	/*div#Footer div.PartenairesFooter a.Partenaire:nth-child(2n) {
		margin-right: 4.5%;
	}*/
	
}

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

	div#Footer a.LogoFooter {
		width: 100%;
		margin-right: 0%;
	}
	
	div#Footer div.AdresseFooter {
		width: 100%;
		margin-right: 0%;	
		margin-top: 10px;		
	}
	
	div#Footer div.PartenairesFooter {
		float: left;
	}	
	
	div#Footer div.PartenairesFooter a.Partenaire {
		float: none;
		display: inline-block;
		width: 45%;
		margin-right: 0%;
		vertical-align: middle;
		margin-bottom: 20px;
	}
	
	div#Footer div.PartenairesFooter a.Partenaire:nth-child(2n) {
		margin-right: 4.5%;
	}	

}

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

	div#Footer div.AdresseFooter {
		font-size: 18px;
		line-height: 21px;
		margin-top: 10px;
	}
	
	div#Footer div.AdresseFooter strong {
		font-size: 21px;
	}

}

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

div.wpcf7{
	position: relative;
}

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

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

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng {
	font-family: HelveticaNeueLight 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;
}

/*****************************************/
/* 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;
}