@font-face {
	font-family: 'astera';
	src: url('../fonts/FSJoey.eot');
	src: local('☺'), url('../fonts/FSJoey.woff') format('woff'), url('../fonts/FSJoey.ttf') format('truetype'), url('../fonts/FSJoey.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'astera-light';
	src: url('../fonts/FSJoey-Light.eot');
	src: local('☺'), url('../fonts/FSJoey-Light.woff') format('woff'), url('../fonts/FSJoey-Light.ttf') format('truetype'), url('../fonts/FSJoey-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/Roboto.ttf') format('truetype');
}
@font-face {
	font-family: 'Museo';
	src: url('../fonts/MuseoSans-700.eot');
	src: local('☺'), url('../fonts/MuseoSans-700.woff') format('woff'), url('../fonts/MuseoSans-700.ttf') format('truetype'), url('../fonts/MuseoSans-700.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'monserrat';
	src: url('../fonts/Montserrat-Regular.eot');
	src: local('☺'), url('../fonts/Montserrat-Regular.woff') format('woff'), url('../fonts/Montserrat-Regular.ttf') format('truetype'), url('../fonts/Montserrat-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Museo300';
	src: url('../fonts/MuseoSans-300.eot');
	src: local('☺'), url('../fonts/MuseoSans-300.woff') format('woff'), url('../fonts/MuseoSans-300.ttf') format('truetype'), url('../fonts/MuseoSans-300.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Museo100';
	src: url('../fonts/MuseoSans-100.eot');
	src: local('☺'), url('../fonts/MuseoSans-100.woff') format('woff'), url('../fonts/MuseoSans-100.ttf') format('truetype'), url('../fonts/MuseoSans-100.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}



.modal_content_cgv_body .form-content {
	width: auto !important;
	color: white !important;
}

.modal_content_cgv {
	height: 300px;
	overflow-y: scroll;
}

div#preload {
	display: none;
}

body {
	max-width: 100%;
	background: #FFFFFF !important;
	font-family:"astera",sans-serif;
	color: #ffffff !important;
}

html {
	max-width: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

.logo_header {
	max-width: 300px;
}

.logo_header_left {
	max-width: 150px;
}

textarea {
    resize: none;
}
.messageIE{
	background-color:#ffffff;
}
select, input, textarea {
	border-radius: 0px !important;
	-webkit-appearance: none;
  	-webkit-border-radius: 0px;
}

input[type=checkbox]{
	-webkit-appearance: checkbox;
}
#modal_fillinfos {
    bottom: inherit;
    position: absolute;
    top: 20px;
}
#modal_fillinfos .header img {
	width: 100px;
}
.textarea-contact {
	width: 100%;
	max-width: 100%;
}

.col-payment-type {
	margin: 20px 0;
}

.address-billing-bloc {
	border-left: 1px solid #C0341A;
}

.bloc-yesno-bonus label {
	margin-top: 5px;
}

.bloc-yesno-bonus {
	display:inline-block;
	height: 35px;
}

.bloc-yesno-bonus input {
	display:inline-block;
	max-width: 150px;
}
.form-control:focus{
	border: 1px solid #C0341A;
}

#select_delivery_location_type:focus {
	background: url('../img/black-arrow.png') no-repeat right white !important;
}

#link-logo, #link-logo:hover {
	text-decoration: none;
	color: #626362;
}

/*.nav-button-home {
	width: 10%;
	max-width: 180px;
}*/

.hidden {
	display: none;
}

.nav-button:nth-child(-n+5) {
	width: 33.33% !important;
}

.nav-button {

	/*width: 20% !important;*/
	/*min-width: 100px;*/
}

/*#modal_delete_confirm {
	position: absolute;
	top: -50px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	height: 150px;
}*/

.block-link-inactive:active {
	color: gray !important;
	text-decoration:none !important;
}

.block-link-active:active {
	color: white !important;
	text-decoration:none !important;
}

.block-link {
	background-color: #272727;
	color: gray;
	height: 205px;
	display:block;
	text-align: center;
	text-transform: uppercase;
	padding-top: 60px;
	font-size: 20px;
	transition: none 0s ease 0s !important;
}

.block-link:hover{
	color: gray;
	text-decoration: none;
}

.block-link-active:hover{
	color: white;
	text-decoration: none;
}

.block-link-active {
	background-color: #C0341A;
	color: white;
}


.block-link p {
	margin-top: 7px;
	font-size: 17px;
	font-family: Helvetica, sans-serif !important;
}

.block-link .icon {
	height: 60px;
	margin-top: -5px;
}

.block-link .icon-1 img {
	margin-top: 10px;
}



.block-link-account-inactive:hover .icon-user-account {
	background-image: url('../img/pictoMonCompte.png');
}

.block-link-account-inactive:hover {
	color: white;
}

.block-link-account-active .icon-user-account {
	background-image: url('../img/pictoMonCompte.png');
	background-repeat: no-repeat;
	background-position: center;
}

.block-link-account-inactive .icon-user-account {
	background-image: url('../img/pictoMonCompteInactif.png');
	background-repeat: no-repeat;
	background-position: center;
}



.block-link-orders-inactive:hover .icon-user-orders {
	background-image: url('../img/pictoHistoriqueDesCommandes.png');
}

.block-link-orders-inactive:hover {
	color: white;
}

.block-link-orders-active .icon-user-orders {
	background-image: url('../img/pictoHistoriqueDesCommandes.png');
	background-repeat: no-repeat;
	background-position: center;
}

.block-link-orders-inactive .icon-user-orders {
	background-image: url('../img/pictoHistoriqueDesCommandesInactif.png');
	background-repeat: no-repeat;
	background-position: center;
}

input {
	border-radius: 0px !important;
	/*border: none !important;*/
	box-shadow: none !important;
}

sup {
	font-size: 0.6em;
}

.btn {
	border-radius: 0px;
	font-family: Helvetica, sans-serif !important;
	white-space: normal !important;
}

.modal-body .btn.btn-info, .modal-body .btn-success, .modal-body .btn-success:hover {
	background-color: #C0341A !important;
}

#app-layout .btn.btn-info {
	background-color: #C0341A !important;
}

.btn-warning, .btn-warning:hover {
	background-color: #C0341A;
	border: 1px solid #C0341A;
}

.btn-primary, .btn-primary:hover {
	color: white;/*#ACACAC*/
	background-color: #C0341A !important;
	border: 1px solid #272727;
}


.control-group {
	display: inline-block;
	width: 200px;
	height: 210px;
	margin: 10px;
	padding: 30px;
	text-align: left;
	vertical-align: top;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

.control {
	font-size: 13px;
	position: relative;
	display: block;
	margin-bottom: 20px;
	padding-top: 3px;
	padding-left: 25px;
	cursor: pointer;
}

.control input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}

.control__indicator {
	position: absolute;
	top: 2px;
	left: 0;
	width: 20px;
	height: 20px;
	background: white;
}

.control--radio .control__indicator {
	border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
	background: white;
}

/* Checked state */
.control input:checked ~ .control__indicator {
	background: white;
}

/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
	background: white;
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
	pointer-events: none;
	opacity: .6;
	background: yellow;
}
.help-block strong{
	color:#555555;
}
/* Check mark */
.control__indicator:after {
	position: absolute;
	display: none;
	content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
	display: block;
}

/* Checkbox tick */
.control--checkbox .control__indicator:after {
	top: 4px;
	left: 8px;
	width: 3px;
	height: 8px;
	transform: rotate(45deg);
	border: solid black;
	border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
	border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
	top: 25%;
	left: 25%;
	width: 50%;
	height: 50%;
	border-radius: 50%;
	background: #C0341A;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
	background: #7b7b7b;
}
.modal-dialog {
  width: 100%;
  display: flex;
  align-items: center;
  height: 100%;
}

.modal-content {
  margin: 0 auto;
}

.passtime-idweek {
	-moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(100%);
	filter: gray;
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.thumbnail-ce-passtime-idweek:hover .passtime-idweek {
	-moz-filter: none;
	-o-filter: none;
	-webkit-filter: none;
	filter: none;
	filter: none;
}

.thumbnail-ce-passtime-idweek .passtime-idweek-front {
	display:none;
}

.thumbnail-ce-passtime-idweek:hover .passtime-idweek-front {
	display:block;
}

.container-general {
	margin-top:0px !important;
	margin-bottom:20px;
}

.container.container-general {
background: #fff;
margin: 20px auto;
padding: 20px;
color: black;
}

.container.container-general .h1, .container.container-general h1 {
font-size:28px;
}
.container.container-general .h2, .container.container-general h2 {
font-size: 22px;
}
.container.container-general .h3, .container.container-general h3 {
font-size: 18px;
}

#topPageFixed {
	border: 1px solid #AFB1B5;
	width :39px;
	height: 39px;
	background-color: white;
	background-image: url('../img/arrow-top.jpg');
	background-repeat: no-repeat;
	background-position: 6px 10px;
	position: fixed;
	bottom: 450px;
	right: 50px;
	cursor: pointer;
}

.crossout_price {
	text-decoration: line-through;
	color: #b7B4B7;
}

.price_separator {
	color: #ffffff;
	margin-left: 3px;
}

/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url('../img/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
.jssora22l.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../img/a22.png') center center no-repeat;
    overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }


.prehome-links {
	background-color: #3376ba;
	padding: 10px;
	margin-bottom: 10px;
}
.prehome-link img{
	display: block;
    margin: 0 auto 5px;
}
.prehome-link {
	background-color: #ffffff;
    display: inline-block;
    height: 90px;
    margin-right: 6px;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    width: calc(100% / 3 - 6px);
}

.prehome-link:last-child {
	margin-right: 0px;
}

.prehome-link a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
	padding: 12px 25px;
	text-align: center;
	font-size: 12px;
	cursor:pointer;
}



	.prehome-links-2 {
		background-color: #1F54A8;
		padding: 10px;
		margin-bottom: 10px;
	}

	.prehome-link-2 {
		background-color: #ffffff;
	    display: inline-block;
	    height: 50px;
	    margin-right: 10px;
	    text-align: center;
	    text-transform: uppercase;
	    vertical-align: top;
	    width: calc(100% / 2 - 7px);
	}

	.prehome-link-2:last-child {
		margin-right: 0px;
	}

	.prehome-link-2 a {
		display: inline-block;
		width: 100%;
		height: 100%;
		color: white;
		text-decoration: none;
		padding: 5px 25px;
		text-align: center;
		font-size: 12px;
	}

.prehome-title-blocs {
	background-color: #ffffff;
    color: white;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 25px;
    padding: 10px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.prehome-images {
	margin-bottom: 10px;
}
.prehome-image {
	display:inline-block;
	width: calc(100% / 3);
	text-align: center;
	text-transform: uppercase;
}

.prehome-image:last-child {
	margin-right: 0px;
}

.prehome-image a {
	display: inline-block;
	width: 100%;
	height: 100%;
	color: white;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
}

.prehome-image a img {
	width: 100%;
	height: 100%;
}


.popup-cbt-title {
	color: #000;
    display: inline-block;
    font-family: montserrat,arial,sans-serif;
    font-size: 22px;
    font-weight: bolder;
    line-height: 24px;
    margin: auto auto 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.popup-cbt-desc {
	color: #ffffff;
    display: inline-block;
    font-family: "museo300",arial,sans-serif;
    font-size: 17px;
    margin: auto;
    text-align: center;
    width: 100%;
}

.popup-cbt-ou {
	color: #ffffff;
    display: inline-block;
    font-family: "monserrat",arial,sans-serif;
    font-size: 28px;
    margin: auto;
    text-align: center;
    width: 100%;
}

.popup-cbt-call {
	color: #ffffff;
    display: inline-block;
    font-family: "museo",arial,sans-serif;
    font-size: 18px;
    margin: auto;
    text-align: center;
    width: 100%;
}

.input_phones {
	margin: 10px 0 10px 0;
	text-align:center;
}

.input_phone {
	border: 1px solid red;
	font-size: 17px;
	text-align: center;
	width: 50px !important;
	color: #000000;
}
#subscribe_modal .modal-body {
    padding-right: 40px;
}

.modal-body.modal-body-login {
	padding: 0 15px 15px;
}

.modal-body-login .btn-callback {
	background-color: #5686D2;
	width: 120px !important;
	text-align: center;
	padding: 5px !important;
	margin-top: 10px;
	font-size: 18px !important;
}

@media (max-width: 1170px) {
	#topPageFixed {
		display: none;
	}
}
@media (max-width: 1170px) {
	#topPageFixed {
		display: none;
	}
}

.thumbnail-next-sell {
	cursor: pointer;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
    background-color: #ffffff !important;
}

.form-control::-moz-placeholder {
	color: #555555 !important;
}


.row-thumnail-category {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 10px;
}

.col-thumnail-category {
	padding-left: 3px;
	padding-right: 3px;
}

.row-thumnail-ventesprivees .col-md-6.col-thumnail-category:nth-child(odd),
.row-thumnail-voyage .col-md-6.col-thumnail-category:nth-child(odd),
.row-thumnail-bonsplans .col-md-6.col-thumnail-category:nth-child(2n+2) {
	padding-right: 5px;
}

.row-thumnail-ventesprivees .col-md-6.col-thumnail-category:nth-child(even),
.row-thumnail-voyage .col-md-6.col-thumnail-category:nth-child(even),
.row-thumnail-bonsplans .col-md-6.col-thumnail-category:nth-child(2n+3) {
	padding-left: 5px;
}

.col-detail-icon {
	display: none;
	width: 40px;
	padding: 0px;
	margin: 14px 10px 0 0;
}

.bloc-detail-icon {
	background-color: #ffffff;
	width: 45px;
	height: 45px;
}

.caption .col-detail-text {
    display: block;
    float: left;
    height: 54px;
    margin-top: 5px !important;
    width: calc(100% - 100px) !important;
}

.btn-orange-login {
	padding: 0px 10px !important;
	height: 35px !important;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
    	background: url('../img/picotIdentifiant.png') no-repeat;
	background-position:  15px 8px;
}


.bloc-input {
	height: 35px;
	margin-bottom: 5px;
}


.icon-input-id {
	margin-top: -57px;
	margin-left: 15px;
}

.icon-input-mdp {
	margin-top: -57px;
	margin-left: 15px;
}

.modal-body-login .form-content > div {
	color: #000000 !important;
}

.modal-body-login .input_phone {
    font-size: 26px !important;
    padding: 2px 6px !important;
}

.modal-body-login input {
	background-color: #FAFAFA;
    border: 1px solid #C0341A;
    border-radius: 0;
    font-family: Helvetica, sans-serif !important;
    font-size: 15px;
    padding: 6px 10px 6px 35px !important;
    width: 100%;
    color:#000000;
}
.obligatoire{
	margin-bottom:20px;
	font-size:10px;
}
.obligatoire img{
	margin-right:5px;
}

.modal-body-login a {
	color: #ffffff !important;
}

.modal-body-login .form-phrase {
	color: #C0341A;
	font-family: Helvetica, sans-serif !important;
	font-size: 18px;
}

.modal-body-login .header {
	text-align: center;
	margin-top: 20px;
}

.modal-body-headband {
	background-color: #E9EEF2;
	text-align:center;
	padding: 20px 10px;
}

.modal-body-headband img {
	margin: 5px;
}

.modal-body-login .separator {
	border-top:2px solid #d9dada;
	margin-top: 30px;
	margin-bottom: 0px;
}

.modal-body-login .bienvenue {
	max-width: 80px;
	margin: 0 auto;
	background-color: #FFFFFF;
	text-align: center;
	color: #C0341A;
	font-family: Helvetica, sans-serif !important;
}

.modal-body-login button.close {
	color: #C0341A !important;
}

.modal-body-login .bienvenue-text {
	color:#000000 !important;
}


.modal-body-login .separator-img img {
	display:block;
}

.modal-body-login .separator-img {
	margin:auto;
	/* background-color: #C0341A !important; */
	margin-top:-11px;
	width: 43px;
	padding: 5px;
}

.modal-body-login .form-content {
	width: 80%;
	margin:auto;
}

.modal-body-login .header p {
	font-size: 1.7em;
	color: #C0341A;
}


.modal-body-login .header img {
	width: 116px;
	margin-bottom: 20px;
}

@media (min-width: 990px) {
	.bloc-left {
		padding-right: 5px;
	}

	.bloc-right {
		padding-left: 5px;
	}

}

.row-header-image {
	margin-bottom: 12px;
}

.container-list > .row > div > .thumbnail{
	margin-bottom: 10px;
}

.row-img-line {
	margin-bottom: 12px;
}

.detail-quantity {
	color: #000000 !important;
	text-transform: uppercase;
	font-family: 'astera', Arial;
}

.detail-quantity p {
	padding: 0px !important;
	margin-bottom: 3px;
}

.detail-quantity {
	margin-top: 20px;
}

#detail-title {
	font-family: Arial;
	font-weight: bold;
	font-size: 18px;
	color: black;
	text-transform: uppercase;
}

#detail-price {
	font-family: Arial;
	font-weight: normal;
	font-size: 20px;
	color: black;
	text-transform: uppercase;
	margin-top: 15px;
}

#detail-content {
	font-family: Arial;
	font-weight: normal;
	font-size: 14px;
	color: black;
}

.product-sort {
	-moz-appearance: none;
   width: 240px;
   height: 30px;
   overflow: hidden;
   background: url('../img/black-arrow.png') no-repeat right  white;
   background-position: 209px 0px;
   border: 1px solid black;
   padding: 0px 5px;
   color: black;
   border-radius: 0px !important;
   -webkit-appearance: none;

   -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.product-sort:focus {
	background: url('../img/black-arrow.png') no-repeat right  white;
	border: 1px solid #C0341A;

	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.product-sort-icon {
	height: 300px;
	width: 300px;
}

.product-sort:after {
	content: '<div class="product-sort-icon"></div>';
}

.next-button {

}

.previous-button {
	-webkit-transform: scale(1) rotate(-180deg);/* Agrandissement de la photo à l'échelle 1.4 et rotation de -10 degrés */
    -moz-transform: scale(1) rotate(-180deg);
    -o-transform: scale(1) rotate(-180deg);
    transform: scale(1) rotate(-180deg);
}

.next-sell {
}

.next-sell p {
	background-color: #C0341A;
	font-family: 'astera';
	color: white;
	font-size: 2em;
	line-height: 1.3em;
	text-align: center;
	height: 247px;
	padding-top: 90px;
}

.row-next {
	padding-left: 12px;
	padding-right: 12px;
}

.bloc-next {
	padding-left: 3px;
	padding-right: 3px;
}

.line-product-result {
	margin-top: 10px;
	margin-bottom: 10px;
}

.line-product-result {
	min-height: 50px;
}

.line-product-result div {
	min-height: 30px;
}


.product-results {
	color: #ffffff;
	font-size: 1.3em;
	font-weight: bold;
}

.product-results p {
	margin-top: 10px;
	color: #ffffff;
}

.product-sort {
	margin: auto;
	cursor: pointer;
	margin-top: 8px !important;
}

.pagination-products {
	float: right;
	padding: 0px;
	margin: 8px -5px 0 0;
	height: 30px;
}

.pagination-products li.previous a, .pagination-products li.next a {
	background-color: transparent !important;
	border: 0px solid white !important;
	color: black;
}

.pagination-products li.next a, .pagination-products li.next:hover a {
	margin-right: 0px !important;
	padding-right: 0px;
}

.pagination-products li.previous a, .pagination-products li.previous:hover a {
	margin-left: 0px !important;
	padding-left: 0px;
}

.pagination-products li {
	width: 30px;
	height: 30px;
	padding: 0;
	text-align:center;
}

.pagination-products li a {
	margin: 0 5px 0 0 !important;
	border-radius: 0px !important;
	border: 1px solid black;
	background-color: white;
	color: black;
	width: 30px;
	height: 30px;
	padding: 0px;
	padding-top: 4px;
}

.pagination-products li:hover a {
	margin: 0 5px 0 0 !important;
	border-radius: 0px !important;
	border: 1px solid #000000;
	background-color: white;
	color: #000000;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover{
	background-color: #C0341A !important;
	border: 1px solid #C0341A;
}
.pagination-products li.active a, .pagination-products li.active:hover a {
	margin: 0 5px 0 0 !important;
	border-radius: 0px !important;
	border: 1px solid black;
	background-color: #C0341A;
	color: #FFFFFF;
}


.pagination-products li:last-child a, .pagination-products li:last-child:hover a {
	margin-right: 0px !important;
}
/*
.pagination-products li a {
	margin: 5px 0;
}

.pagination-products li.active a {
	margin: 5px 0;
}
*/
.cart-arrow {
	position: absolute;
	width: 10px;
	height: 20px;
	padding: 0px;
	margin-top: 92px;
}

.cart-arrow-1 {
	margin-left: 222px;
}

.cart-arrow-2 {
	margin-left: 452px;
}

.cart-arrow-3 {
	margin-left: 681px;
}

@media (min-width: 1200px) {

	.cart-arrow-1 {
		margin-left: 225px;
	}

	.cart-arrow-2 {
		margin-left: 460px;
	}

	.cart-arrow-3 {
		margin-left: 695px;
	}
}



.cart-arrow img {
	margin: 0px;
	display:inline-block;
	height: 100%;
}

.container {
	max-width: 990px !important;
	padding-left:5px;
	padding-right:5px;
}

.container-list {
	margin-top: 0 !important;
}

.btn_remove_product {
	background-color: transparent;
	border: none;
	height: 18px;
	width: 17px;
	background-image: url('../img/pictoSupprimerArticle.png');
	background-repeat: no-repeat;
}

.btn_remove_product:hover {
	background-image: url('../img/PictoCorbeilleHover.png');
}

.good-promocode {
	border: 1px solid #C0341A;
}

.navbar {
	font-family: 'Roboto', Arial, sans-serif !important;
}

.navbar-nav-bottom {
	display: flex;
	align-items: center;
}

.navbar-nav-bottom > li > a {
	font-size: 16px !important;
}

footer {
	font-family: 'Roboto', Arial, sans-serif !important;
}

#footer-infos .list-link,
#footer-infos .list-link li span,
#footer-links a {
	font-family: 'Roboto', Arial, sans-serif !important;
}

h3 {
	text-transform: uppercase;
	font-family: Helvetica, sans-serif !important;
}

label, input, select {
	font-family: Helvetica, sans-serif !important;
}

.form-group .btn-success,
.form-group .btn-success:hover {
	background-color: #C0341A !important;
}

.btn-list {
	border: 1px solid rgb(64,64,64);
	color: rgb(64,64,64);
	text-transform: uppercase;
	border-radius: 0px;
}

/** The Magic **/
.btn-breadcrumb {
	width: 100%;
}

.product-top {
	padding-left: 10px !important;
}

.btn-top-page {
	color: white;
	background-color: #C0341A;
	border-radius: 0px;
	padding: 7px 7px;
	margin-top: 8px;
	height: 30px;
	text-transform: uppercase;
	font-family: 'astera', Arial;
	font-size: 11px;
	line-height: 13px;
}

.toTop.btn.btn-top-page:hover {
	background-color: #C0341A !important;
}

.btn-orange {
	color: #FFFFFF;
	text-transform: uppercase;
	background-color: #C0341A;
	border-radius: 0px;
	padding: 10px 15px 10px 15px;
	font-family: 'astera', Arial;
	height: 40px;
	font-size: 12px;
	line-height: 23px;
}

.btn-orange:hover {
	color: white;
}

.btn-orange:focus {
	color: white;
	box-shadow: none;
}

#col-product-detail #detail-button {

}

.content_detail {
	padding-top: 60px;
}

.btn_add_product {
	width: 25px;
	height: 25px;
	border-radius: 0;
	background-color: black;
	border: 1px solid black;
	position: absolute;
	right: 10px;
	bottom: 20px;
}

.btn_close_detail {
	width: 20px;
	height: 20px;
	border-radius: 0;
	background-color: black;
	border: 1px solid black;
	position: absolute;
	right: 0px;
	top: 0px;
	padding-top: 0px;
}

.btn_close_detail:hover {
	background-color: #ffffff;
	border: 1px solid #C0341A;
}


.btn_close_detail:focus {
	background-color: #ffffff;
	border: 1px solid #C0341A;
}

.btn_close_detail i {
	margin-top: -3px !important;
}

.thumbnail-product:hover .btn_add_product, .thumbnail-product-active .btn_add_product {
	background-color: #ffffff;
	border: 1px solid #C0341A;
}

.thumbnail-product:hover, .thumbnail-product-active {
	border: 1px solid #C0341A !important;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
}

.thumbnail-product {
	padding: 10px;
	border-radius: 0px !important;
	border: 3px solid white;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    cursor: pointer;
    margin: 0px;
    margin-bottom: 20px;
    max-height: 316px;
    border: 1px solid #eeeeee;
}

.col-thumbnail-product {

}

#col-product-detail .thumbnail {
	padding: 0px;
}



.thumbnail-product-detail div:first-child {
	padding: 0px;
}

.thumbnail-product-detail {
	border: 1px solid #C0341A;
	background-color: white;
	border-radius: 0px;
/*	min-height: 400px;*/
}

.thumbnail-product-detail div img {
	/* 394 - 5*2 marge*/

	/*max-height:384px;*/
	height: auto;
	display:block;
	border: 0 !important;
	margin:auto;
	margin:5px;
}
.thumbnail-product .caption {
	padding: 0px 15px;
}
.thumbnail-product-left p:first-child {
	display: inline-block;
	text-transform: none;
	margin: 10px 0 0 0px;
	font-family: Arial;
	font-weight: bold;
	font-size: 15px;
	color: black;
	width: 100%;
}
.thumbnail-product-left p {
	margin: 10px 0 0 0;
	color: black;
	font-size: 1em;
}
.thumbnail-product-left {
	padding: 0px;
}
.thumbnail-product-right {
	padding: 0px;
}
.thumbnail-product-right a {
	margin: 18px 0 0 0px;
	max-width: 200px;
	float: right;
}
.thumbnail-ce img {
	width: 100%;

}
.thumbnail-ce-mini .img {
	height: 166px;
	background-color: gray;
}

.thumbnail-ce-mini p {
	white-space: nowrap;
}

.thumbnail-ce-mini .img {
	background-position: center;
    background-size: cover;
}

.thumbnail-ce-decouverte .img {
	background-position: center;
    background-size: cover;
    height: 265px;
	background-color: gray;
}

.row-thumnail-voyage .thumbnail-ce .img-home {
	background-position: center left;
}

.thumbnail-ce .img-home {
	background-position: top left;
  background-size: cover;
	background-color: gray;
	width: 100%;
}

.thumbnail-ce .img-large {
	width: auto;
	height: 340px;
	position: relative;
}

.thumbnail-ce .img-moitiepetit {
	width: auto;
	height: 205px !important;
}

.thumbnail-ce .img-moitiemoyen {
	width: auto;
	height: 205px !important;/*265*/
}

.thumbnail-ce .img-moitiegrand {
	width: auto;
	height: 420px !important;
}


.product_passtime_buy {
	height: 531px !important;
	cursor: pointer;
}

.thumbnail-ce {
	padding: 0px;
	border-radius: 0px;
	margin-bottom: 10px;
	position:relative;
	border: 0 !important;
}

.thumbnail-ce-category {
	border: 1px solid red;
}

.thumbnail-ce .caption {
	padding: 0px 15px;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.thumbnail-ce .caption.TexteIdilliz {
	bottom: 4px !important;
}

.thumbnail-ce-left h3 {
	font-family: Helvetica, sans-serif !important;
	font-size: 12px;
	text-transform: none;
	margin: 0px 0 12px 0;
	color: #ffffff !important;
	/*white-space:nowrap;*/
	/*overflow: hidden;*/
}

.thumbnail-ce-left.col-detail-text h3 {
	font-size: 14px !important;
	margin-top: 26px !important;
}

.informationTitre .thumbnail-ce-left h3 {
	white-space: nowrap;
}

.caption.TexteIdilliz .thumbnail-ce-left h3 {
	margin: 0 !important;
}

.thumbnail-ce-left p {
	color: #ffffff;
  font-size: 10px;
  margin: 0;
  /*overflow: hidden;*/
  /*white-space: nowrap;*/
  /*width:calc(100% - 160px);*/
  font-family: Helvetica, sans-serif !important;
  min-height: 0 !important;
}
.thumbnail-ce-mini .thumbnail-ce-left p{
	width:100%;
}

.thumbnail-ce-left {
	padding: 0 0 0 10px;
}

.thumbnail-ce-right {
	padding: 0px;
	width: 160px;
}

.thumbnail-ce-right a {
	margin: 18px 0 0 0px;
	max-width: 200px;
	float: right;
}

.informationTime {
	position: absolute;
	width: 100%;
	height: 30px;
	background-color: rgba(0,0,0,0.3);
}

.informationTitre {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 40px;
	background-color: rgba(0,0,0,0.4);
}

.thumbnail-promo {
	color: white;
    /*height: 64px;*/
    min-width: 100px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 7px;
    line-height: 64px;
}

.thumbnail-promo-home {
	/*height: 40px;*/
	position: absolute;
	padding: 0 5px;
	color: white;
	top: 1px;
	right: 26px;
	/*background-color: #ffffff;*/
	font-family: Helvetica, sans-serif !important;
}
.thumbnail-promo p, .thumbnail-promo-home p {
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.7rem;
}
.thumbnail-promo-home {
    color: white;
    /*height: 40px;*/
    line-height: 64px;
    margin: 0;
    padding: 0 10px;
    position: absolute;
}
.thumbnail-ce-home {
	position: relative;
	padding: 0 !important;
	border: none !important;
}

.thumbnail-ce-decouverte .thumbnail-promo {
	top:11px !important;
	right: 26px !important;
}

.thumbnail-promo-home {
	top: 7px !important;
	right: 0 !important;
}

.thumbnail-time {
	width: 200px;
	/*height: 64px;*/
	/*background-color: #636463;*/
	/*background-image: url('../img/bg-time.png');*/
	background-repeat: no-repeat;
	background-size: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.thumbnail-time:after {
	width: 0;
	height: 0;
	border-top: 100px solid red;
	border-left: 100px solid transparent;
}

.thumbnail-ce-home .thumbnail-time {
	top: 0;
	left: 0;
}

.thumbnail-time img {
	width: 16px;
	height: 16px;
	margin-top: 7px;
	margin-left: 10px;
	float: left;
}

.thumbnail-time p {
	font-family: Helvetica, sans-serif;
	text-transform: uppercase;
	color: white;
	float: left;
	/*width: 100px;*/
	/*height: 43px;*/
	margin-top: 8px;
	font-size: 0.8em;
	margin-left: 10px;
	margin-bottom: 0 !important;
	white-space: nowrap;
}

.thumbnail-time p span {
	font-size: 1.4em;
	font-weight: bold;
}







.thumbnail-ce-mini .thumbnail-time {
	width: 128px;
	height: 50px;
	padding-top: 5px;
	position: absolute;
}

.thumbnail-ce-mini .thumbnail-time img {
	width: 20px;
	height: 20px;
	margin-top: 5px;
	margin-left: 5px;
}

.thumbnail-ce-mini .thumbnail-time p {
	text-transform: uppercase;
	color: white;
	text-align: center;
	float: left;
	width: 77px;
	height: 20px;
	margin-top: 8px;
	margin-left: 5px;
	font-size: 0.9em;
}

.thumbnail-ce-mini .thumbnail-time p span {
	font-size: 1em;
	font-weight: 500;
}





.btn-breadcrumb .btn:not(:last-child):after
{
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 20px solid white;
  position: absolute;
  top: 50%;
  margin-top: -35px;
  left: 100%;
  z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before
{
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 20px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -35px;
  margin-left: 1px;
  left: 100%;
  z-index: 3;
}


.btn-breadcrumb-past, .btn-breadcrumb-past:hover {
	background-color: #2F3031;
}

.btn-breadcrumb .btn-breadcrumb-past a {
	color: white !important;
}

.btn-breadcrumb-active, .btn-breadcrumb-active:hover {
	background-color: #ffffff;
}

.btn-breadcrumb .btn-breadcrumb-active a {
	color: white !important;
}

.btn-breadcrumb-future, .btn-breadcrumb-future:hover {
	background-color: rgb(150,150,150);
}

.btn-breadcrumb .btn-breadcrumb-future a {
	color: white !important;
}

.btn-breadcrumb .btn a {
	background-color: rgb(73,73,73) !important;
}


.btn-breadcrumb-active:not(:last-child):after
{
	border-left: 20px solid #C0341A !important;
}

.btn-breadcrumb-past:not(:last-child):after
{
	border-left: 20px solid #2F3031 !important;
}

.btn-breadcrumb-future:not(:last-child):after
{
	border-left: 20px solid rgb(150,150,150) !important;
}



.btn-breadcrumb-past img, .btn-breadcrumb-active img, .btn-breadcrumb-future img {
	height: 27px;
}

.btn-breadcrumb-past, .btn-breadcrumb-future {
	width: 22% !important;
}

.btn-breadcrumb-active {
	width: 34% !important;
}

.btn-breadcrumb-custom p {
	text-transform: uppercase;
	margin-top: 3px;
	color: white;
	font-size: 0.8em;
}

.btn-breadcrumb-step-1 a:first-child img, .btn-breadcrumb-step-1 a:first-child p {
	margin-left: 20px;
}

.btn-breadcrumb-step-1 a:nth-child(2) img, .btn-breadcrumb-step-1 a:nth-child(2) p {
	margin-left: 20px;
}

.btn-breadcrumb-step-1 a:nth-child(3) img, .btn-breadcrumb-step-1 a:nth-child(3) p {
	margin-left: 20px;
}

.btn-breadcrumb-step-2 a:first-child img, .btn-breadcrumb-step-2 a:first-child p {
	margin-left: 20px;
}

.btn-breadcrumb-step-2 a:nth-child(2) img, .btn-breadcrumb-step-2 a:nth-child(2) p {
	margin-left: 20px;
}

.btn-breadcrumb-step-2 a:nth-child(3) img, .btn-breadcrumb-step-2 a:nth-child(3) p {
	margin-left: 20px;
}

.btn-breadcrumb-step-3 a:first-child img, .btn-breadcrumb-step-3 a:first-child p {
	margin-left: 20px;
}

.btn-breadcrumb-step-3 a:nth-child(2) img, .btn-breadcrumb-step-3 a:nth-child(2) p {
	margin-left: 20px;
}

.btn-breadcrumb-step-3 a:nth-child(3) img, .btn-breadcrumb-step-3 a:nth-child(3) p {
	margin-left: 20px;
}

.btn-breadcrumb-step-4 a:first-child img, .btn-breadcrumb-step-4 a:first-child p {
	margin-left: 20px;
}

.btn-breadcrumb-step-4 a:nth-child(2) img, .btn-breadcrumb-step-4 a:nth-child(2) p {
	margin-left: 20px;
}

.btn-breadcrumb-step-4 a:nth-child(3) img, .btn-breadcrumb-step-4 a:nth-child(3) p {
	margin-left: 20px;
}



/** The Spacing **/
.btn-breadcrumb .btn
{
width: 25%;
height: 70px;
padding-top: 18px;
}
.btn-breadcrumb .btn:first-child
{
padding:18px 6px 6px 10px;
}
.btn-breadcrumb .btn:last-child
{
padding:18px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after
{
border-left: 20px solid #fff;
}
.btn-breadcrumb .btn.btn-default:not(:last-child):before
{
border-left: 20px solid #ccc;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after
{
border-left: 20px solid #ebebeb;
}
.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before
{
border-left: 20px solid #adadad;
}








.bloc-payment {
	display:inline-block;
	float: left;
	width: 90px;
	text-align: center;
}

.row-step4-price {
	margin: 30px 0;
}

.cart-step4-price-label {
	color: #ffffff;
	text-transform: uppercase;
	text-align: right;
	padding-top: 3px;
}

.cart-step4-price {
	border: 1px solid #C0341A;
	color: #ffffff;
	font-weight: bold;
	font-size: 1.5em;
	background-color: white;
	text-align: center;
	padding: 10px;
}

.order-price {
	font-size: 1.5em;
	text-transform: uppercase;
	width: 100%;
	text-align: right;
}

.order-price-number {
	background-color: white;
	font-weight: bold;
	padding: 5px;
}

.order-price-bonus {
	color: #ffffff;
}

.codepromo-price-number, .order-price-number, .bonus-price-number {
	display: inline-block;
	min-width: 100px !important;
	color:#000000;
}

.codepromo-price {
	font-size: 1.3em;
	text-transform: uppercase;
	width: 100%;
	text-align: right;
}

.codepromo-price-number {
	background-color: white;
	padding: 5px;
}

.codepromo-bonus {
	color: #ffffff;
}

.bonus-price {
	font-size: 1.3em;
	text-transform: uppercase;
	width: 100%;
	text-align: right;
	color: #C0341A !important;
}

.bonus-price-number {
	background-color: white;
	padding: 5px;
}

.bonus-bonus {
	color: #ffffff;
}

.address-info {
	text-transform: uppercase;
	font-size: 1.1em;
	font-family: Helvetica, sans-serif !important;
}

.address-info .title {
	font-weight: bold;
	color: #ffffff;
}
.bonus-info {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
}

.bonus-info span {
	color: #ffffff;
}

#remain_bonus {
	color: #ffffff ;
}

.table-order {
	background-color: white;
	color: #252525;
}

.table-order th {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}

.table-order td:nth-child(2), .table-order td:nth-child(3), .table-order td:nth-child(4), .table-order th:nth-child(2), .table-order th:nth-child(3), .table-order th:nth-child(4) {
	text-align:center;
}

.table-order td:nth-child(2) {
	background-color: #cccccc;
	font-weight: bold;
}

.table-order td:nth-child(3) {
	background-color: #aeaeae;
	font-weight: bold;
}

.table-order td:nth-child(4) {
	background-color: #8c8c8c;
	font-weight: bold;
}

.table-order td:nth-child(4) {
	border-left: 2px solid #252525;
	border-right: 2px solid #252525;
}

.table-order tr:nth-child(1) {
	border-bottom: 0px solid #252525;
	background-color: #e3e3e3;
}

.table-order tr {
	border-bottom: 2px solid #252525;
}
.table-cart {
	background-color: white;
	color: #252525;
	font-family: Helvetica, sans-serif;
}

.table-cart th {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: normal;
	background-color: #333333;
	color: white;
	border-top: 0px solid white !important;
}

.table-cart td {
	text-transform: uppercase;
}

.table-cart td:nth-child(2) {
	background-color: #e7e7e7;
}

.table-cart td:nth-child(2), .table-cart td:nth-child(3), .table-cart td:nth-child(4), .table-cart td:nth-child(5), .table-cart th:nth-child(2), .table-cart th:nth-child(3), .table-cart th:nth-child(4), .table-cart th:nth-child(5) {
	text-align:center;
}

.table-cart td:nth-child(2), .table-cart td:nth-child(3), .table-cart td:nth-child(4) {
	padding-top: 27px;
}

.table-cart td:nth-child(5) {
	padding-top: 24px;
}

.table-cart td:nth-child(3) {
	background-color: #cccccc;
	font-weight: bold;
}

.table-cart td:nth-child(4) {
	background-color: #aeaeae;
	font-weight: bold;
}

.table-cart td:nth-child(5) {
	background-color: #8c8c8c;
	font-weight: bold;
	color: white;
}

.table-cart tr:nth-child(1) {
	background-color: #e3e3e3;
}

.table-cart tr {
	border-bottom: 2px solid #252525;
}

.bloc-radio-cart {
	width: 90px;
	float:left;
	text-transform: uppercase;
}

.bloc-radio-cart input {
	margin-right: 5px;
}

.bloc-cart-bonus > div {
	margin-bottom: 10px;
}

.bloc-cart-bonus p {
	text-transform: uppercase;
	font-family: Helvetica, sans-serif !important;
}

.bloc-cart-bonus .important {
	color: #ffffff;
}

.bloc-cart-bonus > p > b {
	color: #C0341A !important;
}

.block-cart-step {
	background-color: #272727;
	color: gray;
	width:205px;
	height: 205px;
	display:block;
	text-align: center;
	text-transform: uppercase;
	padding-top: 40px;
	font-size: 17px;
}

.block-cart-step p {
	margin-top: 10px;
	font-family: Helvetica, sans-serif !important;
}

.block-cart-step .icon {
	height: 60px;
	margin-top: 10px;
}

.block-cart-step .icon-1 {
	padding-top: 17px;
}

.block-cart-step .icon-2 {
	padding-top: 15px;
}

.block-cart-step .icon-3 {

}

.block-cart-step .icon-4 {
	padding-top: 5px;
}

.block-cart-step-active {
	background-color: #C0341A;
	color: white;
}

.block-cart-step-next {
	background-color: #272727;
	color: #C7C7C0;
}
.main-container {
	margin-top: 0px;
	padding-top: 15px;
	margin-bottom: 20px;
	background-color: #fbfcfc;
	padding: 10px;
}

.container-gray {
	background-color: #333333;
	margin: 0;
	padding: 10px 30px;
	color: white;
}

/*
	FOOTER
*/

.icon-list {
	width: 32px;
	height: 32px;
	float: left;
	text-align: center;
}

.text-list {
	width: 100%;
	padding-left:32px;
	float: left;
	margin-top: -35px;
}

.list-link li a {
	font-weight: normal;
}

.list-link li span {
	font-weight: bold;
}

.list-link {
	padding: 0;
	padding-left: 0px;
	margin: 0;
}

.list-link li {
	margin-bottom: 8px;
	width: 100%;

}

.list-link li img {
	margin-right: 8px;
	vertical-align: top;
}

.list-link li em {
	font-weight: normal !important;
	font-size: 12px !important;
}

.list-link-1 {
	padding-left: 10px;
}

.list-link-1 li:nth-child(1) {
	height: 42px;
}

.list-link-1 li:nth-child(2) {
	height: 35px;
}

.list-link-1 li:nth-child(2) .text-list {
	margin-top: -31px;
}

.list-link-1 li:nth-child(3) {
	height: 40px;
}

.footer-col-1-5, .footer .icons-footer .col-md-2.icon-cell {
	width: 20%;
}

#footer-links {
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 15px;
	color: #4a4e4f;
	font-size: 0.6em;
	background-color: #E1E7EF;
	height: 51px;
	/*margin-bottom: 10px;*/
}

#footer-links .footer-col-1-5 {
	width: 25%;
}

#footer-links a {
	color: #4a4e4f;
	font-family: 'astera';
	font-weight: normal;
}


#footer-links .container .row {
margin-top: 0px;
}

#footer-links .container .row div {
	text-align: center;
}

#footer-links .container .row div a,#footer-links .container .row div span {
	line-height: 20px;
}

#footer-links {
	padding-bottom: 10px;
	background-color: #FFFFFF !important;
	min-height: 50px !important;
}

#footer-infos {
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 15px;
	color: #ffffff !important;
	font-size: 0.7em;
	background-color: #FFFFFF !important;
	font-family: 'astera', Arial, sans-serif !important;
}

.header-logo {
	width: 130px !important;
	margin-top: 22px !important;
}

#footer-infos, #footer-infos a, #footer-links, #footer-links a {
	color: #000000 !important;
	padding: 10px 0 20px 0 !important;
}
#app-layout #footer-links a:hover {
	color: #C0341A !important;
}

#footer-infos a {
	color: #4a4e4f;
}

.footer-phone {
	color: #999999;
}

.footer-icons {
	background-color: #C0341A;
	padding: 20px 0;
}

.icon-cell {
	padding: 12px;
}

.icon-cell-one-line .icon-text {
	margin-top: 18px;
}

.icon-image {
	height: 49px;
	width: 49px;
	padding: 0px;
}

.icon-image img {
	height: 49px;
	width: 49px;
	margin:0;
}

.icon-text {
	color: white;
	text-transform: uppercase;
	padding: 0;
	margin-top: -50px;
	height: 50px;
	font-size: 0.9em;
	padding-left: 62px;
}

.icon-text p {
	line-height: 15px;
}

.icon-text-double-line {
	padding-top: 10px;
}

.icon-text-one-line {
	padding-top: 15px;
}

@media only screen and (min-width : 990px) {
	#footer-links {
		padding-bottom: 15px;
	}

	#footer-links .container .row div {
		border-right: 1px solid #000000;
	}

	#footer-links .container .row div:last-child {
		border-right: none;
	}
}
@media only screen and (max-width : 990px) {
	#footer-links {
		border-top: 1px solid #4a4e4f;
	}

	/*.col-md-6.bloc-left, .col-md-6.bloc-right {
		width: 50% !important;
	}*/

	.bloc-left {
		padding-right: 5px !important;
	}

	.bloc-right {
		padding-left: 5px !important;
	}

	.thumbnail-ce-left h3 {
		font-size: 10px !important;
	}

	.texteBonsPlans .thumbnail-ce-left h3 {
		margin-bottom: 8px;
	}

	.row .thumbnail-ce-left {
		padding: 0 0 0 15px !important;
	}

	.thumbnail.thumbnail-ce .img-moitiepetit {
		height: 155px !important;
	}

	.thumbnail.thumbnail-ce .img-moitiegrand {
		height: 320px !important;
	}

	.thumbnail-time img {
		width: 16px !important;
		height: 16px !important;
		margin-top: 7px !important;
	}

	.informationTime .thumbnail-promo-home {
		min-width: 80px !important;
	}

	.informationTime .thumbnail-promo p, .informationTime .thumbnail-promo-home p {
		font-size: 1.2rem !important;
	}

	.caption.TexteIdilliz .thumbnail-ce-left p {
		font-size: 9px !important;
	}

	.thumbnail-promo-home, .thumbnail-promo {
		top: 7px !important;
	}

	.informationTime {
		height: 30px !important;
	}

	.thumbnail-time.time-counter .time-counter-content {
		font-size: 12px !important;
	}

	.thumbnail-time .oneline {
		margin-top: 10px !important;
	}

	.informationTitre {
		height: 30px !important;
	}

	.icon-text {
		padding-left: 58px !important;
	}

	.icon-text p {
		font-size: 10px !important;
		white-space: nowrap;
	}

	#footer-links .footer-col-1-5 {
		width: 24% !important;
	}

	.navbar-nav-bottom > li > a {
		font-size: 14px !important;
	}
	.thumbnail-ce .caption.TexteIdilliz{
		bottom:0px !important;
	}
}




.icon-image {
}

.footer-phone {
	background-color: #FFFFFF;
}

.footer-phone .container .row div {
	color: #000000;
}

.footer-phone .container .row div p {
	margin: 0;
	min-height: 50px;
	line-height: 50px;
}

.footer-phone .container .row div p .phone {
	text-transform: uppercase;
}

.footer-phone .container .row div p .phone .number {
	font-size: 1.2em;
}


.footer-phone .container .row div p .text {

}

.footer {
  /*position: absolute;*/
  /*bottom: 0;
  width: 100%;*/
  /* Set the fixed height of the footer here */
  /*height: 80px;*/
  /*background-color: #f5f5f5;*/
}

/*.footer .footer-icon-row {
background-color: #fb9025;
}*/

.footer-icon-row > div {
	/*margin-bottom: 15px;*/
	border: 1px solid red;
}

.footer-black {
	background-color: #C0341A !important;
}


.navbar-header {
	height: 60px;
}

.navbar-nav, .navbar-nav li, .navbar-nav li a {

}

.navbar-toggle.navbar-left {
  float: left;
  margin-left: 10px;
}

.menu-item  {
	margin: 0 !important;
}

.navbar-custom {
	text-align: center;
}

.navbar-nav-top > li > .bonus {
	display: inline-block;
	padding-top:5px !important;
	padding-bottom:5px !important;
	line-height: 20px;
}


.bonus_p {
	color: #C0341A !important;
}

.bonus_v {
	color: white !important;
}

.navbar-nav-top > li > a {
	padding-top:5px !important;
	padding-bottom:5px !important;
	line-height: 20px;
	display: initial;
	font-family: 'Roboto', Arial, sans-serif !important;
}

.navbar-top {min-height:30px !important}

.navbar {
	background-color: #e7f0f6;
	border-bottom: 0;
}

.navbar .title {
	font-weight: bold;
	float:left;height: 30px;
	line-height:30px;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 0.8em;
}

@media (min-width: 767px) {
	#navbar .navbar-nav-bottom > li > a {
		color: #C0341A !important;
		line-height: 40px !important;
		padding: 0 !important;
	}
	#navbar .navbar-nav-bottom > li > a:hover {
		color: #FFFFFF !important;
	}
}

@media (max-width: 767px) {
	.navbar-top-logo-logo {
		padding-left: 10px;
		padding-right: 10px;
	}

	.navbar-top-logo-logo img{
		width: 200px !important;
	}

	.navbar-top-logo-logo img:nth-of-type(2) {
		width: 100px !important;
	}

	.navbar .navbar-top-logo-logo {
		text-align: center;
		margin-bottom: 20px !important;
	}
	.navbar .navbar-top-logo-logo:first-child {
		display: none;
	}
	.navbar .title {
		text-align: center;
		width: 100%;
	}

	.navbar-nav-bottom > li:nth-of-type(2) {
		border-left: 0 !important;
		border-right: 1px solid white !important;
	}

	.main-container {
		padding: 0px;
	}

	.container-gray {
		padding: 0px;
	}

	/*.container-list > .row > div > .thumbnail.thumbnail-ce-home

	.container-list > .row > div > .thumbnail.thumbnail-ce-home {
		max-width: 490px !important;
		margin-left: auto;
		margin-right: auto;
	}*/

	.thumbnail.thumbnail-ce .img-moitiegrand {
		height: 420px !important;
	}

	.thumbnail.thumbnail-ce .img-moitiepetit {
		height: 205px !important;
	}

	.thumbnail-ce .img-large {
		height: 205px !important;
	}
	.caption .col-detail-icon{
		padding:0px !important;
	}
	.thumbnail-ce .caption.TexteIdilliz{
		bottom:4px !important;
	}
	.thumbnail-ce .img-home {
		background-position: top left;
	}

	.thumbnail-time img {
		width: 16px !important;
		height: 16px !important;
		margin-top: 7px !important;
	}

	.container-list > .row > div > .thumbnail {
		max-width: 490px !important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px !important;
	}

	.thumbnail-ce-left h3 {
		font-size: 12px !important;
	}

	.caption.TexteIdilliz .thumbnail-ce-left p {
		font-size: 11px !important;
	}

	.thumbnail-promo-home, .thumbnail-promo {
		top: 8px !important;
	}

	.informationTime .thumbnail-promo p, .informationTime .thumbnail-promo-home p {
		font-size: 1.4rem !important;
	}

	.informationTime {
		height: 30px !important;
	}

	.thumbnail-time.time-counter .time-counter-content {
		font-size: 14px !important;
	}

	.thumbnail-time .oneline {
		margin-top: 9px !important;
	}

	.row .thumbnail-ce-left {
		padding-left: 20px !important;
	}

	.thumbnail-ce .informationTitre .caption.TexteIdilliz {
		bottom: 4px;
	}

	.informationTitre {
		height: 40px !important;
	}

	.col-md-6.col-thumnail-category {
		width: 100%;
	}

	.thumbnail-ce {
		max-width: 490px !important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px !important;
	}

	.thumbnail.thumbnail-ce .img-moitiemoyen {
		height: 205px !important;
	}

	.caption .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.thumbnail-ce .caption {
		bottom: 0px !important;
	}
	ul.navbar-nav-bottom {
		background-color: none !important;
		max-width: 490px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	li.nav-button {
		height: 60px !important;
		width: 100% !important;
		padding: 0 !important;
	}

	li.nav-button a {
		display: flex;
		justify-content: center;
		align-items: center;
		padding-left: 5px !important;
		padding-right: 5px !important;
		font-size: 12px !important;
	}

	.nav-button:nth-child(-n+5) {
		background-color: #FAFAFA !important;
	}
	.nav-button:nth-child(-n+5) a {
		color: #C0341A !important;
	}

	.nav-button-home {
		max-width: 100%;
	}

	div#navbar {
		display: block !important;
		margin-top: 10px !important;
	}

	.footer .icons-footer {
		max-width: 490px !important;
		margin-left: auto;
		margin-right: auto;
	}

	.footer .icons-footer .col-md-2.icon-cell {
		width: 49% !important;
	}

	#footer-infos {
		padding-bottom: 0 !important;
	}

	.row.row-links {
		max-width: 490px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	#footer-links-mobile {
		background-color: #232952 !important;
		padding-top: 10px !important;
		border-top: 1px solid #ffffff !important;
	}

	.col-md-12.btn-info-mobile {
		padding: 10px 30px !important;
	}

	.navbar-default .navbar-nav-bottom > li.nav-button-default > a {
		background-color: #b4b4b4 !important;
	}

	/* Produit */
	.thumbnail-banner-product {
		background: none !important;
		padding: 0 15px !important;
		max-width: 100% !important;
	}
	.thumbnail-banner-product div.img-large {
		background-position: bottom left !important;
	}
	.navbar-top-logo {
		display: none !important;
	}
	.d-desktop {
		display: none;
	}
	.thumbnail-product-detail div img {
		max-width: 100% !important;
	}

}

@media all and (max-width: 767px) {
	.navbar-top-logo li {
		width: 50% !important;
	}
}

.navbar-fix {
	margin-bottom: 0px;
	margin-top: 0px;
}

.navbar-nav-bottom li.disabled a {
	background-color: transparent !important;
	cursor: default !important;
}

.navbar-nav-bottom li.disabled {
	background-color: transparent !important;
	cursor: default !important;
}

.navbar-nav-bottom li.disabled > .arrow{
	display:none;
}

#navbar .navbar-nav-bottom li.active {
	background-color: #C0341A !important;
}

#navbar .navbar-nav-bottom li.active a {
	color: #FFFFFF !important;
}

@media (min-width: 767px) {
}

.navbar-default .navbar-nav-bottom > li > a:hover, .navbar-default .navbar-nav-bottom > li > a:focus {
    /*background-color: #ffffff;*/
    color: #ffffff;
}

.navbar-nav-bottom {
	display: flex;
	flex-wrap: wrap;
	/*border: 1px solid red;*/
	margin-bottom: 10px !important;
	background-color: transparent !important;
}

.navbar-nav-bottom > li {
	width: 33.33%;
	height: 100%;
}

.navbar-nav-bottom > li:nth-of-type(2) {
	border-left: 2px solid #C0341A;
	border-right: 2px solid #C0341A;
}

.navbar-nav-bottom > li > a {
	/*border: 1px solid green;*/
	padding-top: 9px;
	height: 100%;
}

@media (min-width: 990px) {

	#navbar .navbar-nav-bottom > li > a {

		padding: 0;
		color: #C0341A !important;

	}

	#navbar .navbar-nav-bottom > li > a:hover {
		color: #FFFFFF !important;
	}
}

@media (min-width: 767px) {
	.navbar-nav-bottom {
		margin-top: 20px !important;
		height: 35px;
	}

	.navbar-nav-bottom > li > a {
		margin: 0 !important;
		line-height: 100%;
		padding-top: 9px;

	}

	.navbar-nav-bottom > li {
		padding: 0;
		/*margin: 0px !important;*/
		/*border-right: 1px solid gray;*/
		margin: 0 !important;
		height: 40px !important;
	}
	.navbar-nav-bottom > li:hover {
		background-color: #C0341A;
	}

	.navbar-nav-bottom > li:last-child {
		width: 20% !important;
	}

	.li-user-header {
		margin-top: -35px;
	}
}

@media (max-width: 500px) {
	.modal-content {
		width: 100% !important;
	}

	.btn {
		font-size: 12px !important;
		white-space: normal !important;
	}
	.thumbnail-product .caption {
		padding: 0 !important;
	}
}

.nav-button-last {
	border-right: 0px solid gray !important;
}

.navbar-icon {
	color: #ffffff;
}

.row-links ul {
	list-style-type: none;
	margin-left: -20px;

	padding-top: 10px;
}

.header-icon-link {
	max-width: 40px !important;
	max-height: 40px;
	margin-right: 5px;
}

.navbar-static-top {
	margin-bottom: 0;
}


/*
	INPUT NUMERIC
*/

.bloc-input-quantity {
	height: 38px;
	width: 63px;
}

.bloc-input-quantity input {
	height: 38px;
	width: 40px;
	line-height: 38px;
	float: left;
	text-align: center;
	padding-top: 5px;
	color: #000000;
}

.bloc-input-quantity .button-plus {
	background-color: #ffffff;
	color: white;
	width: 17px;
	height: 17px;
	float: right;
	font-size: 18px !important;
	padding: 0px;
	cursor: pointer;
}

.bloc-input-quantity .button-plus p {
	display: block;
	line-height: 17px !important;
	margin: 0px;
	text-align: center;
	margin-left:1px;
}

.bloc-input-quantity .button-less {
	background-color: #ffffff;
	color: white;
	width: 17px;
	height: 17px;
	float: right;
	font-size: 18px !important;
	padding: 0px;

	margin-top: 4px;

	cursor: pointer;
}

.bloc-input-quantity .button-less p {
	display: block;
	line-height: 17px !important;
	margin: 0px;
	margin-left:1px;
	margin-top: 0px;
	text-align: center;
}

.bloc-input-quantity .button-less p, .bloc-input-quantity .button-plus p {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;
	color: #000000;
}

.input-quantity-bordered {
	border: 1px solid #C0341A !important;
}

.thumbnail-ce-right-vp {
	bottom:18px !important;
}

/*.input-quantity {
	border: 1px solid red !important;
	width:40px;
	padding:2px;
	text-align:center;
	margin:auto;
}*/

.tr-cart {
	height: 118px;
}

.tr-cart td .pull-left {

}

.tr-cart td .price {
	display: inline-block;
	margin-top: 20px;
}

.tr-cart td .quantity {
	display: inline-block;
	margin-top: 25px;
}

.tr-cart td .bloc-input-quantity {
	display: inline-block;
	margin-top: 15px !important;
}

.tr-cart td button {
	display: inline-block;
	margin-top: 24px;
}

.title-cart {
	height: 100px;width:78%;display:table;float:left;
}

.title-cart div {
	display:table-cell;vertical-align:middle;
}

.image-cart {

}

.category_icon_2 {
	display: block;
	width: 47px;
	height: 47px;
	float: right;
	margin-top: 12px;
}

.category_icon_2 img {
	width: 47px;
	height: 47px;
}

.alertify-notifier .ajs-message.ajs-custom-success {
	background-color: #C0341A !important;
}

.modal-content {
	color: #C0341A !important;
	background-color: #FFFFFF !important;
	border: none !important;
}

#modal_marcheprive .form-control {
	border: 1px solid #C0341A !important;
}

.col-md-12.col-marcheprive-form > p {
	color: #ffffff !important;
}


.thumbnail-time .oneline {
	margin-top: 8px;
}
.time-counter-content {
	font-size: 14px !important;
	font-weight: bold;
}

@media (max-width: 520px) {
	.container-list > .row > div > .thumbnail {
		max-width: 320px !important;
	}
	.thumbnail.thumbnail-ce .img-moitiepetit {
		height: 134px !important;
	}
	.thumbnail.thumbnail-ce .img-moitiegrand {
		height: 274px !important;
	}
	.thumbnail-ce .img-large {
		height: 134px !important;
	}

	.thumbnail-ce-left h3{
		font-size: 10px !important;
		margin-bottom: 6px !important;
	}
	.row .thumbnail-ce-left {
		padding-left: 10px !important;
	}

	.informationTime .thumbnail-promo p, .informationTime .thumbnail-promo-home p {
		font-size: 1.2rem !important;
	}

	.thumbnail-time.time-counter .time-counter-content {
		font-size: 12px !important;
	}

	.col-thumnail-category:first-of-type {
		margin-top: 10px !important;
	}
	.col-thumnail-category {
		margin-bottom: 0 !important;
	}

	.thumbnail-ce {
		max-width: 320px !important;
	}

	.thumbnail-ce-left.col-detail-text h3 {
		font-size: 12px !important;
		margin-top: 20px !important;
		max-width: 100px !important;
	}

	.thumbnail.thumbnail-ce .img-moitiemoyen {
		height: 134px !important;
	}

	.caption .row {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}

	.thumbnail-ce .caption.texteBonsPlans .thumbnail-ce-left h3 {
		margin-bottom: 12px !important;
	}

	/* Panier */
	.title-cart div,
	.tr-cart td .price {
		font-size: 12px !important;
	}
	.title-cart,
	.image-cart {
		width: 100% !important;
	}
	.title-cart {
		height: auto !important;
	}
	.image-cart {
    background-size: contain !important;
	}
	.table.table-cart tr > th {
		font-size: 10px !important;
	}

	/* Produit */
	.thumbnail-banner-product {
		background: none !important;
		padding: 0 15px !important;
		max-width: 100% !important;
	}
	.thumbnail-banner-product div.img-large {
		background-position: bottom left !important;
	}

	/* Panier */
	.bloc-cart-bonus p {
		font-size: 12px !important;
	}
	.bonus-price {
		font-size: 1.1em !important;
	}
	.order-price {
		font-size: 1.3em !important;
	}
	.address-info {
		font-size: .9em !important;
	}
	.bonus-info {
		font-size: .9em !important;
	}


}

#select_delivery_location_type:focus, #select_billing_location_type:focus {
	background-image:url("../img/black-arrow.png") !important;
	border: 1px solid #C0341A;
}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover .icon-bar {
	background-color: #ffffff !important;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle .icon-bar {
	background-color: #C0341A !important;
}

.jssorb05 {
	position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
	position: absolute;
	/* size of bullet elment */
	width: 16px;
	height: 16px;
	background: url('../img/b05.png') no-repeat;
	overflow: hidden;
	cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }

/* jssor slider arrow navigator skin 22 css */
/*
.jssora22l                  (normal)
.jssora22r                  (normal)
.jssora22l:hover            (normal mouseover)
.jssora22r:hover            (normal mouseover)
.jssora22l.jssora22ldn      (mousedown)
.jssora22r.jssora22rdn      (mousedown)
.jssora22l.jssora22lds      (disabled)
.jssora22r.jssora22rds      (disabled)
*/
.jssora22l, .jssora22r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../img/a22.png') center center no-repeat;
    overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }

/* ADD CSS */
.navbar-top-logo li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25%;
	font-family: 'Roboto', Arial, sans-serif !important;
}

#app-layout .navbar-static-top .navbar-nav-top .header-user-link a {
	color: #000000 !important;
}

#app-layout .navbar-static-top .navbar-nav-top .header-user-link a:hover {
	color: #C0341A !important;
}

.row-header-title-grey {
	background-color: #C0341A !important;
}
.row-header-title-grey .arrow {
	border-top: 10px solid #C0341A !important;
}

.navbar-top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0;
}

.navbar-top-logo-logo {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	border-top: 3px solid #C0341A;
	padding-top: 10px;
	margin-bottom: 30px !important;
}

.navbar-top-logo-title {
	margin-bottom: 50px;
}

.navbar-top-logo-title h2 {
	color: #C0341A;
	text-align: center;
	font-weight: 300;
}

.navbar-top-logo-title h2 a {
	color: #C0341A;
	text-decoration: none;
}

.navbar-top-logo {
	float: none !important;
	display: flex !important;
	flex-wrap: wrap !important;
	margin-bottom: 20px;
}

.changecity.btn.btn-default.btn-xs.pull-right {
	background-color: #C0341A !important;
}
