html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, main {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#fff;
	margin:0 auto;
  font-family: 'latolight', arial, verdana, sans-serif;
	font-size:20px;
  font-weight:400;
	color:#333;
}
iframe{display:block;max-width:100%;margin:0 auto;}
*, *:before, *:after{box-sizing:border-box;}
ol,ul {list-style: none;}
blockquote, q {quotes: none;}


h1,h2,h3,h4,h5,h6{font-weight:400;margin:1em 0;letter-spacing:0.05em;}
h1,h2,h3{font-family: 'rieslingregular', 'latolight', arial, verdana, sans-serif;}
h1{font-size:3em;}
h2{font-size:2.2em;}
h3{font-size:1.8em;}
h4{font-size:1.3em;}
h5{font-size:1.2em;}
p{line-height:1.2em;margin: 1.5em 0;}
a{text-decoration:none;color:inherit;}
strong{font-family: 'latoregular', arial, verdana, sans-serif;font-weight:400;}
em{font-style:italic;}


.clr:after{content:"";display:block;width:100%;height:0;float:none;clear:both;}
.w1200{max-width:1200px;margin:0 auto;}
.margin{margin:10% auto;}
.fondOr{background-color:#aa892c; color:#fff;}
.vAlign{display: flex;align-items:center;}
.upper{font-size:0.8em;letter-spacing:0.05em;text-transform:uppercase;font-family: 'latoregular', arial, verdana, sans-serif;}
.separator{width:40%;margin:0 auto;}
.or{stroke:#aa892c; color:#aa892c;}

.hoverEffect, #menuBas a{position:relative;display:inline-block;
	-webkit-transition:color .3s;
					transition:color .3s;}
.hoverEffect:after, #menuBas a:after{content:'';display:block;border-bottom:1px solid;opacity:0;
	-webkit-transform-origin:0 0;
					transform-origin:0 0;
	-webkit-transform:scale(0.001);
					transform:scale(0.001);
	-webkit-transition:-webkit-transform .3s ease-out, opacity .3s ease-in;
					transition:transform .3s ease-out, opacity .3s ease-in;}
	.hoverEffect:hover, #menuBas a:hover{color:#aa892c;}
	.hoverEffect:hover:after, #menuBas a:hover:after{opacity:1;
		-webkit-transform:scale(1);
						transform:scale(1);}

.lineTitle{margin: .7em auto;overflow: hidden;text-align: center;}
.lineTitle:before, .lineTitle:after {content: "";display: inline-block;width: 50%;margin: 0 .5em 0 -55%;vertical-align: middle;border-bottom: 1px solid;}
.lineTitle:after {margin: 0 -55% 0 .5em;}

.loader:before{content:'';position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px;border-radius:50%;
	border: 4px solid rgba(170, 137, 44, .2);
  border-left: 4px solid rgba(170, 137, 44, .8);
	-webkit-animation: loader 1.1s infinite linear;
  				animation: loader 1.1s infinite linear;
}

	@-webkit-keyframes loader {
  to {
		-webkit-transform: rotate(360deg);
    				transform: rotate(360deg);
  }
}
@keyframes loader {
  to {
    -webkit-transform: rotate(360deg);
    				transform: rotate(360deg);
  }
}

#page{overflow:hidden;}
/*******************************************************************************************************************************/
/****************  BUTTONS  ******************************************************************************************************/
/*******************************************************************************************************************************/
.btn{
	width:auto;
  display:inline-block;
  color:inherit;
  border:1px solid;
  margin:0.5em 0;
  background:transparent;
  padding:0.5em;
	text-align:center;
  cursor:pointer;
  overflow:hidden;
  -webkit-transition: color .4s;
          transition: color .4s;
}
.btn:hover{color:#aa892c;}

/*******************************************************************************************************************************/
/****************  FORMS  ******************************************************************************************************/
/*******************************************************************************************************************************/
input, textarea, button, select{
	width:100%;
	border:1px solid;
	background:transparent;
	outline:none;
	padding:0.5em;
	margin:0.5em 0;
	font-family:inherit;
  color:inherit;
  border-radius:0;
	font-size:1em;
}
input:hover, input:focus, textarea:hover, textarea:focus, select:hover, select:focus{
	outline:none;
	background:transparent;

}
input[type="radio"],input[type="radio"]:hover, input[type="radio"]:focus{
	border: 0px solid transparent;
	background:none;
	border-radius: 0;
	margin:0;
	padding:0;
}
input[type="checkbox"], input[type="checkbox"]:hover, input[type="checkbox"]:focus{width:auto;}
fieldset div{margin:.5em 0;}
fieldset p{font-size:0.9em;font-style:italic;text-align:right;}
label, label + input{display:inline-block;vertical-align:middle;}
label {width:39%;}
label + input[type="text"], label + input[type="password"], label + select, label + input[type="email"], label + textarea {width:59%;}
label + textarea{vertical-align:top;}
.invalid {border-color:red;color:red;}

label + span {width:59%;display:inline-block;vertical-align:middle;}
  label + span select{display:block;width:100%;}
label .star{display:none;}

/*******************************************************************************************************************************/
/****************  IMAGES  ******************************************************************************************************/
/*******************************************************************************************************************************/
img,svg{display:block;height:auto;}
svg{fill:#333;stroke:#333;fill:currentColor;stroke:currentColor;}
#svgSymbols{width:0;height:0;display:none;}
.droite, .divers .droite {position:relative;float:right;clear:right;margin:0 0 1.5em 2%;z-index:1;max-width:40%;}
.gauche, .divers .gauche {position:relative;float:left;clear:left;margin:0 2% 1.5em 0;z-index:1;max-width:40%;}
.centre {margin:0 auto;}
.smallImg{width:33.33%;}

.droite *, .gauche *{max-width:100%;margin:0 auto;}


.zoomCont .zoomItem {
	-webkit-transition:transform 1s ease;
					transition:transform 1s ease;}
	.zoomCont:hover .zoomItem{
		-webkit-transform:scale(1.02);
						transform:scale(1.02);
		-webkit-transition: -webkit-transform 1s ease-out;
						transition:					transform 1s ease-out;}
/*******************************************************************************************************************************/
/****************  SYSTEM MESSAGES  ******************************************************************************************************/
/*******************************************************************************************************************************/
#system-message-container{max-width:1000px;margin:0 auto;}
  #system-message-container > div{margin-top:10%;margin-bottom:5%;padding:2% 3%;border:2px solid #cbaf5b;}
  #system-message-container p, #system-message-container h4{margin:0.3em 0;}
  #system-message-container .close{display:none;}
  #system-message a{color:#cbaf5b;}

/*******************************************************************************************************************************/
/****************  MENUS *********************************************************************************************************/
/*******************************************************************************************************************************/
/****** MENU TOP ************/
#menuMobileBtn{display:none;}
.menuTop{position:relative;height:80px;display:flex;justify-content:space-between;}
	.mod-menu {flex:1;}
	#home .menuTop{position:absolute;left:30px;right:30px;bottom:0;z-index:3;background:#fff;}
	.menuTop .mod-menu > li{float:left;height:80px;}
	.menuTop .mod-menu > .item-118 {float:right;}
	.menuTop .mod-menu > .item-118 a {padding-right:0;}
		.menuTop .mod-menu > li > a{position:relative;display:block;height:80px;line-height:20px;padding:30px;text-transform:uppercase;font-size:0.8em;letter-spacing:0.05em;
			-webkit-transition:color .3s;
							transition:color .3s;}
			.menuTop .mod-menu > li:first-child > a{padding-left:0;}
		.menuTop .mod-menu > li > a:after{content:'';display:block;border-bottom:1px solid;opacity:0;
			-webkit-transform-origin:0 0;
							transform-origin:0 0;
			-webkit-transform:scale(0.001);
							transform:scale(0.001);
			-webkit-transition:-webkit-transform .3s ease-out, opacity .3s ease-in;
							transition:transform .3s ease-out, opacity .3s ease-in;}
			.menuTop .mod-menu > li a:hover{color:#aa892c;}
			.menuTop .mod-menu > li > a:hover:after{opacity:1;
				-webkit-transform:scale(1);
								transform:scale(1);}
	.menuTop .fbLink{width:25px;height:80px;margin-left:1em;}
		.menuTop .fbLink .fbBtn{margin:27px 0;
			-webkit-transition:color .3s;
							transition:color .3s;}


/*******************************************************************************************************************************/
/****************  TOP *********************************************************************************************************/
/*******************************************************************************************************************************/
#top{width:100%;margin:0;padding:0 30px;overflow:hidden;}
	#home #top{position:relative;padding:30px 30px 80px 30px;}
	.objectfit  #home #top{height:100vh;}

#logo{position:relative;float:left;width:10%;overflow:hidden;padding-bottom:6.5%;margin-right:30px;z-index:2;}
	#logo img{position:absolute;bottom:0;max-width:100%;}
	.logoText{display:none;}
#home #logo{position:absolute;top:0;left:13.66%;width:16.66%;min-width:250px;padding:8% 2% 5%;background:#fff;}
	#home #logo img{position:static;}

/** SLIDESHOW **/
#slideshow{position:relative;height:100%;overflow:hidden;z-index:1;}
	#slideshow .slide, #slideshow img{position:absolute;width:100%;}
	#slideshow .slide{height:100%; top:0; left:0;
	-webkit-animation: slideshow 20s infinite;
	animation: slideshow 20s infinite;}
		.objectfit #slideshow img{height:100%;object-fit:cover;}
		.no-objectfit #slideshow{height:auto;}
			.no-objectfit #slideshow:before{content:'';display:block;width:100%;padding-bottom:55%;}
			.no-objectfit #slideshow img{top:-50%;bottom:-50%;margin:auto;}

		#slideshow .slide + .slide{opacity:0;}

	#slideshow .slide:nth-child(1){-webkit-animation-delay: 0s;animation-delay: 0s;}
	#slideshow .slide:nth-child(2){-webkit-animation-delay: 4s;animation-delay: 4s;}
	#slideshow .slide:nth-child(3){-webkit-animation-delay: 8s;animation-delay: 8s;}
	#slideshow .slide:nth-child(4){-webkit-animation-delay:12s;animation-delay:12s;}
	#slideshow .slide:nth-child(5){-webkit-animation-delay:16s;animation-delay:16s;}

	@-webkit-keyframes slideshow {
		0%{opacity:0;}
		15%, 25%{opacity:1;}
		40%{opacity:0;}
	}

	@keyframes slideshow {
		0%{opacity:0;}
		15%, 25%{opacity:1;}
		40%{opacity:0;}
	}

/*******************************************************************************************************************************/
/****************  MODULES  ******************************************************************************************************/
/*******************************************************************************************************************************/
/*** DU CROQUIS A LA ROBE ***/
.croquisRobe{position:relative;font-size:2.8em;overflow:hidden;}
	.croquisRobe div{position:relative;width:58%;overflow:hidden;z-index:1;}
	.croquisRobe img{width:95%;}
	.croquisRobe h1{font-size:inherit;margin:0;}
	.croquisRobe h1 span{position:absolute;z-index:2;line-height:1.3em;color:#fff;}
		.croquisRobe h1 .titleLeft{right:50%;top:0;}
		.croquisRobe h1 .titleRight{left:50%;bottom:0;}
	.croquisRobe .croquisLeft{padding-top:1.3em;left:0;padding-bottom:27%;
		transform-origin:0 0;
		transform:skewX(-30deg);}
		.croquisRobe .croquisLeft img{margin-left:5%;position:absolute;top:1.3em;left:0;
				transform-origin:0 0;
				transform:skewX(30deg);}
	.croquisRobe .croquisRight{position:absolute;top:0;right:0;height:100%;
		transform-origin:100% 100%;
		transform:skewX(-30deg);}
		.croquisRobe .croquisRight img{
				transform-origin:0 100%;
				transform:skewX(30deg);}

/*** SERIE ***/
.serie{position:relative;height:500px;overflow:hidden;text-align:center;}
.serieTitle, .serieItem, .serieLink, .serieItemInfo{position:absolute;width:32.666%;padding:50px;overflow:hidden;}
	.serieTitle{top:0;left:0;height:49.5%;margin:0;text-align:center;flex-direction:column;}
		.serieTitle .separator {width:66%;margin:5% auto 0;max-width:300px;}
	.serieItem:nth-child(1){top:49.5%;height:49.5%;margin-top:1%;}
	.serieItem:nth-child(2){left:33.666%;top:0;height:100%;}
	.serieItem:nth-child(3){right:0;top:0;height:60%;}
	.serieLink{right:0;top:60%;margin-top:1%;height:39%;text-align:center;}
		.serieLink a {width:94%;font-family: 'rieslingregular', 'latolight', arial, verdana, sans-serif;font-size:1.8em;letter-spacing:0.03em;}

	.serieItemInfo{left:0;top:0;width:100%;height:100%;z-index:2;background:rgba(170, 137, 44, .8);color:#fff;opacity:0;
		-webkit-transition: opacity .5s;
						transition: opacity .5s;}
	.serieItem:hover .serieItemInfo{opacity:1;}
		.serieItemInfo > div{
			-webkit-perspective:500px;
							perspective:500px;
			-webkit-perspective-origin:50% 30%;
							perspective-origin:50% 30%;}
			.serieItemInfo > div > * {
				-webkit-transform:translateZ(-30px);
								transform:translateZ(-30px);
				-webkit-transition: -webkit-transform .5s;
								transition: 				transform .5s;}
			.serieItem:hover .serieItemInfo > div > *{
				-webkit-transform: translateZ(0);
								transform: translateZ(0);}
			.serieItemInfo > div > *:nth-child(2) {
				-webkit-transition-delay:.05s;
								transition-delay:.05s;}
			.serieItemInfo > div > *:nth-child(3) {
				-webkit-transition-delay:.1s;
								transition-delay:.1s;}
				.serieItemTitle{margin:0;width:100%;}
				.serieArrow{width:15%;margin:3% auto 5%;stroke:#EFE9D9;}
					.serieItem:nth-child(2) .serieArrow{margin:12% auto 15%;}
				.serieReadMore{display:block;font-size:0.7em;}

	.serieItemImage{position:absolute;top:-100%;bottom:-100%;left:0;width:100%;margin:auto;z-index:1;
		-webkit-transition: -webkit-transform .6s;
						transition: 				transform .6s;}
	.serieItem:hover .serieItemImage{
		-webkit-transform:scale(1.03);
						transform:scale(1.03);}

/*** L'ATELIER ***/
.modAt{position:relative;padding-left:50%;}
	.modAt .modAtLeft{position:absolute;left:0;top:0;width:48%;height:100%;overflow:hidden;margin-bottom:0;float:none;}
		.modAtLeft img{position:absolute;left:0;top:-100%;bottom:-100%;margin:auto;width:100%;}
	.modAt h2{text-transform:uppercase;text-align:center;margin:0;letter-spacing:0.08em;}
	.modAt .separator{margin:3% auto;}
	.modAt atelier-txt{margin:5% 0;}
	.modAt a{float:right;margin-bottom:5%;}
	.modAt .modAtImgBottom{max-width:100%;margin-top:5%;}


/*** LES CREATRICES ***/
.modCrea{text-align:center;position:relative;}
	.modCrea > div{position:relative;display:inline-block;max-width:600px;width:100%;margin:5%;padding:50px;background:rgba(170, 137, 44, .8);color:#fff;z-index:2;}
	.modCrea h2{text-transform:uppercase;margin:0;}
	.modCrea .separator{margin:5% auto;}
	.modCrea .mam{float:left;width:230px;text-align:right;}
	.modCrea .elm{float:right;width:230px;text-align:left;}
	.modCrea h3{position:relative;margin:0 20px;letter-spacing:0.1em;}
	.modCrea .mam h3:after{content:'&';position:absolute;left:100%;bottom:0.1em;width:80px;text-align:center;font-size:1.5em;}
	.modCreaLink{clear:both;}
	.modCreaLink a{display:inline-block;}
		.modCreaLink a:hover{color:#fff;}
	.modCrea .crea-img {position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;}

/*******************************************************************************************************************************/
/****************  CONTENT  ******************************************************************************************************/
/*******************************************************************************************************************************/
.main{display:block;max-width:1200px;min-width:0;margin:0 auto;overflow:hidden;}


/*******************************************************************************************************************************/
/****************  CATEGORY ****************************************************************************************************/
/*******************************************************************************************************************************/
.categoryView .textContent{left:0;right:auto;}
.moduleItemTitle{position:relative;margin:0;z-index:2;}
	.moduleItemTitle a{display:block;padding:5%;text-transform:uppercase;text-align:center;}
.catItemImageBlock{position:relative;display:block;z-index:1;}
.categoryView  .gridItem img {position:absolute;top:0;left:0;width:100%;}


/*******************************************************************************************************************************/
/****************  ARTICLES ****************************************************************************************************/
/*******************************************************************************************************************************/
/** Masonry grid **/
.gridItem{position:relative;width:49%;margin:0.5%; overflow:hidden;}
	.itemView .gridItem img{position:absolute;top:0;left:0;width:100%;}
	.gridItem .gridItemVideo {width:100%;}
	
.textContent{right:0;top:0;padding:0 1%;}
	.textContent h1{text-transform:uppercase;text-align:center;margin:0;font-size:3.7em;}
	.textContent .separator {margin:5% auto;}

	.share{position:relative;text-align:center;margin:10% auto;}
		.shareText{position:absolute;bottom:100%;left:50%;width:100px;margin:0 0 10px -50px;opacity:0;
			-webkit-transform:translateY(30%);
							transform:translateY(30%);
			-webkit-transition:opacity .4s, -webkit-transform .5s;
							transition:opacity .4s, 				transform .5s;}
			.share:hover .shareText{opacity:1;
				-webkit-transform:translateY(0);
								transform:translateY(0);}
	.share a {display:inline-block;vertical-align:middle;height:35px;line-height:35px;margin:0 2%;}
		.share svg{width:35px;height:35px;fill:#aa892c;stroke:#aa892c;
			-webkit-transition:fill .3s, stroke .3s;
							transition:fill .3s, stroke .3s;}
		.fbBtn:hover{fill:#aa892c;stroke:#aa892c;}

.itemNavigation{margin:5% 0;padding-bottom:130px;}
.itemNavigation:after{content:'';clear:both;display:block;border-bottom:1px solid;}
.itemNavigation a{position:relative;}
	.itemPrevious{float:left;}
	.itemNext{float:right;text-align:right;}
		.itemNavigation .prevInfo, .itemNavigation .nextInfo{position:absolute;top:100%;margin-top:3px;right:0;white-space: nowrap;}
		.itemNavigation .prevInfo{left:0;right:auto;}
			.itemNavigation img{height:100px;margin-top:0.5em;}
			.itemNavigation .nextInfo img{float:right;}
			


/** DIVERS **/
#noTopMargin #content, #partenaires #content{margin-top:0;}
.divers .textContent{position:relative;max-width:1000px;margin:-3.2em auto 0;padding:0 10%;background:rgba(255,255,255,.8);z-index:1;}
	.divers .textContent h1{padding:0.5em 0 0;}
	.divers .textContent .share{margin:5% 0;}
	.divers img{width:100%;}


/** SPECIFIQUES **/
#partenaires .textContent .gauche{max-width: 33.33%;}

.elise, .maud{position:relative;}
	.divers .elise img, .divers .maud img{position:relative;z-index:2;}
	.divers .elise .hidden, .divers .maud .hidden{position:absolute;top:0;z-index:1;}
	.elise .hidden{left:0;}
	.maud .hidden{right:0;}
	.elise:hover .hidden, .maud:hover .hidden{z-index:3;}

.itemIntroText a{text-decoration:underline;}
/*******************************************************************************************************************************/
/**************** FOOTER *****************************************************************************************/
/*******************************************************************************************************************************/
#footer{margin-bottom:0;}

/*** CONTACT MODULE ***/
.modContact{margin-bottom:0;padding-bottom:50px;border-bottom:1px solid;}
.modContact > div{float:left;width:33.33%;line-height:1.5em;}
.modContact > div:nth-child(3){width:23.33%}
.modContact > iframe{width:43.33%}
	.modContact p{margin:0;line-height:inherit;}
	.modContact .fbLink{margin-top:1.2em;}
	.modContact .fbLink:hover{color:#aa892c;}
	.modContact .fbBtn{display:inline-block;width:30px;height:30px;vertical-align:middle;
		-webkit-transition:color .5s;
						transition:color .5s;}


/*** MENU BAS ***/
#menuBas{position:relative;margin:5% 0;}
#menuBas li {margin-left:50%;}
	#menuBas a{text-transform:uppercase;padding:.3em 0;margin:.3em 0;}
#menuBas .item-124{position:absolute;right:55%;top:10%;height:80%;width:auto;max-width:40%;margin:0;}
	#menuBas .item-124 a {padding:0;margin:0;display:block;height:100%;}
		#menuBas .item-124 a:after{content:none;display:none;}
	#menuBas .item-124 img{max-height:100%;width:auto;max-width:100%;}

#copyright{text-align:center;font-size:0.7em;padding:0.5em 0;}
#copyright p{margin:0;}
#copyright a:before{content: '\25CF';display: inline-block;font-size: 0.8em;margin: 0 1em;}

/*******************************************************************************************************************************/
/**************** COOKIE ACCEPT BAR *****************************************************************************************/
/*******************************************************************************************************************************/
#cookieAccept {position:fixed;left:0; bottom:0;width:100%;padding:5px;z-index:9999;
  background-color:rgba(255,255,255,0.8);text-align:center;font-size:16px;
    -webkit-animation:cookieAccept 2s;
            animation:cookieAccept 2s;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
            transition:         transform .5s, opacity .5s;}
  #cookieAccept.accepted{opacity:0;
    -webkit-transform:translateY(100%);
            transform:translateY(100%);}

  #cookieAccept p{display:inline-block;vertical-align:middle;margin:0;padding:0;}
    #cookieAccept p a{text-decoration:underline;}
  #cookieAccept > a{display:inline-block; vertical-align:middle;color:#cbaf5b;border:1px solid;padding:8px 15px;margin:5px;}

  @-webkit-keyframes cookieAccept { 0%, 70% { -webkit-transform:translateY(100%);transform:translateY(100%);} 100% { -webkit-transform:translateY(0%);transform:translateY(0%);} }
  @keyframes         cookieAccept { 0%, 70% { -webkit-transform:translateY(100%);transform:translateY(100%);} 100% { -webkit-transform:translateY(0%);transform:translateY(0%);} }





/***** debug *****/
.debug{display:block;background:#fff;color:#000;overflow:scroll;height:800px;text-align:left;}