@font-face {
	font-family: "AkkuratPro-Regular";
	src:url("../fonts/lineto-akkurat-regular.eot");
	src:url("../fonts/lineto-akkurat-regular.eot?#iefix") format("embedded-opentype"),
		url("../fonts/lineto-akkurat-regular.woff2") format("woff2"),
		url("../fonts/lineto-akkurat-regular.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

.hide {
	display: none;
}

.is-mobile {
	display: none;
}

.is-mobile-flex {
	display: none !important;
}

.is-desktop {
	display: block;
}

.is-desktop-flex {
	display: flex;
}

body {
	font-size:1em;
	line-height: 1.3;
}

input, select {
	font-family: "AkkuratPro-Regular" !important;
}

ul {
	padding:0;
	margin:0;
	list-style-type: none;
}

ul > li {
	padding:0;
	margin:0;
}

#shop header {
	width:100%;
	
	
	padding: 1.5em 2em;
}

#shop header .logo {
	padding:0;
	padding-right:20px;
}

#shop header .filter {
	text-align: right;
    padding: 0;
    flex: 1;
    display: flex;
    justify-content: flex-end;
    float: none;
}

#shop header > div:first-child {
	display: flex;
	align-items:flex-start;
	justify-content: space-between;
}

#shop header > div :first-child {
	/*width:150px;*/
}

#shop header > div > div:nth-child(2) {
	width:auto;
	font-size:1.2em;
	margin-right:50px;
}

#shop header .lib_shop > a:first-child {
	margin-right:15px;
	color:#9B9B9B;
}



#shop header nav {
	display: none;
	justify-content:flex-end;
	flex:1;
	font-size:1em;
	margin-top:3px;
}

#shop header nav.active {
	display: flex !important;
}


#shop header.active {
	opacity:0.3;
}


#shop header nav > ul {
	width:230px;
}

#shop header nav ul li {
	color:#9B9B9B;
	cursor: pointer;
}

#shop header nav ul li.active {
	color:#000;
}

#shop header nav .bloc {
	justify-content: flex-start;
    flex-direction: column;
}

#shop header nav .bloc > div {
	display: block !important;
	
}

#shop header nav .bloc > div:first-child {
	margin-bottom:20px;
	
}

#shop header nav .bloc.no-marge > div:first-child {
	margin-bottom:0;
	
}

#shop header nav > div {
	display: block;
}

#shop header nav > div {
	display: flex;
	justify-content:space-around;
	margin-right:40px;
	cursor: pointer;
}

#shop header nav > div:last-child, #shop header nav > div > div:last-child {
	margin-right:0px;
}

#shop header nav > div:last-child {
	text-align: right;
}

#shop header nav .rangePrice {
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}

#shop header nav .slider-prix {
	width:100px;
	margin-left:10px;
	margin-right:10px;
	margin-top:8px;
	
}

#shop header nav .lang .active {
	text-decoration: underline;
}

#shop header nav .card {
	height: 36px;
  width: 36px;
  background-color: transparent;
  border:1px solid #000;
  border-radius: 60%;
  display: flex;
  align-items: center;
}

#shop header nav .card a {
	width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#shop header .recherche {
	font-size:1.6em;
	display: none;
	margin-top:30px;
	margin-bottom:20px;
}

#shop header .recherche input {
	font-size:1.6em;
	border:0;
	outline: none;
	padding:5px;
}

#shop header .recherche input::placeholder {
  color: #000;
  opacity: 1;
}

#shop header .recherche input:-ms-input-placeholder {
  color: #000;
}

#shop header .recherche input::-ms-input-placeholder {
  color: #000;
}

.zone-newsletter input::placeholder {
  color: #fff;
  opacity: 1;
}

.zone-newsletter input:-ms-input-placeholder {
  color: #fff;
}

.zone-newsletter input::-ms-input-placeholder {
  color: #fff;
}

.ui-slider-horizontal {
	height:2px;
}

.ui-widget-content {
	border:0px solid #000;
	border-bottom:1px solid #000;
	background: transparent;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-bottom-left-radius:0 !important;
	border-top-right-radius:0 !important;
	border-top-left-radius:0 !important;
	border-bottom-right-radius:0 !important;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:none;
	border:0;
    height: 15px;
    width: 15px;
    background-color: rgb(0, 0, 0);
    border-radius: 50% !important;
    outline: none;
}

.ui-widget-header {
	background:none;
}

#shop body {
	color:#000;
}

#shop .tunnel {
	color:#fff;
	background-color: #000;
}

#shop .tunnel label {
	cursor: pointer;
}

.container-shop {
	margin-top:72px;
	padding: 1.5em 2em;
	padding-top: 0;
	min-height: 100vh;
}

.container-shop.top {
	padding-top: 1.5em;
}

.container-shop.full {
	padding: 0;
	padding: 0;
}

.container-shop h1 {
	padding:0;
	margin:0;
	margin-bottom:15vh;
}

.container-shop h1 {
	padding:0;
	margin:0;
	margin-bottom:15vh;
}

.container-shop .detail-shop h1 {
	font-size: 2.2em;
}

.container-shop h2 {
	padding:0;
	margin:0;
	font-size: 2.2em;
    font-weight: normal;
    margin-bottom:0.8em;
    margin-top:1.8em;
}

.container-shop h2:first-child {
	margin-top:0;
}

.container-shop .result-list {
	display:flex;
	flex-wrap: wrap;
}

.container-shop .result-list .element {
	width:calc(33.3333% - 0.75em);
	display: flex;
	flex-wrap: wrap;
	padding-bottom:0.75em;
	margin-bottom:0.75em;
	position: relative;
  justify-content: flex-start;
  flex-flow: column;
	
}

.container-shop .result-list .element.marge {
	margin-right:1em;
}

.container-shop .result-list .element .addCard {
	opacity: 0;
	text-decoration: underline;
}

.container-shop .result-list .element .addCard.off {
	text-decoration:none;
}

.container-shop .result-list .element .addCard.active {
	opacity: 1;
}

.container-shop .result-list .element .addCard.serie-link {
	text-decoration: underline;
}



.container-shop .result-list .element.background .preview, .detail-shop .medias > div.background {
	/*background-color: #eeeeee;*/
	text-align: center;
}

.container-shop .result-list .element .preview {
	display: flex;
	justify-content: center;
	align-items: center;
	/*flex:1;*/
	height:42vw;
	overflow: hidden;
	
	
      
	/*background-repeat: no-repeat !important;
		background-position: center center !important;
		background-size: contain !important;*/
	
}

.container-shop .result-list .element .preview.off
{
	/*background:
    linear-gradient(0deg, rgba(255,255,255,1), rgba(255,255,255,0) 5%,
      rgba(255,255,255,0) 95%, rgba(255,255,255,1)),
    linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,0) 5%,
      rgba(255,255,255,0) 95%, rgba(255,255,255,1));*/
}

.container-shop .result-list .element .titre {
	margin-top:10px;
	text-align: left;
	display: flex;
	flex-direction: column;
}

.container-shop .result-list .element .preview img {
	width:100%;
	height: auto;
	min-height:0;
	min-width:0 ;
	object-fit:cover;
	vertical-align: top;
  position: relative;
  z-index: -1;
}

.container-shop .result-list .element.background .preview, .detail-shop .medias > div.background {
	display: flex;
	justify-content: center;
	align-items: center;
	
}

.container-shop .result-list .element.background img, .container-shop .detail-shop .background img {
	z-index:99;
    width: calc(90% - 4%) !important;
    background-color: #eeeeee;
    padding: 8%;
}

.container-shop .result-list .element.background img.ratio, .container-shop .detail-shop .background img.ratio {
	width:75% !important;
}

.container-shop .detail-shop .background img {
	/*padding-top: 5%;
    padding-bottom: 5%;*/
}

.container-shop .detail-shop .background img.ratio {
	padding-top: 12.5%;
    padding-bottom: 12.5%;
}

.container-shop .result-list .element .macaron {
	position: absolute;
	right:50px;
	top:50px;
	z-index:2;
}

.container-shop .result-list .element .macaron.item_2 {
	top:calc(50px + 8vw);
}

.container-shop .result-list .element .macaron img, .container-shop .result-list .element .macaron svg {
	width:7vw;
	height:auto;
}

.related-item .result-list .element .macaron img, .related-item .result-list .element .macaron svg {
	width:5vw;
}

.container-shop .related-item .result-list .element .macaron.item_2 {
	top:calc(10px + 6vw);
}

.container-shop .result-list .more {
	width:100%;
	cursor: pointer;
}

.container-shop .result-list .img {
	width:33px;
}

.container-shop .detail-shop {
	display: flex;
	height: calc(100vh - 72px);
	
}

.container-shop .detail-shop .medias::-webkit-scrollbar, .container-shop .detail-shop .description::-webkit-scrollbar, .small-caddy .sc-content::-webkit-scrollbar, nav.is-mobile-flex::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.container-shop .detail-shop .medias, .container-shop .detail-shop .description, .small-caddy .sc-content, .small-caddy .sc-content {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.container-shop .detail-shop > div{
	width: 50%;;
	overflow-y: scroll !important;
	height:calc(100vh - 72px);
	
}

.overflow-shop {
	overflow-y: hidden;
}

.overflow-shop::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.overflow-shop  {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

.detail-shop .medias {
	/*padding:2em;*/
	padding-bottom:0;
	padding-top:0;
}

.container-shop .detail-shop .medias > div {
	display:flex;
	flex-direction: row;
	/*width:100%;*/
}

.container-shop .detail-shop .medias .indisponible {
	opacity: 0.5;
}

.container-shop .detail-shop .medias img {
	width:100%;
	max-width: 100%; 
	outline:none;
	height: intrinsic;
}

.container-shop .detail-shop .medias .selectSerie {
	display: block;
	    padding: 1.2em;
	    cursor: pointer;
}




.container-shop .detail-shop > div:first-child {
	border-right:1px solid #000;
	width: 50%;
}


.container-shop .detail-shop .description {
	width: calc(50% - 0.5px);
	flex-direction: column;
	position: relative;
	margin-bottom:140px;
	height:calc(100vh - 72px);
	min-height:calc(100vh - 72px);
}

.container-shop .detail-shop > .description > div {
	padding:1.2em;
}

.container-shop .detail-shop > .description.page.all {
	border-right:0px solid #000 !important;
	width: 100%;
}

.container-shop .detail-shop > .description.page > div {
	padding-left:2em;
	padding-right:2em;
}


.container-shop .detail-shop .description p {
	/*margin:0.7em;*/
}

#shop  .bouton {
	border-radius: 25px;
	border:1px solid #000;
	cursor: pointer;
	text-align: center;
}

#shop  .bouton:hover, #shop  .bouton a:hover {
	color:#fff !important;
	background-color: #000 !important;
}

#shop  .bouton.inverse {
	border:1px solid #fff;
}

#shop  .bouton.inverse a {
	color:#fff;
}


#shop .bouton.inverse:hover, #shop .bouton.inverse a:hover {
	color:#000 !important;
	background-color: #fff !important;
	
}

#shop  .bouton a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5em;
    border-radius: 25px;
}



.selectric .label, .selectric-items ul, .selectric-items li {
	font-size:1.2rem
}

.selectric, .selectric-items {
	border:0;
}

.selectric-items {
	border-top :1px solid #000;
}

.selectric .label {
	margin-left:0 !important;
}

.selectric-items li.indisponible {
	color:#eeeeee;
}


.container-shop .zone-prix {
	display:flex;
	flex-direction: column;
}

.container-shop .series {
	margin-bottom:10px;
}

.container-shop .detail-footer {
	display: flex;
	width:calc(100% - 1.8em);
	justify-content: space-between;
	align-items: center;
	position:sticky;
	bottom:0;
	border-top:1px solid #000;
	border-left:0px solid #000;
	border-bottom:1px solid #000;
	font-size:1.2em;
	line-height:1.1em;
	background-color: #fff;
	padding:0.9em !important;
	
}

.container-shop .detail-footer .detail-footer-bloc {
		display: flex;
		width:100%;
		justify-content: space-between;
		align-items: center;
	}
	
.isSerie {
	display:none !important;
}


.container-shop .detail-footer > div {
	display: flex;
	
	
}

.container-shop .related-item {
	padding:1.5em 2em;
	
}

.container-shop .related-item h2 {
	font-size: 1.2em;
}

.container-shop .related-item .element {
	width: calc(16.3333% - 0.75em);
	
}

.container-shop  .related-item .result-list .element .preview {
	height:39vh;
}

.container-shop  .related-item .result-list .element .preview a {
	position: relative;
}

.container-shop  .related-item .result-list .element .preview img {
	width:100%;
}

.container-shop  .related-item .result-list .element .macaron {
	right: 10px;
    top: 10px;
}


.resume {
	
	font-size:1.8em;
}

.specification {
	margin-top:50px;
}

.small-caddy {
	position: fixed;
	height:100vh;
	width:480px;
	background-color: #000;
	right:0;
	top:0;
	z-index:100;
	color:#fff;
	display: none;
}

.small-caddy .sc-header, .small-caddy .sc-footer {
	padding: 1.5em 2em;
	border-bottom: 1px solid #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.small-caddy .sc-header a, .small-caddy .sc-footer a {
	color:#fff;
}

.small-caddy .sc-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position:absolute;
	width:calc(100% - 3em);
	bottom:0;
	left:0;
	border-top:1px solid #fff;
	border-left:0px solid #000;
	border-bottom:1px solid #000;
	font-size:1.2em;
	line-height:1.1em;
	background-color: #000;
	color:#fff;
	padding: 1em 1.5em;
	
}

.small-caddy .sc-header > div:first-child, h1 {
	font-size: 1.2em;
}

.small-caddy .sc-header > div:first-child {
	margin-right: 20px;
}

.small-caddy .sc-header > div:last-child {
	flex: 1;	
	text-align: right;
}

.small-caddy .sc-header img {
	width:20px;
}

.small-caddy .sc-content {
	overflow: scroll;
	height: calc(100vh - 3em);
	padding:2em;
	padding-bottom:200px;
}

.small-caddy .sc-content > div {
	margin-bottom:20px;
}

.small-caddy .sc-content .end, .tunnel .end {
	height:130px;
}

.small-caddy .sc-content .titre {
	color:#fff;
}

.small-caddy .sc-content .preview img{
	width:100%;
	height:auto;
}

.small-caddy .close {
	cursor: pointer;
}



footer {
	width:100%;
	background-color: #fff;
	display: flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap: wrap;
	border-top:1px solid #000;
	height:150px;
}

footer > div {
	display: flex;
	
}

footer > div:first-child {
	display: flex;
	flex:0.25;
	height: calc(100% + 1.5em);
}

footer > div:nth-child(2) {
	display: flex;
	justify-content:space-between;
	align-items: flex-start;
	flex: 1;
	height:100%;
	padding: 1.5em;
	padding-bottom:0;
	
}

footer > div:last-child {
	display: flex;
	flex:0.25;
	
}

footer > div > div {
	display: block;
	flex-direction: column;
	
}

footer > div > div:last-child {
	display: block;
	
}

footer img {
    display: block;
    height: 100%;
}

.action {
	cursor: pointer;
	color:#8F8E8E;
}

.form .action {
	color:#fff;
}

.tunnel h1 {
	margin-bottom : 1.5em;
}

.tunnel h1 {
	margin-bottom : 1.5em;
}

.tunnel .cart.recap .cart-content {
	width:100%;
	display: flex;
	flex-direction: column;
}

.tunnel .cart .cart-content .element {
	border-top:1px solid #fff;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top:10px;
	padding-bottom:10px;
	width:100%;
}

.tunnel .cart.recap .cart-content .element {
	border-bottom:1px solid #fff;
	border-top:1px;
}

.tunnel .cart.recap .cart-content .element .qt {
}

.tunnel .off {
	opacity: 0.5;
	
}

.tunnel .cart .cart-content .element > div {
	justify-content: flex-start;
	padding-right:1.5em;
	
}


.tunnel .cart .cart-content .element .preview {
	width:14vw;
}

.tunnel .cart .cart-content .element .titre {
	flex:1;
	display: flex;
	justify-content: space-between;
}

.tunnel .cart.recap .cart-content .element .titre {
	display: block;
}


.tunnel .cart .cart-content .element .titre > div:last-child {
	flex:1;
	margin-left:1.5em;
}

.tunnel .cart .cart-content .element .titre input {
	width:20px;
	outline:none;
}

.tunnel .cart .cart-content .element img {
	width:100%;
	
}



.tunnel .cart .cart-footer {
	position: fixed;
	left:0;
	bottom:0;
	padding: 1em 1.5em;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	width:calc(100% - 3em);
	background-color: #000;
	font-size: 1.2em;
    line-height: 1.1em;
    border-top:1px solid #fff;
}

.tunnel .cart.recap .cart-footer {
	position: relative;
	left:auto;
	bottom:auto;
	border-top:0px;
	padding-left:0;
	width:100%;
}

.tunnel .cart .cart-footer > div {
}

.tunnel .cart .cart-footer > div:last-child {
	margin-left:20px;
}

.tunnel .form {
	
}

.container-shop.format-form {
	padding:0;
}

.container-shop.format-form h1 {
	padding:1.5em 1.5em;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
	margin-top:1.5em;
}

.tunnel .form input {
	border:0;
	outline: none;
	background-color: transparent;
	border-bottom: 1px solid #fff;
	padding:3px;
	width: 100%;
	font-size:1em;
	color:#fff;
}

.tunnel .form input[type="radio"], .tunnel .form input[type="checkbox"], .zone-newsletter input[type="checkbox"] {
	width: auto;
}

.tunnel .form .bloc {
	padding:0 1.5em;
	padding-bottom: 0;
	width: calc(100% - 3em);
}

.tunnel .form .bloc.l-50, .tunnel .form .bloc.l-75 {
	display: flex;
}


.tunnel .form .bloc.l-50 > div, .tunnel .form .bloc.l-75 > div {
	width:50%;
	margin-right:1.5em;
}

.tunnel .form .bloc.l-75 > div:first-child {
	width:25%;
}

.tunnel .form .bloc.l-75 > div:last-child {
	width:75%;
}

.tunnel .form .bloc.l-50 > div:last-child, .tunnel .form .bloc.l-75 > div:last-child {
	margin-right:0;
}


.tunnel .form .bloc > div {
	padding-top: 15px;
	display: flex;
}

.tunnel .form .bloc .recap {
	display: block;
}

.tunnel .form .bloc .action, .tunnel .form .bloc .message {
	justify-content: flex-end;
	padding-top: 15px;
}

.tunnel .form .bloc .message {
	padding-top: 0;
}

.tunnel .form .bloc .message {
	color:#ff0000;
	padding-right: 10px;
	font-size:0.8em;
	align-items: center;	
}

.tunnel .form .bloc.login {
	width:400px;
	padding-bottom:20px;
}

.tunnel .form input::placeholder {
  color: #fff;
  opacity: 1;
}

.tunnel .form input:-ms-input-placeholder {
  color: #fff;
}

.tunnel .form input::-ms-input-placeholder {
  color: #fff;
}


.tunnel .selectric-SelectMod {
	border-bottom: 1px solid #fff;
}

.tunnel .selectric {
	background-color: #000;
}

.tunnel .selectric .label, .tunnel .selectric-items ul, .tunnel .selectric-items li {
    font-size: 1rem;
}

.tunnel .selectric .label {
	color:#fff;
}

.tunnel .required {
	border-bottom:1px solid #ff0000 !important;
}

.zone-newsletter {
	position: fixed;
	left:0;
	bottom:0;
	display: flex;
	background-color: #000;
	color:#fff;
	flex-direction: column;
	padding:1em 2em;
	z-index:99999;
	width:calc(100% - 4em);
	display: none;
}

.zone-newsletter > div {
	margin-bottom:10px;
}

.zone-newsletter .zone-newsletter-souscrire  {
	margin-bottom:20px;
}

.zone-newsletter .bouton {
	margin-top:10px;
	margin-bottom:0px;
	width:120px;
}




.zone-newsletter input {
	border:0;
	outline: none;
	background-color: transparent;
	border-bottom: 1px solid #fff;
	padding:3px;
	width: 100%;
	font-size:1em;
	color:#000;
}

.zone-newsletter input[type=submit] {
	border:0;
	outline: none;
	background-color: #000;
	border-bottom:0;
	padding:3px;
	width: 100%;
	font-size:1em;
	color:#fff;
	cursor: pointer;
	border: 1px solid #fff;
    border-radius: 20px;
}

.zone-newsletter .bouton:hover {
	color:#fff !important;
	border-bottom: 3px solid red;
}

.zone-newsletter input[type=submit]:hover {
	color:#000;
	background-color: #fff;
}

.zone-newsletter a {
	color:#fff !important;
	text-decoration: underline !important;
}



@media all and (max-width: 640px) {

	
	.is-mobile {
		display: block;
	}
	
	.is-desktop {
		display: none;
	}
	
	.is-mobile-flex {
		display: flex;
	}
	
	
	.is-desktop-flex {
		display: none !important;
	}
	
	body {
	    font-size: 16px;
	    line-height: 19px;
	}
	
	body.lock-position {
		height: 100vh;
		overflow: hidden;
		width: 100%;
		position: fixed;
	}
	
	#shop header {
	    width: 100%;
	    padding: 15px;
	}
	
	#shop header .logo {
	    padding: 0;
	    padding-right: 0;
	    flex:1;
	}
	
	#shop header .logo img {
		width:120px;
	}
	
	#shop header > div:first-child {
		padding-bottom:10px;
	}
	
	#shop header > div > div:nth-child(2) {
	    font-size: 16px;
	    margin-right:20px;
	}
	
	#shop header .lib_shop > a:first-child {
		display: none;
	}
	
	#shop header .filter {
	    text-align: right;
	    padding: 0;
	    display: flex;
	    justify-content: flex-end;
	    float: none;
	    flex:0;
	}
	
	#shop header nav {
		display: flex;
		flex:0;
		font-size:16px;
		margin-top:0;
		width:100%;
		height: 80vh;
		overflow: scroll;
		padding-bottom: 100px;
	}
	
	#shop header nav.active {
	    display: block !important;
	}
	
	#shop header nav .bloc {
		display: block;
		width:100%;
	}
	
	#shop header nav > div {
		justify-content:flex-start;
		margin-right:0;
		margin-bottom:20px;
	}
	
	#shop header nav > div:first-child {
		margin-top:30px;
	}
	
	#shop header nav > div:last-child {
		text-align: left;
	}
	
	#shop header .recherche {
		margin-top:0;
	}
	
	#shop header .recherche input {
		font-size: 16px;
		padding-left:0;
	}
	
	.container-shop {
	    margin-top: 62px;
	    padding: 15px;
	}
	
	.container-shop h2 {
		margin-bottom: 20px;
		margin-top: 0;
	}
	
	    
	.container-shop .result-list .element {
		width:100%;
		margin-bottom:20px;
		padding-bottom:0;
	}
	
	.container-shop .result-list .element .titre em {
		display:inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width:95%;
	}
	
	
	
	.container-shop .result-list .element.marge {
		margin-right:0;
	}
	
	.container-shop .result-list .element .preview {
	    margin-left:-15px;
	    width: 100vw;
	    height: auto;
	    overflow:auto;
	}
	
	.container-shop .result-list .element .macaron {
	    right: 0px;
	    top: 15px;
	}
	
	.container-shop .result-list .element .macaron.item_2 {
	    top: calc(30px + 80px);
	}
	
	.container-shop .result-list .element .macaron img, .container-shop .result-list .element .macaron svg {
	    width: 80px;
	}
	
	.container-shop .result-list .element .addCard {
		opacity: 1;
	}
	
	.small-caddy {
		width: 100%;
		z-index:999999;
	}
	
	.small-caddy .sc-header > div:first-child, .small-caddy .sc-footer, .container-shop .detail-footer,.container-shop h2,.container-shop .related-item h2, .tunnel .cart .cart-footer {
	    font-size: 20px;
	}
	
	.small-caddy .sc-footer {
	    line-height:21px;
	    width: calc(100% - 30px);
	}
	
	.small-caddy .sc-header > div:nth-child(2) {
		display:none;
	}
	
	.small-caddy .sc-header, .small-caddy .sc-footer {
		padding:15px;
	}
	
	.small-caddy .sc-content {
	    height: calc(100vh - 30px);
	    padding: 15px;
	    padding-top:0;
	    padding-bottom: 100px;
	}
	
	.small-caddy .sc-content .preview {
	     margin-left: -15px;
		 width: 100vw;
	}
	
	.small-caddy .sc-content .titre {
		padding-top:10px;
	}
	
	.container-shop .detail-shop {
	    display: block;
	    height:auto;
	} 
	
	.container-shop .detail-shop h1 {
		font-size:20px;
		line-height:22px;
		margin-bottom:0;
		padding:15px
	}
	
	.container-shop .detail-shop > div:first-child {
		width:100%;
		border-right:0;
	}
	
	.container-shop .detail-shop .description {
			width: 100%;
			height: auto;
			min-height: auto;
			margin-bottom:0;
	}

	.container-shop .detail-shop > .description > div {
		padding:15px;
	}
	
	.container-shop .detail-shop > div {
	    width: 100%;
	    overflow-y: auto;
	    height: auto;
	}
	
	.container-shop .detail-footer {
	    width: calc(100% - 30px);
	    position: fixed;
	    bottom: 0;
	    left:0;
	    padding: 15px !important;
	    background-color: #fff;
	    z-index:999;
	    display: block;
	}
	
	.container-shop .detail-footer .detail-footer-bloc {
		display: flex;
		width:100%;
		justify-content: space-between;
		align-items: center;
	}
	
	.isSerie {
		display:flex !important;
	}

	.container-shop .detail-footer .detail-footer-bloc .series {
		margin-bottom: 0;
	}
	
	.container-shop .detail-footer .detail-footer-bloc:last-child {
		margin-top:15px;
	}
	
	.resume {
	    font-size: 16px;
	}
	
	.specification {
		margin-top:20px;
	}
	
	#shop .bouton a {
		padding:10px;
	}
	
	.container-shop .related-item {
		padding:15px;
	}
	
	.container-shop .related-item .result-list .element .preview {
		height:auto;
	}
	
	.tunnel .cart .cart-footer {
	    padding:15px;
	    width: calc(100% - 30px);
	}
	
	.tunnel .cart .cart-content .element .preview {
	    display: none;
	}
	
	.tunnel .cart .cart-content .element > div {
		padding-right: 15px;
	}
	
	.tunnel .cart .cart-content .element .prix {
	    justify-content: flex-end;
	    padding-right:0;
	}
	
	.container-shop.format-form h1 {
	    padding: 15px;
	    margin-top: 15px;
	}
	
	   
	
	footer {
    	flex-direction: column-reverse;
    	height:auto;
    }
	
	footer > div:nth-child(2) {
	    display: block;
	    width:calc(100% - 30px);
	    height: auto;
	    padding: 15px;
	    border-bottom: 1px solid #000;
	}
	
	.container-shop.format-form {
		margin-top:62px;
	}
	
	.tunnel .form .bloc {
		padding:15px;
		padding-top:0;
		padding-bottom:0;
		width:calc(100% - 30px);
	}
	.tunnel .form .bloc.login {
		width:calc(100% - 30px);
	}
	
	.tunnel .form .bloc > div.marge-top {
		padding-top:15px;
	}
	
	.tunnel .form .bloc.l-50, .tunnel .form .bloc.l-75 {
		display: block;
	}
	
	.tunnel .form .bloc.l-50 > div, .tunnel .form .bloc.l-75 > div {
	    width: 100%;
	    margin-right: 0;
	}
	
	.tunnel .form .bloc.l-75 > div:first-child, .tunnel .form .bloc.l-75 > div:last-child {
		width: 100%;
	}
	
	.tunnel .form .bloc .message {
		padding-right: 0;
		font-size:14px;
	}
	
	.tunnel .form .bloc .message.is-mobile {
		padding:15px;
		padding-bottom:0;
		text-align: right;
	}
	
	.tunnel .form .bloc .prix {
		flex:1;
	}
	
	
}

/* ---------------------------------------------------------
-- Viewport */
	
	/* corrige un bug windows 8 quand le Snap Mode est inférieur à 400px; */
	/* remplace la balise viewport dans le futur */

	@-webkit-viewport	{ width: device-width; zoom: 1; }
	@-moz-viewport 		{ width: device-width; zoom: 1; }
	@-ms-viewport 		{ width: device-width; zoom: 1; }
	@-o-viewport 		{ width: device-width; zoom: 1; }
	@viewport 			{ width: device-width; zoom: 1; }


/* ---------------------------------------------------------
-- Print  */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; 
        -webkit-box-shadow: none !important; 
                box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited { text-decoration: none; }

    a[href]:after { content: " (" attr(href) ")"; }

    abbr[title]:after { content: " (" attr(title) ")"; }

    a[href^="#"]:after,
    a[href^="javascript:"]:after { content: ""; }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead { display: table-header-group; }

    tr,
    img { page-break-inside: avoid; }

    img { max-width: 100% !important; }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 { page-break-after: avoid; }
}

.cgv {
	background-color: #000;
	color:#fff;
	
	display:flex;
	justify-content: center;
	position: relative;
}

.cgv .description {
	width:60vw !important;
}
.cgv h2 {
	padding:0;
	margin:0;
	font-size: 1.2em;
	font-weight: 600;
	padding-top:0.4em;
	padding-bottom:0.4em;
}

.cgv strong {
	font-weight: 600;
}

.cgv h1 {
    font-size: 1.4em;
    margin:0;
}

.cgv a, .legal a {
	color:#fff;
	text-decoration: underline;
}

.cgv a:link, .cgv a:hover, .cgv a:visited, .legal a:link, .legal a:hover, .legal a:visited {
	color:#fff;
	text-decoration: underline;
}

.cgv.l-b a:link, .cgv.l-b a:hover, .cgv.l-b a:visited, .legal.l-b a:link, .legal.l-b a:hover, .legal.l-b a:visited {
	color:#000;
	text-decoration: underline;
}

.legal, .legal > div {
	flex-direction: column;
}

.legal > div {
	padding-top:0 !important;
}


.legal p {
	padding:0;
	margin:0;
	padding-bottom:1em;
	
	
}



.legal p:first-child {
	padding-top:1em;
	
}

.legal.no-padding p {
	padding:0 !important;
	
	
}

.legal.sep {
	border-bottom:1px solid #fff;
}

.cgv_ret {
	position: absolute;
	right:33px;
	top:20px;
	z-index:99999;
}

.cgv_ret img {
	width:20px;
}

@media all and (max-width: 640px) {
	.cgv .description {
		width:100% !important;
	}
	
	.container-shop.cgv .detail-shop h1 {
		padding:0;
	}
	
	.adr-footer {
		margin-top:10px;
	}
}