/*reset : todo a mettre dans global*/
p{
	margin: 0;
}

/* CSS globale page PANIER */
.separator-before:before{
	content: '';
	width: calc(100% - 6rem);
	height: 1px;
	background-color: #D8D8DB;
	position: absolute;
	top: 0;
	left: 3rem;
}

.separator-before{
	position: relative;
}

.article, .service, .subscription, .advice{
	padding: 1.5rem 3rem;
}

.container:first-of-type{
	margin-top: 0;
}

.bordered{
	padding: 1.25rem 2.5rem;
	border: 1px solid #000;
	text-transform: uppercase;
	/*border-radius: .3rem;*/
}
.bordered:hover:not(.basket-add) {
    background-color: #64E61E;
    border-color: #64E61E;
    color: #fff;
}

.type{
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
	font-size: .75rem;
	text-transform: uppercase;
	color: #8C8C96;
}

.box-white .label{
	font: 2.1875rem 'Gotham Medium', Arial, Helvetica, sans-serif;
}

.promo label{
	font: 1.5625rem 'Gotham Bold', Arial, Helvetica, sans-serif;
}

.green-border-left{
	padding: 0.25rem 2.75rem 0.25rem 1.1rem;
	margin-top: .75rem;
	border-left: 1px solid #64E61E;
}

.box-white label, .box-white h3{
	font-size: 1.25rem;
}

/*Section Mon panier*/

.article{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: flex-start;
}

.article > div:not(.illustration){
	margin-top: .5rem;
}

.article .type-label{
	width: 49%;
}

.article .type-label .label{
	margin-top: 0;
}

.service .price-details{
	float: right;
}

.service input[type="checkbox"]:not(:checked) + label,
.service input[type="checkbox"]:not(:checked) ~ .infos p,
.service input[type="checkbox"]:not(:checked) ~ .price-details,
.box-promo input[type="checkbox"]:not(:checked) + label,
.box-promo input[type="checkbox"]:not(:checked) ~ .infos p,
.box-promo input[type="checkbox"]:not(:checked) ~ .price-details{
	color: #8C8C96;
}

.service > label{
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
}

.service .infos{

}

.delivery{
	width: 30%; height: auto;
	background-color: #FFF;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	text-align: center;
}

.warrantyInformationPanel {
	position: relative;
}

.infos > div{
	margin-right: 0;
	padding-right: 0;
	font-size: 1.125rem;
}

.infos em, .infos > p, .more-information > * {
	font-size: .875rem;
}

.more-information > * {
	font-family: inherit;
}
.basket-subscription, .more-information {
	display: none;
	padding: .5rem 1.3rem;
}
.basket-subscription input[type="radio"] {
	display:none;
}

.toggle-information {
	padding: .25em .5em;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: -1.75rem;
}

.toggle-information i {
	font-size: 18px;
}

.basket-subscription input[type="radio"]:checked + span.radio-picto:after {
	position:absolute; top:-.5rem; left:-1rem; right:-1rem; bottom:-.5rem;
	border: 4px solid #62E21E;
	content: '';
}
.basket-subscription label {
	position:relative; display: block;
	padding:1rem 1rem 1rem 4rem;
	cursor:pointer;
}
.basket-subscription label span.radio-picto:before {
	position: absolute; top: 40%; left: -3rem;
	border-radius: 50%; border: 1px solid #DDD; width: 1.25rem; height: 1.25rem;
	content:'';
}
.basket-subscription input[type="radio"]:checked + span.radio-picto:before {
	border: none;
	background: url(/CMS/uploads/images/tunnel/svg/check.svg) #61E061 no-repeat 90% 50%; background-size: 80%;
}
.basket-subscription label span.radio-picto {
	position:relative;
	display:block;
	float:none; width:100%;
}
.basket-subscription label span.radio-picto span {
	float:none;
	text-transform: none;
	font-size:1rem;
}
.basket-subscription label span.radio-picto .box-cell, .subscription-addedProductsPanel > .data-product > span.box-cell {
	display:table-cell;
	width:100%;
}
.subscription-addedProductsPanel > .data-product {
	margin-right: 0;
	padding: 0;
}
.basket-subscription label span.radio-picto .subscription-main {
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
	color:#000000;
}
.basket-subscription .form-submit {
	margin-top:1rem;
	text-align:center;
}
.basket-subscription .form-submit button {
	padding:1rem;
}

.subscription .infos em{
	font-style: normal;
	color: #24282D;
	font-size: 1.125rem;
	/*padding-left: 1rem;*/
}
.subscription-addedProductsPanel em {
	padding-left: 1rem;
}

.service-item .price-details em,
.subscription .price-details em{
	font-style: normal;
	font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
}

.subscription .edit-basket-subscription {
	position: relative;
	font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
	font-size: .75rem;
	color: #8C8C96;
	padding: .875rem 0 0 1.875rem;
	padding: .875rem 0 0 1.875rem;
	margin-left: .5rem;
	line-height: 22px;
}

.subscription .edit-basket-subscription:before {
	position: absolute;
	left: 0;
	width: 14px;
	height: 22px;
	background-repeat: no-repeat;
	/*right green arrow*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAYAAAAb+hYkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZDA1NjIyZi0xODI3LTRiZTYtYTNmYi0wMmYyYTJmOWU0NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Nzg3RDgyNEIyQTYxMTFFNzgzOEVEQjFFMTRCNEZEMDciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Nzg3RDgyNEEyQTYxMTFFNzgzOEVEQjFFMTRCNEZEMDciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzNCNDBDNTRGMkFFNzExODFBMEUwNThEMjk3QzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRjNThkMDExLTY1ODgtMTE3YS1iMzA4LTliMWE3OGQwMTQ0ZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgTWlUMAAAFeSURBVHjanJPPK8RBFMDnO30TJw4uUkQpByXlINmklI3sHpwUOfhRbq6KG/kDuOHkosgmKcnuZbU5KCm5OFEoJ0opB1+fV09pfXfmm6lPr6b5zLx5byaYeWq6MsZUw9Bmw/2DSTAs1EI7lGafmzuSSim4hkYoIvZ5JVJ6JPbDGdTBKWLWd5JBfCOMwA7UwAHitFNS8ZMwBWs6v4W4FCcFURT9mWTxPGFD5XVYYNMvp6RihrCr6e7BhGZTWVKxh3AE9ZCHMbm/U1KxjXACrSAPIW19PWHnO4KceAld0ktr/jG8kqZ3Ad2aXsp6BEmrpPeRQgyQ7ot1CFLyglZOSj6sLyc+PW1uTnskzR3/6ZGMsGxxQFiFRZ1aZvFK+abhL6FK3htMgjyZOYTtuExCFeQj7sMgfGg6h5XuG/Dd5fMdQye8wijCuauqclIRWkA+YxrhJklz3+EWepMIMr4FGAA/snit66eqzAAAAABJRU5ErkJggg==');
	content: '';
}

.subscription .edit-basket-subscription.opened:before {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZDA1NjIyZi0xODI3LTRiZTYtYTNmYi0wMmYyYTJmOWU0NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFBRTdFQ0QyQThEMTFFNzk5QzRENEU2ODBFRUM4MzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFBRTdFQ0MyQThEMTFFNzk5QzRENEU2ODBFRUM4MzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzNCNDBDNTRGMkFFNzExODFBMEUwNThEMjk3QzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRjNThkMDExLTY1ODgtMTE3YS1iMzA4LTliMWE3OGQwMTQ0ZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkE944wAAACCSURBVHjaYkh5JrcRiKP////PQAwGqQXpYWJgYDgOxItSn8tHMxAAUDWLwHqgplQA8V8gDsVjUyhUTQWIjywB0vwLiP2waPKDylXAxNAVtKBrRtLUgqyWEawb1R8dQKoIiEOgQmuAuG+25MMKZHUYGtE0M2DThFMjkmYGbJpAACDAAGa5r6mo/ZclAAAAAElFTkSuQmCC');
	height: 8px;
	top:calc(50% + 4px);
}

.infos span:last-of-type:not(.fa-spin):not(.radio-picto):not(.box-cell:last-child){
	float: right;
	color: #8C8C96;
	text-transform: uppercase;
}

div button{
	border: none;
	background: none;
	text-transform: uppercase;
	color: #000;
}

button:disabled{
	opacity: .3;
}

.main-title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

h1, h2{ text-transform: uppercase; }

input[type="submit"]:not(.dblcm-box-chat-form-submit), .submit {
	position: relative;
	background-color: #000;
	color: #FFF;
	text-transform: uppercase;
	border: none;
	/*border-radius: .3125rem;*/
	padding: 1.25rem 5rem;
	font-weight: bold;
	margin: auto;
	font-size: .75rem;
}

input[type="submit"]:hover, .submit:hover,
input[type="submit"]:focus, .submit:focus,
input[type="submit"][readonly], #promotionalCodeBtn[readonly] {
	cursor: pointer;
	background-color: white;
	color: black;
	border: 1px solid black;
}

.line{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

input[type="text"]{
	height: 3.125rem;
	border: solid 1px #D8D8DA;
	border-radius: .3125rem;
}

.price{
	text-align: right;
}

.qty{
	background-color: #E2E2E2;
	padding: 1rem;
	border-radius: .3rem;
}

.buttons{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 5.5rem;
	background-color: #FAFAFA;
	border-top: 1px solid #D8D8DB;
	text-align: center;
}

.buttons span > span{
	margin: 0 .625rem;
}

.duplicate{
	margin-right: 3.375rem;
}

.duplicate > span > span, .delete > span > span{
	display: inline-block;
	width: 2.5rem; height: 1.375rem;
	border-radius: 60% 40%;
	background-color: #64E61E;
	vertical-align: middle;
}

.duplicate > span > span{
	background: url(/CMS/uploads/images/tunnel/svg/add.svg) #64E61E no-repeat 50% 50%;
	background-size: .9375rem;
}

.delete > span > span{
	background: url(/CMS/uploads/images/tunnel/svg/delete.svg) #64E61E no-repeat 50% 50%;
	background-size: .9375rem;
}

.price-details{
	text-align: right;
}

.price-details p{
	font-family: 'Gotham Book', Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	margin-top: .25rem;
}

.price-details span{
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
	font-size: 1.375rem;
}

.accessories .price-details{
	height: 134px;
	position: relative;
}

.accessories .price-details .quantity{
	position: absolute;
	bottom: 0;
	right: 0;
}

.accessories .quantity .more:focus,
.accessories .quantity .more:hover,
.accessories .quantity .less:hover,
.accessories .quantity .less:focus{
	text-decoration: none;
}

.accessories .quantity .more,
.accessories .quantity .less{
	color: #64E61E;
	font-size: 2rem;
	font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
	padding: 0;
}

.accessories .quantity .qty{
	display: inline-block;
	height: 2.5rem;
	line-height: .6rem;
	margin: 0 1rem;
}

.action-wrapper a:visited{
	color: #24282D;
}

.action-wrapper a{
	padding: 3.75rem 0 1rem;
	text-decoration: none;
	font: .875rem 'Gotham Bold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #24282D;
	display: block;
	width: 100%;
	text-align: center;
}

.action-wrapper a:hover, .action-wrapper a:focus {
    color: #2a6496;
	text-decoration: underline;
}

.action-wrapper a span{
	position: relative;
	padding-left: .5rem;
}

.action-wrapper a > span:before{
	position: absolute;
	left: -1rem;
	top: calc(50% - 4px);
	width: 14px;
	height: 8px;
	background-repeat: no-repeat;
	content: '';
}

/* Box-promo */

.box-promo{
	padding: 4rem 3rem;
	font: 1.25rem 'Gotham Bold', Arial, Helvetica, sans-serif;
	border: 1px solid #C9C9C9;
}

.box-promo .type{
	font-size: .75rem;
	padding-bottom: 1rem;
}

.box-promo input[type="checkbox"]:not(:checked) ~ div{
	display: none;
}

.box-promo .promo-input{
	margin-top: 1rem;
	margin-left: 2.75rem;
}

/*.box-promo .promo-input input[type=submit]{*/
.submit {
	float: right;
	padding: 1rem 2rem;
}

.box-promo .promo-input input[type=text]{
	width: 40%;
	padding: 0 1rem;
	text-transform: uppercase;
}

.box-promo label[for=promotionalCode]{
	position: absolute;
	left: -9999px;
}
/*
.box-promo .valid{
	padding: .5rem 0 0 0;
	margin-bottom: -1.5rem;
	line-height: 1rem;
	display: none;
}

.box-promo .error{
	padding: .5rem 0 0 0;
	margin-bottom: -1.5rem;
	line-height: 1rem;
}
*/
.box-promo .valid, .box-promo .error {
	margin: .5rem 0 0 2.75rem;
	line-height: 1rem;
	display: none;
}
.icons{
	margin: 2rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.icons li{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
	height: 60px;
	width: 25%;
}

.icons li img{
	width: 60px; height: 60px;
}

.icons span{
	font-size: .75rem;
	top: 1rem;
	color: #8C8C96;
	line-height: 1.3;
	padding-left: .5rem;
}

/* Ajouter un accessoire */

.add-accessories .col{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: calc(25% - .5rem);
	margin-bottom: .5rem;
	padding: 1.75rem;
	background-color: #FFF;
	text-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/*justify-content: space-between;*/
	height: 390px;
	margin: 2px;
}

.det{
	font: .75rem 'Gotham Light', Arial, Helvetica, sans-serif;
}

.col-4{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: left;
}

.col-4 > .row-more{
	display: none;
}

.add-accessories button{
	padding: 0 0 0 1.75rem;
	position: relative;
	height: 3rem;
	font: .75rem 'Gotham Light', Arial, Helvetica, sans-serif;
	border-color: #3D444D;
	color: #8C8C96;
	width: 100%;
}
.add-accessories button:hover {
    border-color: #64E61E;
    background-color: #64E61E;
    color: white;
}
.add-accessories button[disabled]:hover {
    color: #8C8C96;
}

.add-accessories button:before, .add-accessories button[disabled]:hover:before{
	position: absolute;
	left: 1.25rem;
	top: calc(50% - 12px);
	width: 25px;
	height: 24px;
	/*cart green icon*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZDA1NjIyZi0xODI3LTRiZTYtYTNmYi0wMmYyYTJmOWU0NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkJBNzFDRjkyQTg5MTFFN0IxNUNCNjg5QUY1Mzk1REUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkJBNzFDRjgyQTg5MTFFN0IxNUNCNjg5QUY1Mzk1REUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzNCNDBDNTRGMkFFNzExODFBMEUwNThEMjk3QzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRjNThkMDExLTY1ODgtMTE3YS1iMzA4LTliMWE3OGQwMTQ0ZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pks04wkAAAG/SURBVHja3JZPKARxFMd3tQqlEIq0pKw/iYMc5KiUg004K7USTi6SKBc3BxcuDnLblFxwUEgOnLhJ8jfFRbuLJYUd31ffqR/NmNmZXQevPr3fvv313vzee78349U0zZNuyfD8gXhDd/4T6FrwBl7BE5gHs3YcLJbc2DrJJ9dZoABUgDF5gFSmqwHkgzIQAFFQRHtKxAek8jEisg16wRAIWzkYuC+32nLlMzCeUg8StxIzCrIDJrmWpnh36FxK4JdGMgqyCz6YyiWrLjPrLqRxBmoCbJndkzPqHhdpaqc2DbJB3ejEO04hV6EJJKSRzIIsUGeDagdx2njPjpDOiFmQaxDnethNqqxm1zF1RzqDrFBXJlmPAFv3BRzoA9Jsfw5T5nSGraMenVYnkYl87qKFw+rs+k1qQDFoBc3gAqzxsqpSz9o90nkUp3i2GyTB7ppSbJKCoPI7yMB6VkJ8INtvxlwwzvUyiylBWpQ90/SzCWTGVIG+ZILkgUzWR5xd0l6o7CmlngN7P2y20nXLSVwn7wXa4nprUuQE/fqdUGxJfUh0g0OupfBd4EH5fxSssn4RMIKi73/7kPg3n0RfAgwA07JpNqHpZl0AAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	content: '';
}
.add-accessories button:hover:before{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTVDMzBDQjA0NkQ1MTFFN0FBNjBGODJCNzI4NkNCODEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTVDMzBDQjE0NkQ1MTFFN0FBNjBGODJCNzI4NkNCODEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NUMzMENBRTQ2RDUxMUU3QUE2MEY4MkI3Mjg2Q0I4MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NUMzMENBRjQ2RDUxMUU3QUE2MEY4MkI3Mjg2Q0I4MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn0iwS0AAAGTSURBVHjaYvz//z8DrQETAx0AyJJrQAzyzncgfgvE94G4hJqWMAKD6zKQ1kETfw3E4lDLqWIJI5DmB2JuIOYC4pNALAjEBkB8kVqWoIutBuIQIJ4JxCuoYMd9BpAlaLj5P3XBe2w+cQTifVA2KFH8JtMHoCCXA+JH2HwCwr+hrijBIU8MboWaMRtXPrkFpYMpiAs3KL0Llyu6oK74RqYvhID4HxD/BbFxKVJAijh1MiwJheo9DeLjCq4HQPwFys6iKKgIlF3nobQnpZbg83IO1Mt/SAwqNai+L0DMBs4ieBRzQSOPXLAZZha+4PoGxHcoSMIr8JVd6FWBGBBbA7EpEN8F4vVA/AdNnQ407j5CDX8PxJ/hskSEcRNaMGxCk/eD5gcYuAXE/MhqCFnAC8S/oJoXQCMTBCyR1JyDim0F4gdQdi6yOYSqXwEgZoXGTwMQ34OKiyCpkYLSE4D4IJoY0cF1FS24PgOxCJL8PCwpy5aU4GKAFivHoZrvALEzmjwo/NdA4+UtEGehm8E4bJpEAAEGAAkUfjzemhcwAAAAAElFTkSuQmCC');
}
.add-accessories .illustration-wrapper{
	padding: 1rem 0;
	height: 150px;
}
.add-accessories .illustration-wrapper>img, .product-duplicate .illustration>img{
	height: 110px;
	width: auto;
}
.add-accessories .infos-wrapper{
	height: 75px;
}

.add-accessories .infos-wrapper .label{
	margin-bottom: .75rem;
	font: 1rem 'Gotham Bold', Arial, Helvetica, sans-serif;
	text-align:center;
}

.add-accessories .infos-wrapper .desc{
	font: .75rem 'Gotham Light', Arial, Helvetica, sans-serif;
	color: #8C8C96;
}

.add-accessories p.price{
	text-align: center;
}

.add-accessories .price-wrapper{
	margin: 1rem 0;
}

.add-accessories .price{
	font: 1.125rem 'Gotham Bold', Arial, Helvetica, sans-serif;
}

.add-accessories .more-wrapper.closed a span:before{
	/*down arrow green*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3xpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZDA1NjIyZi0xODI3LTRiZTYtYTNmYi0wMmYyYTJmOWU0NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkFBRTdFQ0QyQThEMTFFNzk5QzRENEU2ODBFRUM4MzUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkFBRTdFQ0MyQThEMTFFNzk5QzRENEU2ODBFRUM4MzUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowNzNCNDBDNTRGMkFFNzExODFBMEUwNThEMjk3QzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjRjNThkMDExLTY1ODgtMTE3YS1iMzA4LTliMWE3OGQwMTQ0ZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkE944wAAACCSURBVHjaYkh5JrcRiKP////PQAwGqQXpYWJgYDgOxItSn8tHMxAAUDWLwHqgplQA8V8gDsVjUyhUTQWIjywB0vwLiP2waPKDylXAxNAVtKBrRtLUgqyWEawb1R8dQKoIiEOgQmuAuG+25MMKZHUYGtE0M2DThFMjkmYGbJpAACDAAGa5r6mo/ZclAAAAAElFTkSuQmCC');
}

.add-accessories .more-wrapper.opened a span:before{
	/*green arrow up*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU1RDA0MEIyQTkxMTFFN0EwMjJFN0Y0MzlEMDIyOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkU1RDA0MEMyQTkxMTFFN0EwMjJFN0Y0MzlEMDIyOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTVEMDQwOTJBOTExMUU3QTAyMkU3RjQzOUQwMjI5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTVEMDQwQTJBOTExMUU3QTAyMkU3RjQzOUQwMjI5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv0Aw14AAACBSURBVHjaYvz//z8DNpD6XL4DRM+WfFiBTZ4Jj6YiEIYZQFAjkqYQKMauGeRUGE55JtcCxL+A2A9JzA8q1oKsFllTBbomLJorUDRCNf0F4lB0TUiaQ6FqwJoZQQygi1uBOA4YgksZ8ACgX6OB1CIgrgYFjiUxmqBRA1ITB9IDEGAAEtmKeJnEY/wAAAAASUVORK5CYII=');
}

.add-accessories .more-wrapper .toggle2{
	display: none;
}

.accessories-wrapper > div:last-child {
	padding-bottom: 2.5rem;
}
.accessories-wrapper .row {
	padding-bottom: 0;
}
/*
.accessories-wrapper .data-product {
	margin: 0 3.25rem;
}
*/
.accessories-wrapper > .accessories .data-product {
	margin-right: 0;
}

.accessories-wrapper .data-product:not(:last-child) {
	padding-bottom: 2.5rem;
}

/*@Section contact*/
.contact h3{
	font: 1.625rem 'Gotham Medium', Arial, Helvetica, sans-serif;
}

.contact p,
.contact h3,
.contact .tel{
	margin-bottom: 2rem;
}

.contact .advice > p,
.contact .tel p:last-of-type{
	color: #8C8C96;
}

.contact .advice{
	text-align: center;
	padding: 0;
}

.contact .box{
	padding: 5.5rem 11rem;
}

.contact .picto{
	margin: 0 auto 2.5rem; padding: 1.5rem; width: 6rem; height: 6rem;
	border: 2px solid #F2F2F2; border-radius: 50%;
}

.contact .contact svg{
	width: 3rem;
}

.contact .tel svg{
	width: .9375rem; height: .9375rem;
}

.contact .tel p:first-of-type{
	margin-bottom: 1rem;
	color: #24282D;
}

.contact p{
	color: #ABABAB;
}

.contact .horaires{
	font-size: .75rem;
}

.contact p.openingTime {
	margin: 1rem 0 0 0;
}

.contact .back-wrapper a span:before{
	top: calc(50% - 7px);
	width: 8px;
	height: 14px;
	content: '';
	background-repeat: round;

	/*green arrow left*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAYAAAAb+hYkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUE4QTRENDUyQTk1MTFFN0IwMkJFNTY0MkI2RUI0QjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUE4QTRENDYyQTk1MTFFN0IwMkJFNTY0MkI2RUI0QjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QThBNEQ0MzJBOTUxMUU3QjAyQkU1NjQyQjZFQjRCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QThBNEQ0NDJBOTUxMUU3QjAyQkU1NjQyQjZFQjRCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgx1DKQAAAFhSURBVHjajJOxS0JRFId9t0cgBDWEEIFBUEMEETREJBEtoVRLgVuDOgT1F9TW0NjQEFRbQUNUUEMR1ZKIQyBCQyAIDhaUi1MQ1PO7cASR57v3wcePx33f5d53znE8zwvZPJnPoShxB3/KUhgncjAGPcpCmCVeYBCKEFMGYYV4gD54hLnjgUpVBQgp4grCcAoJhLpeUx2EHeJE1vdgHeG3ue62fdxF7MMW/MMmHx+2b+q2CN3EGazBDyQRbvxO4orQS1zCAtRgCSHf6b5O+iMaIe9hEsqwiFAK+quu1GAUXiGO8G2qnVVH+EkxKMAU5LnfiFHiOF/kPDzBsO4xxGnj8aTScbiAfnhGXDbeSSqehANpnWvEDd9f7jdP0ka78qrbaJtNvUCppWGP5DS6YdPN/nOCJldG41yOq0djVd/fMY27DOGtzJQewoSxuOyclVpWYUJ3kFVHIL4RM/AO9YYAAwBwRHr2dgJBYwAAAABJRU5ErkJggg==');
}

.contact .action-wrapper span:before{
	top: calc(50% - 12px);
	width: 8px;
	height: 18px;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAWCAYAAAAb+hYkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUE4QTRENDUyQTk1MTFFN0IwMkJFNTY0MkI2RUI0QjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUE4QTRENDYyQTk1MTFFN0IwMkJFNTY0MkI2RUI0QjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QThBNEQ0MzJBOTUxMUU3QjAyQkU1NjQyQjZFQjRCMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QThBNEQ0NDJBOTUxMUU3QjAyQkU1NjQyQjZFQjRCMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pgx1DKQAAAFhSURBVHjajJOxS0JRFId9t0cgBDWEEIFBUEMEETREJBEtoVRLgVuDOgT1F9TW0NjQEFRbQUNUUEMR1ZKIQyBCQyAIDhaUi1MQ1PO7cASR57v3wcePx33f5d53znE8zwvZPJnPoShxB3/KUhgncjAGPcpCmCVeYBCKEFMGYYV4gD54hLnjgUpVBQgp4grCcAoJhLpeUx2EHeJE1vdgHeG3ue62fdxF7MMW/MMmHx+2b+q2CN3EGazBDyQRbvxO4orQS1zCAtRgCSHf6b5O+iMaIe9hEsqwiFAK+quu1GAUXiGO8G2qnVVH+EkxKMAU5LnfiFHiOF/kPDzBsO4xxGnj8aTScbiAfnhGXDbeSSqehANpnWvEDd9f7jdP0ka78qrbaJtNvUCppWGP5DS6YdPN/nOCJldG41yOq0djVd/fMY27DOGtzJQewoSxuOyclVpWYUJ3kFVHIL4RM/AO9YYAAwBwRHr2dgJBYwAAAABJRU5ErkJggg==');

}

.modal {
	position: fixed; left: 0; right:0; bottom:0; top: 0;
	width: 100%; height: 100%;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.4);
	overflow: auto;
	display: block;
	/*z-index: 1;*/
}
.modal + .popin {
	background-color: white;
	border-radius: .5rem;
	max-height: calc(100% - 6.25rem);
	position: fixed;
	top: 50%;
	left: 50%;
	right: auto;
	bottom: auto;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	/*z-index: 10;*/
	z-index: 2000;
}
.popin .popin-content {
	position: relative;
	padding:1rem;
}
.popin .popin-content .popin-buttons {
	text-align: center;
	margin:1rem 0 .5rem;
}
.popin .popin-content span.close {
	position: absolute; top: -1rem; right: -1rem;
	display: block;
	width: 2rem; height: 2rem; padding: .5rem;
	border-radius: 50%; border:1px solid #666666;
	background: url('/CMS/uploads/images/tunnel/svg/delete-black.svg') #ffffff no-repeat 50%;
	background-size:50%;
	cursor:pointer;
}
.popin p {
	margin:0;
}

.popin-buttons .confirm, .popin-buttons .close {
	padding: .75rem;
	border:1px solid #1f1f1f;
}

.subscription {
	border-bottom: none;
}

.modal + .popin {
    background-color: white;
    border-radius: .5rem;
    max-height: calc(100% - 6.25rem);
    position: fixed;
    top: 50%;
    left: 50%;
    right: auto;
    bottom: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*z-index: 10;*/
}

.price-details > .quantity {
	white-space: nowrap;
}

#accessoriesPanel .illustration>img {
	max-width: 180px;
}

.form-subscription .subscription-label {
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
}
.basket-subscription label span.radio-picto span.subscription-description {
	width: 30rem;
	display: inline-block;

}

/*.subscription-addedProductsPanel span.price:last-child*/.green-border-left > span.price, .addedPromotion > span.price:last-child {
	float: right;
}

.service  input[type="checkbox"] + label {
	padding-top: 0;
	margin-top: 0;
	padding-left: 2.5rem;
	padding-bottom: 0;
	margin-bottom: 0;
}

.service > .infos {
	clear: left;
}

.service-item {
	padding: 0.75rem 1.1rem;
	border: 1px solid #e3e3e6;
	margin: 0.5rem 0;
}

label[data-gencode="noSubscription"] {
	display: none;
}

.accessories > .infos {
	padding: 0 3rem;
}
.accessories > .infos > div {
	margin: 0 0 1rem 1.75rem;
}

.subscription > .infos > div > .green-border-left {
	margin-right: 0;
	padding-right: 0;
}

/******************************************************************************\
    $TABLET
\******************************************************************************/
@media screen and (max-width: 70.625em){
	.main-title{
		padding: 1.5rem 0;
	}

	.article p, .accessories p{
		font-size: .6875rem;
	}

	.box-white .label{
		font-size: 1rem;
	}

	section div.container {
		width: 100%;
	}

	.add .col{
		width: 46%;
		margin: .5rem 0;
	}

	.advice{
		padding: 0;
		text-align: left;
	}

	.advice .picto{
		display: none;
	}

	.box-promo{
		padding: 1.25rem;
	}

	.icons li {
		width:50%;
	}

	.flex-wrapper {
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-orient:vertical;
		-webkit-box-direction:normal;
		    -ms-flex-direction:column;
		        flex-direction:column;
	}

	section:nth-of-type(1){
		-webkit-box-ordinal-group:2;
		    -ms-flex-order:1;
		        order:1;
	}

	section:nth-of-type(2){
		-webkit-box-ordinal-group:3;
		    -ms-flex-order:2;
		        order:2;
	}

	section:nth-of-type(3){
		-webkit-box-ordinal-group:5;
		    -ms-flex-order:4;
		        order:4;
	}

	section:nth-of-type(4){
		-webkit-box-ordinal-group:6;
		    -ms-flex-order:5;
		        order:5;
	}

	.sidebar {
		position:static;
		-webkit-box-ordinal-group:4;
		    -ms-flex-order:3;
		        order:3;
		background-color:#F2F2F2;
		padding: 0 2rem;
	}

	.sidebar .sticky {
		position:static;
	}

	.sidebar span {
		font-size:.75rem;
	}

	#validateButtonOnStaticSticky {
		display: none;
	}

	.advice {
	    padding:0;
	}

	.box-promo .promo-input {
		margin-left: 0;
		display: -webkit-box;
    	display: -ms-flexbox;
    	display: flex;
    	-ms-flex-wrap: nowrap;
    	    flex-wrap: nowrap;
	}

	.box-promo .promo-input input[type=text] {
		width:60%;
		font-size:.75rem;
	}

	.basket-subscription label span.radio-picto span.subscription-description {
		width: auto;
		display: auto;

	}

	#contactPanel {
		margin-top: 1.5rem;
	}

	.fa-spin {
		float: left;
	}

	.service  span + label {
		padding-top: 0;
		margin-top: 0;

		padding-bottom: 0;
		margin-bottom: 0;
		float: left;

		margin-left: .4rem;
	}

	.box-promo .valid, .box-promo .error {
		margin-left: 0;
	}
	/*
	.service, .subscription, .advice {
		padding: 2.5rem 0rem;
	}*/
}

/******************************************************************************\
    $MOBILE
\******************************************************************************/
@media screen and (max-width: 48em) {
	.basket-subscription label:not([data-gencode="noSubscription"]) {
		display: flex;
	}
	.add .col{
		width: 100%;
		padding: 1rem;
	}

	.add .label{
		font-size: .75rem;
	}

	.add .infos p{
		font-size: .6875rem;
	}

	.add .col button{
		width: 100%;
	}

	.illustration img{
		width: 60%;
	}

	.row, .article, .service, .subscription {
		padding: 1.25rem 1.5rem;
		margin: .5rem 0;
	}

	.article {
		flex-wrap: wrap;
	}

	.illustration{
		width: 60%;
		-webkit-box-ordinal-group: 0;
		    -ms-flex-order: 0;
		        order: 0;
	}

	.article .type-label{
		/*width: 100%;*/
		-webkit-box-ordinal-group: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}

	.price-details{
		width: 35%;
		-webkit-box-ordinal-group: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}

	.infos > div {
		padding: 0;
		margin: 0;
		border-left: none;
		font-size:.75rem;
	}

	.product-duplicate .price, .accessories .price {
		font-size:.75rem;text-align: right;
	}

	.duplicate, .delete{
		margin-right: 0;
		font-family: 'Gotham Light', Arial, Helvetica, sans-serif;
	}

	.buttons{
		text-align: right;
	}

	.bordered{
		padding: 1rem;
	}

	.box-promo{
		font-size: .875rem;
	}

	.box-promo .type{
		display: block;
	}

	.box-white .accordion{
		background-color: transparent;
	}

	.accessories{
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}

	.quantity{
		display:-webkit-box;display:-ms-flexbox;display:flex;
		align-items: center;
	}

	.qty{
		padding: .5rem;
	}

	.contact .box {
        padding: 1.5rem;
	}

	.icons span {
		font-size: .625rem;
	}
    .icons li img{
    	width:1.875rem;height:1.875rem;
    }

    .icons {
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
    }

    .add-accessories button {
    	padding:0;
    }

	.col-4 {
		width:100%;
		-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;
	}

	.service .infos {
		margin-left:0;
	}

	.accessories .quantity .qty {
		height:1.5rem;
	}

	.infos p, .green-border-left, .basket-subscription, .more-information {
		padding-left: 0;
	    margin: 0;
	    border:none;
	}

	.accessories .price-details .quantity {
    	position: relative;
	}

	.basket-subscription label span.radio-picto .box-cell {
    	display: block;
    }

    .subscription-choice label, .subscription-choice h3, .service label {
		font-size:1rem;
	}
	/*
    .sidebar .total .price{
	    font-size: 1.25rem;
    }
	*/
	.sidebar button.order{
		padding: 1.25rem .75rem;
	}

	.sidebar .sticky .details .label-total{
		margin-top: .5rem;
		line-height: 1.7;
	}
	/*
	.infos span.price:last-child {
		float: none;
	}
	*/
	.fa-spin {
		font-size: 2em;
	}

	.fa-spin > i.fa:before {
		color: #000;
	}

	.accessories > .infos {
		padding: 0 1.5rem;
	}
}

.button {
	text-decoration: none;
	color: #1e1e23;
	font-size: 1em;
	border: 1px solid #64e61e;
	transition: all .2s ease;
	display: inline-block;
	min-width: 200px;
	text-transform:uppercase;
	font-family: 'Gotham';
	font-weight:bold;
}

.button:hover {
	background-color: #64e61e;
	color: #FFF;
}