@media (min-width: 1260px) {
	#main {max-width: 100%;}
}

#main {max-width: 100%;}
body{margin:0;}
a, a:hover, a:focus{text-decoration:none;color:#000}

	@media (max-width: 1023px){
		#main{ padding: 0; }
	}

	#C123_home_wrap__container section{ margin-bottom: 40px; }	
	#C123_home_wrap__container .flexColumnCenter{ display: flex; flex-direction: column; align-items: flex-start; justify-content: center; height: 100%; }

	#C123_home_wrap__container .padding__container{ position: relative; width: 100%; height: 0; padding-bottom:66.666666666666666666666666666667%;overflow: hidden; }
	#C123_home_wrap__container .padding__container .height__container{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	#C123_home_wrap__container .padding__container .height__container>img{ position:absolute; display: block; width: 100%; height: auto; margin: 0; padding:0; }
	#C123_home_wrap__container .padding__container .height__container a>img{ width: 100%; }
	#C123_home_wrap__container .padding__container .height__container > a{position: absolute;display: block;width: 100%;height: auto;margin: 0;padding: 0;}	

	/* CARTOUCHE PAIEMENT SECURISE MOBILE*/
	#C123_home_wrap__container .cartouche__container{ margin-top: 30px; text-align: center; background: #f1f1f1; }
	#C123_home_wrap__container .cartouche__container.reassurance{ height:50px; line-height:50px; font-size: 11px; font-weight: normal; color: #000; }
	#C123_home_wrap__container .cartouche__container.reassurance img{ display: inline-block; vertical-align: text-bottom; margin-right: 3px; max-width: 15px  }
	
	.C123_mentions{ padding: 0 10%; font-size: 11px; }
	
	@media (min-width:320px){
		#C123_home_main__container{margin-bottom: 20px}
	}
	
	@media (min-width:768px){
		
		#C123_home_wrap__container .cartouche__container.reassurance{ font-size: 14px;  }
		#C123_home_wrap__container .cartouche__container.reassurance img{ max-width: 27px; }
		
	}
	
	@media (min-width:992px){
		#C123_home_main__container{margin-bottom: 40px}
		
		#C123_home_wrap__container section{ margin-bottom: 40px; }
	}

	@media (min-width:1440px){
		#C123_home_main__container{margin-bottom: 80px}
		
		#C123_home_wrap__container section{ margin-bottom: 80px; }
	}

/* CSS FOOTER */
#C123_homeFooter__container{ margin-top: 85px; }
#C123_homeFooter__container .floor1{ margin-bottom: 85px;  }
#C123_homeFooter__container .floor1 h3{ position: relative; text-align: center;font-size: 24px; color: rgba(0,0,0,1); margin-bottom: 40px; }
#C123_homeFooter__container .floor1 h3 span{ position: relative; background: #fff; padding: 5px 25px; }
#C123_homeFooter__container .floor1 h3::before{ position: absolute; content: ""; width: 100%; height: 1px; top: 50%; left: 0; background: #f1f1f1;  }

#C123_homeFooter__container figure,
#C123_homeFooter__container video{ display: block; position: relative; float: left; width: 100%; overflow: hidden;  margin: 0; max-width: 452px; max-height: 251px;  background: #f1f1f1; text-align: center; cursor: pointer;  }
#C123_homeFooter__container figure img{ display: block; position: relative; width: 100%; overflow: hidden; }
#C123_homeFooter__container figure img { max-width: none; width: -webkit-calc(100% + 50px); width: calc(100% + 50px); opacity: 1; }

#C123_homeFooter__container figure div.image__container::after{ display: block; content: ""; position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.15); overflow: hidden; opacity: 1; }
#C123_homeFooter__container figure figcaption,
#C123_homeFooter__container figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  }
#C123_homeFooter__container figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden;    backface-visibility: hidden; }
#C123_homeFooter__container figure figcaption::before,
#C123_homeFooter__container figure figcaption::after { pointer-events: none; }

#C123_homeFooter__container figure figcaption > div{ position: absolute; bottom: 0; left: 0; padding: 20px; width: 100%; height: calc(50% + 60px); }
#C123_homeFooter__container .floor1 figure figcaption h3{font-size: 24px; color: rgba(255,255,255,1); margin-bottom: 0; }
#C123_homeFooter__container .floor1 figure figcaption h3::before{ display: none; }
#C123_homeFooter__container figure figcaption p{font-size: 16px; color: rgba(255,255,255,1); opacity: 0; letter-spacing: 1px; }
#C123_homeFooter__container figure.boutiques figcaption p:hover{ text-decoration: underline; font-weight: bold  }


/* Transitions, transforms */
#C123_homeFooter__container figure h3,
#C123_homeFooter__container figure p { -webkit-transform: translate3d(0,40px,0); transform: translate3d(0,40px,0); }
#C123_homeFooter__container figure h3 { -webkit-transition: -webkit-transform 0.35s;  transition: transform 0.35s; }
#C123_homeFooter__container figure p {  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; transition-duration: 0.2s, 0.35s; transition-delay: 0s, 0s; }

#C123_homeFooter__container figure img{ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-40px,0, 0); transform: translate3d(-40px,0,0); }
#C123_homeFooter__container figure div.image__container::after{ -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }

/* HOVER */
#C123_homeFooter__container figure:hover img,
#C123_homeFooter__container figure:hover h3,

#C123_homeFooter__container figure:hover p { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
#C123_homeFooter__container figure:hover div.image__container::after{ opacity: 0; }

#C123_homeFooter__container figure:hover img,
#C123_homeFooter__container figure:hover p { opacity: 1; }
#C123_homeFooter__container figure:hover p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }

/* TOUCH DEVICES */
.touch-device #C123_homeFooter__container figure figcaption > div{ height: calc(50% + 60px); }
.touch-device #C123_homeFooter__container figure figcaption p{ opacity: 1;}
/* Tranistion, transforms */
.touch-device #C123_homeFooter__container figure h3,
.touch-device #C123_homeFooter__container figure p { transform: none; }
.touch-device #C123_homeFooter__container figure h3 { transition: none; }
.touch-device #C123_homeFooter__container figure p {  transition: none; transition-duration: 0,0; transition-delay: 0s, 0s; }

.touch-device #C123_homeFooter__container figure img{ transition: none; transform: none; }
.touch-device #C123_homeFooter__container figure div.image__container::after{ transition: none; }

#C123_homeFooter__container .slickSlider__container{ position: relative; width: 100%; border: 4px solid #f1f1f1; text-align: center; padding:0 60px;	  }
#C123_homeFooter__container .slickSlide{  width: calc(100% - 8px);  }
#C123_homeFooter__container .slickSlide .padding__container{ display: block; position:relative; width: 100%; height: 0; padding-bottom:75%; overflow: hidden; }
#C123_homeFooter__container .slickSlide .height__container{ display: flex; flex-flow: column; flex-direction: column; align-items: center; justify-content: center; position:absolute; top: 0; left: 0; width: 100%; height: 100%; }
#C123_homeFooter__container .slickSlide p{font-size: 16px; color: rgba(0,0,0,1); margin-bottom: 8px;  }
#C123_homeFooter__container .slickSlide p.titre{font-size: 18px; color: rgba(0,0,0,1);}
#C123_homeFooter__container .slickSlide p.regular a{font-size: 14px; color: rgba(0,0,0,1); text-decoration: underline;  }
#C123_homeFooter__container .slickSlide p a{ font-weight:bold;font-size: 16px; color: rgba(0,0,0,1); text-decoration: underline;  }
#C123_homeFooter__container .slickSlide p a.button{ color: #fff; text-decoration: none; -webkit-appearance: none;   }

#C123_homeFooter__container button,
#C123_homeFooter__container a.button { display: inline-block; position: relative; height: 38px; padding: 0 7px; margin-left: -3px; border: 0 none; background: #000; color: #fff;font-size: 16px;  line-height: 38px;   vertical-align: top;  box-sizing: border-box;cursor: pointer; text-decoration: none; -webkit-appearance: none; }

#C123_homeFooter__container a.slickPrev,
#C123_homeFooter__container a.slickNext{ display: block; position: absolute; top: 50%; left: 10px; width: 30px; height: 30px; }
#C123_homeFooter__container a.slickPrev::after,
#C123_homeFooter__container a.slickNext::after{ display: block; content: ""; position: absolute; top: 0; left: 8px; width: 30px; height: 30px; border: 1px solid #000; border-top: none; border-right: none; transform: rotate(45deg); backface-visibility: hidden;  }

#C123_homeFooter__container a.slickNext{ left: auto; right: 10px;  }
#C123_homeFooter__container a.slickNext::after{ left: auto; right:8px; border: 1px solid #000; border-bottom: none; border-left: none;  }

#C123_homeFooter__container div.slickNav{ margin-top: 25px; }
#C123_homeFooter__container div.slickNav ul{ text-align: center; }
#C123_homeFooter__container div.slickNav ul li{ display: inline-block; }
#C123_homeFooter__container div.slickNav ul li::after{ display: inline-block; content: "/";font-size: 16px; color: #000; margin: 0 30px; }
#C123_homeFooter__container div.slickNav ul li:last-child::after{ display: none; }
#C123_homeFooter__container div.slickNav ul li a{font-size: 16px; color: #000; text-decoration: underline;  }
#C123_homeFooter__container div.slickNav ul li a.active{font-weight:bold; font-size: 16px;  }

/* Floor 2 */
#C123_homeFooter__container .floor2{ text-align: center; margin-bottom:85px;  }
#C123_homeFooter__container .floor2 h3{font-size: 24px; color: #000;text-transform:uppercase }
#C123_homeFooter__container .floor2 h3 a{ color: #000; text-decoration: none; }
#C123_homeFooter__container .floor2 p{font-size: 16px; color: #000; }
#C123_homeFooter__container .floor2 ul{ font-size: 0; margin: 30px 0 0; padding: 0; }
#C123_homeFooter__container .floor2 ul li{ display: inline-block; vertical-align: middle; margin: 0 30px; }
#C123_homeFooter__container .floor2 ul li a{ color: #000; text-decoration: none; }
#C123_homeFooter__container .floor2 ul li a span{ font-size: 27px; line-height: 34px }

#C123_homeFooter__container .floor2 #instafeed{ margin-top: 40px; margin-bottom: 40px;display:flex;flex-wrap: wrap}
#C123_homeFooter__container .floor2 #instafeed video,
#C123_homeFooter__container .floor2 #instafeed figure{  max-width: 320px; max-height: 320px; margin-left: auto; margin-right: auto; float: none;height:100%  }
#C123_homeFooter__container .floor2 #instafeed figure img{ max-width: 100%; width: 100%; opacity: 1; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none;height:100%  }
#C123_homeFooter__container figure:hover img{ -webkit-transition-delay: none; transition-delay: none; -webkit-transition-duration: none; transition-duration:none; }

#footer .reassuFooterEtam{ padding-top: 36px; background: #f1f1f1; }

@media (max-width: 767px) and (orientation: portrait){
	#C123_homeFooter__container .slickSlide .padding__container{ padding-bottom:175%; }
}

@media (min-width:768px) and (orientation: portrait){
	#C123_homeFooter__container .slickSlide .padding__container{ padding-bottom:55%; }
}

@media (max-width: 991px){
	#C123_homeFooter__container button,
	#C123_homeFooter__container a.button { height: auto; padding: 7px; margin-left:0; font-size: 16px;  line-height: 22px; text-transform: none; }
	#C123_homeFooter__container .slickSlide p{ font-size: 14px; }
	#C123_homeFooter__container .slickSlide p.titre{ font-size: 16px;  }
	#C123_homeFooter__container .slickSlide p a{ font-size: 14px;   }

	#C123_homeFooter__container a.slickPrev,
	#C123_homeFooter__container a.slickNext{ left: 5px; width: 20px; height: 20px; }

	#C123_homeFooter__container a.slickPrev::after,
	#C123_homeFooter__container a.slickNext::after{ left: 8px; width: 20px; height: 20px; }

	#C123_homeFooter__container a.slickNext{ left: auto; right: 5px;  }
	#C123_homeFooter__container a.slickNext::after{ left: auto; right:8px; }

	#C123_homeFooter__container div.slickNav{  }
	#C123_homeFooter__container div.slickNav ul li::after{ font-size: 14px; margin: 0 4px; }
	#C123_homeFooter__container div.slickNav ul li a{font-size: 14px;  }
	#C123_homeFooter__container div.slickNav ul li a.active{font-weight:bold; font-size: 14px;  }

	#C123_homeFooter__container .floor2 ul li{ margin: 0 10px; }
	#C123_homeFooter__container .floor2 #instafeed video,
	#C123_homeFooter__container .floor2 #instafeed figure{ margin-bottom: 20px; }
	#C123_homeFooter__container .floor2 h3{ font-size: 24px; }
	#C123_homeFooter__container .floor2 p{ font-size: 14px; }

	.C123_mentions{ margin: 0 10px; }
}

@media (max-width: 1439px){
	#C123_homeFooter__container{ margin-top: 42px; }
	#C123_homeFooter__container .floor1{ margin-bottom: 42px;  }
	#C123_homeFooter__container .floor2{  margin-bottom:42px;  }
	#C123_homeFooter__container figure figcaption > div { padding: 15px; height: calc(50% + 60px); }
	#C123_homeFooter__container figure figcaption h3{ font-size: 18px; color: rgba(255,255,255,1); }
	#C123_homeFooter__container figure figcaption p{  font-size: 14px; }
}