*{ box-sizing: border-box; }

.html{
	font: 1rem Arial, Helvetica, sans-serif;
    line-height: 1.5;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

.body {
	margin: 0; padding: 0;
	color: #24282D;
    font-family: "Gotham Light",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5;
}

img{
	border: 0;
}

section div button,
section div input,
section div optgroup,
section div select,
section div textarea{
	color: inherit; /* 1 */
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif; /* 2 */
	font-size: .8125rem;
	margin: 0; /* 3 */
}

div button {
	text-transform:uppercase;
}

section ol, section ul{
	margin: 0; padding: 0;
	list-style: none;
}

h1{
	margin-top: 0; padding: 3.125rem 0;
}

section h1, section h2, section h3, div h1, div h2, div h3 {
	margin: 0; padding: 0;
	font-style: normal; font-weight: normal; font-size: 16px; font-size: 1rem;
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
	line-height:1.5;
}

input[type="checkbox"], input[type="checkbox"] + label{
	cursor: pointer;
}

input[type="checkbox"]{
	display: none;
}
input[type="checkbox"] + label{
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZDA1NjIyZi0xODI3LTRiZTYtYTNmYi0wMmYyYTJmOWU0NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTJEN0QxMDgyRjA3MTFFNzk0OUZGQ0YzQTlGQTY3RjIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTJEN0QxMDcyRjA3MTFFNzk0OUZGQ0YzQTlGQTY3RjIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNjJiMzQ1Yy00YWFhLTQ2MTItODFiNy1mZDk2MjEzNWUxOGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0YzU4ZDAxMS02NTg4LTExN2EtYjMwOC05YjFhNzhkMDE0NGYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz58cDqzAAAAmElEQVR42uzVIQ7DMAwFULeawutT5FArHC3b2C6wXaGsBwnLGZJDxINTgvYtDYzXK8qXfuSQZ+ghhOCI6ImeUab9eaEbej3heTDz4r0n59xuubU2pZQWEXmP+M9WsEYd9ZCL4mwF/y5Qd6Q/puMd73jHO34oLjhNpujXE8W3nDNZLai1knrIqgf6VkoZYowz5snw+t8/AgwAe6Uu9Chjq2wAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: 0 50%;
}
input[type="checkbox"]:checked + label{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAXCAYAAAARIY8tAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4BpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4ZDA1NjIyZi0xODI3LTRiZTYtYTNmYi0wMmYyYTJmOWU0NzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0EwQkEzQUIyRjA2MTFFNzkyRERDNEVGMEZEQ0REOUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0EwQkEzQUEyRjA2MTFFNzkyRERDNEVGMEZEQ0REOUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNjJiMzQ1Yy00YWFhLTQ2MTItODFiNy1mZDk2MjEzNWUxOGQiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo0YzU4ZDAxMS02NTg4LTExN2EtYjMwOC05YjFhNzhkMDE0NGYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XySM4AAACCUlEQVR42mJMfiLHxsDA0A3EMUAsxEA5eM/IwLR4pvQdSSYGZisWoEAXEOcxUA8I+vMV5QENB7G3MgGJWCoazmDK6cvgw5vL8PLPvb9AbhQTlYIFDBTY9BgSBXsYvv77wDDhbQLIC5+YqGW4ALM4Q67QXGDAsDBMe5fO8PrPQ7A4VSxgY+RkyBWey8DPLMaw9GMtw82fJ+ByFFvACISJgt0M8qy6DHu/zGc49HUZijzFFngDIxQUsdd+HmZY+bEZQx6rBRIsSgxcTHwEDTfm9GII4CtmePHnHsOMd1kM/xj+EmdBg9hOhirRjQy8TMI4DZdn1WFIFuxn+PbvI8Pkt0lA+hNWdVgt2PR5AtgXJSLLsVrCzyzKkAOMVBZGVmCKyQCm+fs4HYLVgm2fpzJs/zydQZpVnSFfeD4DJxMvXI6VkZ0hW2g2gyCzBMPyDw0MN34ewxuMOCN57acOhl1fZgMzjz5DkfASBnZGbnCKSRDoZlBiM2Q48HUxw/6viwjGEws+ydUfW8Fp3IE7BpzO7/w6zWDO5c9w/edRhmVA1xMD8FrwHwiXfqgBWsLBYMUVwqDBbgkqYximv8sEppg/lFsAs2TB+zIGUOmow2EPTDEp4JRDLGAhRhEofc95X0BWRmRioDEYHha8o5HZ72AWLKaRBXNgqagMXKxD6mZBarQqoI6uBXEAAgwAniKOrhJEFZsAAAAASUVORK5CYII=');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.service input[type="checkbox"] + label.no-background {
	background-image: none;
	padding-left: 0;
}

.hidden{
	display: none;
}

.invalid{
	border: solid 1px red!important;
}

div .label {
	display: block;
    padding: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    color: inherit;
    text-align: left;
    white-space: normal;
    vertical-align: baseline;
    border-radius: 0;
}

/*div a {
	text-decoration: underline;
}*/

/******************************************************************************\
	$SVG
\******************************************************************************/
.box-svg svg{
	display: block;
	width: inherit;
	height: inherit;
}

/******************************************************************************\
	$LAYOUT
\******************************************************************************/
.wrapper,
.sidebar{
	width: 1240px; margin: 0 auto;
}

section div.container{
	padding-right: 0;padding-left: 0;
    margin-right: 0;margin-left: 0; width: 66.66666667%;
}

.sidebar h2{
	text-transform: capitalize;
	line-height:2;
}

.sidebar{
	position: fixed; top: 12rem; left: 0; right: 0;
}

.sidebar .sticky .total .details{
	margin-bottom: 3rem;
}
.sidebar .sticky .details .label-total{
	font-size: .75rem;
}

.sidebar .total .price{
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif; font-size: 1.625rem;
	color: #FFF;
}

.sidebar .sticky .details strong{
	font-family: 'Gotham Medium', Arial, Helvetica, sans-serif; font-size: 1.25rem;
	color: #FFF;
}

.sidebar .sticky{
	padding: 3rem 2.625rem;
	position: absolute; top: 0; right: 0;
	width: calc(33.33333333% - 1.250rem);
	background-color: #1E1E23; color: #FFF;
}

.sidebar .sticky button {
	font-size:.75rem;
	line-height:normal;
}

.sidebar .sticky span{
	color: #c4c4c4;
}
.sidebar hr{
	margin: 1.875rem 2.625rem;
}

.sidebar button.order.disabled, .mainContent  button.order.disabled {
	opacity: 0.2;
	cursor: default;
}

.sidebar button.order, .mainContent button.order{
	display: block;
	width: 100%;
	height: 100%;
	padding: 1.25rem 4rem;
	color: #24282D;
	text-decoration: none;
	text-transform: uppercase;
}

[type="submit"]  span.button-text {
	white-space: nowrap;
}
.sticky [type="submit"].ajax  span.button-text {
	color: #000;
}
.sticky [type="submit"].ajax:hover  span.button-text, .sticky [type="submit"].ajax:focus  span.button-text {
	color: #FFF;
}

.sidebar button.order.disabled:hover,
.sidebar button.order.disabled:focus,
, .mainContent button.order.disabled:hover,
, .mainContent button.order.disabled:focus {
	background-color: #64E61E;
	color: #24282D;
}

.mainContent .validate-button {
	margin: 0 0 2em 0;
}
.sticky .validate-button, .ajax-loader {
	text-align: center;
}

.sidebar .store-delivery-info, .sidebar .relais-delivery-info {
	display: none;
	color: #64E61E;
	line-height: 1.5;
	text-align: center;
	font-size: .875rem;
	margin-top: 1.5rem;
}

#page-paiement .sidebar .validate-button{
	display: none;
}

section{
	background-color: #F2F2F2;
	padding-bottom: 2rem;
}

/*todo attention aux effets de bord*/
.box{
	display: block;
	padding: 2.5rem;
	border: none;
}

.box + .box{
	margin-top: 1.250rem;
}

.box-white{
	background-color: #FFF;
}

/******************************************************************************\
	$FORM
\******************************************************************************/
input[type="text"], select{
	height: 3.125rem;
	border: solid 1px #D8D8DA;
	border-radius: .3125rem;
}

.field, .formulaire .group-fields:not(:last-of-type), .formulaire .group-fields:not(first-of-type){
	margin: 0 0 1rem 0;
}

.field > input[type="checkbox"]{
	float: left;
	margin: .25rem 0 0 0;
}

.field > input[type="checkbox"] + label{
	display: block;
	margin-left: 30px; padding: 0;
}

.field > label:empty{
	display: none;
}

.field > label:empty + input[type="text"]{
	width: 100%;
}

.form-error{
	padding-bottom: 1rem;
	color: #F00;
	font-size: .875rem;
}

.society-checkbox:not(:checked) ~ div{
	display: none;
}

.service input[type="checkbox"] + label,
.box-promo input[type="checkbox"] + label,
.is-society input[type="checkbox"] +label,
.check-other input[type="checkbox"] + label{
	padding-left: 2.5rem;
	display: inline-block;
}

/******************************************************************************\
	$HEADINGS
\******************************************************************************/
.main-title{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 3.125rem 0;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.875rem;
}

.main-title span{
	background: #F2F2F2;
	/*margin-right: 30px;*/
}

.main-title:after{
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1; height: 1px;
	background: #24282D;
	content: '';
}

h1 span{ text-transform: uppercase; }

.sub-title{
	display: inline-block;
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
	font-size: 1.375rem;
}

.title-with-marker{
	padding: .5rem 0 .5rem .5rem;
	font-family: 'Gotham Medium', Arial, Helvetica, sans-serif; font-size: 1rem;
	border-left: 1px solid #61E01D;
	margin-bottom: 1.875rem;
}

.info{
	margin: 0 0 1rem 0;
	color: #8C8C96;
	font-family: 'Gotham Book', Arial, Helvetica, sans-serif; font-size: .750rem;
	line-height: 1.8;
}

.info.info-bold{
	color: #24282D;
	font-family: 'Gotham Medium', Arial, Helvetica, sans-serif;
}

.info a{
	color: #24282D;
	text-decoration: none;
}

.info.info-bold a{
	text-decoration: underline;
}

/******************************************************************************\
	$BUTTONS
\******************************************************************************/
button{
	border: none;
	background: none;
	text-transform: uppercase;
	color: #000;
	cursor: pointer;
}

.with-arrow-down, .with-arrow-up{
	font-size: .875rem;
	font-family: "Gotham Medium", Arial, Helvetica, sans-serif;;
}

button:disabled{
	opacity: .3;
}

.with-arrow-down:hover,
.with-arrow-down:focus{
	text-decoration: none;
}

.with-arrow-down:before{
	display: inline-block;
	margin-right: 1.125rem; width: .875rem; height: .5rem;
	background: url(../img/svg/arrow-down-green.svg) no-repeat;
	content: '';
}

.with-arrow-up:before{
	display: inline-block;
	margin-right: 1.125rem; width: .875rem; height: .5rem;
	background: url(../img/svg/arrow-up-green.svg) no-repeat;
	content: '';
}

/******************************************************************************\
	$ACCORDIONS
\******************************************************************************/
.q-a{
	color: #8D8D97;
}

.q-a:nth-child(1){
	border-top: none;
}

.q-a{
	border-top: 1px solid #D8D8DA;
	padding: 2.5rem 3rem;
}

.question{
	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: center;
	font: 1.25rem 'Gotham Medium', Arial, Helvetica, sans-serif;
}

.question button{
	width: 2.25rem; height: 2.25rem;
	color: #64E61E;
	/*border-radius: .3rem;*/
	background: url(../img/svg/arrow-down-green.svg) #23282C no-repeat 50%;
	background-size: 1rem;
}

.displayed .question button{
	background: url(../img/svg/arrow-up-white.svg) #64E61E no-repeat 50%;
	background-size: 1rem;
}

.displayed{
	color: #1F1F1F;
}

.question button svg{
	width: 1.0625rem; height: .625rem;
}

.displayed button path{
	fill: #FFF;
}

.answer{
	display: none;
	font: 1rem 'Gotham Book', Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

.displayed{
	border-left: 3px solid #64E61E;
}

/******************************************************************************\
	$FORMULAIRE
\******************************************************************************/

/*form .fields {
    display: flex;
    flex-direction:column;
    flex-wrap: wrap;
}*/

.name{
	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;
}

.formulaire input[type="text"],
.formulaire input[type=number],
select{
	height: 3.125rem;
	border: solid 1px #D8D8DA;
	border-radius: .3125rem;
	padding-left:.5rem;
}

/*.formulaire .address .field-flex:first-of-type{*/
	/*width:15%;*/
/*}*/

/*.formulaire .address .field-flex:last-of-type{*/
	/*width:83%;*/
/*}*/

.fields input[type="text"],
.formulaire input[type=number]{
	width: 100%;
}

.fields label{
	display: block;
}

.field-flex{
	width: 49%;
	/*	display: flex;
		flex-direction:column;*/
}

.phone-nb{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.phone-nb select{
	width: 20%;
}

.compulsory{
	color: #64E61E;
}

.mention{
	padding: 1rem 0 0 0;
	font-size: .75rem;
	background-color: #F2F2F2;
}

.formulaire .error{
	margin-bottom: 1rem;
}

.error{
	color: red;
	display: none;
	font-family: 'Gotham Medium', Arial, Helvetica, sans-serif; font-size: .875rem;
}

label{
	padding: 1.25rem 0;
	margin-top:0.75rem;
}

.formulaire input[type="text"],
.formulaire input[type=number]{
	padding: 0 .5rem;
}

.formulaire input[type="text"], .formulaire .select,
.formulaire input[type=number]{
	margin: .75rem 0 1.75rem;
}

.formulaire label{
	padding: 0;
}

.formulaire input[type=number]::-webkit-inner-spin-button,
.formulaire input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

.formulaire input[type=number] {
	-moz-appearance:textfield;
}

.group-fields{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.society.group-fields{
	padding: 1.875rem 0 0;
}

.formulaire .checkbox{
	padding: 0 0 1.75rem 0;
	margin-top: -2rem;
}

.formulaire .checkbox input{
	margin-bottom: 0;
}
.loc{
	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;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

/*Custom Select */

.select-hidden{
	display: none;
	visibility: hidden;
}

.select{
	/*content: url(../../assets/img/countries/fr.png);*/
	cursor: pointer;
	display: inline-block;
	bottom: .9rem;
	width: 5rem; height: 3.125rem;
	border: solid 1px #D8D8DA;
	border-radius: .3125rem;
	font-size: .8125rem; vertical-align: middle;
}

.select-styled{
	position: relative;
	width: 5rem; height: 3.125rem;
	font-family: 'Gotham Bold', Arial, Helvetica, sans-serif;
	line-height: 3.125rem;
	text-align: center;

}

.select-options li{
	padding: .5rem 1rem;
	width: 5rem;
}

.select-options{
	display: none;
	position: absolute;
	background-color: #FFF;
	z-index: 1;
}

/******************************************************************************\
	$SIDEBAR
\******************************************************************************/
.sidebar{
/*	padding: 1rem;*/
	line-height: 2;
}

.sidebar h2{
	font-size: 1.875rem;
}

.sidebar h3{
}

.sidebar button:hover,
.sidebar button:focus{
	background-color: transparent;
	border-color: #64E61E;
	color: white;
}

.mainContent button.order {
	width: 26em;
	display: inline-block;
}
.mainContent button:hover, .mainContent button:focus {
	background-color: transparent;
	border-color: #64E61E;
	color: #000;
}
[disabled].ajax:not(.disabled), [readonly].ajax {
	background-color: transparent;
}

.sidebar button, .mainContent button {
	border: solid 1px #64E61E;
	border-radius: 2px;
	transition: all 0.2s;
	background-color: #64E61E;
}

.details{
	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;
}

.shippings,
.subscription{
	border-bottom: 1px solid #575757;
}
.subscription{
	padding: 1rem 0;
}
.shippings {
	padding: 0 0 1rem;
}

/******************************************************************************\
	$RESPONSIVE
\******************************************************************************/
@media screen and (max-width: 70.625em){
	section {
		padding-bottom:.5rem;
	}

	.wrapper{
		padding: 0 1rem;
	}

	.sidebar,
	.wrapper{
		margin: 0; width: auto;
	}

	.sidebar .sticky{
		right: 2rem;
		width: 100%;
	}

	.button, button{
		margin: .3rem 0;
	}

	.field-flex{
		width: 100%;
	}

	.question, .answer{
		font-size: .875rem;
	}

	.question button {
		width: 1rem; height: 1rem;
		background-size: .5rem;
	}

	.displayed .question button{
		background-size: .5rem;
	}

	.sidebar button.order {
		padding:1.25rem;
	}


}

@media screen and (max-width: 48em){
	.box {
		padding:1.5rem;
	}
	.sidebar h2 {
		font-size:1.25rem;
	}

	.q-a{
		font-size: 1rem;
		padding:1.5rem;
	}

    .service input[type="checkbox"] + label {
	    padding-top: 0;
	    margin-top: 0;
	    background-position: 0 0;
    }
	
	.sidebar .total .price {
		font-size: 1.25rem;
	}
	
	html[lang="PL"] #totalSummaryPanel .details strong, html[lang="PL"] #totalIncludingVatSummary {
		margin-top: .5rem;
		font-size: 1rem;
	}
}

/******************************************************************************\
Ajouts enader
\******************************************************************************/

/*COLORS*/
/*light grey text : #8C8C96; */
/*grey separators before : #D8D8DB*/
/* grey border : #c9c9c9*/
/* dark blue grey border : #c9c9c9*/

@font-face  {
	font-family: 'Gotham Bold';
	src: url("./fonts/Gotham/Gotham-Bold.eot?#iefix");
	src: url("./fonts/Gotham/Gotham-Bold.eot?#iefix") format("eot"),
	url("./fonts/Gotham/Gotham-Bold.woff") format("woff"),
	url("./fonts/Gotham/Gotham-Bold.svg#Gotham-Bold") format("svg"),
	url("./fonts/Gotham/Gotham-Bold.ttf") format("truetype");
}

@font-face  {
	font-family: 'Gotham Light';
	src: url("./fonts/Gotham/Gotham-Light.eot?#iefix");
	src: url("./fonts/Gotham/Gotham-Light.eot?#iefix") format("eot"),
	url("./fonts/Gotham/Gotham-Light.woff") format("woff"),
	url("./fonts/Gotham/Gotham-Light.svg#Gotham-Light") format("svg"),
	url("./fonts/Gotham/Gotham-Light.ttf") format("truetype");
}

@font-face  {
	font-family: 'Gotham Medium';
	src: url("./fonts/Gotham/Gotham-Medium.eot?#iefix");
	src: url("./fonts/Gotham/Gotham-Medium.eot?#iefix") format("eot"),
	url("./fonts/Gotham/Gotham-Medium.woff") format("woff"),
	url("./fonts/Gotham/Gotham-Medium.svg#Gotham-Medium") format("svg"),
	url("./fonts/Gotham/Gotham-Medium.ttf") format("truetype");
}

@font-face  {
	font-family: 'Gotham Book';
	src: url("./fonts/Gotham/Gotham-Book.eot?#iefix");
	src: url("./fonts/Gotham/Gotham-Book.eot?#iefix") format("eot"),
	url("./fonts/Gotham/Gotham-Book.woff") format("woff"),
	url("./fonts/Gotham/Gotham-Book.svg#Gotham-Book") format("svg"),
	url("./fonts/Gotham/Gotham-Book.ttf") format("truetype");
}

html{
	font: 1rem Arial, Helvetica, sans-serif;
}

body #main{
	margin: 0; padding: 0;
	color: #24282D;
	font-family: "Gotham Light",Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 1.5;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

h1{
	background: none;
}

.sidebar .sticky .total .details{
	margin-bottom: 0em;
}

.validate-button{
	margin-top: 3rem;
}

#devicesSummaryPanel > div > div:not(:first-child),
/*#subscriptionsSummaryPanel > div:not(:first-child):not(.pass), #subscriptionsSummaryPanel > div:not(.pass),*/
#subscriptionsSummaryPanel > div > div[id^="summary-subscription-addedProductsPanel-"] > div,
#repairsSummaryPanel > div > div[id^="summary-repair-addedProductsPanel-"] > div,
#accessoriesSummaryPanel > div:not(.details) {
    margin: 0 0 0 20px;
}

#recurrentSummaryPanel {
	padding: 1rem 0;
	border-bottom: 1px solid #575757;
}

.box{
	margin: 0;
}

div.select_country{
	/*content: url(../../assets/img/countries/fr.png);*/
	cursor: pointer;
	display: inline-block;
	bottom: .9rem;
	width: 5rem; height: 3.125rem;
	border: solid 1px #D8D8DA;
	border-radius: .3125rem;
	font-size: .8125rem; vertical-align: middle;
}

.with-arrow-down:before{
	display: inline-block;
	margin-right: 1.125rem; width: .875rem; height: .5rem;
	background: url(./img/tunnel/arrow-down-green.svg) no-repeat;
	content: '';
}

.with-arrow-up:before{
	display: inline-block;
	margin-right: 1.125rem; width: .875rem; height: .5rem;
	background: url(./img/tunnel/arrow-up-green.svg) no-repeat;
	content: '';
}

.formulaire .select_country{
	margin: .75rem 0 1.75rem;
}

.question button{
	width: 2.25rem; height: 2.25rem;
	color: #64E61E;
	/*border-radius: .3rem;*/
	background: url(./img/tunnel/arrow-down-green.svg) #23282C no-repeat 50%;
	background-size: 1rem;
}

.displayed .question button{
	background: url(./img/tunnel/arrow-up-white.svg) #64E61E no-repeat 50%;
	background-size: 1rem;
}

section {
	margin: 0;
}

section div.checkbox label::before {
	border: 0;
	content: none;
}

section .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after {
    content: none;
}

span.label{
	font-family: "Gotham Light",Helvetica,Arial,sans-serif;
	text-transform: none;
}

span.button-spinner {
	display: none;
}

.sidebar {
	top: 241px;
}

.details {
    cursor: inherit;
}

.readonly {
	background-color: #d8d8da;
}

#summaryPanel .details > span:first-child {
	margin-right: 1rem;
}