* { margin: 0; padding: 0; }
b, strong { font-weight: 600; }
i { font-style: italic; }
#center { width: 100%; background: none; padding-bottom: 15px; }
#center_part_2_full { width: 100%; background: none; }
#contenuhome { margin: 0; padding-top: 191px; }
#contenuhome { background: url('/content/static/bcom/desktop/evenements/2016/08_reveil_des_sens/images/teiere.jpg') no-repeat center top !important; background-size: auto 191px !important; position: relative; }
#contenu { margin: 0; }
body { font-size: 100%; }
#header { overflow: hidden; background: #ffffff; }
header { background: #fff; padding: 0; }
#hub { width: 100%; max-width: 1000px; margin: 0 auto; padding-bottom: 25px; font-size: 12px; }
#hub li { list-style: none; }
.chemin { display: block; }
#HY { width: 100%; margin: 0 auto; font-family: 'Open sans', Arial, sans-serif; padding-bottom: 30px; }
#HY h1 { font: 300 44px 'Open sans', Arial, sans-serif; color: #000; width: 100%; text-align: center; margin: 30px 0 15px; padding-bottom: 3px; background: none; }
#HY h2 { font: 300 20px 'Open sans', Arial, sans-serif; color: #000; width: 100%; text-align: center; margin: 30px 0 15px; padding-bottom: 3px; background: none; }
#HY .full { width: 100%; background-color: #f7f7f7; padding-top: 20px; }
#HY .tab.hide, #HY .showMobile, #HY #menuyou > span {display:none;}

.chemin {width:1000px;margin:auto;padding:5px 0;}
.chemin * {display:inline;float:none !important;font: 400 12px 'Open sans', Arial, sans-serif;color:#000;background:none;padding:0;}

.bandeau { margin:0 0 30px 0; width:100%;}
.bandeau img {width:100%;}

#HY a {text-decoration: none;}
#HY #the #onglet .middle img {vertical-align:top;display:inline-block;}
#HY #the #onglet .middle img:nth-child(n+3) {margin-left:5px;}
#HY #the #onglet .secondrightcat {position:absolute;width:65%;left:0;bottom:20px;}
#HY #the #onglet.onglet-01 > .morebtn {background-color:#aac756;border:3px solid #aac756;}
#HY #the #onglet.onglet-01 > .morebtn:hover {background-color:#5c6c2f;border:3px solid #5c6c2f;}
#HY #the #category .leftcat .txtcat {background-color: #aac756;}
#HY #the #category .leftcat .txtcat:hover .morebtn {color:#aac756;}
#HY #the #category .quart {margin:0 0 2px 15px;}
#HY #the #category .categories {width:81%;}
#HY #the #category .categories img:last-child {max-width:770px;}
#HY #the #category ul {padding-left:50px;}

#HY #jus #onglet.onglet-01 > .morebtn {background-color:#ffab01;border:3px solid #ffab01; }
#HY #jus #onglet.onglet-01 > .morebtn:hover {background-color:#ff7e00; border:3px solid #ff7e00;}
#HY #jus #onglet.onglet-01 .desccat {position:relative;}
#HY #jus #onglet.onglet-01 .desccat .morebtn {border:1px solid #646262;color:#646262;}
#HY #jus #onglet.onglet-01 .desccat:hover .morebtn {background-color:#646262;color:#fff;}
#HY #jus #category .leftcat .txtcat {background-color: #ffab01;}
#HY #jus #category .leftcat .txtcat:hover .morebtn {color:#ffab01;}
#HY #jus #onglet .secondrightcat {position:absolute;width:65%;left:0;top:20px;}
#HY #jus #onglet .secondrightcat p {margin-bottom:20px;}
#HY #jus #onglet .middle img:nth-child(n+2) {margin-left:3px;}

#HY #header-HY { font-size: 0; margin: 0 auto; width: 1110px; display: block; margin-bottom: 10px; }
#HY #header-HY img { display: inline-block; vertical-align: top; }
#HY #header-HY .share { position: absolute; top: 50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%);width:1000px;text-align:right;}
#HY #header-HY .share.hideDesktop { display: none; }
#HY #header-HY #entrees { width: 460px; height: 350px; font-size: 0; display: inline-block; vertical-align: top; }
#HY #header-HY #entrees .oneentrees { width: 50%; height: 50%; display: inline-table; background-color: #808080; cursor: pointer; text-align: center; }
#HY #header-HY #entrees .oneentrees.active span { background-color: rgba(0, 0, 0, 0.1); }
#HY #header-HY #entrees .oneentrees:first-child { background: url(../images/entree01.jpg) no-repeat center center; background-size: 100% 100%; }
#HY #header-HY #entrees .oneentrees:nth-child(2) { background: url(../images/entree02.jpg) no-repeat center center; background-size: 100% 100%; }
#HY #header-HY #entrees .oneentrees:nth-child(3) { background: url(../images/entree03.jpg) no-repeat center center; background-size: 100% 100%; }
#HY #header-HY #entrees .oneentrees:last-child { background: url(../images/entree04.jpg) no-repeat center center; background-size: 100% 100%; }

#HY #menuyou { width: 915px; margin: 0 auto; padding-bottom: 10px; }
#HY #menuyou.fixed { position: fixed; top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 99999; }
#HY #menuyou.fixed ul { box-shadow: 0 2px 3px 0 rgba(52, 52, 52, 0.12); }
#HY #menuyou ul { font-size: 0; text-align: center; background-color: #ffffff; }
#HY #menuyou ul li { display: inline-block; width: 33.3%; font: 400 20px 'Open Sans', Arial, sans-serif; color: #000; list-style-type: none; padding: 20px 0; position: relative; cursor: pointer; -webkit-transition: .8s all; transition: 0.8s all; }
#HY #menuyou ul li#ong-fm:hover { color: #875c4b; }
#HY #menuyou ul li#ong-fm.active { color: #fff; font-weight: bold; background-color: #875c4b; }
#HY #menuyou ul li#ong-fm.active:after { display: block; border-color: #875c4b transparent transparent transparent; -webkit-transition: 0s all; transition: 0s all; }
#HY #menuyou ul li#ong-hm:hover { color: #aac756; }
#HY #menuyou ul li#ong-hm.active { color: #fff; font-weight: bold; background-color: #aac756; }
#HY #menuyou ul li#ong-hm.active:after { display: block; border-color: #aac756 transparent transparent transparent; -webkit-transition: 0s all; transition: 0s all; }
#HY #menuyou ul li#ong-sp:hover { color: #ffab01; }
#HY #menuyou ul li#ong-sp.active { color: #fff; font-weight: bold; background-color: #ffab01; }
#HY #menuyou ul li#ong-sp.active:after { display: block; border-color: #ffab01 transparent transparent transparent; -webkit-transition: 0s all; transition: 0s all; }
#HY #menuyou ul li:not(:last-child):before { content: ""; display: inline-block; width: 1px; height: 12px; background-color: #000; margin-top: 8px; float: right; }
#HY #menuyou ul li:after { display: none; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #000 transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
#HY #onglet { width: 915px; margin: 0 auto; padding: 0 0 35px 0; }
#HY #onglet span.showMobile { display: none; }
#HY .quart { width: 230px; height: 300px; display: inline-block; vertical-align: top; margin-bottom: 6px; overflow: hidden; transition: .5s;}
#HY .quart.pdt:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); z-index: 5; position: relative; }
#HY .quart > a > img { -webkit-transform: scale(0.8) translateZ(0); -ms-transform: scale(0.8) translateZ(0); transform: scale(0.8) translateZ(0); transition:.5s; }
#HY .quart:hover > a >img { -webkit-transform: scale(0.9) translateZ(0); -ms-transform: scale(0.9) translateZ(0); transform: scale(0.9) translateZ(0); }
#HY .quart a { text-decoration: none; color: #000; }
#HY .quart:not(.first) { background-color: #fff; text-align: center; }
#HY .quart.first { display: inline-table; }
#HY .quart.first span { display: table-cell; vertical-align: middle; font: 200 16px 'Open Sans', Arial, sans-serif;text-align:center;}
#HY .quart.first b { text-align: center; font: 400 30px 'EB Garamond', serif; }
#HY .quart span, #HY .quart b { display: block; font-size: 16px; }
#HY .quart span {font-weight:200;}
#HY .quart b {font-weight:700;}
#HY .quart .spec {font-size:14px;}
#HY .quart .oldpriceyou { font-size: 14px; display: inline-block; margin-top: 10px; line-height: 1; text-decoration: line-through; }
#HY .quart .oldpriceyou span { font-size: 11px; vertical-align: top; line-height: 1; display: inline-block; text-decoration: line-through; }
#HY .quart .newpriceyou, #HY .quart .newpriceyou-1 { font: 700 17px 'Open Sans', Arial, sans-serif; display: inline-block; margin: 10px 0; font-weight: bold; line-height: 0.8; }
#HY .quart .newpriceyou span, #HY .quart .newpriceyou-1 span { font-size: 12px; vertical-align: top; line-height: 1; display: inline-block;font-weight: 700;}
#HY .quart:hover .bandeau { -webkit-transform: translateY(-266px); -ms-transform: translateY(-266px); transform: translateY(-266px); -webkit-transition: .5s all; transition: 0.5s all; }
#HY .quart:hover .bandeau:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: .5s all; transition: 0.5s all; }
#HY #onglet .middle { display: inline-block; float: right; width: 440px; height: 607px; overflow: hidden; position: relative; }
#HY #onglet .middle img.showMobile, #HY #the #onglet .middle img.showMobile { display: none; }

#HY #onglet .morebtn { display: inline-block; text-decoration: none; font: 600 14px 'Open Sans', Arial, sans-serif; width: 40%; max-width: 270px; height: 35px; line-height: 35px; border-radius: 3px; -webkit-transition: .8s all; transition: .8s all; text-align: center; cursor: pointer; margin:auto; display: block; }

#HY #onglet.onglet-01 > .morebtn { background-color: #875c4b; color: #fff; border:3px solid #875c4b; margin-top: 40px !important; }
#HY #onglet.onglet-01 > .morebtn:hover { background-color: #463027;border:3px solid #463027; }
#HY #category { width: 1000px; margin: 0 auto; font-size: 0; padding: 35px 0; }
#HY #category ul.liste-categ { font: 500 20px 'EB Garamond', serif; list-style: none; display: inline-block; vertical-align: middle; padding-left: 100px; }
#HY #category ul li { margin: 15px 0; }
#HY #category ul li a { color: #000; text-decoration: none; }
#HY #category ul li a:hover { border-bottom: 1px solid black; }
#HY #category .leftcat { display: inline-block; width: 49.8%; overflow: hidden; vertical-align: top; }
#HY #category .leftcat .txtcat { padding:13px 30px; height:158px; background-color: #875c4b;}
#HY #category .leftcat .txtcat span { display: block; font: 400 26px 'EB Garamond', serif; color: #ffffff; }
#HY #category .leftcat .txtcat p { display: block; font: 200 14px 'Open Sans', Arial, sans-serif; color: #fff; margin: 10px 0 20px 0; }
#HY #category .leftcat .txtcat .morebtn { text-align: center; display: block; text-decoration: none; font: 400 16px 'Open Sans', Arial, sans-serif; color: #fff; width: 130px; height: 40px; line-height: 40px; border: 1px solid #fff; border-radius: 3px; background-color: none; -webkit-transition: .8s all; transition: .8s all; margin: 0 auto; }
#HY #category .leftcat .txtcat:hover .morebtn { background-color: #fff; -webkit-transition: .5s all; transition: 0.5s all; }

#HY #category .right { display: inline-block; width: 49.8%; background-color: #fff; vertical-align: top; }
#HY #onglet .secondrightcat { margin-top: 7px; }
#HY #category .video { margin: 35px 0; height: 362px; width:50%;vertical-align:top;}
#HY #category .video iframe { margin-top: 8.5%; }
#HY #onglet .secondrightcat p { font-size: 30px; color: #000; }
#HY #onglet .secondrightcat p:after { background-color: #000; }
#HY #onglet .secondrightcat p {margin-bottom:30px;}
#HY #onglet.onglet01 .descat:hover .morebtn { background-color: #bd7e8d; color: #fff; }
#HY #category .right .firstrightcat, #HY .secondrightcat { width: 100%; background-color: #f7f7f7; display:inline-table; -webkit-transition: .5s all; transition: 0.5s all; margin-left: 1.4%; }
#HY #category .right .firstrightcat .desccat, #HY .secondrightcat .desccat { display: table-cell; vertical-align: middle; width: 100%;position:relative;}
#HY #category .right .firstrightcat p, #HY .secondrightcat p { font: 400 30px 'EB Garamond', serif; color: #000; vertical-align: middle; text-align: center; width: 100%;margin-bottom:65px; }
#HY #category .right .firstrightcat p span, #HY .secondrightcat p span { font: 400 12px 'open sans', serif; color: #656565; width: 100%; margin-top: 8px; display: block; }
#HY #category .right .firstrightcat p:after, #HY .secondrightcat p:after { content: ""; display: block; width: 100px; border: 0; height: 1px; background-color: #000; margin: 20px auto; }
#HY #category .right .firstrightcat .morebtn, #HY .secondrightcat .morebtn { text-align: center; display: block; text-decoration: none; font: 600 14px 'Open Sans', Arial, sans-serif; color: #000; width: 130px; height: 40px; line-height: 40px; border: 1px solid #000; border-radius: 3px; background-color: none; -webkit-transition: .8s all; transition: .8s all; margin: 0 auto; }
#HY #category .right .firstrightcat:hover .morebtn, #HY .secondrightcat:hover .morebtn { background-color: #646262; border-color: #646262; color: #fff; }
#HY #category .categories { width: 70%; display: inline-block; vertical-align: middle; }
#HY #category .categories * { vertical-align:middle;margin-bottom:7px; }
#HY #category .categories p { width: 28%; font: 400 30px 'EB Garamond', serif; color: #000; vertical-align: middle; text-align: center; display: inline-block; }
#HY #category .categories p:after { content: ""; display: block; width: 100px; border: 0; height: 1px; background-color: #000; margin: 20px auto; }
#HY #category .categories img:first { width: 70%; vertical-align: middle;}
#HY #category .right .firstrightcat { margin-bottom: 5px; }
#HY #cafe #category .leftcat .txtcat:hover .morebtn { color: #875c4b !important; }


@media all and (max-width: 1025px) {
	
	.bandeau {margin:10px 0 5px 0;}
	
	#HY { width: 100%;position:relative;}
	#HY h1 { font: 300 44px 'Open sans', Arial, sans-serif; color: #000; width: 100%; text-align: center; margin: 30px 0 15px; padding-bottom: 3px; background: none; }
	#HY h2 { font: 300 20px 'Open sans', Arial, sans-serif; color: #000; width: 100%; text-align: center; margin: 30px 0 15px; padding-bottom: 3px; background: none; }
	#HY .full { padding-top: 0; }
	#HY #onglet .middle img.showMobile {display:inline-block;}
	#HY #jus #onglet .middle img:first-child {width:100%;}
	#HY #header-HY { width: 100%;padding-top:60%;background:url('/content/static/bcom/desktop/evenements/2016/08_reveil_des_sens/images/teiere-mob.jpg') no-repeat center top !important;background-size:100% !important;margin:0;}
	#HY #header-HY img { width: 100%; height: auto; }
	#HY #header-HY .share { position: absolute; top: 10px; left: 0; width: 100%;transform: none;}
	#HY #header-HY .share .sim { position: absolute; top: 0; right: 3%; width: 30px; padding: 5px; height: 30px; background: url('/content/static/bcom/desktop/evenements/2016/08_reveil_des_sens/images/share-btn.png') no-repeat center center; background-size: 100% 100%; }
	#HY #header-HY .share .sim img { width: auto; display: block; position: absolute; opacity: 0; z-index: -1; -webkit-transition: .8s all; transition: 0.8s all; }
	#HY #header-HY .share .sim.active .fbT img { top: 5px; left: -35px; opacity: 1; z-index: 999; -webkit-transition: .5s all; transition: 0.5s all; }
	#HY #header-HY .share .sim.active .twT img { top: 5px; left: -75px; opacity: 1; z-index: 999; -webkit-transition: .5s all; transition: 0.5s all; }
	#HY #header-HY #entrees { width: 100%; height: auto; font-size: 0; display: inline-block; vertical-align: top; }

	/* News Header */
	#HY #menuyou {display:flex;flex-direction:row;justify-content:space-between;width:100%;letter-spacing:-.31em;}
	#HY #menuyou > span {width:35px;height:33px;background: #fff;padding:5px;cursor:pointer;display:inline-block;vertical-align:top;letter-spacing:normal;}
	#HY #menuyou ul {width:calc(100% - 45px);display:inline-block;vertical-align:top;letter-spacing:normal;}
	#HY #menuyou ul li  { width:100%; padding:10px 0;display:none;}
	#HY #menuyou ul li.active {display:block;}
	#HY #category .leftcat .txtcat span {font-size:24px;}
	#HY #category .leftcat .txtcat p {font-size:14px;}
	#HY #onglet { width: 100%; margin: 0 auto 0; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0; }
	#HY #onglet span.showMobile { display: block; display: inline-block; text-align: center; font: 20px 'Open Sans', Arial, sans-serif; width:90%; margin:0 auto 30px auto;}
	#HY #onglet span.showMobile b { text-align: center; display: block; margin-bottom: 10px;font-size:35px;padding:10px 0;font: 400 30px 'EB Garamond', serif; }
	#HY #onglet.onglet-01 > .morebtn {width:95%;margin:10px auto 15px auto !important;}
	#HY #onglet .morebtn {height:45px;line-height:45px;}
	#HY #the #onglet .secondrightcat, #HY #jus #onglet .secondrightcat {width:68%;}
	#HY #onglet .secondrightcat p {margin-bottom:0;}

	#HY #category .leftcat .txtcat:after, #HY #onglet .secondrightcat .desccat:after {content:'';display:inline-block;width:10px;height:10px;border-style:solid;border-width:3px 3px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);vertical-align:.15em;transition:.2s;}
	#HY #jus #category .secondrightcat .desccat {width:67%;}
	#HY #onglet .secondrightcat .desccat:after{margin:20px 0 0 85%;}
	#HY #category .leftcat .txtcat:after{margin:0 0 0 80%;color:#fff;}

	#HY #category .video .desccat, #HY #category .video img {height:200px;}

	#HY .quart { width: 100%; height: auto; margin-bottom: 5px; position: relative; padding-bottom: 21px; }
	#HY .quart.first { display: none; }
	#HY .quart > img { width: 70%; height: auto; }
	#HY .quart span,  #HY .quart b { display: block; font-size: 12px;}
	#HY .quart .price { margin-top: 1px; }
	#HY #onglet .middle { width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 5px; }
	#HY #onglet .secondrightcat p {font-size:25px;}
	#HY #category .right .firstrightcat, #HY .secondrightcat {margin-left:0;}


	#HY #the .middle, #HY #jus .middle { width: 100%; height: auto; overflow: hidden; position: relative; margin-bottom: 5px;direction:rtl;}
	#HY #the #onglet .middle img.showMobile:nth-child(n+2), #HY #jus #onglet .middle img:nth-child(n+3) {width:30%;display:inline-block;margin:0;vertical-align:middle;margin-top:7px;}
	#HY #the #onglet .secondrightcat, #HY #jus #onglet .secondrightcat {position:relative;vertical-align: middle;top:0;margin:0;display:inline-block;}
	#HY #the #onglet .middle *, #HY #jus #onglet .middle * {direction:ltr;}

	#HY #the #onglet .middle img.showMobile { display: block; width: 100%; height: auto; }
	#HY #onglet .middle:before{ display: none; }
	#HY #onglet .middle .bandeau { display: none; }
	#HY #category {width:100%;padding:0;}
	#HY #category .leftcat { width: 100%; height: auto; overflow: hidden; margin-bottom: 5px;}
	#HY #category .leftcat img { width: 100%; height: auto; }
	#HY #category .leftcat .txtcat {height:auto;}
	#HY .quart span, #HY .quart b { display: block; font-size: 21px; }
	#HY .quart .newpriceyou, #HY .quart .newpriceyou-1 {font-size: 30px;}
	#HY #category .right { width: 100%; height: auto; margin-left: 0; }
	#HY #category .right .morebtn { width: 130px !important; font-size: 12px !important; }
	#HY #category .right .firstrightcat,  #HY .right .secondrightcat { width: 100%; margin-left:0;height:95px;overflow:hidden;direction:rtl;}
	#HY #category .right .firstrightcat img, #HY .right .secondrightcat img { width: auto; height: 150%;margin-top:-35px;}
	#HY #category .right .firstrightcat .desccat,  #HY .secondrightcat .desccat { width: 60%; }
	#HY #category ul.liste-categ li {font-family: 'EB Garamond',arial,sans-serif;}

	#HY #category .right .firstrightcat p, #HY .secondrightcat p {margin-bottom:0;font-size:23px;position:relative;}
	#HY #category .right .firstrightcat p:after,  #HY .secondrightcat p:after { margin: 10px auto; }
	#HY #category .categories {direction: rtl;width:100% !important;margin-top:2%;}
	#HY #category .categories img:first-child {width:57%;}
	#HY #jus #category .categories img:first-child {width:70%;transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);}
	#HY #jus #category .categories img:last-child {height:auto;width:100%;transform:scaleX(-1);-o-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1);-webkit-transform:scaleX(-1);}
	#HY #jus #category .categories p {width:30%;}
	#HY #category .categories p {font-size:24px;width:41%;}
	#HY #category .categories img:last-child {margin-top:0;width:100%;}
	#HY #category .video {height:200px; margin:5px 0 0 0;width:100%;}
	#HY img.hideMobile, #HY #category .categories p:after, #HY #onglet p:after, #HY #onglet.onglet-01 .middle .morebtn, #HY .secondrightcat .morebtn, #HY #category .right .firstrightcat .morebtn, #HY #category .right .firstrightcat p:after, #HY .secondrightcat p:after,	#HY #category .right .firstrightcat p br, #HY .secondrightcat p br {display:none !important;}

	#HY #category .right .firstrightcat p span, #HY .secondrightcat p span {font-size: 14px;font-family: 'Open sans',arial,sans-serif;}
	#HY #category .video iframe {margin-top:0;width:100%;}
	#HY #category ul.liste-categ {width:55%;margin:auto;padding:0;display: block;}
	#HY #the #category .quart {margin:5px 0 0 0;}

	#HY #menuyou ul li.active:after, #HY #menuyou ul li:before, #HY #category .leftcat .txtcat .morebtn {display:none !important;}
	#HY #jus .right .secondrightcat img {transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);-ms-transform:scaleX(-1);-moz-transform:scaleX(-1);}
	#HY #jus #onglet .secondrightcat p {margin:0;}

	#HY #cafe #onglet .desccat {width:70%;}
	#HY .showMobile {display: inline-block;}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1025px) and (orientation: landscape) {
	#HY { width: 100%; }
	#HY #header-HY { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
	#HY .quart > img { width: 200px; height: 200px; }
	#HY #onglet .middle img { width: 100%; height: auto; }
	#HY #category .right .firstrightcat,  #HY .secondrightcat { width: 100%; }
	#HY #category .right .firstrightcat img,  #HY .secondrightcat img { width: auto; height: 297px; }
	#HY #category .right .firstrightcat .desccat,  #HY .secondrightcat .desccat { width: auto; }
	#HY #recettesnew, #HY #recettesnew .right .firstrightcat,  #HY #recettesnew .right .secondrightcat, #HY #recettesnew .leftcat .firstleftcat, #HY #recettesnew .leftcat .secondleftcat { width: 100%; }
	#HY #recettesnew .right .firstrightcat img,  #HY #recettesnew .right .secondrightcat img, #HY #recettesnew .left .firstleftcat img, #HY #recettesnew .left .secondleftcat img { width: auto; height: 297px; }
	#HY #recettesnew .right .firstrightcat .desccat,  #HY #recettesnew .right .secondrightcat .desccat { width: auto; }
	#HY #recettesnew .leftcat .firstleftcat { display: none !important; }
	#HY #recettesnew .right .firstrightcat.mobil { display: block !important; }
	#HY #gamme { width: 100%; }
	#HY #gamme .leftgamme img { width: 498px; height: 416px; }
	#HY #gamme .leftgamme img { width: 498px; height: 416px; }
	#HY #remises,  #HY #more { width: 100%; }
}