/*//////////////
//stickyBoards//
////////☺/////*/
body
{
	/*custom*/
	background-color: rgb(0, 0, 0);
	/*needed for stickyBoards*/
	-webkit-overflow-scrolling : auto;
	margin: 0pt;
	padding: 0pt;
	/* no select */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.stickyBoard
{
	top: 0pt;
	width: 100%;
	margin: 0pt;
	overflow-x: hidden;
	overflow-y: hidden;
}

.normalBoard.fixedBG
{
	/*BG*/
	background-attachment: fixed;
	background-position: center 0px;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

.centredBG
{
	/*BG*/
	background-attachment: fixed;
	background-position: center 0px;
}

.coveringBG
{
	/*BG*/
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
}
/*we need to be able to remove the sticky param if content is too high to be visible at once in the viewport*/
.stickyBoard.sticky
{
	position: -webkit-sticky;
	position: sticky;
}

.stickyBoard .contenu
{
	width: 100%;
	/*needed for stickyBoards*/
	position: relative;
	top: 0px;
}

.stickyBoard .contenu.blocked
{
	/*needed for stickyBoards*/
	position: fixed;
}

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

/*////////////////
//JD Custom Page//
////////////////*/
/*start hidden*/
#JDcustomPageWrapper
{
	overflow-x: hidden;
	/*intro anim*/
	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	-o-transition: opacity 1000ms ease-in-out;
	-ms-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
	/*cursor to show text edit cursor*/
	cursor: default;
}
#JDcustomPageWrapper.transparent
{
	opacity: 1;
}
/*remove top margins to prevent sticky interferences*/
#JDcustomPageWrapper h1, #JDcustomPageWrapper p, #JDcustomPageWrapper img
{
	margin: 0pt;
	padding: 0pt;
}

/*main blocks*/
#JDcustomPageWrapper .contenu h1, #JDcustomPageWrapper .contenu h2.proeminent
{
	margin: 0pt 0pt 5pt 0pt;
	color: rgb(255, 255, 255);
	font-family: "Jost", sans-serif;
	text-transform: uppercase;
	font-size: 22pt;
	font-weight: normal;
}

#JDcustomPageWrapper .contenu h2, #JDcustomPageWrapper .contenu .emptyTitle
{
	margin: 0pt 0pt 0pt 0pt;
	padding: 20pt 0pt 10pt 0pt;
	font-family: "Jost", sans-serif;
	font-size: 15pt;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}

#JDcustomPageWrapper .contenu.white h2, #JDcustomPageWrapper .contenu.white p, #JDcustomPageWrapper .contenu.white .emptyTitle
{
	color: rgb(128, 128, 128);
}

#JDcustomPageWrapper .contenu.black h2, #JDcustomPageWrapper .contenu.black p, #JDcustomPageWrapper .contenu.black .emptyTitle
{
	color: rgb(255, 255, 255);
}

#JDcustomPageWrapper .contenu .emptyTitle::after
{
	content: "\e800";
	font-family: "jaquetDrozIconsV01Aa";
	font-size: 25pt;
	text-align: center;
}

#JDcustomPageWrapper .quote
{
	display: inline-block;
	font-style: italic;
	text-align: left;
	font-weight: normal;
	color: rgb(255, 255, 255);
}


#JDcustomPageWrapper .quote.dynaRespons.responsOn
{
	font-size: 15pt;
	line-height: 20pt;
	word-spacing: 1pt;
	letter-spacing: 1pt;
	margin: 100pt 0pt 100pt 0pt;
}

#JDcustomPageWrapper .quote.dynaRespons.justifOff
{
	font-size: 12pt;
	line-height: 20pt;
	word-spacing: 1pt;
	letter-spacing: 1pt;
	margin: 60pt 0pt 60pt 0pt;
}

#JDcustomPageWrapper .quote::before
{
	/*content: "“ ";
	content: "« ";
	font-size: 20pt;
	color: rgb(128, 128, 128);*/
	content: "« ";
	font-size: 12pt;
	line-height: 0pt;
	margin: 0pt 0pt 0pt -12pt;
}

#JDcustomPageWrapper .quote::after
{	
	/*content: " ”";
	content: " »";
	font-size: 20pt;
	color: rgb(128, 128, 128);*/
	content: " »";
	font-size: 12pt;
	line-height: 0pt;
	margin: 0pt 0pt 0pt 0pt;
}

#JDcustomPageWrapper .contenu h3
{
	margin: 0pt 0pt 0pt 0pt;
	padding: 20pt 0pt 6pt 0pt;
	font-family: "Jost", sans-serif;
	font-size: 15pt;
	text-align: left;
	text-transform: uppercase;
	font-weight: normal;
}

#JDcustomPageWrapper .contenu.white h3
{
	color: rgb(0, 0, 0);
}

#JDcustomPageWrapper .contenu.black h3
{
	color: rgb(255, 255, 255);
}

#JDcustomPageWrapper .ficheTechnique
{
	margin: 30pt 0pt 0pt 0pt;
	font-size: 10pt !important;
	line-height: 12pt !important;
}

#JDcustomPageWrapper .ficheTechnique h4
{
	display: block;
	margin: 20pt 0pt 0pt 0pt;
	padding: 0pt 0pt 0pt 0pt;
	color: rgb(0, 0, 0);
	font-size: 10pt !important;
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
}

#JDcustomPageWrapper .ficheTechnique p
{
	margin: 0pt 0pt 10pt 0pt;
	text-align: center !important;
}

#JDcustomPageWrapper .ficheTechnique img
{
	position: relative;
	left: 50%;
	transform: translate(-50%, 0%);
	width: 85%;
}

/*Section Header*/
#JDcustomPageWrapper .sectionHeader
{
	position: relative;
	width: 100%;
	height: 600pt;
}

#JDcustomPageWrapper .sectionHeader .background
{
	position: fixed;
	left: 0pt;
	right: 0pt;
	width: 100%;
	height: 600pt;
}

#JDcustomPageWrapper .background.hidden
{
	display: none;
}

#JDcustomPageWrapper .contenu .background
{
	left: 0pt;
	right: 0pt;
	width: 100%;
	height: 600pt;
	/*BG*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}

#JDcustomPageWrapper .sectionHeader .gradient
{
	position: absolute;
	left: 0pt;
	right: 0pt;
	width: 100%;
	height: 100%;
	/*BG*/
	background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 90%, rgba(0, 0, 0, 1) 100%);
	background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 90%, rgba(0, 0, 0, 1) 100%);
	background: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 90%, rgba(0, 0, 0, 1) 100%);
	background: -moz-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.80) 90%, rgba(0, 0, 0, 1) 100%);
	mix-blend-mode: overlay;
}

#JDcustomPageWrapper .sectionHeader.animated, #JDcustomPageWrapper .sectionHeader .background.animated
{
	/*animation*/	
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

/*front ground pictures*/
#JDcustomPageWrapper .frontGroundPictures
{
	/*animation*/
	opacity: 1;
	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	-o-transition: opacity 1000ms ease-in-out;
	-ms-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}

#JDcustomPageWrapper .transparent
{
	opacity: 1;
}

#JDcustomPageWrapper .frontGroundPictures.RightBottom
{
	position: absolute;
	left: 65%;
	bottom: 0%;
	width: 450pt;
}

#JDcustomPageWrapper .frontGroundPictures.LeftBottom
{
	position: absolute;
	right: 65%;
	bottom: 0%;
	width: 450pt;
}

#JDcustomPageWrapper .titleBlock
{

	font-size: 10pt;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0pt 0pt 43pt rgba(0, 0, 0, 1);
}

/*contents*/
#JDcustomPageWrapper .contenu
{
	text-align: center;
}

#JDcustomPageWrapper .contenu.black
{
	background-color: rgb(0, 0, 0);
	outline-width: 1pt;
	outline-style: solid;
	outline-color: rgb(0, 0, 0);
}

#JDcustomPageWrapper .contenu.white
{
	background-color: rgb(255, 255, 255);
	outline-width: 1pt;
	outline-style: solid;
	outline-color: rgb(255, 255, 255);
}

#JDcustomPageWrapper .contenu .halfBlock, #JDcustomPageWrapper .contenu .thirdsBlock, #JDcustomPageWrapper .contenu .forthBlock
{
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 15pt 10pt 15pt 10pt;
	margin: 0pt 0pt 0pt 0pt;
	word-spacing: normal;
	font-family: "Jost", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	text-align: justify;
}

#JDcustomPageWrapper .contenu .halfBlock
{
	max-width: 400pt;
	width: 90%;
}

#JDcustomPageWrapper .contenu .thirdsBlock
{
	max-width: 266pt;
	width: 90%;
}

#JDcustomPageWrapper .contenu .forthBlock
{
	max-width: 175pt;
	width: 90%;
}

#JDcustomPageWrapper .contenu .thirdsBlock img, #JDcustomPageWrapper .contenu .forthBlock img
{
	max-width: 100%;
}

#JDcustomPageWrapper a
{
	text-decoration: none;
}

#JDcustomPageWrapper .contenu .halfBlock.vCentered
{	
	vertical-align: middle;
}

#JDcustomPageWrapper .halfBlock.hCentered
{	
	position: relative;
	width: 50%;
	min-width: 200pt;
	left: 50%;
	transform: translate( -50%, 0%);
}

#JDcustomPageWrapper .contenu .fullHolder
{	
	display: inline-block;
	vertical-align: top;
	max-width: 820pt;
	width: 90%;
	padding: 10pt 10pt 10pt 10pt;
	margin: 0pt 0pt 0pt 0pt;
	word-spacing: normal;
	font-family: "Jost", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	text-align: center;
}

#JDcustomPageWrapper .contenu .fullBlock
{	
	display: inline-block;
	vertical-align: top;
	max-width: 800pt;
	width: 90%;
	padding: 10pt 10pt 10pt 10pt;
	margin: 0pt 0pt 0pt 0pt;
	word-spacing: normal;
	font-family: "Jost", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	text-align: justify;
}

#JDcustomPageWrapper .contenu .hSpacer
{	
	height: 0pt;
}

#JDcustomPageWrapper .halfBlock.divided
{	
	word-spacing: 10pt;
}

#JDcustomPageWrapper .contenu .halfText
{	
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 10pt);
	padding: 0pt 0pt 0pt 0pt;
	margin: 0pt 0pt 0pt 0pt;
	word-spacing: normal;
	font-family: "Jost", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	text-align: justify;
}

#JDcustomPageWrapper .contenu .halfImage
{	
	display: inline-block;
	vertical-align: top;
	width: calc(50% - 6pt);
	padding: 0pt 0pt 0pt 0pt;
	margin: 0pt 0pt 0pt 0pt;
	word-spacing: normal;
	font-family: "Jost", sans-serif;
	font-size: 12pt;
	line-height: 18pt;
	text-align: justify;
}

#JDcustomPageWrapper .contenu .fullImage
{
	width: 100%;
}

/*/////////
//spacers//
/////////*/
#JDcustomPageWrapper .btn-standard.spacer
{	
	margin: 10pt 0pt 0pt 0pt;
}
#JDcustomPageWrapper .contenu .introSpacer
{	
	display: block;
	height: 0pt;
}
#JDcustomPageWrapper .contenu .blockSpacer
{	
	display: block;
	height: 20pt;
}
#JDcustomPageWrapper .contenu .inline
{
	display: inline;
}

#JDcustomPageWrapper .contenu .contentSpacer
{	
	display: block;
	height: 20pt;
}

#JDcustomPageWrapper .contenu .footSpacer
{	
	display: block;
	height: 60pt;
}

#JDcustomPageWrapper .contenu .anchor
{
	position: relative;
	margin-top: -90pt;
}
#JDcustomPageWrapper .contenu .anchorContainer
{
	position: absolute;
	height: 0pt;
}




#JDcustomPageWrapper .videoBlock video
{
	padding: 0pt 0pt 20pt 0pt;
	display: block;
	width: 100%;
}

#JDcustomPageWrapper .videoBlock video::-webkit-media-controls-start-playback-button
{
	display: none;
}

#JDcustomPageWrapper .contenu .dynaRespons.responsOn
{
	text-align: justify;
}
#JDcustomPageWrapper .contenu .dynaRespons.justifOff
{
	text-align: left;
}

.rtl
{
	direction: rtl;
}
.ltr
{
	direction: ltr;
}

/*/////////
//buttons//
/////////*/
a.mainCTA, a.mainCTA:link,  a.mainCTA:visited
{
	display: inline-block;
	width: calc(90% - 20pt);
	max-width: 380pt;
	padding: 9pt 10pt 8pt 10pt;
	background-color: rgba(0, 0, 0, 1);
	color: rgba(190, 190, 190, 1);
	border-style: solid;
	border-width: 1pt;
	border-color: rgba(75, 75, 75, 1);
	text-align: center;
	font-family: "Jost", sans-serif;
	font-size: 15pt;
	line-height: 15pt;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
	transition: 0.2s;
}

a.mainCTA:hover, a.mainCTA:active
{
	background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
	border-color: rgba(255, 255, 255, 1);
}

a.inquireCTA, a.inquireCTA:link,  a.inquireCTA:visited
{
	display: inline-block;
	width: calc(90% - 20pt);
	max-width: 380pt;
	padding: 8pt 10pt 7pt 10pt;
	background-color: rgba(0, 0, 0, 1);
	color: rgba(255, 255, 255, 1);
	border-style: solid;
	border-width: 1pt;
	border-color: rgba(0, 0, 0, 1);
	text-align: center;
	font-family: "Jost", sans-serif;
	font-size: 12pt;
	line-height: 12pt;
	text-transform: uppercase;
	font-weight: normal;
	text-shadow: none;
	text-decoration: none;
	transition: 0.2s;
}

a.inquireCTA:hover, a.inquireCTA:active
{
	background-color: rgba(255, 255, 255, 1);
	color: rgba(128, 128, 128, 1);
	border-color: rgba(229, 229, 229, 1);
}


/*///////////////
//Video Control//
///////////////*/
#JDcustomPageWrapper .videoBlock .controlLayer
{
	position: absolute;
	top: 0pt;
	left: 0pt;
	width: 100%;
	height: calc(100% - 30pt);
	font-family: 'jaquetdroziconsv01aa';
	cursor: pointer;
}

#JDcustomPageWrapper .videoBlock .controlLayer .poster
{
	display: block;
	position: absolute;
	width: 100%;
	cursor: pointer;
	/*animation*/
	opacity: 1;
	-webkit-transition: opacity 1000ms ease-in-out;
	-moz-transition: opacity 1000ms ease-in-out;
	-o-transition: opacity 1000ms ease-in-out;
	-ms-transition: opacity 1000ms ease-in-out;
	transition: opacity 1000ms ease-in-out;
}

#JDcustomPageWrapper .videoBlock .controlLayer .controlBar
{
	position: absolute;
	bottom: 0pt;
	right: 10pt;
	margin: 0pt 0pt 10pt 0pt;
	text-align: right;
	cursor: default;
}

#JDcustomPageWrapper .videoBlock .controlLayer .controlBar .button
{
	display: inline-block;
	width: 25pt;
	text-align: center;
	cursor: pointer;
}

#JDcustomPageWrapper .videoBlock .controlLayer .controlBar .button::after
{
	/*animations*/
	-webkit-transition: color 255ms ease-in-out;
	-moz-transition: color 255ms ease-in-out;
	-o-transition: color 255ms ease-in-out;
	-ms-transition: color 255ms ease-in-out;
	transition: color 255ms ease-in-out;
}

#JDcustomPageWrapper .videoBlock .controlLayer .controlBar .button:hover::after
{
	color: rgb(255, 255, 255) !important;
}

#JDcustomPageWrapper .videoBlock .controlLayer .controlBar .play::after
{
	content: "\e803";
	color: rgb(255, 255, 255) !important;
}

#JDcustomPageWrapper .videoBlock .controlLayer .controlBar .mute::after
{
	content: "\e80f";
	color: rgb(255, 255, 255) !important;
}

#JDcustomPageWrapper .videoBlock .controlLayer .frontButton
{
	position: absolute;
	left: calc(50% - 20pt);
	top: calc(50% - 20pt);
	width: 40pt;
	height: 40pt;
	opacity: 0.60;
	font-size: 15pt;
	background-color: rgb(0, 0, 0);
	border-radius: 50%;
	/*animation*/
	-webkit-transition: opacity 250ms ease-in-out;
	-moz-transition: opacity 250ms ease-in-out;
	-o-transition: opacity 250ms ease-in-out;
	-ms-transition: opacity 250ms ease-in-out;
	transition: opacity 250ms ease-in-out;
}

#JDcustomPageWrapper .videoBlock .controlLayer .frontButton:hover
{
	opacity: 0.80;
}

#JDcustomPageWrapper .videoBlock .controlLayer .frontButton::after
{
	position: absolute;
	left: calc(50% - 6pt);
	top: calc(50% - 7pt);
	color: rgb(255, 255, 255);
	content: "\e803";
}

#JDcustomPageWrapper .videoBlock .controlLayer .desactivated
{
	opacity: 0;
}

#JDcustomPageWrapper .videoBlock .controlLayer .desactivated:hover
{
	opacity: 0;
}