header{padding:3.57143rem 0}header .logo{display:block;text-align:center}header nav{font-family:'Josefin Sans',sans-serif;text-transform:uppercase;font-weight:400}header nav ul{padding:0 0 0 0.71429rem;margin:0;list-style:none;font-size:0.78571rem}header nav ul li{padding:0;padding-left:2.5rem;margin:0;float:left}header nav ul li a{padding-bottom:0.07143rem;color:#000;text-decoration:none;line-height:36px}header nav ul li a:hover{border-bottom:0.07143rem solid #959072}header nav ul li a.active{border-bottom:0.07143rem solid #959072}header nav ul li.active a{color:#959072;border-bottom:0.07143rem solid #959072}header input[type="search"]{text-align:center;text-transform:uppercase;font-weight:400;font-size:0.85714rem;margin:0}header input[type="search"]+label:after{content:'\f002';font-family:'FontAwesome';font-size:1.07143rem;position:absolute;top:0.46429rem;right:2rem;color:#959072}h1,h2,h3,h4,h5,h6{text-transform:uppercase}h1 strong,h2 strong,h3 strong,h4 strong,h5 strong,h6 strong{color:#000;font-weight:600}.h1{font-size:1.28571rem}.noppercase{text-transform:none}footer{padding:2.14286rem 0 0.71429rem 0;margin-top:3.57143rem !important;background:#e4e4e4;border-top:0.07143rem solid #cdcdcd}footer .address em{font-style:normal;color:#646464}.subfooter{padding:1.42857rem 0}.subfooter p{padding:0;margin:0;font-size:0.85714rem;color:#a2a2a2}.subfooter p a{color:#a2a2a2}hr{margin-top:0}.content{padding-bottom:2.85714rem}.news{display:block}.news .date{color:#646464;font-style:normal;font-family:"Signika",sans-serif;font-size:1rem}.news .title{margin:0;text-transform:none;font-family:"Signika",sans-serif;font-weight:normal;font-size:1.14286rem}.news .title a{text-decoration:none}ul.news{list-style:none;padding:0;padding-bottom:1.42857rem;margin:0}a.more{position:relative;text-decoration:none}a.more:after{content:'\f105';font-family:'FontAwesome';font-size:1.71429rem;border:2px solid #959072;width:2.14286rem;height:2.14286rem;margin-left:0.71429rem;border-radius:1.07143rem;display:inline-block;margin-right:0.71429rem;text-align:center;line-height:1.71429rem;color:#000;position:relative;top:0.21429rem;padding-left:2px}a.more:hover{text-decoration:underline}a.more:hover:after{background:#959072;color:#fff}a.back{position:relative;text-decoration:none}a.back:before{content:'\f104';font-family:'FontAwesome';font-size:1.71429rem;border:2px solid #959072;width:2.14286rem;height:2.14286rem;border-radius:1.07143rem;display:inline-block;margin-right:0.71429rem;text-align:center;line-height:1.71429rem;color:#000;position:relative;top:0.21429rem}a.back:hover{text-decoration:underline}a.back:hover:before{background:#959072;color:#fff}a.arrow{font-size:20px;color:#000;border:2px solid #959072;width:2.14286rem;height:2.14286rem;border-radius:1.07143rem;line-height:28px;display:inline-block;text-align:center}a.arrow.prev{padding-right:2px}a.arrow.next{padding-left:1px}a.arrow.disabled{color:#cecece;border-color:#cecece;cursor:default}.sidebar .back{font-family:'Josefin Sans',sans-serif;text-transform:uppercase;font-weight:400;font-size:0.85714rem;top:-0.57143rem}button.arrow,.button.arrow{background:none;color:#959072;padding:0;margin:0 0 0 1.42857rem;font-size:1rem}button.arrow:after,.button.arrow:after{content:'\f105';font-family:'FontAwesome';font-size:1.71429rem;border:2px solid #959072;width:2.14286rem;height:2.14286rem;margin-left:0.71429rem;border-radius:1.07143rem;display:inline-block;margin-right:0.71429rem;text-align:center;line-height:1.71429rem;color:#000;position:relative;top:0.21429rem}button.arrow:hover,.button.arrow:hover{text-decoration:underline;color:#959072;background:none}button.arrow:hover:after,.button.arrow:hover:after{background:#959072;color:#fff}.hero img{width:100%}.hero a{position:relative;display:block}.hero a .title{position:absolute;bottom:0;left:0;height:4.71429rem;width:100%;background:rgba(0,0,0,0.5)}.hero a .title span{padding:0 1.07143rem;line-height:4.71429rem;font-family:'Josefin Sans',sans-serif;font-size:1.42857rem;font-weight:600;text-overflow:ellipsis;white-space:nowrap;width:75%;overflow:hidden;display:block}.hero a .title span strong{color:#fff}.hero a .title span em{font-style:normal;color:#fff}.product{border-bottom:1px solid #cecece;display:block;margin-bottom:1.42857rem}.product a{text-decoration:none;display:block;padding-bottom:2.14286rem}.product a img{width:100%;padding-bottom:0.71429rem}.product a span.name{color:#000}.slick_image_thumbs .slick-slide{padding:6px}.slick_image_thumbs .slick-slide.slick-current{border:1px solid #959072;padding:5px}.slick-slide img{margin:0px auto}.categories{list-style:none;padding:0;margin:0}.categories li{padding-bottom:5px}.categories li a{color:#000;text-decoration:none;display:block}.categories li a:before{content:'\f105';font-family:'FontAwesome';font-size:1.28571rem;border:2px solid #959072;width:24px;height:24px;border-radius:12px;display:inline-block;margin-right:0.71429rem;text-align:center;line-height:1.42857rem;color:#000;position:relative;top:0.07143rem;padding-left:2px}.categories li a:hover{text-decoration:underline;color:#959072}.categories li.active a{color:#959072}.attributes{border-top:1px solid #cecece;padding-top:1.07143rem;margin-top:7.14286rem}.attributes dl dt{color:#959072;padding:0;margin:0;font-weight:400;font-size:0.85714rem}.attributes dl dd{padding-bottom:0.71429rem;margin-bottom:0.71429rem;border-bottom:1px solid #cecece;font-size:0.85714rem}.zoom{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;z-index:99999;display:none}.zoom .pinch a.action{position:absolute;top:1.07143rem;right:1.07143rem;z-index:9999;font-size:14px;color:#fff;border:2px solid #fff;width:2.14286rem;height:2.14286rem;border-radius:1.07143rem;line-height:28px;display:inline-block;text-align:center;text-decoration:none}.zoom .pinch span.zoompinch{position:absolute;bottom:15px;right:15px;z-index:9999;font-size:24px;color:#fff;padding:2px;width:30px;height:30px;border-radius:15px;line-height:28px;display:inline-block;text-align:center;text-decoration:none;background:url(../images/pinch-icon.png) no-repeat center center;background-size:28px 28px}.zoom .header{position:absolute;top:0;left:0;width:100%;padding:1.07143rem 0;z-index:9999}.zoom .header .left{padding-left:1.07143rem}.zoom .header .right{padding-right:1.07143rem}.zoom .header a.action{font-size:14px;color:#fff;border:2px solid #fff;width:2.14286rem;height:2.14286rem;border-radius:1.07143rem;line-height:28px;display:inline-block;text-align:center;text-decoration:none}.zoom .header a.action.disabled{color:#cecece;border-color:#cecece;cursor:default}.zoom .zoom-container{height:100%}.zoom .zoom-container img{max-width:none}.zoomicon{float:right;border:2px solid #959072;width:50px;height:50px;border-radius:25px;text-align:center;line-height:46px;font-size:24px;color:#000}.zoomopen span{padding-top:0.71429rem;text-align:right}.no-touch .zoom .pinch{display:none}.touch .zoom .header{display:none}@media only screen and (min-width:40.063em) and (max-width:64em){header{padding:2.14286rem 0}header .logo{text-align:left}header nav ul{padding:0}header nav ul li{margin:0;float:left;padding-left:0;padding-right:2rem}}@media only screen and (max-width: 40em){header{padding:2.14286rem 0 1.71429rem 0}header nav{margin:0px auto}header nav ul{padding:0;padding-top:0.64286rem;margin:0;text-align:center}header nav ul li{float:left;padding:0;margin:0;display:block !important;width:33%}header nav ul li a{padding-top:0.57143rem;display:inline-block;border:0;line-height:18px}header nav ul li a:hover{border-bottom:0}header nav ul li a.active{border-bottom:0}header nav ul li.active a{border-bottom:0;text-decoration:underline}header nav ul li.show-for-medium-down{display:inline-block !important}}


.row-hero {
	position: relative;
}

.logo_homepage_slider {
	position: absolute;
	top: -30px;
	right: 100px;
	width: 240px;
	z-index: 100000;
	display: block;
}

.logo_homepage_slider img {
	max-width: 100%;
	display: block;
}



.salon-du-dessin {
	position: absolute;
	top: -30px;
	right: 100px;
	background: url(/media/Logo-FAPO-ss-dates.png) no-repeat center center;
	background-size: cover;
	width: 234px;
	height: 270px;
	display: block;
	text-indent: -9999px;
	z-index: 100000;
}

@media only screen and (min-width:40.063em) and (max-width:64em){
	.logo_homepage_slider {
		width: 105px;
		top: -20px;
		right: 50px;
	}
	
	
	
}

@media only screen and (max-width: 40em){
	.salon-du-dessin {
		    width: 80px;
		    height: 90px;
		    top: -10px;
		    right: 20px;
	}
}