@font-face { font-family: 'GothamRndLight'; src: url('../fonts/GothamRndLight.eot'); src: url('../fonts/GothamRndLight.eot') format('embedded-opentype'), url('../fonts/GothamRndLight.woff2') format('woff2'), url('../fonts/GothamRndLight.woff') format('woff'), url('../fonts/GothamRndLight.ttf') format('truetype'), url('../fonts/GothamRndLight.svg#GothamRndLight') format('svg') }
@font-face { font-family: 'GothamRndMedium'; src: url('../fonts/GothamRndMedium.eot'); src: url('../fonts/GothamRndMedium.eot') format('embedded-opentype'), url('../fonts/GothamRndMedium.woff2') format('woff2'), url('../fonts/GothamRndMedium.woff') format('woff'), url('../fonts/GothamRndMedium.ttf') format('truetype'), url('../fonts/GothamRndMedium.svg#GothamRndMedium') format('svg')}
@font-face { font-family: 'GothamRndBook'; src: url('../fonts/GothamRndBook.eot'); src: url('../fonts/GothamRndBook.eot') format('embedded-opentype'), url('../fonts/GothamRndBook.woff2') format('woff2'), url('../fonts/GothamRndBook.woff') format('woff'), url('../fonts/GothamRndBook.ttf') format('truetype'), url('../fonts/GothamRndBook.svg#GothamRndBook') format('svg') }
@font-face { font-family: 'GothamBold'; src: url('../fonts/GothamBold.eot'); src: url('../fonts/GothamBold.eot') format('embedded-opentype'), url('../fonts/GothamBold.woff2') format('woff2'), url('../fonts/GothamBold.woff') format('woff'), url('../fonts/GothamBold.ttf') format('truetype'), url('../fonts/GothamBold.svg#GothamBold') format('svg') }

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default.active[disabled], .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #2b2b2b }

/* AJOUTS UTILES */
ul { list-style: none; margin: 0; padding: 0 }
[hidden]{display:none !important} 
a:focus { outline: none }
.unvisible { display: none; }
.barre { text-decoration: line-through }
.clear { clear: both }
.nopadding { padding: 0; }
.required { color: #b4293c }
.bold { font-family: 'GothamRndMedium' }

.valign-middle { font-size: 0 }
.valign-middle > div { display: inline-block; float: none; font-size: 16px; vertical-align: middle }

/* Nouveau breakpoint pour les mini-mobiles */
@media (max-width:500px) {
	.col-xxs-3 { float: left; width: 25% }
	.col-xxs-12 { width: 100% }
	.hidden-xxs { display: none } 
}

/* BOUTONS */
.btn {
	background: #2b2b2b url('../img/fond-btn.png') repeat-x 50% -85px;
	border: 0;
	border-radius: 2px;
	color: #fff;
	font-family: 'GothamRndLight';
	font-size: 20px;
	height: 50px;
	padding: 10px 70px 10px 20px;
	position: relative;
}
.icon {
    background: url('../img/sprite-icons.png') no-repeat;
    display: block;
    height: 35px;
    width: 35px;
}
.btn:hover, .btn:focus, .btn.focus { background-position: 50% -28px; color: #fff }
.btn.icon-left { padding: 10px 20px 10px 70px; }
	.btn i { margin: -18px 0 0 0; position: absolute; right: 10px; top: 50% }
	.btn.icon-left i { margin: -18px 0 0 0; position: absolute; left: 10px; top: 50% }
.btn.no-icon { padding: 10px 20px 10px 20px }
	
.btn-arrow {
	background: none;
	border: 2px solid #fff;
	border-radius: 2px;
	color: #fff;
	font-size: 22px;
	overflow: hidden;
	padding: 8px 70px 12px 20px;
	position: relative;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.btn-arrow:hover { background: #fff; color: #b4293c; }
	.btn-arrow i { background-position: -140px 2px;	transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;	-moz-transition: all 0.3s ease 0s }
	.btn-arrow:hover i { background-position: -175px 2px }
.btn.btn-cancel { background: #dbdbdb; color: #333; font-size: 18px; padding: 12px 30px 10px 40px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s }
	.btn.btn-cancel i { background-position: -245px -175px; left: 5px; }
.btn.btn-cancel:hover { background: #c8c8c8; color: #333; font-size: 18px; padding: 12px 30px 10px 40px }
	.btn.btn-cancel:hover i { background-position: -245px -175px; left: 10px; }
.btn-download i { background-position: -168px -35px }
.btn-next i { background-position: -138px 1px }

.arrow-up {
	background-position: -7px -49px;
	height: 8px;
	position: absolute;
	right: 7px;
	top: 0px;
	width: 17px;
}

.icon.icon-plus { background-position: -210px -140px }
.icon.icon-minus { background-position: -245px -140px }
.icon.icon-pdf { background-position: -175px -215px }
.icon.icon-delete { background-position: -34px -36px }

/* LIENS */
.link {
	font-family: 'GothamRndMedium';
	padding: 0 30px 0 0;
	position: relative
}
.link.left { color: #b4293c; padding: 0 0 0 20px; text-decoration: none }
.link.left:hover { text-decoration: underline }
	.link i {
		background: url('../img/sprite-icons.png') no-repeat -145px -5px;
		height: 24px;
		margin: -12px 0 0 0;
		position: absolute;
		right: 0;
		top: 50%;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		width: 24px;
	}
	.link:hover i, .bloc-link:hover .link i { right: 5px }
	.link.red { color: #b4293c }
	.link.red i { background-position: -180px -5px }
	.link.red i.small { background-position: -217px -41px }
	.link.grey i { background-position: -216px -5px }
	.link.left i { background-position: -221px -75px; left: 0; right: auto; width: 15px; }
.bloc-link {
	cursor: pointer;
}

/* FORM */
.form-group {
	margin-bottom: 20px;
}
.form-group label {
	color: #000;
	display: block;
	font-family: 'GothamRndBook';
	font-size: 14px;
	font-weight: normal;
}
	.form-group label sup {
		color: #b4293c;
		font-family: 'GothamRndBook';
		font-size: 18px;
		top: -1px;
	}
.form-group .form-control {
	border: 2px solid #dbdbdb;
	border-radius: 0;
	box-shadow: none;
	height: 49px;
	padding: 6px 15px;
}
.form-group textarea.form-control { height: auto }
.form-group.form-ok .form-control { border-color: #d3e6de; color: #44a07a }
.form-group.form-error .form-control { border-color: #eaced2; color: #b4293c }

.form-control:focus { box-shadow: none }

.rounded-radio .radio { border-radius: 50%; height: 35px }
.rounded-radio .radio span.checked { background-position: -59px -219px }

/* CMS */
.subtitle {
	color: #010101;
	font-size: 36px;
	margin: 0 0 30px 0;
}
.subtitle.small { font-size: 24px; margin: 0 0 15px 0 }
.subtitle.white { color: #fff }


@media (max-width: 767px) {
	.subtitle { font-size: 24px }
}


/* PAGE HEADER */
header.page-heading {
	background: url('../img/fond-header.png');
	padding: 25px 0;
}
header.page-heading.order-process { padding: 25px 0 0 0 }
	header.page-heading h1 {
		color: #fff;
		font-size: 48px;
		margin: 25px 0 40px;
	}
	header.page-heading .sub-heading {
		color: #fff;
		margin: -30px 0 0 0;
	}
		header.page-heading .sub-heading strong {
			display: block;
		}
	header.page-heading .tab-register {
		font-family: 'GothamRndMedium';
		font-size: 18px;
		margin: 10px auto -25px auto;
	}
	header.page-heading .tab-register li {
		background: #000;
	}
		header.page-heading .tab-register li > * {
			display: block;
			padding: 15px 20px;
			text-align: center;
		}
		header.page-heading .tab-register li a { color: #fff }
	header.page-heading .tab-register li.active { background: #fff; color: #000 }


/* BLOCK BREADCRUMBS */
#breadcrumbs {
	color: #fff;
	font-family: 'GothamRndBook';
	font-size: 14px;
	padding: 5px 0;
}
#breadcrumbs.white { border-bottom: 1px solid #f0f0f0; color: #000; padding: 20px 0 }
	#breadcrumbs a {
		color: #fff;
		padding: 0 30px 0 0; 
		position: relative;
	}
	#breadcrumbs.white a { color: #b4293c }
	#breadcrumbs a i {
		background: url('../img/sprite-icons.png') no-repeat -76px -42px;
		height: 20px;
		margin: -10px 0 0 0;
		position: absolute;
		right: 5px;
		top: 50%;
		width: 20px;
	}
	#breadcrumbs.white a i { background-position: -218px -42px }


/* BLOCK PRODUIT */
.product-container {
	margin: 0 0 30px 0;
}
	.product-container .border {
		border: 1px solid #e5e5e5;
		overflow: hidden;
		padding: 15px;
		position: relative;
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
	}
	.product-container .border.discount { border: 1px solid #e8bec4 }
	.product-container .border.discount:hover { border: 1px solid #b4293c }
	.product-container .border:hover { border: 1px solid #d9d9d9 }
	.product-container .border .overlay {
		background: #d9d9d9;
		bottom: -50px;
		left: -50px;
		position: absolute;
		right: -50px;
		top: 225px;
		transform: rotate(4deg) translateY(200px);
		-moz-transform: rotate(4deg) translateY(200px);
		-webkit-transform: rotate(4deg) translateY(200px);
		transition: all 0.3s ease 0s;
		-webkit-transition: all 0.3s ease 0s;
		-moz-transition: all 0.3s ease 0s;
		z-index: 1;
	}
	.product-container .border.discount .overlay { background: #b4293c; }
	.product-container .border:hover .overlay { transform: rotate(-8deg) translateY(0); -moz-transform: rotate(-8deg) translateY(0); -webkit-transform: rotate(-8deg) translateY(0); }
		.product-reduction {
			background: #b4293c;
			color: #fff;
			font-family: 'GothamRndMedium';
			font-size: 14px;
			height: 58px;
			line-height: 58px;
			position: absolute;
			right: 0;
			text-align: center;
			transition: all 0.3s ease 0s;
			-webkit-transition: all 0.3s ease 0s;
			-moz-transition: all 0.3s ease 0s;
			top: 0;
			width: 58px;
		}
		.product-container .product-img img {
			margin: 0 auto;
		}
		.product-container .product-infos {
			position: relative;
			text-align: center;
			z-index: 2;
		}
			.product-container .product-infos .availability {
				display: none;
			}
			.product-container .product-infos h5.product-name {
				display: block;
				font-family: 'GothamRndMedium';
				font-size: 12px;
				height: 50px;
			}
				.product-container .border .product-infos h5.product-name a {
					color: #333;
					transition: all 0.3s ease 0s;
					-webkit-transition: all 0.3s ease 0s;
					-moz-transition: all 0.3s ease 0s;
				}
				.product-container .border.discount:hover h5.product-name a { color: #fff }
				.product-container .border:hover .product-infos h5.product-name a { text-decoration: none; }
			.product-container .border .product-infos .price { 
				color: #303030;
				font-family: 'GothamRndLight';
				font-size: 24px;
				transition: all 0.3s ease 0s;
				-webkit-transition: all 0.3s ease 0s;
				-moz-transition: all 0.3s ease 0s;
			}
			.product-container .border.discount:hover .product-infos .price { color: #fff }
				.product-container .border .product-infos .old-price {
					color: #b4293c;
					font-family: 'GothamRndBook';
					font-size: 14px;
					height: 20px;
					transition: all 0.3s ease 0s;
					-webkit-transition: all 0.3s ease 0s;
					-moz-transition: all 0.3s ease 0s;
				}
				.product-container .border.discount:hover .product-infos .old-price { color: #fff }
					.product-container .product-infos .old-price .barre {
						text-decoration: line-through;
					}
			.product-container .border .product-infos .icon {
			 	background-position: -245px -32px;
			 	bottom: 0;
			 	display: none;
			 	position: absolute; 
			 	right: 0;
			}
			.product-container .border:hover .product-infos .icon { display: block }
			.product-container .border.discount:hover .product-infos .icon { background-position: 0 0 }
@media (max-width: 1260px) {
	.product-container .border:hover .overlay { top: 180px; transform: rotate(-8deg) translateY(0); }
	.product-container .border .product-infos .quick-view { right: -10px; }
}
@media (max-width: 767px) {
	.product-container .border .overlay { top: 65% }
	.product-container .border:hover .overlay { transform: rotate(-8deg) translateY(18%); }
}
@media (max-width: 580px) {
	.product-container .border:hover .overlay { transform: rotate(-8deg) translateY(10%); }
}
@media (max-width: 500px) {
	.product-container .border:hover .overlay { transform: rotate(-8deg) translateY(18%); }
	.product-container .border .product-infos .quick-view { right: -5px; }
}

/* FANCY */
body .fancybox-overlay {
	background: rgba(197, 197, 197, 0.9);
}
	body .fancybox-skin {
		border-radius: 0;
	}
	body .fancybox-opened .fancybox-skin { box-shadow: none }
	.fancybox-overlay .fancybox-close {
		background: #000;
		cursor: pointer;
		display: block;
		height: 55px;
		position: absolute;
		right: -55px;
		top: 0;
		width: 55px;
		z-index: 2;
	}
		.fancybox-overlay .fancybox-close:after {
			background: url('../img/sprite-icons.png') no-repeat -245px -70px;
			content: "";
			display: block;
			height: 35px;
			margin: 10px 0 0 10px;
			width: 35px;
		}
@media (max-width: 1300px) {
	.fancybox-overlay .fancybox-close { right: 0 }
}

/* Message */
.alert {
	border-radius: 2px;
	border-left: 0;
	border-right: 0;
	font-family: 'GothamRndBook';
	font-size: 16px;
	padding: 10px;
} 
.alert-danger {
	background-color: #f2dede;
	border-color: #ebccd1;
	color: #b4293c;
}
.alert-success { border-color: #3c763d }

/***  TABLE ***/
.table-div { 
	margin-top: 20px; 
	overflow: hidden; 
}
	.table-div .table-head, .table-div .table-row, .table-hide-info { clear: both }

	.table-div .table-head { 
		color: #333;
		font-family: 'GothamRndBook';
		font-size: 14px;
	}
	.table-div .table-row { 
		background: #f0f0f0;
		color: #666;
		font-size: 16px;
		overflow: hidden;
		padding: 21px 0 19px 0;
		position: relative;
	}
	.table-div .table-row.nobg { background: none; color: #333 } 
		.table-div.white .table-head + .table-row { margin-top: -24px }
		.table-div .table-row ul { 
			margin: 0;
		}
			.table-div .table-row ul li { 
				line-height: 22px
			}
		.table-div .table-row a {
			color: #333
		}
		.table-div .table-row .collapse button {
			border: 0;
			border-radius: 2px;
			display: block;
			height: 30px;
			margin: -15px 0 0 0;
			position: absolute;
			top: 10px;
			width: 30px
		}
		.table-div .table-row.open .collapse button { background-position: 50% -30px }
		.table-div .table-row .table-hide-info { 
			display: block; 
			max-height: 0;
			overflow: hidden;
			transition: max-height 0.5s ease 0s;
			width: auto 
		}
		.table-div .table-row.open .table-hide-info { max-height: 200px }
			.table-div .table-row .table-hide-info p:first-child { 
				padding-top: 30px;
			}

@media (min-width: 1052px) {
	.table-div strong { display: none; }

}
@media (max-width: 1052px) {
	.table-div strong 
	.table-div .table-row .table-hide-info { max-height: 200px }
}
@media (max-width: 767px) {
	.table-div .table-head { font-size: 30px }
}


/* CustomInput */
.custom-select > span, 
.custom-select > span:before, 
.custom-checkbox:after,
.custom-checkbox:before,
.custom-radio:before {
    background: url("../img/jquery/uniform/sprite.png") 
}
.custom-select {
    position: relative;
}
    .custom-select > select {
        display: none;
    }
        .custom-select > span:before {
            background-position: left -49px;
            content: "";
            height: 49px;
            left: 0;
            position: absolute;
            width: 5px;
            z-index: 2;
        }
        .custom-select > span {
            background-position: right 0;
            color: #666;
            cursor: pointer;
            display: block;
            font-size: 14px;
            height: 49px;
            line-height: 49px;
            overflow: hidden;
            padding: 0 45px 0 15px;
            position: relative;
            text-overflow: ellipsis;
            width: 100%;
            white-space: nowrap;
            z-index: 1;
        }
        .custom-select > ul {
            background: #fff;
            border: 2px solid #dbdbdb;
            display: none;
            margin: -2px 0 0 0;
            max-height: 300px;
            overflow-y: auto;
            overflow-x: hidden;
            padding: 0;
            position: absolute;
            z-index: 10;
        }
        .custom-select > ul.small { font-size: 70%; }
        .custom-select > ul.small li { padding: ; }
        .custom-select > ul.open { display: block }
            .custom-select > ul li {
                color: #333;
                cursor: pointer;
                padding: 8px 10px;
            }
            .custom-select > ul li:hover,
            .custom-select > ul li.selected { background-color: #ddd; }

/* CustomCheckbox */
.custom-checkbox {
    overflow: hidden;
    position: relative;
}
    .custom-checkbox input {
        cursor: pointer;
        height: 32px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 35px;
    }

    /* Block */
    .custom-checkbox:after {
        background-color: #fff;
        background-position: 0 -243px;
        border: 2px solid #dbdbdb;
        content: "";
        cursor: pointer;
        display: block;
        height: 32px;
        margin-right: 10px;
        width: 35px;
    }
    .custom-checkbox label {
        display: block;
        cursor: pointer;
    }

    /* Inline */
    .custom-checkbox.inline:before {
        background-color: #fff;
        background-position: 0 -243px;
        border: 2px solid #dbdbdb;
        content: "";
        cursor: pointer;
        display: inline-block;
        height: 32px;
        margin-right: 10px;
        vertical-align: middle;
        width: 35px;
    }
    .custom-checkbox.inline label {
        display: inline-block;
        max-width: 75%;
        vertical-align: middle; 
    }
    .custom-checkbox.inline:after { display: none }
    .custom-checkbox.checked:before,
    .custom-checkbox.checked:after,
    .custom-checkbox.inline.checked:before { background-position: -4px -222px }

/* CustomRadio */
.custom-radio {
	clear: both;
    position: relative;
}
    .custom-radio input {
        cursor: pointer;
        height: 33px;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        width: 33px;
    }
        .custom-radio:before {
            background-color: #fff;
            background-position: 0 -243px;
            border: 2px solid #dbdbdb;
            border-radius: 50%;
            content: "";
            cursor: pointer;
            display: block;
            height: 33px;
            margin-right: 10px;
            width: 33px;
        }
        .custom-radio.inline:before,
        .custom-radio.inline label {
            display: inline-block;
            vertical-align: middle;
        }
        .custom-radio.inline label { max-width: 75% }
        .custom-radio.checked:before,
        .custom-radio.inline.checked:before { background-position: -62px -222px }


/* CustomFile */
.custom-file {
    overflow: hidden;
    position: relative;
}
    .custom-file > input {
    	cursor: pointer;
        height: 49px;
        opacity: 0;
        position: absolute;
        width: 100%;
    }
     .custom-file > label {
        display: block;
    }
    .custom-file .filename {
        border: 2px solid #dbdbdb;
        border-radius: 0;
        box-shadow: none;
        float: left;
        height: 49px;
        line-height: 49px;
        overflow: hidden;
        padding: 0 15px;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 65%;
    }
    .custom-file .action {
        background: #dbdbdb;
        color: #000;
        float: right;
        height: 49px;
        line-height: 50px;
        padding: 0 15px;
        text-align: center;
        width: 30%;
    }