@import "fonts.css";


html, body {
    font-size: 13px !important;
    height: 100%;
    padding: 0 !important;
}
body
{
	background-color: #FFFFFF;
    color: #333333;
    font-family: "HelveticaNeueLTCom-Lt","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    margin: 10px 0;
	padding:0;
    text-rendering: optimizelegibility;
}
h1{
    color: #333333;
    font-family: 'Oswald',sans-serif;
    font-size: 28px;
    font-weight: 400;
	/*margin-top: 30px;
    margin-bottom: 30px;*/
}
h3 {
    font-size: 22.75px;
}
h1, h2, h3 {
    line-height: 40px;
}

h2 .glyphicon
{
	font-size:12px;
}

label {
    color: #333333;
    margin-bottom: 0 !important;
	display: block;
    margin-bottom: 5px;
}

label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: pointer;
}

img
{
	max-width:100%;
	height:auto;
}

.clickable
{
	cursor:pointer;
}

a {
    color: #0BBCCB;
    text-decoration: none;
}

a:hover
{
	opacity:0.8;
}
a:focus
{
	outline:none;
}

.caret {
    border-left-width: 7px;
	border-right-width: 7px;
    border-top-width: 7px;
}

.caret.caret-reversed {
    border-top-width: 0;
    border-bottom: 7px solid #ffffff;
}

h2 .caret
{
	margin-top:5px;
}


@media screen and (min-width: 1200px){
	.clear-lg
	{
		clear:both
	}
}
@media screen and (min-width: 992px) and (max-width: 1199px){
	.clear-md
	{
		clear:both
	}
}
@media screen and (min-width: 768px) and (max-width: 991px){
	.clear-sm
	{
		clear:both
	}
}
@media screen and (max-width: 767px){
	.clear-xs
	{
		clear:both
	}
}


.block.margin-top-xs,
.margin-top-xs
{
	margin-top:5px !important;
}
.block.margin-top-sm,
.margin-top-sm
{
	margin-top:15px !important;
}
.block.margin-top-md,
.margin-top-md
{
	margin-top:25px !important;
}
.block.margin-top-lg,
.margin-top-lg
{
	margin-top:35px !important;
}
.block.margin-bottom-xs,
.margin-bottom-xs
{
	margin-bottom:5px !important;
}
.block.margin-bottom-sm,
.margin-bottom-sm
{
	margin-bottom:15px !important;
}
.block.margin-bottom-md,
.margin-bottom-md
{
	margin-bottom:25px !important;
}
.block.margin-bottom-lg,
.margin-bottom-lg
{
	margin-bottom:35px !important;
}
.block.padding-top-xs,
.padding-top-xs
{
	padding-top:5px !important;
}
.block.padding-top-sm,
.padding-top-sm
{
	padding-top:15px !important;
}
.block.padding-top-md,
.padding-top-md
{
	padding-top:25px !important;
}
.block.padding-top-lg,
.padding-top-lg
{
	padding-top:35px !important;
}
.block.padding-bottom-xs,
.padding-bottom-xs
{
	padding-bottom:5px !important;
}
.block.padding-bottom-sm,
.padding-bottom-sm
{
	padding-bottom:15px !important;
}
.block.padding-bottom-md,
.padding-bottom-md
{
	padding-bottom:25px !important;
}
.block.padding-bottom-lg,
.padding-bottom-lg
{
	padding-bottom:35px !important;
}

.text-uppercase
{
	text-transform:uppercase;
}

.client.order .navbar-inverse,
.client.order #footer
{
	visibility:hidden;
}
.logged.client.order .navbar-inverse,
.logged.client.order #footer
{
	visibility:visible;
}

.logged {
    background-color: #E6E6E6;
}



.logged {
    background-color: #E6E6E6;
}
#wrap {
    height: auto;
    padding: 0 0 145px 0;
    min-height: 100%;
	position:relative;
}
#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
    /* height: 130px; */
	margin: 0 !important;
    padding: 0 !important;
}
.logged #footer{
    background-color: #999999;
}
#footer h3{
    color: #FFFFFF !important;
    font-size: 16px;
    line-height: 20px;
	margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 15px 0 0 0;
	background-color:transparent;
}
#footer ul {
    margin: 0;
    padding: 0 0 15px;
}
#footer ul li {
    list-style: none outside none;
}
#footer ul li a {
    color: #E6E6E6;
}
#footer ul li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.logo_client{
	padding-bottom: 30px;
    padding-top: 30px;
}


.logged .navbar-inverse  {
    background-color: #088D98 !important;
    background-image: none !important;
    border: medium none;
}
.dropdown-account
{
	background-color: #6AABB0 !important;
    border-radius: 5px;
    color: #FFFFFF;
    margin-bottom: 2px;
    margin-top: 2px;
}
.navbar-inverse .navbar-nav.code-client > li > a,
.navbar-inverse .navbar-nav.code-client > .open > a, 
.navbar-inverse .navbar-nav.code-client > .open > a:hover, 
.navbar-inverse .navbar-nav.code-client > .open > a:focus {
    background-color: transparent;
    color: #FFFFFF;
}


.client h2 {
    background-color: #0BBCCB;
    border-left: 1px solid #0BBCCB;
    border-right: 1px solid #0BBCCB;
    border-top: 1px solid #0BBCCB;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 10px;
}

.client h3 {
    background-color: #E6E6E6;
    color: #666666;
    font-size: 14px;
    line-height: 20px;
    margin-top: 0;
    padding: 5px;
}

.border-top-radius {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.border-bottom-radius {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.bordered {
    border: 1px solid #E3E3E3;
}
.block {
    background-color: #F5F5F5;
    margin:0;
	padding-top:16px;
	padding-bottom:16px;
}


#welcome {
    padding-top: 150px;
}

#login-box {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 5px;
    padding: 50px;
}

#login-box h3 {
    color: #0BBCCB;
    font-family: 'Oswald',sans-serif;
    font-weight: 400;
}

#login-box input {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

body.login.user #wrap{
	padding-top: 0!important;
}
.client.account .input-group-addon 
{
	width:130px;
	text-align:left;
}
.client.account .input-group-addon:last-child
{
	width:auto;
	width:100px;
}
.client.account .input-group-addon:last-child label
{
	color:#333333;
}

a.colored
{
	border-bottom-style: dotted;
    border-bottom-width: 1px;
    color: #F47B54 !important;
    padding-bottom: 2px;
}
a.colored:hover
{
	text-decoration:none;
}

ul.data {
	padding:0;
	margin:0;
}
ul.data  li{
    background-position: 0 50%;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin-bottom: 10px;
    padding-bottom: 0;
    padding-left: 40px;
    padding-top: 5px;
}
td ul.data li{
	margin-bottom: 0px;
}
ul.data li.user {
    background-image: url("../images/icons/user.png");
}
ul.data li.mail {
    background-image: url("../images/icons/mail.png");
}
ul.data li.phone {
    background-image: url("../images/icons/phone.png");
}
ul.data li.fax {
    background-image: url("../images/icons/fax.png");
}
ul.data li.shipping {
    background-image: url("../images/icons/shipping.png");
}
ul.data li.reglement {
    background-image: url("../images/icons/bank.png");
}
ul.data li.sale {
    background-image: url("../images/icons/sale.png");
}
ul.data li.contract {
    background-image: url("../images/icons/contract.png");
}
ul li.sav {
    background-image: url("../images/icons/sav.png");
}
ul.data li.file {
    background-image: url("../images/icons/file.png");
}
ul.data li.notice {
    background-image: url("../images/icons/montage.png");
}
ul.data li.certificat {
    background-image: url("../images/icons/certificat.png");
}

ul.data li.shipping_in_progress {
    background-image: url("../images/icons/shipping_in_progress2.png");
}
ul.data li.shipping_partial {
    background-image: url("../images/icons/shipping_partial.png");
}
ul.data li.shipping_ok {
    background-image: url("../images/icons/delivery_ok_green.png");
}
ul.data.shipping li.shipping_ok, 
ul.data.shipping li.shipping_in_progress, 
ul.data.shipping li.shipping_partial {
    padding-left: 60px !important;
}

.search-bar {
    padding: 10px;
}
.search-bar {
    background-color: #0BBCCB;
    position: relative;
}
.search-bar h2 {
   padding:0;
   margin-top:15px;
}
.search-bar .input-group {
    margin-top: 10px;
}
.ajax-loader
{
	display:block;
	width:100%;
	height:100%;
	background-color:#0BBCCB;
	background-image: url("../images/icons/ajax-loader-search.gif");
	background-repeat:no-repeat;
	/* background-position:10px 90px; */
	background-position:center;
	position:absolute;
	top:0;
	left:0;
	z-index:1000000;
	display:none;
	opacity:0.6;
}


a.file, 
a.notice, 
a.shipping_ok, 
span.shipping_in_progress, 
a.shipping_partial ,
a.certificat
{
    background-position: 0 50%;
    background-repeat: no-repeat;
    color: #F47B54 !important;
    list-style: none outside none;
    margin-bottom: 10px;
    padding-bottom: 8px;
    padding-top: 5px;
}
a.file {
    background-image: url("../images/icons/file.png");
    padding-left: 35px;
}
a.notice
{
	background-image: url("../images/icons/montage.png");
    padding-left: 35px;
}
a.certificat
{
	background-image: url("../images/icons/certificat.png");
    padding-left: 35px;
}
a.shipping_ok {
    background-image: url("../images/icons/delivery_ok_green.png");
    padding-left: 55px;
    text-decoration: none;
}

span.shipping_in_progress {
    background-image: url("../images/icons/shipping_in_progress2.png");
    padding-left: 45px;
}
a.shipping_partial {
    background-image: url("../images/icons/shipping_partial.png");
    padding-left: 55px;
    padding-top: 8px !important;
}

a.file:hover,
a.notice:hover,
a.certificat:hover,
a.shipping_ok:hover,
a.shipping:hover 
{
    text-decoration: none;
}

.btn-circle
{
	display:inline-block;
	width:51px;
	height:51px;
	background-repeat:none;
	background-image: url("../images/icons/btn-circle.png");
	margin-left:15px;
}
.btn-circle.delivery-in-progress:hover,
.btn-circle.not-delivered:hover,
.btn-circle.delivered:hover,
.btn-circle.facturation:hover,
.btn-circle.montage:hover,
.btn-circle.no-facturation:hover
{
	opacity:0.8;
}
.btn-circle.delivery-in-progress:hover.active,
.btn-circle.not-delivered:hover.active,
.btn-circle.delivered:hover.active,
.btn-circle.facturation:hover.active,
.btn-circle.montage:hover.active,
.btn-circle.no-facturation:hover.active
{
	opacity:1;
}

.btn-circle.delivery-in-progress
{
	background-position:0 0;
}
.btn-circle.delivery-in-progress:hover,
.btn-circle.delivery-in-progress.active
{
	background-position:0 -51px;
}

.btn-circle.not-delivered
{
	background-position:-51px 0;
}
.btn-circle.not-delivered:hover,
.btn-circle.not-delivered.active
{
	background-position:-51px -51px;
}

.btn-circle.delivered
{
	background-position:-102px 0;
}
.btn-circle.delivered:hover,
.btn-circle.delivered.active
{
	background-position:-102px -51px;
}

.btn-circle.facturation
{
	background-position:-153px 0;
}
.btn-circle.facturation:hover,
.btn-circle.facturation.active
{
	background-position:-153px -51px;
}

.btn-circle.montage
{
	background-position:-204px 0;
}
.btn-circle.montage:hover,
.btn-circle.montage.active
{
	background-position:-204px -51px;
}

.btn-circle.no-facturation
{
	background-position:-255px 0;
}
.btn-circle.no-facturation:hover,
.btn-circle.no-facturation.active
{
	background-position:-255px -51px;
}


table {
    border-collapse: collapse;
    border-spacing: 0;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-top: none;
	border-left: medium none !important;
	border-right: medium none !important;
}

.table-bordered {
    border-collapse: separate;
	border-bottom:0;
}

.table-bordered th, .table-bordered td {
    border-left: medium none !important;
}

.table-bordered th, .table-bordered td {
    border-left: 1px solid #DDDDDD;
}

table.tablesorter td {
    background-color: #FFFFFF;
    color: #3D3D3D;
    padding: 5px;
    vertical-align: top;
}

.table-bordered thead:first-child tr:first-child > th:first-child, 
.table-bordered tbody:first-child tr:first-child > td:first-child, 
.table-bordered tbody:first-child tr:first-child > th:first-child
{
	border-top-left-radius:4px
}
.table-bordered thead:first-child tr:first-child > th:last-child, 
.table-bordered tbody:first-child tr:first-child > td:last-child, 
.table-bordered tbody:first-child tr:first-child > th:last-child
{
	border-top-right-radius:4px
}

table.tablesorter thead tr th, 
table.tablesorter tfoot tr th
{
	background-color: #E6EEEE !important;
    border: 1px solid #FFFFFF !important;
    font-size: 10pt;
    padding: 5px;
    z-index: 1;
}

.table thead th
{
	vertical-align:bottom;
	font-weight:bold;
}

.table th, .table td {
    border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
    line-height: 20px;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}

#orders_list_container
{
	min-height:300px;
	height:auto;
	position:relative;
}

#modalHome .modal-content,
#modalHome h3
{
    background-color: #ffffff;
}

.nav-account-filters
{
	padding-left:15px;
}
.nav-account-filters li ul
{
	padding-left:15px;
}
.nav-account-filters li ul li
{
	list-style-type:none;
	position:relative;
}
.nav-account-filters li ul li:before
{
	position:absolute;
	top:0;
	left:-10px;
	width:5px;
	height:50%;
	content:" ";
	display:block;
	border-left:1px solid #666666;
	border-bottom:1px solid #666666;
}
.nav-account-filters label
{
	color:#0BBCCB;
}

#news li {
	position:relative;
	width:100%;
}
#news a:hover {
	opacity:1;
}
.client .jcarousel-skin-tango .jcarousel-container-vertical {
    height: 371px;
}
.news_links {
	background-color: rgba(0, 0, 0, 0.5);
	width:50%;
	height:100%;
	float:right;
	position:absolute;
	top:0px;
	right:0px;
}
.new_title {
	color:#fff;
	float:right;
	margin-right:15px;
	margin-top:15px;
	text-align:right;
	font-size:13px;
	
}
.news_url {
	clear:both;
	position:absolute;
	bottom:15px;
	right:15px;
	margin-top:40px;
	font-size:13px;
}

.client.faq .panel-group {
    margin-bottom: 5px;
}
.client.faq .panel-title > a {
    display: block;
}


.client.order .navbar
{
	display:none;
}
.logged.client.order .navbar
{
	display:block;
}

#order_table
{
	font-size:100%;
}

@media screen and (max-width: 1199px) {
	#order_table
	{
		font-size:85%;
	}
}


/*     				CATALOGUE			
***********************************************/

#search-bar.catalog-search-bar
{
	padding-top:0;
	padding-bottom:0;
}

.data li.more
{
	padding-left:0;
	padding-right:50px;
}

.catalogue-menu
{
	position:relative;
	padding:0;
	margin:0;
}
.catalogue-menu ul
{
	padding:0;
}
.catalogue-menu > li
{
	display:inline-block;
}
.catalogue-ssmenu
{
	/* display:none; */
	position:absolute;
	/*top:100%;*/
	left:0;
	z-index:10000;
	width:100% !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 100ms, visibility 100ms;
	transition-delay: 0s;
}
@media screen and (max-width: 1238px){
	/* =====================================
	Modif : maw-width : 1193->1238
	Modif margin-top:70px; -> padding-top:70px!important;       -BD 15/02/2019
	====================================== */
	/* .catalogue-ssmenu
	{
		padding-top:70px !important;
	} */
}
.catalogue-ssmenu.inactive
{
	border:2px solid #0BBCCB;
	z-index:100000;
	border-radius: 10px;
}

.catalogue-menu > li .catalogue-ssmenu.active,
.catalogue-menu > li:hover .catalogue-ssmenu
{
	opacity: 1;
	visibility:visible;
	display:block;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 300ms, visibility 300ms;
	transition-delay: 0.2s;
}

.catalogue-ssmenu .glyphicon
{
	margin:4px 0 0 0;
	font-size: 10px;
}
.catalogue-ssmenu li
{
	display:block;
	float:left;
}
.catalogue-ssmenu li a
{
	display:block;
	padding:5px 20px 5px 20px !important;
}
.catalogue-ssmenu li a.active
{
	font-weight:bold;
	border-left:5px solid #0BBCCB !important;
}
.catalogue-ssmenu li ul
{

}
.catalogue-ssmenu li ul li
{
	position:relative;
	margin:0;
	width:100%;
}
.catalogue-ssmenu li ul li a
{
	position:relative;
}
.catalogue-ssmenu li ul li a:hover
{
	text-decoration:none;
}
.catalogue-ssmenu li ul li:hover > a
{
	border-left:5px solid #0BBCCB;
	color:#2a6496;
}
.catalogue-ssmenu li ul li:nth-child(odd) a
{
	background-color:#f9f9f9;
}
.catalogue-ssmenu li ul li ul
{
	position:absolute;
	top:100%;
	left:0;
	width:100%;
	/* display:none; */
	background-color:#E6EEEE;
	z-index:10000000;
	border-left:1px solid #0BBCCB;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 100ms, visibility 100ms;
	transition-delay: 0s;
	
}
@media screen and (max-width: 767px){
	.catalogue-ssmenu li ul li ul
	{
		position:static;
	}
}
.catalogue-ssmenu li ul li:hover ul
{
	display:block;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 300ms, visibility 300ms;
	transition-delay: 0.2s;
}
.catalogue-ssmenu li ul li ul li a,
.catalogue-ssmenu li ul li ul li:nth-child(odd) a
{
	background-color:#E6E6E6 !important;
	border-bottom:1px solid #ffffff;
	 -moz-box-sizing:    border-box;
   -webkit-box-sizing: border-box;
    box-sizing:        border-box;
}

.catalogue-menu-index .catalogue-ssmenu.active
{
	
}


.produits-catalogue h1
{
	margin-top:45px;
}
.produits-catalogue h1,
.produits-catalogue h1 a
{
	color:#333333;
	font-size:20px;
}
.produits-catalogue h1 a
{
	text-decoration:underline
}
.produits-catalogue h1:first-child
{
	margin-top:0px !important;
}


.produits-catalogue h3
{
	color:#ffffff;
	background-color:#ACA3A3;
}

.produits-catalogue h4
{
	font-size:13px;
	border-bottom:1px dotted #333333;
	border-top:1px dotted #333333;
	padding-top:5px;
	padding-bottom:5px;
}
.produit-header
{
	border-bottom:2px solid #ddd;
	background-color:#f5f5f5;
}
.produits-catalogue .produit
{
	border-top:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
	border-collapse:collapse;
	/*padding-bottom:20px;*/
}
.produits-catalogue .produit:first-child
{
	border-top:1px solid #dddddd;
}
.produits-catalogue .produit:nth-child(even)
{
	background-color:#ffffff;
}

.produits-catalogue .produit .data.list-docs{
	margin:0;
	display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
}
.produits-catalogue .produit .data .file,
.produits-catalogue .produit .data .notice,
.produits-catalogue .produit .data .certificat
{
	padding-top:8px;
	padding-left:30px;
	margin-right:16px;
}
.produits-catalogue .produit .thumbnail
{
	margin-right:10px;
	margin-bottom:0;
}


@media screen and (min-width: 768px){
	#wrap
	{
		padding-top:60px;
	}
	.main-navbar
	{
		position:fixed;
		top:0;
		width:100%;
		z-index:500;
	}
	.catalog-action a
	{
		font-size:16px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1072px){
	#wrap
	{
		padding-top:135px;
	}
}
@media screen and (min-width: 1072px) and (max-width: 1326px){
	#wrap
	{
		padding-top:90px;
	}
}

.cart-menu
{
	background-color:#f47b54;
	padding-bottom:3px;
}
@media screen and (max-width: 1031px){
	.cart-menu
	{
		margin-top:-4px;
	}
}
.cart-total,
.cart-fdp,
.cart-total2
{
	display:block;
	background:#fff;
	font-size:16px;
	border:1px solid #dddddd;
	text-align:center;
	padding:10px 5px;
}
.cart-fdp-update
{
	display:none;
	text-align:center;
}
.cart form label
{
	font-size:16px !important;
}

.margin-right-xs
{
	margin-right:8px;
}


.catalogue-ssmenu li.menu-ssfamille > a {
	color:#fff;
	padding: 19px 20px 27px 70px !important;
	background-repeat:no-repeat;
	background-position:1px 1px;
	background-size: 60px 60px;
	max-height:62px;
}
.catalogue-ssmenu li.menu-ssfamille > a:hover {
	text-decoration:none;
}
 
.menu-famille.sport .btn-primary:hover,
.menu-famille.sport .btn-primary.active
{
	background:#0193cf;
	border:1px solid #0193cf;
}
.menu-famille.sport .menu-ssfamille > a
{
	background-color:#0193cf;
}

.menu-famille.filets-sport .btn-primary:hover,
.menu-famille.filets-sport .btn-primary.active
{
	background:#63488b;
	border:1px solid #63488b;
}
.menu-famille.filets-sport .menu-ssfamille > a
{
	background-color:#63488b;
}


.menu-famille.pare-ballons .btn-primary:hover,
.menu-famille.pare-ballons .btn-primary.active
{
	background:#b4956f;
	border:1px solid #b4956f;
}
.menu-famille.pare-ballons .menu-ssfamille > a
{
	background-color:#b4956f;
}


.menu-famille.main-courante .btn-primary:hover,
.menu-famille.main-courante .btn-primary.active
{
	background:#b4956f;
	border:1px solid #b4956f;
}
.menu-famille.main-courante .menu-ssfamille > a
{
	background-color:#b4956f;
}


.menu-famille.multi-sports .btn-primary:hover,
.menu-famille.multi-sports .btn-primary.active
{
	background:#d99100;
	border:1px solid #d99100;
}
.menu-famille.multi-sports .menu-ssfamille > a
{
	background-color:#d99100;
}


.menu-famille.pieces-detachees .btn-primary:hover,
.menu-famille.pieces-detachees .btn-primary.active
{
	background:#408858;
	border:1px solid #408858;
}
.menu-famille.pieces-detachees .menu-ssfamille > a
{
	background-color:#408858;
}

.menu-famille.promos .btn-primary:hover,
.menu-famille.promos .btn-primary.active
{
	background:#ff6600;
	border:1px solid #ff6600;
}
.menu-famille.promos .menu-ssfamille > a
{
	background-color:#ff6600;
}






.menu-ssfamille.badminton > a
{
	background-image:url(../images/menu-badminton.jpg);
}
.menu-ssfamille.basket-ball > a
{
	background-image:url(../images/menu-basket.jpg);
}
.menu-ssfamille.football > a
{
	background-image:url(../images/menu-foot.jpg);
}
.menu-ssfamille.abris-de-touche > a
{
	background-image:url(../images/menu-badminton.jpg);
}
.menu-ssfamille.handball > a
{
	background-image:url(../images/menu-hand.jpg);
}
.menu-ssfamille.hockey > a
{
	background-image:url(../images/menu-hockey.jpg);
}
.menu-ssfamille.rugby > a
{
	background-image:url(../images/menu-rugby.jpg);
}
.menu-ssfamille.tennis > a
{
	background-image:url(../images/menu-tennis.jpg);
}
.menu-ssfamille.volley-ball > a
{
	background-image:url(../images/menu-volley.jpg);
}
.menu-ssfamille.sports-de-plage > a
{
	background-image:url(../images/menu-beach.jpg);
}
.menu-ssfamille.equipement-dinterieur > a
{
	background-image:url(../images/menu-equipement-int.jpg);
}


.menu-ssfamille.buts-et-frontons > a
{
	background-image:url(../images/menu-buts.jpg);
}
.menu-ssfamille.sport-de-plage > a
{
	background-image:url(../images/menu-beach.jpg);
}


.menu-ssfamille.poteaux > a
{
	background-image:url(../images/menu-poteaux.jpg);
}
.menu-ssfamille.barre-decartement > a
{
	background-image:url(../images/menu-barre-ecartement.jpg);
}
.menu-ssfamille.remplissage > a
{
	background-image:url(../images/menu-remplissage.jpg);
}
.menu-ssfamille.accessoires-de-pose > a
{
	background-image:url(../images/menu-accessoire-pose.jpg);
}
.menu-ssfamille.colliers > a
{
	/*background-image:url(../images/.jpg);*/
}
.menu-ssfamille.cloture-tennis > a
{
	background-image:url(../images/menu-tennis.jpg);
}


.menu-ssfamille.poteaux-main-courante > a
{
	background-image:url(../images/menu-poteaumc.jpg);
}
.menu-ssfamille.portail-et-portillon > a
{
	background-image:url(../images/menu-portillon.jpg);
}
.menu-ssfamille.mobilier-urbain > a
{
	background-image:url(../images/menu-mobilier-urbain.jpg);
}


.menu-ssfamille.filets > a
{
	background-image:url(../images/menu-filet.jpg);
}
.menu-ssfamille.colliers > a
{
	background-image:url(../images/menu-collier.jpg);
}

.cart .modal h3,
.catalog .modal h3
{
	background-color:#0BBCCB;
}
.cart .modal .glyphicon,
.catalog .modal .glyphicon
{
	vertical-align:middle;
	margin-top:-3px;
}
.cart .modal .modal-header,
.catalog .modal .modal-header
{
	background-color:#f47b54;
	color:#fff;
	font-size:16px;
}
.cart .modal .modal-header .close,
.catalog .modal .modal-header .close
{
	color:#fff;
}

.produit-in-cart .btn-default
{
	background:#f47b54;
	color:#fff;
}

.produit-in-cart .addToCart input
{
	color:#f47b54;
}

.info_bull
{
	display:inline-block;
	width:24px;
	height:24px;
	/* border-radius:50%; */
}
.stock_ok{
	 /* display: block; */
  margin: 25px 0 0 0;
  background-color: #2bbe3f;
  border-radius: 50%;
}
.stock_notok {
	/* display: block; */
  	margin: 25px auto;
  	background-color: #be1b1b;
  	border-radius: 50%;
}


/* ======================================
Travail sur le résponsive du catalogue - BD 14/02/2019
Modif faites lignes 860 
==========================================*/
.block.catalogue-ssmenu.active {
	z-index: auto;
}
@media screen and (max-width: 767px) {
	html.touch *:hover {
		all: unset !important;
	}

	.catalogue-ssmenu li ul {
		display: none;
	}
	.block.catalogue-ssmenu.active{
		display: flex !important;
		flex-wrap: wrap;
		justify-content: space-around;
		justify-items: center;
	}
	ul.block.catalogue-ssmenu.active li{
		    width: 220px;
	}
	.catalogue-menu-index{
		    min-height: 0!important;
		    display: flex;
		    justify-content: space-between;
		    flex-wrap: wrap;
	}
	/* .glyphicon{
		font-size:35px;
	} */
}

@media screen and (max-width: 1031px) {
	#wrap{
		/* padding-top:138px; */
	}
}
@media screen and (max-width: 1232px) {
	.catalogue-ssmenu.active {
		margin-top: 60px;
	}

}


@media screen and (min-width :767px) and (max-width: 787px) {
	.row.margin-bottom-sm{
		margin-top:150px;
	}
	
}

@media screen and (max-width: 767px) {
	.catalogue-menu>li:hover .catalogue-ssmenu {
		display: none;
	}
	

}
@media screen and (max-width: 688px) {
	footer{
		height:170px;
	}
	
}
@media screen and (max-width: 632px) {
	.catalogue-ssmenu.active {
		margin-top: 100px;
	}

}

@media screen and (max-width: 477px) {
	.catalogue-ssmenu.active {
		margin-top: 150px;
	}

}

@media screen and (max-width: 326px) {
	.catalogue-ssmenu.active {
		margin-top: 200px;
	}

}
@media screen and (max-width: 301px) {
	.catalogue-ssmenu.active {
		margin-top: 255px;
	}

}


footer .container-fluid .row-fluid{
      display: flex;
      flex-direction: row;
}


#wrap > div > div > div.col-sm-3.col-lg-2 > div:nth-child(2){
	max-height: 430px;
	overflow: auto;
}
#resultat{
	    max-height:530px;
	    overflow: auto;
}
/* .block.catalogue-ssmenu.active {
	z-index: -1;
} */

#histo{
	color:white;
}

.Res{
	display:flex;
	background-color: #0BBCCB;
	justify-content: space-between;
}
.filtrecheckbox {
	width:25%;
	margin-top:auto;
	margin-bottom:auto;
	margin-right: 32px;
	display: flex;
	background-color: #0BBCCB;
	justify-content: space-between;
}
.filtrecheckbox div{
	display: flex;
}

.filtrecheckbox div label{
	    padding-right: 12px;
	    font-size: 15px;
	    font-weight: bold;
	    color: white;
}
.filtrecheckbox div:hover label,
.filtrecheckbox div input:checked label {
	
	color: #dbdbdb;
}

#nav-bar-devis {
	display:flex;
}
/* .in_progress{
	background-color:rgb(209, 148, 69);
}
.ordered{
	background-color:rgb(125, 173, 110);
} */
.nojump{
	white-space: nowrap;
}

/* Catalogue plus simple 16/05/2019 */
.catalogue-ssmenu li>ul{
	/* display:none; */
	position: absolute;
	z-index: 1;
	background-color: white;
	width: 88%;
	border: 1px solid #0ac0ce;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 100ms, visibility 100ms;
	transition-delay: 0s;
	
	/* border-top:0px; */
}
.menu-ssfamille:hover >ul{
	display: block;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 600ms, visibility 600ms;
	transition: opacity 300ms, visibility 300ms;
	transition-delay: 0.2s;
}
.catalogue-ssmenu li ul li ul{
	top:-2px;
	left:100%;
	/* overflow: hidden; */
}

@media screen and (min-width: 1200px) {
	.catalogue-ssmenu li>ul {
		width: 90%;
	}
	.catalogue-ssmenu li:nth-child(6n) li ul {
		top: -2px;
		left: -100%;
		/* overflow: hidden; */
	}
	.menu-famille.promos .catalogue-ssmenu li:nth-child(4n) li ul {
		top: -2px;
		left: -100%;
		/* overflow: hidden; */
	}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.catalogue-ssmenu li>ul {
		width: 88%;
	}
	.catalogue-ssmenu li:nth-child(3n) li ul {
		top: -2px;
		left: -100%;
		/* overflow: hidden; */
	}

	.menu-famille.promos .catalogue-ssmenu li:nth-child(4n) li ul {
		top: -2px;
		left: -100%;
		/* overflow: hidden; */
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.catalogue-ssmenu li>ul {
		width: 93.5%;
	}
	.catalogue-ssmenu li:nth-child(2n) li ul {
		top: -2px;
		left: -100%;
		/* overflow: hidden; */
	}

	.menu-famille.promos .catalogue-ssmenu li:nth-child(4n) li ul {
		top: -2px;
		left: -100%;
		/* overflow: hidden; */
	}
}

@media screen and (max-width: 767px) {
	.catalogue-ssmenu li ul{
		display:none !important;
		/* overflow: hidden; */
	}
}
.show-retour{
	display:table-cell!important;
}

#comment-textarea{
	width:100%;
	min-height:100px;
}
.contain-btn-submit{
	display: flex;
	align-items: center;
	justify-content: center;
}

.brokenLink{
	cursor: not-allowed;
}
.brokenLink a{
	/* background-image: url("../images/icons/no-file.png")!important; */
	pointer-events: none;

}

.addCartNoDispo{
	display: flex;
	justify-content: center;
}
.addCartNoDispo span{
	text-align: center;
}

/* Produits associés */
.container-product-assiociated-row, .container-product-photos, .container-product-videos{
	overflow: auto;
  white-space:nowrap;
  /* width: 500px; */
}
.container-product-assiociated-item, .container-product-photo,  .container-product-video {
  padding: 10px;
  display: inline-block;
  vertical-align:top;
  margin-right:20px;
  white-space:normal;
  width: 25%;
  vertical-align: middle;
}
.container-product-photo {
	vertical-align: bottom;
}
.container-product-photo a {
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.container-product-photo a img{
	margin-right: 0!important;
}
.container-product-assiociated {
  position: relative;
  
  transition: .5s ease;
  
}
/* width */
.container-product-assiociated-row::-webkit-scrollbar {
	/* width: 10px; */
	border: solid 1px black;
  }
  
  /* Track */
  .container-product-assiociated-row::-webkit-scrollbar-track {
	background: #d6d6d6;
  }
  
  /* Handle */
  .container-product-assiociated-row::-webkit-scrollbar-thumb {
	background: #f47b54;
  }
  
  /* Handle on hover */
  .container-product-assiociated-row::-webkit-scrollbar-thumb:hover {
	background: #e0643b;
  }
 
.image-product-assiociated {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle-product-assiociated {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
  width: 90%;
}
.container-product-assiociated:hover {
	background-color:black;
}
.container-product-assiociated:hover .image-product-assiociated {
  opacity: 0.3;
}

.container-product-assiociated:hover .middle-product-assiociated {
  opacity: 1;
}

.text-product-assiociated {
  color: white;
  font-size: 20px;
  /* padding: 16px 32px; */
  font-weight: bold;
  word-break: break-word;
}

.ask_return_order{
	background-image: url('./images/retour_commande.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 50px;
	height: 50px;
	border-radius: 10px;

	transition: all .2s;

  }

  .ask_return_order:hover{
	background-color: #969696;
  }

  .condition-retour{
	margin-left: 20px;
  }

 .detailOrderRetour  .row .row {
	  margin:0;
  } 

  #div_form_demande_retour{
	margin-left: 15px;
	margin-right: 15px;
  }

  .radio-div{
	display: flex;
	justify-content: space-evenly;
  }
  .no-comment:hover{
	  cursor: no-drop;
	  opacity: 1;
  }
  .form_changeStatutRetour .submit{
	  display: flex;
	  justify-content: center;
  }
  .produit.rupture{
	  background-color: rgb(214, 77, 77)!important;
  }
  .produit.rupture .colored{
	  color:white!important;
  }

  /* .lostPassword .alert, .resetPassword .alert{
	  padding:33px;
  } */

  .echue, .echue td, .echue a{
	  background-color: rgb(240, 88, 88)!important;
	  color: white!important;
  }
  
  .echue:hover, .echue:hover td,.echue:hover a{
	background-color: rgb(226, 64, 64)!important;
}

body.qrcode #wrap{
	padding: 0 !important;
}

body.qrcode #wrap h1{
	font-size: 14px;
}

body.qrcode .main-navbar{
	display:none;
}

body.qrcode #nav-bar-qrcode .container-fluid{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
body.qrcode #nav-bar-qrcode .navbar-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
body.qrcode #nav-bar-qrcode .navbar-header a{
	text-decoration: underline;
}
body.qrcode #nav-bar-qrcode .navbar-header1{
	padding-top: 20px;
}
body.qrcode #nav-bar-qrcode .navbar-header1 p{
	color: white;
    text-align: center;
    font-size: 24px;
}

/* Indicateurs dans index */
.allIndicators{
	display: flex;
}

.allIndicators .commandes_ca, .allIndicators .devis_ca{
	width: 100%;
}


/* Gestion produits associés aux qrcodes */
.productLocation img{
	height: 35px;
	width: auto;
}
.td_productLocation, .productLocation{
	display: flex;
	justify-content: center;
	width: 100%;
}
.location-icon{
	background-image: url('./images/location-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
}
.no-location-icon{
	background-image: url('./images/no-location-icon.png');
	background-size: contain;
	background-repeat: no-repeat;
	width: 35px;
	height: 35px;
}


/* Page vidéo tuto */

body.videosTuto h2 .caret
{
	margin-top:0px;
}

body.videosTuto h2:hover{
	cursor: pointer;
}

body.videosTuto .active{
	background-color: #58d0da!important;
	border-left: 1px solid #58d0da!important;
    border-right: 1px solid #58d0da!important;
    border-top: 1px solid #58d0da!important;
}
body.videosTuto .active .caret{
    border-bottom: 6px solid;
    border-top: 0;
}