/* ==========================================================================
   init
   ========================================================================== */

html { color: #000; font-size: 1em; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }
* { box-sizing: border-box; }
a, a:visited, a:active, a:hover, a:focus { text-decoration:none; }
a:hover { color: #000; }
button { outline: none;  }

iframe {width: 100%; height: auto; min-height: 430px;}
@media (max-width: 1200px) {
	iframe {min-height: 330px;}
} @media (max-width: 590px) {
	iframe {min-height: 250px;}
}



/* ==========================================================================
   main
   ========================================================================== */

/* global */

	/*
	font-family:
		RidleyGrotesk-Regular;
		RidleyGrotesk-Medium;

		butlermedium
		butler_stencilbold
	*/

body { font-family: butler_stencilbold; }

.wrapper-full{position: relative; width:100%; padding:0; }
.wrapper-coll{position: relative; width:90%; max-width: 1400px; margin: auto;}

.std-font { padding: 50px 0 20px 0;}
.std-font h2,
.std-font h3 { color:#e0afaf; font-family: butler_stencilbold !important; font-size: 48px; padding: 0 15% !important;  margin: 0 0 30px 0 !important;}
.std-font h3 { font-size: 30px;}
.std-font p {  font-family: butlermedium !important; font-size: 22px; padding: 0 15% !important; margin: 0 0 30px 0 !important;  }
/* .std-font h2:first-child, .std-font p:first-child {margin-top: 50px !important; } */
.std-font.short-margin h2{ margin: 0 !important; }

/* .small-font { padding: 40px 0 20px 0;} */
.small-font h4 { color:#e0afaf; font-family: butler_stencilbold !important; font-size: 36px; padding: 0!important;  margin: 40px 0 20px!important; text-align: center !important;}
.small-font p {  font-family: butlermedium !important; font-size: 18px; padding: 0 !important; margin: 0 0 40px 0 !important;  text-align: center !important; }

@media (max-width: 1200px) {
    .wrapper-coll{max-width: 700px;}
	.std-font { padding: 30px 0 10px 0;}
	.std-font h2 { font-size: 27px;  margin: 0 0 20px 0 !important; padding: 0 10% !important;}
	.std-font p { font-size: 14px;  margin: 0 0 20px 0 !important; padding: 0 10% !important;}
	.std-font h2:first-child, .std-font h3:first-child, .std-font p:first-child {margin-top: 30px !important; }
	/* .small-font { padding: 20px 0 10px 0;} */
	.small-font h4 { font-size: 22px;  margin: 20px 0 10px!important;}
	.small-font p { font-size: 11px;  margin: 0 0 20px 0 !important;}
}
@media (max-width: 700px) {
	.std-font { padding: 18px 0 0 0;}
	.std-font h2 { font-size: 20px; margin: 0 0 18px 0 !important; padding: 0 !important;}
	.std-font h3 { font-size: 16px; margin: 0 0 18px 0 !important; padding: 0 !important;}
	.std-font p { font-size: 10px;  margin: 0 0 18px 0 !important; padding: 0 !important;}
	/* .small-font { padding: 15px 0 0 0;} */
	.small-font h4 { font-size: 18px; margin: 15px 0 7px!important;}
	.small-font p { font-size: 9px;  margin: 0 0 15px 0 !important;}
}

/* header */

#header-wrapper {position:absolute; top: 0; left: 0; width:100%; height: 160px; background:#FFF;  z-index: 1000; border-bottom: 1px solid #2e2e2e; }

#header { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; height: 100%;}

#main-logo { width: 16%; line-height: 0; }
#main-logo img { width:100%; }
	#main-logo-baseline {display: block; width: 100%; margin-top: -10px; font-size: 10px; font-family: RidleyGrotesk-Medium; color: #2e2e2e; text-align: center;}
#main-menu { list-style: none; margin: 0; padding: 0; }
#main-menu li { display:inline-block; list-style: none; margin: 0; padding: 0 15px; font-size:17px; font-family: RidleyGrotesk-Medium; line-height:1.8em; }
#main-menu li:nth-last-child(3) { border-left: 1px solid #2e2e2e; }
#main-menu li:nth-last-child(2) { padding: 0 4px 0 18px; }
#main-menu li:nth-last-child(1) { padding: 0px; }
#main-menu li a { display:inline-block; color:#2e2e2e; text-decoration: none; transition: all .3s ease; border-bottom: 1px solid #fff; }
#main-menu li a:hover { color:#e0afaf; border-bottom: 1px solid #e0afaf; }
#main-menu li a i { font-size: 1.05em; }

#lng-btn { position: absolute; display: block; top:30px; right: 0; color:#e0afaf;  font-family: RidleyGrotesk-Medium; font-size: 12px; text-transform: uppercase;}

#header-sticky-wrapper { position:fixed; top: -100px; left: 0; width: 100%; height: 70px; background:#FFF; z-index: 900;  border-bottom: 1px solid #2e2e2e; }
#header-sticky {position: absolute; width: 100%; height: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding: 0 30px; background: #fff;}
#burger {  font-size: 16px; font-family: RidleyGrotesk-Medium; color: #2e2e2e; cursor: pointer; }
#burger img { display: inline-block; width: 26px; height: 26px; margin-right: 20px;  }
#burger span { display: inline-block;  }
#sticky-logo { position: absolute; left:50%; top: 50%; transform: translateX(-50%) translateY(-50%);  width: 150px;}
#sticky-logo img{ width: 100%;}

#sticky-right { list-style: none; margin: 0; padding: 0; color: #2e2e2e; }
#sticky-right li { display:inline-block; list-style: none; margin: 0; padding: 0 18px; font-size:16px; font-family: RidleyGrotesk-Medium; line-height:1.6em; }
#sticky-right li:nth-last-child(2) { padding: 0 4px 0 18px; border-left: 1px solid #2e2e2e;}
#sticky-right li:nth-last-child(1) { padding: 0px; }
#sticky-right li a { display:inline-block; color:#2e2e2e; text-decoration: none; transition: all .3s ease; border-bottom: 1px solid #fff; }

#sticky-menu { position: absolute; bottom: 0; width:100%; padding: 30px 0; background: rgba(255, 255, 255, 0.90); list-style: none; margin: 0;  text-align: center;  }
#sticky-menu li {  margin: 15px 0;}
#sticky-menu li a { font-size: 22px; color:#2e2e2e; text-decoration: none; transition: all .3s ease; border-bottom: 1px solid rgba(255, 255, 255, 0); font-family: RidleyGrotesk-Medium;  }
#sticky-menu li a:hover { color: #e0afaf; border-bottom: 1px solid #e0afaf; }

#menu-outrange { position: fixed; top:0; left: 0; width:100vw; height: 100vh; display: none;  }



@media (max-width: 1200px) {
    #header-wrapper { height: 90px; }
    #main-menu li { padding: 0 8px; font-size: 10px;  }
	#main-menu li:nth-last-child(2) { padding: 0 4px 0 8px; }
	#lng-btn { top:20px; font-size: 10px;}
	#sticky-menu li { font-size: 12px; margin: 10px 0; }
	#burger { font-size: 14px;}
	#burger img{ width: 20px; height: 20px; margin-right: 12px;  }
}

@media (max-width: 700px) {
	#header-wrapper { display: none; }
	#header-sticky-wrapper { top: 0 !important; height: 40px; }
	#header-sticky { padding: 0 15px; }
	#burger { font-size: 12px;  transform: translateY(2px);}
	#burger img{ width: 18px; height: 18px; margin: 0 10px 2px 0;  }
	#sticky-right li { font-size: 11px; padding: 0 8px; line-height:1.4em;  }
	#sticky-right li:nth-last-child(3) { transform: translateY(1px); }
	#sticky-right li:nth-last-child(2) { padding: 0 4px 0 8px; font-size: 14px; transform: translateY(2px); }
	#sticky-right li:nth-last-child(1) { padding: 0px; font-size: 14px; transform: translateY(2px); }
	#sticky-logo { width: 80px; margin-bottom: 2px;}
	#sticky-menu li a { font-size: 20px;  }

}

/* top diap */

.top-diap-wrap { position: relative; width: 100%; height: 100vh; padding-top: 160px;  }
.top-diap { position: relative; width: 100%; height: 100%; overflow: hidden;  list-style: none; }
.top-diap li {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;  }

.top-diap-btn { position: absolute; top: 50%; width: 60px; height: 60px; margin-top: -30px; z-index: 800; background: rgba(255, 255, 255, 0.70); border:none; }
.top-diap-btn img { position: absolute; left: 22.5%; top: 22.5%; width: 55%; height: 55%; transition: all .3s ease; }
.top-diap-wrap .btn-left {left:0;}
.top-diap-wrap .btn-left:hover img { left:0%; }
.top-diap-wrap .btn-right {right:0;}
.top-diap-wrap .btn-right:hover img { left:30%; }
.top-diap-wrap .btn-down {left:50%; bottom:0; top: auto; transform: translateX(-50%); }
.top-diap-wrap .btn-down:hover img { top:30%; }

.top-diap-title { position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); color:#e0afaf; white-space: normal; font-family:butler_stencilbold; font-size: 90px; z-index: 800; max-width: 75%; text-align: center;  }
.top-home-title-wrapper { position: absolute; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); z-index: 800; max-width: 75%; text-align: center; display: flex; flex-direction: column; align-items:center; justify-content: center;  }
.top-home-title { color:#e0afaf; white-space: normal; font-family:butler_stencilbold; font-size: 70px;  }
.top-home-subtitle { color:#2e2e2e; white-space: normal; text-transform: uppercase; font-family:butler_stencilbold; font-size: 16px; background:rgba(224, 175, 175, 0.8);  padding: 10px 80px; margin-top: 45px;  }

.no-diap-top{ position: relative; height: 160px;}

@media (max-width: 1200px) {
	.top-diap-wrap { padding-top: 90px;}
	.top-diap-wrap .btn-left,
	.top-diap-wrap .btn-right {margin-top: -22.5px; }
	.top-diap-btn { width: 45px; height: 45px; }
	.top-diap-title {font-size: 38px;}
	.top-home-title {font-size: 9px;}
	.top-home-subtitle { font-size: 50px; margin-top: 25px;}
	.no-diap-top{ position: relative; height: 90px;}
} @media (max-width: 700px) {
	.top-diap-wrap { padding-top: 40px; }
	.top-diap-wrap .btn-left,
	.top-diap-wrap .btn-right {margin-top: -20px; }
	.top-diap-btn { width: 40px; height: 40px; }
	.top-diap-title {font-size: 35px;}
	.top-home-title { font-size: 25px;}
	.top-home-subtitle { font-size: 8px; margin-top: 10px;}
	.no-diap-top{ position: relative; height: 40px;}
	.top-diap-wrap .btn-down {display: none; }
} @media (max-width: 700px) and (min-height: 400px) {
	.top-diap-wrap { height: 50vh;}
}


/* content diap */

.content-diap-wrap { position: relative; height: 900px; margin-bottom: 50px; }
.content-diap { position: relative; width: 100%; height: 100%; overflow: hidden; list-style: none; }
.content-diap li {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center;  }

.content-diap-btn { position: absolute; width: 60px; height: 60px; background: #fff; border:none; }
.content-diap-btn img { position: absolute; left: 15%; top: 15%; width: 70%; height: 70%; transition: all .3s ease; }
.content-diap-wrap .btn-left {left:0; top:50%; transform: translateY(-50%); z-index: 800; }
.content-diap-wrap .btn-left:hover img { left:0%; }
.content-diap-wrap .btn-right {right:0; top:50%; transform: translateY(-50%); z-index: 800; }
.content-diap-wrap .btn-right:hover img { left:30%; }

@media (max-width: 1200px) {
	.content-diap-wrap { height: 510px;  margin-bottom: 30px;}
	.content-diap-btn { width: 32px; height: 32px; }
}

@media (max-width: 700px) {
	.content-diap-wrap { height: 340px; }
	/* .content-diap-btn { width: 18px; height: 18px; } */
}

/* media diap */

#media-diap-wrap{ position: fixed; left: 0; top: 0; z-index: 2000; width: 100vw; height: 100vh; visibility: hidden; opacity: 0; }
#media-diap-wrap .outofrange {position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(255, 255, 255, 0.95); }

.media-diap { position: absolute; width: 80%; height: 80%; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); overflow: hidden; list-style: none; padding: 0; margin: 0; }
.media-diap li {position:absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: contain; background-repeat: no-repeat; background-position: center center;  }

.media-diap-btn { position: absolute; width: 60px; height: 60px; background: none; border:none; }
.media-diap-btn img { position: absolute; left: 15%; top: 15%; width: 70%; height: 70%; transition: all .3s ease; }
#media-diap-wrap .btn-left {left:5%; top:50%; transform: translateY(-50%); z-index: 800; }
#media-diap-wrap .btn-left:hover img { left:0%; }
#media-diap-wrap .btn-right {right:5%; top:50%; transform: translateY(-50%); z-index: 800; }
#media-diap-wrap .btn-right:hover img { left:30%; }

#media-diap-wrap h3 { position: absolute; left: 50%; top: 3.5%; transform: translateX(-50%); color: #e0afaf; font-family:RidleyGrotesk-Medium; font-size: 26px; padding: 0; margin: 0;}

#media-diap-wrap .btn-close { position: absolute; right: 10%; top:3.5%; color: #000; background: none; border:none; font-family:RidleyGrotesk-Medium; font-size: 26px; padding: 0; margin: 0; }

@media (max-width: 1200px) {
	.media-diap-wrap { height: 510px;}
	.media-diap-btn { width: 45px; height: 45px; }
	#media-diap-wrap h3 { font-size: 14px; }
	#media-diap-wrap .btn-close { font-size: 14px; }

}

@media (max-width: 700px) {
	.media-diap-wrap { height: 340px;}
	.media-diap-btn { width: 30px; height: 30px; }
	#media-diap-wrap h3 { font-size: 11px; }
	#media-diap-wrap .btn-close { font-size: 11px; }
}




/* home home-text-row */

.home-text-row { padding: 85px 0; background:#fff; display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; }
.home-text-row .txt-cont { width: 34%; padding: 0 12% 0 0; }
.home-text-row .txt-cont h2 {font-family: butler_stencilbold, serif; font-size:44px; color:#e0afaf;  line-height: 1.2em;}
.home-text-row .txt-cont h2 br { display: none; }
.home-text-row .txt-cont p {font-family: butlermedium, serif; font-size:18px; }
.home-text-row .img-cont { width: 66%; height: 570px; background: no-repeat center; background-size: cover; }
.home-text-row .img-cont a {display: block; width: 100%; height: 100%;}
.home-text-row a.calltoaction-fill { color:#e0afaf; padding: 6px 10px;  background: none; border: 1px solid #e0afaf; text-transform: uppercase; font-size: 8px;  transition: all .3s ease; margin: 20px auto 0 auto; font-family:RidleyGrotesk-Medium, sans-serif; display: none; text-align: center; }
.home-text-row a.calltoaction-fill:hover { background:#e0afaf; color: #fff;  }

@media (max-width: 1200px) {
	.home-text-row .txt-cont { width: 45%; padding: 0 10% 0 0; }
	.home-text-row .txt-cont h2 { font-size:25px; }
	.home-text-row .txt-cont p { font-size:10px; }
	.home-text-row .img-cont { width: 55%; height: 314px; }
}

@media (max-width: 700px) {
	.home-text-row { padding: 45px 0; }
	.home-text-row .txt-cont { width: 100%; padding: 0 10%; text-align: center; }
	.home-text-row .txt-cont h2 { font-size:20px; }
	.home-text-row .img-cont { display: none; }
	.home-text-row a.calltoaction-fill { display: block; }
}

/* home home-knowhow */

#home-knowhow { background: no-repeat center; background-size: cover; height: calc(100vh - 160px); max-height: 900px; display: flex; align-items: center; justify-content: center; text-align: center; }
#home-knowhow h2 { font-family: butler_stencilmedium; font-size: 70px; color: #fff; }
#home-knowhow .calltoaction { width: 380px; line-height: 34px; background:#e6e6e6; text-transform: uppercase; font-size: 16px;  transition: all .3s ease; margin: auto; font-family:RidleyGrotesk-Medium, sans-serif; }
#home-knowhow a:hover .calltoaction{ background:#2e2e2e; color: #fff;  }


@media (max-width: 1200px) {
	#home-knowhow { height: calc(100vh - 90px); max-height: 500px; }
	#home-knowhow h2 { font-size: 38px;  }
} @media (max-width: 980px) {
	#home-knowhow .calltoaction {width: auto;}
} @media (max-width: 700px) {
	#home-knowhow { height: calc(100vh - 40px); max-height: 300px; }
	#home-knowhow h2 { font-size: 25px;  }
}

/* home-news */

#home-news { display: flex; flex-wrap: no-wrap; }
.home-news-item {position: relative; width: calc(100% / 3);  height: 0; padding-bottom: 700px; }
.home-news-item a {position: absolute; display: block; width:100%; height: 100%; background-position: center; }
.home-news-item h3 { display: none; }
.home-news-item .over {white-space: nowrap; position: absolute; z-index: 200; left:50%; top:50%; transform: translateX(-50%) translateY(-50%); font-family: butler_stencilmedium; font-size: 36px; color: #e0afaf; padding: 16px 24px; border:solid 2px #e0afaf; opacity: 0; transition:all .3s ease;  }
.home-news-item a:hover .over { opacity: 1; }

@media (max-width: 1200px) {
	.home-news-item { width: 50%; padding-bottom: 60%;}
	.home-news-item a { background-size: cover; }
	.home-news-item .over { font-size: 17px;  padding: 10px 10px;  }
}

@media (max-width: 700px) {
	.home-news-item { width: 100%; padding-bottom: 120%; }
	.home-news-item:not(:last-child) { display: none; }
	.home-news-item .over { opacity: 1; font-size: 14px; padding: 9px 7px;  }
}


/* home-press */

#home-press { text-align: center; padding: 77px 0; }
#home-press h3 { font-family: RidleyGrotesk-Medium, sans-serif; color: #e0afaf; font-size:24px; margin-bottom: 50px; }
#home-press a {display: block; width: 80%; margin: 0 auto; padding-bottom: 3.75%; background-size: contain; background-position: center; background-repeat:  no-repeat; }

@media (max-width: 1200px) {
	#home-press { padding: 40px 0; }
	#home-press h3 { font-size:14px; margin-bottom: 20px; }
	#home-press a {width: 100%; background-size: auto 120%;}
}

@media (max-width: 700px) {
	#home-press h3 { font-size:11px; }
}

/* home-instagram */

#home-instagram {text-align: center; }
#home-instagram h3 { font-family: RidleyGrotesk-Medium, sans-serif; color: #e0afaf; font-size:24px; margin-bottom: 50px; }

.instagram-wall{ display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; width: 100%; }
.instagram-wall article { width: 12.5%; }
.instagram-wall article > a { position: relative; display: block; width: 100%; padding-bottom: 100%; background: no-repeat center; background-size: cover; transition: all .3s ease; overflow: hidden; }
.instagram-wall article > a:hover { filter: gray; -webkit-filter: grayscale(1); filter: grayscale(1); }
#home-instagram article > a > video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}

@media (max-width: 1200px) {
	#home-instagram h3 { font-size:14px; margin-bottom: 20px;}
}

@media (max-width: 700px) {
	#home-instagram { display: none; }
	/* #home-instagram h3 { font-size:11px; } */
}

/* collection */

ul.collection { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px 0;  }
ul.collection li { width:calc((100% / 3) - 18px); }
ul.collection li .js-open-medias { position: relative; cursor: pointer; }
ul.collection li .js-open-medias:before,
ul.collection li .js-open-medias:after {
	position: absolute;
	z-index: 10;
	content:'';
	display: block;
	left: 50%;
	opacity: 0;
	transition: all .3s ease-in-out;
}
ul.collection li .js-open-medias:hover:before,
ul.collection li .js-open-medias:hover:after {
	opacity: 1;
}
ul.collection li .js-open-medias:after {
	top: 25%;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top : 20px solid transparent;
	border-left : 30px solid #e0afaf;
	border-bottom : 20px solid transparent;
}
ul.collection li .js-open-medias:before {
	top: calc(25% - 7.5px);
	margin-left: -27.5px;
	width: 55px;
	height: 55px;
	border-radius: 100%;
	border: 2px solid #e0afaf;
}
ul.collection li .img-slot{ width:100%; height: 630px; background: no-repeat center center; background-size: cover; }

ul.collection ul.medias-wrap { display: none; }
	li.media-vimeo > div {
		position: relative;
		padding: 80vh 0 0 0;
	}
	li.media-vimeo > div > iframe {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}

.btn-download { display: block; color: #e0afaf; text-decoration: none; font-family:RidleyGrotesk-Medium; font-size: 14px; text-align: center; margin-bottom: 50px;   }
.btn-download img{ display: inline-block; width:30px;  }

@media (max-width: 1200px) {
	ul.collection { padding: 20px 5%; }
	ul.collection li { width:calc(50% - 15px); }
	ul.collection li .img-slot{ height: 350px; }
	.btn-download { font-size: 11px; margin-bottom: 30px; }
	.btn-download img{ width:20px  }
	}

@media (max-width: 700px) {
	ul.collection { padding: 0; }
	ul.collection li { width:100%; }
	ul.collection li .img-slot{ height: 250px; }
	.btn-download { font-size: 9px;  }
	.btn-download img{ width:16px  }
}

/* presslist */

ul.presslist { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px 0;  }
ul.presslist li { width:30%; cursor: pointer; }
ul.presslist li .img-slot-pad{ width:100%; height: 630px; background: #fff; padding: 20px; border: 1px solid #e0afaf; }
ul.presslist li .img-slot{ width:100%; height: 100%; background: no-repeat center center; background-size: contain; }

@media (max-width: 1200px) {
	ul.presslist { padding: 20px 5%; }
	ul.presslist li { width:48%; }
	ul.presslist li .img-slot-pad{ height: 350px;  padding: 16px;}
}

@media (max-width: 700px) {
	ul.presslist { padding: 0; }
	ul.presslist li { width:100%; }
	ul.presslist li .img-slot-pad{ height: 250px;  padding: 12px;}
}

/* contact  */

#map-wrapper{ position: relative; height: 620px; }
#map-wrapper iframe{position: absolute; width: 100%; height: 100%; }

#contact-menu {position: relative; list-style: none; margin: 50px auto; padding: 0; width: 100%; text-align: center;  }
#contact-menu li { display:inline-block; list-style: none; margin: 0; padding: 0 40px; font-size:27px; font-family: RidleyGrotesk-Medium; line-height:1.8em; }
#contact-menu li a { display:inline-block; color:#e0afaf; text-decoration: none; transition: all .3s ease; border-bottom: 1px solid #fff; }
#contact-menu li a:hover { border-bottom: 1px solid #e0afaf; }

#contact-formulaire {font-family: RidleyGrotesk-Medium; font-size: 20px; margin-bottom: 30px;}
#contact-formulaire .form-row { display: flex;  justify-content: space-between; flex-wrap:nowrap; align-items: center; margin: 15px 0; }
#contact-formulaire label { width: 35%; margin: 0; padding: 0;  }
#contact-formulaire input { width: 60%; margin: 0; padding: 5px 10px; border: 1px solid #000; }
#contact-formulaire textarea { width: 100%; min-height: 200px; margin: 0; padding: 5px 10px; border: 1px solid #000; }
#contact-formulaire .form-send-row { justify-content: center;  }
#contact-formulaire .send-btn { border: 1px solid #000; transition: all .3s ease; background: #fff; padding: 5px 10px;}
#contact-formulaire .send-btn:hover { background: #000; color: #fff;}

#contact-showrooms { display: none; visibility: hidden; opacity: 0;  margin-bottom: 30px; }

ul.contactlist { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px 0;  }
ul.contactlist li { width: 23%; font-size: 16px; line-height: 1.8em; font-family: butlerregular; text-align: center; margin-bottom: 30px;  }
ul.contactlist li .img-slot{ width: 100%; height: 190px; background: no-repeat center center; background-size: cover; }
ul.contactlist a { text-decoration: underline;}
ul.contactlist .contact-numbers span {display: inline-block; width: 100%}
	.contact-header {text-transform: uppercase; margin: 30px 0 10px; font-family: RidleyGrotesk-Medium;}
	.contact-header .agent-title {font-size: 18px; margin: 0;}
	.contact-header .agent-country {font-size: 14px;}

#contact-agents { display: none; visibility: hidden; opacity: 0;  margin-bottom: 30px; }
#contact-agents .section-continent { width: 100%; text-align: center; color: #e0afaf; border-top: 1px solid #e0afaf; border-bottom: 1px solid #e0afaf; cursor: pointer; font-size: 27px; line-height: 2em;}
#contact-agents .section-continent .note { font-family: RidleyGrotesk-Italic; font-size: .7em;  }
#contact-agents .contactlist { height: 0; overflow: hidden; opacity: 0; }


#contact-showrooms ul.contactlist li:first-child {margin-left: 35%; margin-right: 35%;}

#page-PageContact iframe {min-height: auto;}

@media (max-width: 1200px) {
	#map-wrapper{ height: 340px; }
	#contact-menu {	margin: 30px auto; }
	#contact-menu li { padding: 0 20px; font-size:14px;  }
	#contact-formulaire { font-size: 11px;}
	ul.contactlist { padding: 20px 5%; }
	ul.contactlist li { width:48%; font-size: 12px; line-height:1.8em; }
	ul.contactlist li h4 { font-size: 12px; line-height:1.8em;}
	ul.contactlist li .img-slot{ height: 160px;}
	#contact-agents .section-continent { font-size: 15px;}
	#contact-showrooms ul.contactlist li:first-child {margin-left: 28%; margin-right: 28%;}

} @media (max-width: 700px) {
	#map-wrapper{ height: 275px; }
	#contact-menu {	margin: 15px auto; }
	#contact-menu li { padding: 0 15px; font-size:12px;  }
	#contact-formulaire { font-size: 9px;}
	ul.contactlist { padding: 0; font-size: 10px; line-height:1.4em;}
	ul.contactlist li .img-slot{ height: 120px; line-height:1.4em; margin-bottom: 20px;}
	ul.contactlist li h4 { font-size: 10px; }
	#contact-agents .section-continent { font-size: 12px;}
} @media (max-width: 480px) {
	ul.contactlist li,
	#contact-showrooms ul.contactlist li:first-child { width: 98%; margin: 0 0 30PX;}
	.contact-header .agent-title {font-size: 15px;}
}

/* footer */

#footer-wrapper {position:relative; width:100%; padding: 55px 0; background: #2e2e2e; z-index: 1000; letter-spacing: 0.06em;}
#footer-wrapper a { text-decoration: none; transition: all .3s ease; }
#footer-wrapper a:hover { text-decoration: underline; }

#footer-newsletter-row { color: #FFF; width: 100%; text-align: center; font-family: RidleyGrotesk-Regular; line-height: 1.2em; }
#footer-newsletter-row .title { text-transform: uppercase; font-size: 18px; line-height: 1.2em; margin-right: 15px; }
#footer-newsletter-row input { color: #fff; border:1px solid; padding: 5px 10px; font-size: 12px; margin: 0; background: none; }
#footer-newsletter-row button { color: #fff; border:1px solid; padding: 5px 10px; font-size: 12px; margin: 0 ; background: none; transition: all .3s ease;   }
#footer-newsletter-row button:hover { background: #fff; color: #e0afaf; }

#footer-main-row { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; margin: 0; font-size: 14px; line-height: 1.8em; font-family: RidleyGrotesk-Regular; }
#footer-networks { width: 25%; }
#footer-networks span { margin-right: 10px;}
	#footer-certificate {margin-top: 25px;}
	#footer-certificate span {display: block; width: 100%; margin-bottom: 20px; text-transform: uppercase;}
	#footer-certificate img {vertical-align: bottom; margin-right: 12px;}
#footer-address { width: 25%; }
#footer-menu-wrapper { width: 50%; }

#footer-menu { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; list-style: none; padding: 0; margin: 0; }

#footer-mentions-row { margin-top: -2.2em; font-family: RidleyGrotesk-Regular; font-size: 11px; color: #fff; text-align: center; width: 100%;}

#footer-wrapper,
#footer-wrapper a,
#footer-mentions-row,
#footer-newsletter-row,
#footer-newsletter-row input,
#footer-newsletter-row button {color: #fff;}

@media (max-width: 1200px) {
	#footer-wrapper {  padding: 30px 0;}
	#footer-mentions-row { font-size: 9px; }
	#footer-newsletter-row .title { font-size: 10px; }
	#footer-newsletter-row input { padding: 4px 8px; font-size: 8px;  }
	#footer-newsletter-row button { padding: 4px 8px; font-size: 8px;  }
	#footer-main-row { margin: 30px 0; font-size: 11px;}
}

@media (max-width: 700px) {
	#footer-wrapper {  padding: 25px 0;}
	#footer-main-row { margin: 25px 0;}
	#footer-networks { width: 100%; text-align: center; }
	#footer-address { display: none; }
	#footer-menu-wrapper { display:none; }
}


/* ==========================================================================
   helpers
   ========================================================================== */

.hidden { display: none !important; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
@media print {
    *, *:before, *:after, *:first-letter, *:first-line { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; }
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; }
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
    p, h2, h3 { orphans: 3; widows: 3; }
	h2, h3 { page-break-after: avoid;}
}