@charset "UTF-8";

/*
$font-size-base: 16px;
$line-height-base: 1.4;
$brand-primary: #34A4A1;
$brand-secondary: #34A4A1;
$text-color: 						$brand-primary;
$link-color:						$brand-primary;
$link-hover-color:					$brand-primary;
$font-size-base:					14px;
$line-height-base:					1.4;
$grid-gutter-width: 30px;
$font-family-base:					$font-family;
*/

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

@media (min-width: 768px) {
	#PM_ASBlockshowFilter {
		display: none;
	}
}

/*
 * Large devices
 * Desktops ≥ 1200px
 * correspond aux classes .visible-lg-*
 *
 */

/*
 * Medium devices
 * Desktops ≥ 992px & < 1200px
 * correspond aux classes .visible-md-*
 *
 */
@media (min-width: 992px) and (max-width: 1199px) {
	#home_rea .home_rea p.title {
		font-size: 28px;
	}
}

/*
 * Medium devices et inférieur
 * < 1200px (en gros tout sauf lg)
 * correspond à la classe .hidden-lg
 *
 */
@media (max-width: 1199px) {
	#product #quantity_wanted_p {
		position: relative;
		margin-bottom: 10px;
	}
	
	#product #add_to_cart {
		padding-left: 0;
	}
}

/*
 * Small devices
 * Tablets ≥ 768px & < 992px
 * correspond aux classes .visible-sm-*
 *
 */
@media (min-width: 768px) and (max-width: 991px) {
	.pb-left-column #views_block {
		width: 450px;
	}
	
	.pb-left-column #views_block #thumbs_list {
		width: 380px;
	}
	
	.pb-left-column #views_block ul#thumbs_list_frame {
		height: 60px;
	}
	
	#reassurance .reassurance {
		width: 33%;
		height: 150px;
	}
	
	#reassurance .reassurance:nth-child(4) {
		margin-left: 16.5%;
	}
	
	#footer_avis {
		padding: 30px 0 0;
	}
}

/*
 * Small devices et inférieur
 * < 992px
 * correspond aux classes .visible-xs-* & .visible-sm-*
 *
 */
@media (max-width: 991px) {
	#search_block_top {
		margin-left: 0;
	}
	
	#social_block:after {
		display: none;
	}
	
	#home_rea .home_rea.rea_avis:after {
		display: none;
	}
	
	#home_rea .home_rea {
		margin-bottom: 15px;
	}
	
	.ribbons {
		-moz-transform: scale(0.65);
		-ms-transform: scale(0.65);
		-webkit-transform: scale(0.65);
		transform: scale(0.65);
	}
	
	#home_selection_1 {
		margin-bottom: 0;
	}
	
	#subcategories {
		margin: 0;
	}
	
	#prod_commande .title {
		padding-left: 0;
		display: none;
	}
	
	#prod_commande .title:before {
		display: none;
	}
}

/*
 * Extra small devices
 * Phones ≥ 451px & < 768px
 *
 */

/*
 * Extra small devices et inférieur
 * < 768px
 * correspond aux classes .visible-xs-*
 *
 */
@media (max-width: 767px) {
	#header {
		display: none;
	}
	
	#index #page {
		background-size: 200%;
		background-position-y: -80px;
	}
	
	#index #page #slider_container, #index #page #homepage-slider {
		height: 400px;
	}
}

@media (max-width: 767px) and (max-width: 700px) {
	#index #page #slider_container, #index #page #homepage-slider {
		height: 350px;
	}
}

@media (max-width: 767px) and (max-width: 600px) {
	#index #page #slider_container, #index #page #homepage-slider {
		height: 280px;
	}
}

@media (max-width: 767px) and (max-width: 450px) {
	#index #page {
		background-position-y: -20px;
	}
	
	#index #page #slider_container, #index #page #homepage-slider {
		height: 240px;
	}
}

@media (max-width: 767px) and (max-width: 450px) and (max-width: 400px) {
	#index #page #slider_container, #index #page #homepage-slider {
		height: 200px;
	}
}

@media (max-width: 767px) and (max-width: 450px) and (max-width: 320px) {
	#index #page #slider_container, #index #page #homepage-slider {
		height: 160px;
	}
}

@media (max-width: 767px) {
	#social_news .col-sm-4 {
		margin: 45px 0;
	}
	
	#social_news .row > div {
		margin-bottom: 15px;
	}
	
	#social_block:before,
	#social_block:after {
		display: none;
	}
	
	#home_rea .home_rea p {
		display: none;
	}
	
	#home_rea .home_rea p.title {
		display: block;
	}
	
	#home_rea .home_rea.rea_atelier:after, #home_rea .home_rea.rea_fabrique:after, #home_rea .home_rea.rea_avis:after {
		display: none;
	}
	
	#home_selection_1 {
		padding: 0;
	}
	
	h3.page-product-heading,
	.page-product-heading,
	#product #prod_commande .title,
	#TabAccesories .page-product-heading {
		font-size: 30px;
		line-height: 32px;
	}
	
	h3.page-product-heading:before, h3.page-product-heading:after,
	.page-product-heading:before,
	.page-product-heading:after,
	#product #prod_commande .title:before,
	#product #prod_commande .title:after,
	#TabAccesories .page-product-heading:before,
	#TabAccesories .page-product-heading:after {
		display: none;
	}
	
	#tabdesc .desc_img {
		margin-bottom: 15px;
	}
	
	#tabdesc .desc_long {
		padding: 0;
	}
	
	.big_title,
	.block_title {
		font-size: 36px;
		line-height: 40px;
	}
	
	.big_title span:before, .big_title span:after,
	.block_title span:before,
	.block_title span:after {
		display: none;
	}
	
	.home_rea_content .row > div:nth-child(3) {
		clear: left;
	}
	
	#reassurance .reassurance_content {
		padding-top: 10px;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	}
	
	#reassurance .reassurance_content:before,
	#reassurance .reassurance_content:after {
		display: none;
	}
	
	#reassurance .reassurance {
		padding: 10px;
		width: 100%;
		display: grid;
		grid-template-columns: 100px 1fr;
		grid-template-areas:
        "image title"
        "image texte";
		text-align: left;
		grid-column-gap: 15px;
	}
	
	#reassurance .reassurance:before {
		position: relative;
		margin-left: auto !important;
		left: 0;
		top: 0 !important;
		grid-area: image;
	}
	
	#reassurance .reassurance p {
		grid-area: texte;
		padding: 0;
	}
	
	#reassurance .reassurance p.title {
		grid-area: title;
		margin-bottom: 0;
	}
	
	#footer {
		text-align: center;
		padding-bottom: 40px;
	}
	
	.footer-container #footer .footer-block {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.footer-block .toggle-footer,
	#social_news #social_block ul {
		display: none;
	}
	
	.footer-block .h4 span {
		border-bottom: 1px solid #000;
		padding-bottom: 2px;
	}
	
	.ax_zone_footer_links.footer-block .h4 span {
		border-color: #fff;
	}
	
	.footer-block .h4:after {
		content: "\f107";
		font-family: FontAwesome;
		margin-left: 5px;
	}
	
	.footer-block .h4.active:after {
		content: "\f106";
	}
	
	#footer .row > .col-sm-8 {
		margin-top: 15px;
	}
	
	#footer .row > .col-sm-8 .row > .col-sm-4 {
		margin-top: 30px;
	}
	
	#footer p.title {
		margin-bottom: 5px;
		font-size: 15px !important;
	}
	
	.footer-container #footer .ax_zone_footer_info p a {
		font-size: 19px;
		margin-top: 5px;
		display: block;
		text-decoration: underline;
	}
	
	#newsletter_block_left .h4 {
		color: #1e71b8;
	}
	
	#newsletter_block_left .h4:after {
		display: none;
	}
	
	#newsletter_block_left .h4 span {
		border-color: #1e71b8;
	}
	
	#newsletter_block_left .form-group .button-small {
		background-color: #1e71b8;
	}
	
	.category_wysiwyg {
		padding: 0;
	}
	
	.content_cat_bg .cat_desc {
		display: none;
	}
	
	#subcategories {
		padding: 0 10px;
		margin-bottom: 20px;
	}
	
	#subcategories ul {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	}
	
	#subcategories ul li {
		display: grid;
		grid-template-columns: 100px 1fr;
		grid-column-gap: 10px;
		margin: 0;
		align-items: center;
		width: 100%;
		padding: 5px;
	}
	
	#subcategories ul li .subcategory-image img {
		margin: 0 auto;
		max-width: 70px;
	}
	
	#subcategories ul li .subcategory-name {
		font-size: 18px;
		line-height: 1.2;
		text-transform: initial;
		font-family: "Lato", sans-serif;
		margin: 0;
		text-align: left;
	}
	
	#PM_ASBlockshowFilter {
		display: block;
		position: fixed;
		top: 50%;
		transform: translateY(-50%);
		right: -60px;
		width: 60px;
		height: 40px;
		z-index: 10001;
		text-align: center;
		line-height: 40px;
		font-size: 21px;
		transition: all 0.5s;
		background-color: #1e71b8;
	}
	
	#PM_ASBlockOutputoverlay {
		background-color: rgba(0, 0, 0, 0.5);
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 10000;
		display: none;
	}
	
	.PM_ASBlockOutput {
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 85%;
		z-index: 10000;
		background-color: #fff;
		padding: 15px;
		transition: all 0.5s;
		transform: translateX(-100%);
	}
	
	.PM_ASBlockOutput.active {
		transform: translateX(-0%);
	}
	
	.PM_ASBlockOutput .block_content {
		padding-right: 0;
	}
	
	.PM_ASBlockOutput .PM_ASCriterionsGroup {
		padding-right: 0 !important;
		margin-bottom: 20px;
	}
	
	.PM_ASBlockOutput .PM_ASCriterionsGroup .PM_ASCriterionsGroupTitle {
		display: block;
	}
	
	.pb-left-column #views_block {
		width: 100%;
	}
	
	#product #thumbs_list {
		width: 300px;
	}
	
	#product #thumbs_list #thumbs_list_frame {
		height: auto;
	}
	
	#product #thumbs_list li {
		max-width: 92px;
		height: auto;
	}
	
	#product #thumbs_list li:first-child {
		margin-right: 8px;
	}
	
	#product #fixedMobileAddCart {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1;
		background-color: #fff;
		box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
		display: grid;
		padding-top: 10px;
		grid-template-areas:
	        "price qty"
	        "addcart addcart";
		justify-content: space-between;
		opacity: 0;
		animation: cssAnimation 1s 0.8s forwards;
	}
	
	@keyframes cssAnimation {
		to   { opacity: 1; }
	}
	
	#product #fixedMobileAddCartPrice {
		display: block;
		padding: 10px 15px 0;
		grid-area: price;
	}
	
	#product #quantity_wanted_p {
		padding: 0 15px;
		grid-area: qty;
	}
	
	#product #quantity_wanted_p #quantity_wanted_p_div {
		padding-left: 39px;
	}
	
	#product #quantity_wanted_p #quantity_wanted_p_div .ax_qty .product_quantity_down {
		position: absolute;
		left: 0;
		height: 52px;
		width: 35px;
		line-height: 40px;
	}
	
	#product #quantity_wanted_p #quantity_wanted_p_div .ax_qty .product_quantity_up {
		height: 52px;
		width: 35px;
		line-height: 40px;
	}
	
	#product #fixedMobileAddCart #add_to_cart_container {
		grid-area: addcart;
	}
	
	#product #fixedMobileAddCart #add_to_cart {
		margin-bottom: 0;
	}
	
	#product #blueimp-gallery .title, #product #blueimp-gallery .indicator {
		display: none;
	}
	
	#product .primary_block {
		margin-bottom: 0;
	}
	
	#product #prod_reassurance {
		margin: 0 10px 0 5px;
		padding: 0
	}
	
	#product #prod_reassurance .row {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	}
	
	#product #prod_reassurance .row:before,
	#product #prod_reassurance .row:after {
		display: none;
	}
	
	#product #prod_reassurance .row .col-xs-4 {
		width: 97%;
	}
	#product #prod_reassurance .row .prod_reassurance {
		padding: 10px;
		width: 100%;
		display: grid;
		grid-template-columns: 100px 1fr;
		grid-template-areas:
        "image title"
        "image texte";
		text-align: left;
		grid-column-gap: 15px;
	}
	
	#product #prod_reassurance .row .prod_reassurance:before {
		position: relative;
		margin-left: auto !important;
		left: 0;
		top: 0 !important;
		grid-area: image;
		width: 29px;
		height: 38px;
	}
	
	#product #prod_reassurance .row .prod_reassurance .title {
		grid-area: title;
		margin-bottom: 0;
		font-size: 25px;
		line-height: 1;
	}
	
	#product #prod_reassurance .row .prod_reassurance p {
		grid-area: texte;
		padding: 0;
		font-size: 12px;
	}
	
	#product #prod_commande .title {
		width: 100%;
		margin-bottom: 15px;
	}
	
	#product #prod_commande .prod_commande_txt {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	#product #prod_commande .prod_commande_txt:before {
		display: none;
	}
	
	#product #prod_commande .prod_commande_txt .subtitle {
		text-align: left;
	}
	
	#product .desc_long img {
		height: auto !important;
	}
	
	#frontInterestedForm #interestedproduct {
		display: none;
	}
	
	#layer_cart {
		width: 100%;
		margin-left: 0;
		left: 0;
	}
	
	#layer_cart .button-container .btn {
		width: 100%;
	}
	
	.cart_navigation .btn {
		width: 100%;
	}
	
	#order_step {
		text-align: center;
		background: none;
		border: none;
		margin: 20px 0;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	#order_step > li {
		display: inline-block;
		float: none;
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin: 0 3px;
		border: none;
		background: #4c545c;
		text-align: center;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		border-radius: 25px;
	}
	
	#order_step > li.step_current {
		background: #292e32;
	}
	
	#order_step > li.step_current span, #order_step > li.step_current a {
		color: #fff;
		font-size: 0;
		line-height: 50px;
	}
	
	#order_step > li.step_todo {
		background: #eee;
	}
	
	#order_step > li.step_todo span, #order_step > li.step_todo a {
		color: #4c545c;
	}
	
	#order_step > li span, #order_step > li a {
		font-size: 0;
		text-shadow: none;
		line-height: 50px;
		margin: 0;
		padding: 0 !important;
		color: #fff;
	}
	
	#order_step > li span:before, #order_step > li span:after, #order_step > li a:before, #order_step > li a:after {
		display: none;
	}
	
	#order_step > li span em, #order_step > li a em {
		font-size: 14px;
		display: block;
		width: 100%;
	}
	
	#order-detail-content #cart_summary table, #order-detail-content #cart_summary thead, #order-detail-content #cart_summary tbody, #order-detail-content #cart_summary th, #order-detail-content #cart_summary td, #order-detail-content #cart_summary tr {
		display: block;
	}
	
	#order-detail-content #cart_summary thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#order-detail-content #cart_summary tr {
		border-bottom: 1px solid #cccccc;
		overflow: hidden;
	}
	
	#order-detail-content #cart_summary td {
		border: none;
		position: relative;
		width: 50%;
		float: left;
		white-space: normal;
	}
	
	#order-detail-content #cart_summary td.cart_avail {
		clear: both;
	}
	
	#order-detail-content #cart_summary td.cart_quantity {
		clear: both;
		width: 100%;
		padding: 9px 8px 11px 18px;
	}
	
	#order-detail-content #cart_summary td.cart_quantity .cart_quantity_input {
		margin-bottom: 5px;
	}
	
	#order-detail-content #cart_summary td.cart_delete {
		text-align: right;
	}
	
	#order-detail-content #cart_summary td.cart_delete:before {
		display: inline-block;
		padding-right: 0.5em;
		position: relative;
		top: -3px;
	}
	
	#order-detail-content #cart_summary td.cart_wrapt_giftbody {
		width: 100%;
	}
	
	#order-detail-content #cart_summary td div {
		display: inline;
	}
	
	#order-detail-content #cart_summary td:before {
		content: attr(data-title);
		display: inline-block;
	}
	
	#order-detail-content #cart_summary tfoot td {
		float: none;
		width: 100%;
		padding: 10px;
	}
	
	#order-detail-content #cart_summary tfoot td:before {
		display: inline;
	}
	
	#order-detail-content #cart_summary tfoot tr .text-right, #order-detail-content #cart_summary tfoot tr .price {
		display: block;
		float: left;
		width: 50%;
	}
	
	#order .delivery_option > div > table.resume td.delivery_option_radio {
		width: 38px;
	}
	
	#order .delivery_option > div > table.resume td.delivery_option_price {
		width: 100px;
	}
	
	#order .delivery_option > div > table.resume td.delivery_option_logo {
		display: none;
	}
	
	.step_payment .payment_module a {
		padding-left: 80px;
		background-size: 68px;
	}
	
	.step_payment .payment_module a:before {
		display: none;
	}
	
	#mobilenav_cart_link .badge {
		color: #4c545c;
	}
	
	#home_rea .home_rea .btn,
	#home_rea .home_rea #my-account .myaccount-link-list li a,
	#my-account .myaccount-link-list li #home_rea .home_rea a {
		padding: 8px;
	}
	
	ul.product_list.grid > li {
		padding-bottom: 10px;
	}
	
	#home_seo {
		display: none;
	}
	
	#home_rea {
		margin-bottom: 20px;
	}
	
	#home_rea:after {
		display: none;
	}
	
	#columns {
		padding-bottom: 10px;
	}
	
	.block,
	.panel {
		padding-bottom: 0;
	}
	
	.block .panel-title,
	.block .title_block,
	.block h4,
	.panel .panel-title,
	.panel .title_block,
	.panel h4 {
		padding-bottom: 0;
		margin-bottom: 10px;
		border: none;
		display: block;
	}
	
	.ax_tunnelsummary_address .panel-title:after,
	.ax_tunnelsummary_cart .panel-title:after,
	.ax_tunnelcontact .panel-title:after {
		display: none;
	}
	
	#my-account ul.myaccount-link-list li {
		width: 100%;
	}
	
	.page-heading {
		font-size: 34px;
	}
}

/*
 * Extra Extra small devices
 * < 451px
 *
 */