* {
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

body{
	width: 100%;
	height: 100%;
	background: #fff;
	margin: 0 auto;
	font-family: 'montserratlight', Arial, sans-serif;	
	font-size: 16px;
	line-height: 1.5rem;
	font-weight: 400;
	color: #0f141a;
}
@media screen and (max-width:640px){
	body { 
		font-size: 12px; 
		line-height: 18px;
	}
}

h1, h2, h3 { 
	font-family: 'oranienbaumregular', Georgia, serif;
	font-weight: 400;
	text-transform: uppercase;
}

h3 {
	text-transform: normal;
}

strong, b { 
	font-family: 'montserratlight', Arial, sans-serif;
	font-weight: 800;
}

ul { list-style-type: none; }

footer { display: block; }

img { display: block; }
a img:hover { opacity: .8; }
a { color: rgba(51,51,51,1); }
a:hover, button:hover { cursor: pointer; }



/******************** MENU LAPTOP ********************/

.none { display: none; }

#menu { background: #0f141a; }

.menu-info {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1rem;
}

.bsl {
	float: left;
	display: inline-block;
	margin: .25rem 0 0;
	padding: 1rem 0;
	font-family: 'montserratlight', Arial, sans-serif;
	font-weight: 800;
	font-size: .75rem;
	color: rgba(255,255,255,1);
}
.bsl span {
	font-family: 'montserratlight', Arial, sans-serif;	
	color: rgba(153,153,153,1);
}

.btn-ctt,
.btn-hdr {
	float: right;
	display: inline-block;
	margin: .75rem 0 .75rem 1rem;
	padding: .5rem 1rem .25rem;
	font-family: 'antoniobold', Arial, sans-serif;
    text-transform: uppercase;
	font-size: 1rem;
	color: #fff;
	text-decoration: none;
	border: 1px solid #999;
}
.btn-hdr {
	color: #997f4c;
	border: 1px solid #997f4c;
	text-shadow: none;
	box-shadow: none;
}

.btn-ctt:hover {
	background: #ccc;
	color: #1a1a1a;
	border: 1px solid #ccc;
	transition: all .25s ease-in;
}
.btn-hdr:hover {
	background: #997f4c;
	color: #fff;
	transition: all .25s ease-in;
}

.txtm {
	text-indent: -999999px;
	display: inline-block;
}

.menu-blc {
	position: relative;
	z-index: 2;
	width: 100%;
	background: url(images/bdr-mnu.svg) center top repeat-x, rgba(13,13,13,1);
	margin: 0 auto;
}

.sticky {
	position:fixed;
	top:0;
	width:100%;
	z-index:10
}

.sticky+.content {
	padding-top:66px
}

.menu-tab {
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}
.menu-tab a:hover {
	transition: all .25s ease-in;
	color: rgba(255,255,255,1);
}

.menu-tab li {
	width: auto;
	float: left;
}

.tab {
	width: 100%;
	text-align: center;
	float: left;
	border-right: 1px solid #262626;
	padding: 2rem 2.5rem;
	font-family: 'oranienbaumregular',Georgia, serif;
	text-transform: uppercase;
	color: #999;
	text-decoration: none;
}

.slt {
	background: #0f141a;
	color: #fff;
}

.logo {
	max-width: 100%;
	height: 79px;
	margin: 1px 0 0;
	padding: 0;
}
.menu-info .ico-mob,
.menu-info .ico-loc,
.menu-info .ico-clk {
	font-size: 1rem;
	margin: 0 .5rem 0 0;
}

.menu-tab .ico-hom,
.menu-tab .ico-mug,
.menu-tab .ico-spk,
.menu-tab .ico-cps,
.menu-tab .ico-evl {
	font-size: 1.5rem;
	margin: 0 1rem 0 0;
}



/******************** MENU MOBILE ********************/

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

	.none {
		display: inline-block;
	}

	.menu-bar {
		position: fixed;
		z-index: 5;
		width: 100%;
		height: 4rem;
		background: url(images/logo-letablier-xs.png) center center no-repeat, url(images/ico-menu.sv) left top no-repeat, url(images/ico-appel.sv) right top no-repeat, rgba(13,13,13,1);
		box-shadow: 0 1px 2px rgba(0,0,0,.25);
	}

	.menu-info {
		padding: 1rem 2rem;
	}

	.mnu-scroll {
		overflow: scroll;
		height: 100%;
	}

	#menu a.open,
	#menu a.close {
		position: fixed;
		z-index: 100;
		left: 0;
		top: 4rem;
		margin: -4rem 0 0;
		width: 3.75rem;
		height: 3.75rem;
		padding: 1.5rem 1rem 1rem;
		background: #997f4c;
		font-size: 1.5rem;
		color: #fff;
		text-decoration: none;
		border-radius: 0 0 33.3333%;
	}
	#menu a.close {
		display: none;
		width: 4rem;
		height: 4rem;
		padding: 1.75rem .75rem 1.25rem 1.25rem;
		background: rgb(26,26,26);
		border-radius: 0;
	}
	#menu a.open:hover,
	#menu a.close:hover {
		color: #997f4c;
		background: #fff;
		transition: all .25s ease-in;
	}

	#menu:target {
		left: 0;
	}

	#menu-off:target #menu {
		left: -25rem;
	}

	#menu:target a.open {
		display: none;
	}
	#menu:target a.close {
		display: block;
	}

	.txtm {
		text-indent: 0;
		display: inline-block;
		position: absolute;
		left: 1rem;
		top: .75rem;
		font-family: 'antoniobold', Arial, sans-serif;
		font-size: .75rem;
		text-transform: uppercase;
	}

	#menu {
		z-index: 20;
		position: fixed;
		left: -24rem;
		top: 4rem;
		width: 20rem;
		max-width: 100%;
		height: 100%;
		background: rgba(26,26,26,1);
		color: rgba(153,153,153,1);
		transition: all .5s ease-in;
		box-shadow: 1px 0 2px rgba(0,0,0,.25);
	}

	#menu a.tab,
	#menu .slt {
		width: 100%;
		padding: 18px 0 16px;
		border-bottom: 1px solid #262626;
	}
	#menu li:last-child {
		margin: 0 0 8rem;
	}

	.menu-tab li {
	    width: 100%;
	}

	.logo {
		position: fixed;
		z-index: 5;
		top: 0;
		left: 50%;
		width: auto;
		height: 64px;
		margin: 0 0 0 -53px;
		padding: 0;
	}

	#menu .ico-mob {
		position: fixed;
		top: 0;
		right: -.5rem;
		width: 3.75rem;
		height: 3.75rem;
		padding: 1.75rem 0 0 1rem;
		background: #997f4c;
		border-radius: 0 0 0 33.3333%;
	}
	#menu .ico-mob:before {
		font-size: 1.5rem;
	}
	#menu .ico-mob:hover {
		background: #fff;
		transition: all .25s ease-in;
	}

	.btn-ctt,
	.btn-hdr {
	    float: left;
	    margin: 0 1rem 1rem 0;
	}
}



/******************** SOCIAL ********************/

.blc-btn,
.blc-btn2 {
	position: fixed;
	right: 3rem;
	bottom: 2rem;
	width: 52px;
	z-index: 5;
}
.blc-btn2 {
	width: auto;
	right: .5rem;
	bottom: 2.4rem;
}
.blc-btn2 a {
	float: left;
	margin: 0 .5rem;
}

@media screen and (max-width:1440px){
	.blc-btn,
	.blc-btn2 {
		bottom: 2.5rem;
		right: .5rem;
		height: 50px;
		width: 300px;
		padding: 0 .5rem 0 0;
	}
	.blc-btn2 {
		width: auto;
	}
	.blc-btn2 a {
		margin: 0 .25rem;
	}
}
@media screen and (max-width:840px){
	.blc-btn {
		bottom: .5rem;
		padding: 0 .25rem 0 0;
	}
	.blc-btn2 {
		bottom: .5rem;
		right: 0.25rem;
	}
	.blc-btn2 a {
		margin: 0 .25rem;
	}
	.blc-btn2 a.btn3 {
		padding: 14px 24px 10px;
		font-size: 12px;
		margin: 0 .5rem 0 0;
	}
}

.btn-fbkx,
.btn-insx,
.btn-gglx,
.btn-tadx {
	float: left;
	width: 64px;
	padding: 1rem 0 .75rem;
	margin: .5rem 0 .5rem 1.25rem;
	display: block;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
@media screen and (max-width:1440px){
	.btn-fbkx,
	.btn-insx,
	.btn-gglx,
	.btn-tadx {
		margin: 0 .25rem 1rem;
		float: right;
	}
}
@media screen and (max-width:840px){
	.btn-fbkx,
	.btn-insx,
	.btn-gglx,
	.btn-tadx {
		width: 48px;
		padding: .75rem 0 .5rem;
	}
}
.btn-fbkx { background: #395797; }
.btn-insx { background-image: linear-gradient(0.1turn, #ff8c19, #9e36b2); }
.btn-gglx { background: #ea4335; }
.btn-tadx { background: #34e0a1; color: #000; }
.btn-fbkx:hover { background: #4d74c9; transition: all .25s ease-in; }
.btn-insx:hover { background-image: linear-gradient(0.1turn, #ffa64c, #cb45e5); transition: all .25s ease-in; }
.btn-gglx:hover { background: #ff6254; transition: all .25s ease-in; }
.btn-tadx:hover { background: #52fabd; transition: all .25s ease-in; }
.btn-fbkx .ico-vim:before,
.btn-insx .ico-fbk:before,
.btn-gglx .ico-ins:before,
.btn-tadx .ico-ins:before {
	font-size: 2rem;
	color: rgba(255,255,255,1);
}

.ico-fbkx,
.ico-insx,
.ico-gglx,
.ico-tadx
 { font-size: 2rem; }
@media screen and (max-width:840px){
	.ico-fbkx,
	.ico-insx,
	.ico-gglx,
	.ico-tadx
		 { font-size: 1.5rem; }
}

.ico-fbkx:before { content: "\ea90"; }
.ico-insx:before { content: "\ea92"; }
.ico-gglx:before { content: "\ea88"; }
.ico-tadx:before { content: "\e90c"; }



/******************** FONT ********************/

@font-face {
    font-family: 'oranienbaumregular';
    src: url('fonts/oranienbaum-regular-webfont.woff2') format('woff2'),
         url('fonts/oranienbaum-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'playfair_displaybold';
    src: url('fonts/playfairdisplay-bold-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'playfair_displayregular';
    src: url('fonts/playfairdisplay-regular-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'hestinaregular';
    src: url('fonts/hestina-webfont.woff2') format('woff2'),
         url('fonts/hestina-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'antoniobold';
    src: url('fonts/antonio-bold-webfont.woff2') format('woff2'),
         url('fonts/antonio-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

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

[class^="ico-"], [class*=" ico-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-cak:before { content: "\e900";}
.ico-che:before { content: "\e901";}
.ico-cow:before { content: "\e902";}
.ico-egg:before { content: "\e904";}
.ico-fsh:before { content: "\e905";}
.ico-ice:before { content: "\e906";}
.ico-mea:before { content: "\e907";}
.ico-prk:before { content: "\e908";}
.ico-plt:before { content: "\e909";}
.ico-hom:before { content: "\e90a";}
.ico-ofc:before { content: "\ea88";}
.ico-vid:before { content: "\e914";}
.ico-con:before { content: "\e91b";}
.ico-file-text:before { content: "\e922";}
.ico-evl:before { content: "\e945";}
.ico-loc:before { content: "\e948";}
.ico-cpa:before { content: "\e949";}
.ico-cps:before { content: "\e94a";}
.ico-map:before { content: "\e90c";}
.ico-hst:before { content: "\e94d";}
.ico-clk:before { content: "\e94e";}
.ico-mob:before { content: "\e958";}
.ico-key:before { content: "\e98e";}
.ico-mug:before { content: "\e9a2";}
.ico-spk:before { content: "\e9a3";}
.ico-lea:before { content: "\e9a4";}
.ico-acc:before { content: "\e9b2";}
.ico-mnu:before { content: "\e9bf";}
.ico-crs:before { content: "\ea0f";}
.ico-aup:before { content: "\ea32";}
.ico-arw:before { content: "\ea34";}
.ico-fbk:before { content: "\ea90";}
.ico-itg:before { content: "\ea92";}
.ico-clr:before { content: "\e90b";}
.ico-scl:before { content: "\e90d";}
.ico-tcl:before { content: "\e90e";}
.ico-ucl:before { content: "\e90f";}
.ico-gls:before { content: "\e9a1";}

.ico-lea,
.ico-hst,
.ico-cpa,
.ico-key,
.ico-aup,
.ico-acc,
.ico-vid,
.ico-con,
.ico-mea,
.ico-egg,
.ico-prk,
.ico-fsh,
.ico-plt,
.ico-che,
.ico-cow,
.ico-ice,
.ico-cak,
.ico-mug {
	margin: 0 1rem;
	font-size: 1.2rem;
	color: #99804c;
}
@media screen and (max-width:640px){
	.ico-lea,
	.ico-hst,
	.ico-cpa,
	.ico-key,
	.ico-aup,
	.ico-acc,
	.ico-vid,
	.ico-con,
	.ico-mea,
	.ico-egg,
	.ico-prk,
	.ico-fsh,
	.ico-plt,
	.ico-che,
	.ico-cow,
	.ico-ice,
	.ico-cak,
	.ico-mug {
		margin: 0 12px 0 12px;
		font-size: 12px;
	}
}

.ico-clr,
.ico-scl,
.ico-tcl,
.ico-ucl,
.ico-gls {
	margin: 0 2rem 0 1rem;
	font-size: 1.5rem;
}
@media screen and (max-width:570px){
	.ico-clr,
	.ico-scl,
	.ico-tcl,
	.ico-ucl,
	.ico-gls {
		margin: 0 18px 0 12px;
		font-size: 18px;
	}
}

h1, h2, h3 { 
	text-align: center;
}

h1 { 
	font-size: 3rem; 
	line-height: 3rem;
}
h2 { 
	font-size: 2rem; 
	line-height: 2rem;
}
h3 { 
	font-size: 1.5rem; 
	line-height: 2rem;
}

.ftl {
	font-size: 1rem;
	font-family: 'playfair_displaybold', Georgia, serif;	
	text-transform: uppercase;
}
.ftxl {
	font-size: 1.5rem;
	font-family: 'oranienbaumregular', Georgia, serif;
	text-transform: uppercase;
}
.ft2xl {
	font-size: 1.5rem;
	text-transform: uppercase;
	font-family: 'antoniobold', Arial, sans-serif;
}
.ftr { 
	font-size: 1rem;
	font-family: 'playfair_display', Georgia, serif; 
	text-transform: none;
}
.ftb { 	font-family: 'montserratlight', Arial, sans-serif; font-weight:800; }
.fti { font-style: italic; }
.fts { font-size: 1rem; }
.ftx {
	font-family: 'oranienbaumregular', Georgia, serif;
	text-transform: uppercase;
	font-size: 1.2rem;
}
.ftxs { font-size: .75rem; }

.tac {text-align: center;}
.taj {text-align: justify;}
.tar {text-align: right;}
.tal {text-align: left;}

.clr1 { color: #0f141a; }
.clr2 { color: #997f4c; }
.clr3 { color: #ccc; }
.clr4 { color: #f8f8f8; }
.clrh {
	padding: 1.2rem 0 1rem;
	background: #0f141a;
	color: #f8f8f8;

}


.lnk {
	display: table;
	text-decoration: none;
	font-family: 'montserratlight', Arial, sans-serif;
}
.lnk:hover {
	opacity: .75;
}

.nbr {
	margin: 3rem 0 0;
	padding: 0 0 1.5rem;
	font-family: 'oranienbaumregular', Georgia, serif;
	font-size: 4.5rem;
	color: #0f141a;
	text-align: center;
}

@media screen and (max-width:640px){
	h1, h2, h3 { 
		font-size: 24px; 
		line-height: 24px;
	}
	h2 { 
		font-size: 21px; 
	}
	h3 { 
		font-size: 18px; 
	}

	.ftxl {
		font-size: 14px;
	}
	.ftl {
		font-size: 12px;
	}
	.ft2xl {
		font-size: 18px;
	}
	.ftr { 
		font-size: 12px;
	}
	.fts { font-size: 12px; }
	.ftx { font-size: 14px; }

	.ftxs { font-size: 12px; }
	.nbr {
		margin: 36px 0 0;
		padding: 0 0 36px;
		font-size: 36px;
	}
	.taj {text-align: left;}
}



/******************** STRUCTURE ********************/

.hvid {
	width: 100%;
	height: 620px;
	overflow: hidden;
}

#bg-video video { 
	width: 100%;
	margin: -10% 0 0 0;
}
@media screen and (max-width:1600px){
	#bg-video video { 
    	width: 200%;
    	margin: -10% 0 0 -50%;
	}
}
@media screen and (max-width:800px){
	.hvid {
		height: auto;
	}

	#bg-video video { 
    	width: 250%;
    	margin: 0 0 0 -75%;
	}
}

.ctn,
.ctn2,
.ctn3 {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 6rem 0;
}
.ctn2 {	padding: 0 0 4.5rem;}
.ctn3 { padding: 3rem 0 0; }
.intro,
.intro2 { padding: 4.5rem 0; }


@media screen and (max-width:1200px){
	.intro { padding: 7.5rem 0 3rem; }
	.intro2 { padding: 6rem 0 3rem; }
}

@media screen and (max-width:640px){
	.ctn { padding: 48px 0 36px; }
	.ctn3 { padding: 36px 0 0; }
	.intro { padding: 106px 0 18px; }
	.intro2 { padding: 96px 0 18px; }
}

.w10, .w16, .w20, .w25, .w30, .w33, .w40, .w50, .w60, .w66, .w75, .w80, .w83, .w100, .w1-2 {
	float: left;
	overflow: hidden;
}

.w10 { width: 10%; }
.w16 { width: 16.6666%; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.3333%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.6666%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w83 { width: 83.3333%; }
.w100 { width: 100%; }
.w1-2 { width: 100%; }

@media screen and (max-width:1200px){
	.w16 { width: 20%; }
	.w83 { width: 80%; }
	.w25, .w33, .w66, .w75 { 
		width: 50%;
		margin: 0 0 1.5rem;
	}
	.w1-2 .w25 { width: 25%; }
	.foo .w33 { margin: 0 0 3rem; }
	.foo .w33:last-child { margin: 0 0 1.5rem; }

}
@media screen and (max-width:800px){
	.w16 { width: 25%; }
	.w83 { width: 75%; }
	.w25, .w33, .w50, .w66, .w75 { 
		width: 100%;
	}
	.w1-2 .w25 { width: 50%; }
	.w10 { width: 33.3333%; }
	.w20 { width: 100%; }
	.w30 { width: 100%; }
	.w40 { width: 100%; }
	.w60 { width: 100%; }
	.w80 { width: 100%; }
}


.h06  { min-height: 6rem; }
.h07  { min-height: 7rem; }
.h08  { min-height: 8.5rem; }
.h10 { min-height: 10rem; }
.h12 { min-height: 12rem; }
.h19 { min-height: 19.5rem; }
.h20 { min-height: 20rem; }
.h22 { min-height: 22rem; }
.h26 { min-height: 26rem; }
.h33 { min-height: 33rem; }
.h40 { min-height: 40rem; }

@media screen and (max-width:1200px){
	.h22 { min-height: 15rem; }
}

@media screen and (max-width:800px){
	.h06, .h07, .h08, .h10, .h12, .h19, .h20, .h22, .h30, .h33 { min-height: auto; }
}

.dpb { display: block; }
.dpi { display: inline; }
.dpib{ display: inline-block; }
.rgt { float: right; }
.lft { float: left; }

.pad1 { padding: 0 1rem; }
.pad2 { padding: 0 2rem; }
.pad3 { padding: 0 3rem; }
.pada0{ padding: .75rem 1rem; }
.pada { padding: 1.5rem 1rem; }
.pada2{ padding: 1.5rem 1rem 0; }
.pada3{ padding: 3rem 1rem; }
.padt0{ padding: .5rem 0 0; }
.pad2b{ padding: 0 2rem 1.5rem 2rem; }
.pad3t{ padding: .5rem 3rem 0; }

.mga1 { margin:.5rem 1rem; }

.mgts { margin: .5rem 0 0; }
.mgt1 { margin: 1.5rem 0 0; }
.mgt3 { margin: 3rem 0 0; }

.mgt-3{ margin: -3rem 0 0; }
.mgt-6{ margin: -6rem 0 0; }

.mgr1 { margin: 0 1rem 0 0; }

.mgb1 { margin: 0 0 1.5rem;}
.mgb3 { margin: 0 0 3rem;}
.mgb4 { margin: 0 0 4rem;}
.mgb6 { margin: 0 0 6rem;}
.mgb-3{ margin: 0 0 -3.5rem; }
.mgcb { margin: 0 auto 1.5rem; }
.mgb-20{margin: 0 0 -20rem;}

.mgctb{ margin: 3rem auto; }

.mgl30{
	margin: 0 0 0 30%;
}
.mgl60{
	margin: 0 0 0 60%;
}
@media screen and (max-width:800px){
	.mgl30{ margin: 0; }
	.mgl60{ margin: 0; }
}

@media screen and (max-width:640px){
	.pad1 { padding: 0 12px; }
	.pad2 { padding: 0 24px; }
	.pad3 { padding: 0 36px; }
	.pada0{ padding: 9px 12px; }
	.pada { padding: 18px 12px; }
	.pada2{ padding: 18px 12px 0; }
	.pada3{ padding: 36px 12px; }
	.padt0{ padding: 6px 0 0; }
	.pad2b{ padding: 6px 24px 0; }
	.pad3t{ padding: 6px 36px 0; }

	.mgts { margin: 6px 0 0; }
	.mgt1 { margin: 18px 0 0; }
	.mgt3 { margin: 36px 0 0; }
	.mgb6 { margin: 0 0 72px;}

	.mgt-3{ margin: -36px 0 0; }

	.mgr1 { margin: 0 12px 0 0; }

	.mgb1 { margin: 0 0 18px;}
	.mgb3 { margin: 0 0 36px;}
	.mgb4 { margin: 0 0 48px;}
	.mgb-3{ margin: 0 0 -56px; }
	.mgcb { margin: 0 auto 18px; }
	.mgb-20{margin: 0 0 -240px;}

	.mgctb{ margin: 36px auto; }
}

@media screen and (max-width:1440px){
	.mgbody{
		margin: 0 auto 6rem;
	}
}
@media screen and (max-width:640px){
	.mgbody{
		margin: 0 auto 4.5rem;
	}
}



.wrap,
.wrap2 {
    position: relative;
	padding: 0;
    overflow: hidden;
    z-index: 1;
    height: 392px;
    background: #cbb8a3;
}
.wrap2 {
    height: 400px;
}
.wrap img,
.wrap2 img {
    position:absolute;
    top: 50%;
	left: 50%;
    transform-origin: center center;
    transform: translateX(-50%) translateY(-50%) scale(1);
}
@media screen and (max-width:400px) {
    .wrap, .wrap2 { height: 250px; }
}

.blc2 { padding: 3rem 2rem; }

.bdr1, .bdr2, .bdr5 { 
	display: block;
	overflow: hidden;
	padding: 0;
	border: 16px solid rgba(255,255,255,1);
	    border-image-source: none;
	    border-image-slice: 100%;
	    border-image-width: 1;
	    border-image-outset: 0;
	    border-image-repeat: stretch stretch;
	-moz-border-image: 		url(images/bdr1.svg) 16 repeat;
	-webkit-border-image: 	url(images/bdr1.svg) 16 repeat;
	-o-border-image: 		url(images/bdr1.svg) 16 repeat;
	border-image: 			url(images/bdr1.svg) 16 repeat;
}
.bdr2 { 
	background: #f8f8f8;
	-moz-border-image: 		url(images/bdr2.svg) 16 repeat;
	-webkit-border-image: 	url(images/bdr2.svg) 16 repeat;
	-o-border-image: 		url(images/bdr2.svg) 16 repeat;
	border-image: 			url(images/bdr2.svg) 16 repeat;
}

.bdr3 {
	border: .5rem solid rgba(204,184,163,1);
	background: url(images/bgia.jpg) center center repeat;
}
.bdr4 {
	border-bottom: 1px solid rgba(0,0,0,.2);
	padding: 0 0 1rem;
	margin: -1px 0 1rem;
}
.bdr6 {
	padding: 0 0 1rem;
	border-bottom: 1px solid #997f4c;
}
.bdr7 {
	padding: 0 0 1rem;
	border-bottom: 1px solid #0f141a;
}
.bdr8 {
	border-top: .5rem solid #997f4c;
}

.bdrh {
	padding: 0 0 1.5rem;
	background: url(images/bdrh.svg) center bottom no-repeat;
}

.bdrt {
	padding: 1.5rem 0 0;
	background: url(images/bdr.svg) center top no-repeat;
}
.bdrb {
	padding: 0 0 1.5rem;
	background: url(images/bdr.svg) center bottom no-repeat;
}

.clm2 {
	text-align: justify;
    column-count: 2;
    column-gap: 2rem;
    hyphens: auto;
}
@media screen and (max-width:800px){
	.clm2 {
	    column-count: 1;
	    hyphens: auto;
	    text-align: left;
	}
}

.mnu-push {
	width: 25%;
	float: left;
}
.mnu-push-dsg {
	margin: .5rem;
	padding: 2rem 1rem;
	text-align: center;
	border: 1px solid #997f4c;
}
.mnu-push-dsg:hover {
	background: #997f4c;
	color: #fff;
	transition: all .25s ease-in;
}
@media screen and (max-width:640px){
	.mnu-push {
		width: 50%;
		float: left;
	}
	.mnu-push-dsg {
		margin: 6px;
		padding: 24px 12px;
	}
}

.hrzt-gly {
	overflow: auto;
	white-space: nowrap;
	padding: 0 .5rem;
}
div.hrzt-gly img {
	display: inline;
	width: 28%;
	height: 28%;
 	margin: 1rem .5rem;
}
@media screen and (max-width:1024px){
	div.hrzt-gly img {
		width: 60%;
		height: 60%;
	}
}
@media screen and (max-width:640px){
	.hrzt-gly {
		padding: 0 12px;
	}
	div.hrzt-gly img {
		width: 75%;
		height: 75%;
 		margin: 12px 6px;
	}	
}



/******************** TABLEAU ********************/
.table {
	 overflow-x: auto;
	 background: #f8f8f8;
	 border: 4px solid #99804c;
	 margin: 0 1rem 3rem;
}

table th {
	border-right: 1px solid #99804c;
	border-bottom: 1px solid #99804c;
	padding: 1.5rem .5rem;
}
table th:last-child {
	border-right: 0;
}
table tr {
	padding: 1.5rem 0;
}

table td {
	width: 16.6666%;
	border-bottom: 1px solid #99804c;
	padding: .75rem;
	text-align: center;
}

.bgtr {
	background: rgba(153,128,76,.1);
}
.tr-bdr {
	border-bottom: 1px solid #99804c;
}
.td-bdr1 {
	border-right: 1px solid #99804c;
}
.td-bdr2 {
	border-right: 1px solid #99804c;
}

dl dd.w40,
dl dd.w50 {
	padding: 0 .5rem;
}
@media screen and (max-width:800px){
	dl dd.w40,
	dl dd.w50 {
		padding: 0;
	}
}



/******************** DESIGN ********************/
.mnu-lst {
	position: sticky;
	top: 80px;
	z-index: 1;
    background: #0f141a;
}
@media screen and (max-width:1200px) {
	.mnu-lst {
		top: 63px;
	}
}
.mnu-lst-blc {
	max-width: 1200px;
	overflow: hidden;
    margin: 0 auto;
    padding: 0 1.5rem;
}
@media screen and (max-width:800px) {
	.mnu-lst-blc {
		width: 100%;
	    padding: 0 .5rem;
	}
}
.mnu-lst-blc a {
	width: auto;
	float: left;
	padding: 1rem 1.5rem;
	font-family: 'oranienbaumregular',Georgia, serif;
	text-transform: uppercase;
	text-decoration: none;
    color: #fff;
}
@media screen and (max-width:800px) {
	.mnu-lst-blc a {
		padding: .75rem .3rem .5rem;
	}
}
.mnu-lst-blc a:hover {
	opacity: .6;
	transition: all .25s ease-in;
}
scroll-container {
  display: block;
  width: 100%;
  height: 2000px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
scroll-page {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
[id^="menus"] {
	padding-top: 60px;
	position: relative;
	top: -60px;
	margin-bottom: -60px;
}
[id^="horaires"] {
	padding-top: 360px;
	position: relative;
	top: -360px;
	margin-bottom: -360px;
}



#panorama {
	 width: 100%;
	 height: 640px;
}
@media screen and (max-width:1200px) {
	#panorama {
		 height: 480px;
	}
}
@media screen and (max-width:800px) {
	#panorama {
		 height: 320px;
	}
}
.rot-top {
	background: url(images/arw-top.svg) center center no-repeat;
	width: 24px;
	height: 24px;
	display: block;
}
.rot-rgt {
	background: url(images/arw-rgt.svg) center center no-repeat;
	width: 24px;
	height: 24px;
	display: block;
}
.rot-bot {
	background: url(images/arw-bot.svg) center center no-repeat;
	width: 24px;
	height: 24px;
	display: block;
}
.rot-lft {
	background: url(images/arw-lft.svg) center center no-repeat;
	width: 24px;
	height: 24px;
	display: block;
}

.bdx { 
	margin: 12rem auto 0;
	padding: 12rem 0 0;
}

.list {
    column-count: 2;
    column-gap: 0;
    hyphens: auto;

}
@media screen and (max-width:800px){
	.list {
	    column-count: 1;
	}
}

.picto { 
	margin: 0 auto -1.5rem;
}

.wlogo { 
	width: 16.6666%;
	float: left;
}
@media screen and (max-width:1200px){
	.wlogo { width: 25%; }
}
@media screen and (max-width:800px){
	.wlogo { width: 50%; }
}

.wlogo-s {
	display: inline-block;
}
.wlogo-s img {
	width: 64px;
	height: 21px;
	margin: 0 8px -6px 0;
}



.bgc0 { background: rgba(255,255,255,1); }
.bgc1 { background: url(images/bgi1.jpg) center center repeat-y, #f8f8fa; }
.bgc2 { background: #997f4c; }
.bgc3 { background: rgba(153,127,76,.1); box-shadow: 0 1px 0 rgba(153,127,76,.5); }
.bgc4 { box-shadow: 0 1px 0 rgba(153,127,76,.5); }
.bgc5 { background: #0f141a; }
.bgc6 { background: rgba(255,255,255,1); border-radius: .5rem .5rem 0 0; z-index: 0; position: relative; }
.bgc7 { background: url(images/bgi2.jpg) center center repeat-y, #f8f8f8; }
.bgc8 { background: url(images/bgi-new.png) center center repeat, #2c3b4d; border-top: 8px solid #99804c; border-bottom: 8px solid #99804c; }

.bgia { background: #f8f8f8; }
.bgib { background: url(images/friset.svg) center top repeat-x, url(images/friseb.svg) center bottom repeat-x, url(images/bgib.png) center center repeat, rgba(217,200,184,1); }
.bgic { background: url(images/list-points.svg) right bottom 5px no-repeat; }
.bgid { background: url(images/friseb.svg) center bottom repeat-x, url(images/bgib.png) center center repeat, rgba(217,200,184,1); }


@media screen and (min-width: 0) and (max-width: 640px) {
	.bgi-sdw { background: url(images/bgi-acc-sdw-480.jpg) center center no-repeat fixed, #ccb8a3; }

	.bgi1 { background: url(images/bgi-acc-1-480.jpg) center top no-repeat fixed, #6a5142; }
	.bgi2 { background: url(images/bgi-acc-2-480.jpg) center center no-repeat fixed; }
	.bgi3 { background: url(images/bgi-acc-3-480.jpg) center center no-repeat fixed, rgba(128,108,89,1); }

	.bgi4 { background: url(images/bgi-crt-1-480.jpg) center top no-repeat fixed; }
	.bgi5 { background: url(images/bgi-crt-2-480.jpg) center center no-repeat fixed; }
	.bgi6 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-3-480.jpg) center center no-repeat fixed; height: 360px; }
	.bgi7 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-4-480.jpg) center center no-repeat fixed; height: 360px; }
	.bgi12{ background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-6-480.jpg) center center no-repeat fixed; height: 360px; }
	.bgi13{ background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-7-480.jpg) center center no-repeat fixed; height: 360px; }
	.bgi8 { background: url(images/bgi-sdr-6-480.jpg) center top no-repeat fixed; }
	.bgi9 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-sdr-5b-480.jpg) center center no-repeat fixed; height: 360px; }
	.bgi10{ background: url(images/bgi-ctt-7-480.jpg) center top no-repeat fixed; }
	.bgi11{ background: url(images/bgi-gdt-1-480.jpg) center top no-repeat fixed; }

	.bgi1, .bgi2, .bgi3, .bgi4, .bgi5, .bgi6, .bgi7, .bgi8, .bgi9, .bgi10, .bgi11, .bgi12, .bgi13 { background-size: 100% auto; }
}


@media screen and (min-width: 641px) and (max-width: 1280px) {
	.bgi-sdw { background: url(images/bgi-acc-sdw-1280.jpg) center center no-repeat fixed, #ccb8a3; }

	.bgi1 { background: url(images/bgi-acc-1-1280.jpg) center top no-repeat fixed; }
	.bgi2 { background: url(images/bgi-acc-2-1280.jpg) center center no-repeat fixed; }
	.bgi3 { background: url(images/bgi-acc-3-1280.jpg) center center no-repeat fixed, rgba(128,108,89,1); }

	.bgi4 { background: url(images/bgi-crt-1-1280.jpg) center top no-repeat fixed; }
	.bgi5 { background: url(images/bgi-crt-2-1280.jpg) center center no-repeat fixed; }
	.bgi6 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-3-1280.jpg) center center no-repeat fixed; height: 480px; }
	.bgi7 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-4-1280.jpg) center center no-repeat fixed; height: 480px; }
	.bgi12{ background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-6-1280.jpg) center center no-repeat fixed; height: 480px; }
	.bgi13{ background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-7-1280.jpg) center center no-repeat fixed; height: 480px; }

	.bgi8 { background: url(images/bgi-sdr-6-1280.jpg) center top no-repeat fixed; }
	.bgi9 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-sdr-5b-1280.jpg) center center no-repeat fixed; height: 480px; }

	.bgi10{ background: url(images/bgi-ctt-7-1280.jpg) center top no-repeat fixed; }
	.bgi11{ background: url(images/bgi-gdt-1-1280.jpg) center top no-repeat fixed; }
}

@media screen and (min-width:481px){
	.bgic { background: url(images/list-points.svg) right 15px no-repeat; }
}

@media screen and (min-width:1281px){
	.bgi-sdw { background: url(images/bgi-acc-sdw.jpg) center center no-repeat fixed, #ccb8a3; }

	.bgi1 { background: url(images/bgi-acc-1.jpg) center top no-repeat fixed; }
	.bgi2 { background: url(images/bgi-acc-2.jpg) center center no-repeat fixed; }
	.bgi3 { background: url(images/bgi-acc-3.jpg) center center no-repeat fixed, rgba(128,108,89,1); }

	.bgi4 { background: url(images/bgi-crt-1.jpg) center top no-repeat fixed; }
	.bgi5 { background: url(images/bgi-crt-2.jpg) center center no-repeat fixed; }
	.bgi6 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-3.jpg) center center no-repeat fixed; height: 480px; }
	.bgi7 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-4.jpg) center center no-repeat fixed; height: 480px; }
	.bgi12{ background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-6.jpg) center center no-repeat fixed; height: 480px; }
	.bgi13{ background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-crt-7.jpg) center center no-repeat fixed; height: 480px; }

	.bgi8 { background: url(images/bgi-sdr-6.jpg) center top no-repeat fixed; }
	.bgi9 { background: url(images/bgi-top.png) center bottom no-repeat, url(images/bgi-sdr-5b.jpg) center center no-repeat fixed; height: 480px; }

	.bgi10{ background: url(images/bgi-ctt-7.jpg) center top no-repeat fixed; }
	.bgi11{ background: url(images/bgi-gdt-1.jpg) center top no-repeat fixed; }

	.bgc1, .bgc7, .bgi-sdw, .bgi1, .bgi2, .bgi3, .bgi4, .bgi5, .bgi8, .bgi10, .bgi11 { background-size: 100% auto; }
}



.foo { 
	background: url(images/bgi2.jpg) center center repeat-y, #f8f8f8;; 
	color: #0f141a;
	border-bottom: .5rem solid #997f4c;
}
.sign { 
	padding: 1.5rem 1rem;
	background: #fff; color: #0f141a;
}
@media screen and (max-width:480px){
	.sign img {
		height: 18px;
	}
}
.sign .lnk { 
	display: inline;
	font-family: 'antoniobold', Arial, sans-serif;
	font-weight: 800;
}
.o6h6o {
	display: inline;
	margin: -.5rem .5rem -.5rem 0;
}



/******************** FORMULAIRE ********************/

.btn1, .btn2, .btn3, .btn4 {
	display: block;
	padding: 1.2rem 2rem 1rem;
	text-decoration: none;
	font-family: 'antoniobold', Arial, sans-serif;
    text-transform: uppercase;
	font-size: 1rem;
	color: #0f141a;
	text-align: center;
	border: 1px solid #0f141a;
}
.btn2 {
	border: 1px solid #997f4c;
	color: #997f4c;
}
.btn3 {
	display: table;
	border: 1px solid #ccc;
	color: #fff;	
	margin: 0 auto 1rem;
}
.btn4 {
	background: #997f4c;
	border: 1px solid #997f4c;
	color: #fff;	
}

.btn1 .ico-mob,
.btn2 .ico-mob,
.btn1 .ico-evl,
.btn2 .ico-evl,
.btn1 .ico-arw,
.btn3 .ico-arw {
	font-size: 1rem;
	margin: 0 .5rem 0 0;
}
.btn1:hover {
	background: #0f141a;
	color: #fff;
	transition: all .25s ease-in;
}
.btn2:hover {
	background: #997f4c;
	color: #fff;
	transition: all .25s ease-in;
}
.btn3:hover {
	background: #ccc;
	color: #1a1a1a;
	transition: all .25s ease-in;
}
.btn4:hover {
	background: #fff;
	border: 1px solid #997f4c;
	color: #997f4c;	
	transition: all .25s ease-in;
}
@media screen and (max-width:640px){
	.btn1, .btn2, .btn3, .btn4 {
		padding: 18px 24px 12px;
		font-size: 12px;
	}
	.btn3 {
		margin: 0 auto 12px;
	}

	.btn1 .ico-mob,
	.btn2 .ico-mob,
	.btn1 .ico-evl,
	.btn2 .ico-evl,
	.btn1 .ico-arw,
	.btn3 .ico-arw {
		font-size: 12px;
		margin: 0 6px 0 0;
	}
}



#map {
    display: inline-block;
    width: 50%;
    height: 480px;
}
@media screen and (max-width:800px){
	#map { width: 100%; }
}

.form {
	width: 100%;
	overflow: hidden;
}
@media screen and (max-width:1200px){
	.form .w25 {
		width: 100%;
	}
	.form .w75 {
		width: 100%;
		margin: 0;
	}
}

label.f25 {
	display: block;
	float: left;
	width: 25%;
	margin: 1rem 0;
	padding: 0 0 0 .5rem;
	font-family: 'playfair_displaybold', Georgia, serif;
}
@media screen and (max-width:800px){
	label.f25 {
		margin: .5rem 0;
	}	
}
input.f25,
input.f75,
textarea.f75 {
	width: 75%;
	border: 1px solid #997f4c;
	padding: 1rem 2rem;
	font-family: 'playfair_display', Georgia, serif;
	font-size: 100%;
	color: rgba(77,77,77,1);
	background: rgba(255,255,255,1);
	box-shadow: 0 0 .75rem rgba(0,0,0,.2) inset;
}
textarea.f75 {
	height: 9rem;
}
input.f25 {
	width: 25%;
}
.f-txt {
	margin: 0 0 1rem;
	padding: 0 1.5rem;
}
@media screen and (max-width:800px){
	.form label, .form input, .form textarea {
		width: 100%;
	}
	textarea.f75 {
		height: 15rem;
	}
}

form input:focus, form textarea:focus {
	opacity: 1;
	-webkit-animation: myfade 1s; /* Chrome, Safari, Opera */
    animation: myfade 1s;
}

#info {
	display: none;
	width: 100%;
	margin: 1rem 0 0;
	border: .5rem solid #558040;
	padding: 2rem 1rem;
	background: #98e372;
	color: #558040;
	text-align: center;
}

@-o-keyframes myfade {
    from {opacity: .75;}
    to {opacity: 1;}
}
@-webkit-keyframes myfade {
    from {opacity: .75;}
    to {opacity: 1;}
}
@keyframes myfade {
    from {opacity: .75;}
    to {opacity: 1;}
}

button {
    margin: 0 0 2px;
}

.help-block {
	display: block;
  	width: 100%;
}
.help-block {
	visibility: hidden;
	opacity: 0;
	height: 0;
	padding: .75rem;
}
#sendto .has-error > span {
	height: auto;
	visibility: visible;
	margin: 0 0 1.5rem;
	opacity: 1;
	color: red;
	text-align: right;
	transition: visibility 0.5s, opacity 1s linear, height;
}
.has-error  input {
	border: 1px solid red;
	background: rgba(255,0,0,.1);
}
.has-success  input {
	border: 1px solid green;
	background: rgba(0,128,0,.1);
}