/* latin */ @font-face {
	font-family: 'Roboto500';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium'), url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html,
body {
	font-family: 'Roboto', sans-serif;
	/*max-width: 1440px;*/
	margin: auto;
}

.display-none{
	display: none;
}

hr.thick {
	color: #D6D6D6;
	border-top: 8px solid #D6D6D6;
	margin-top: 10px;
	margin-bottom: 10px;
}

.logo{
	float: left;
	max-height: 90px;
	display: block;
}


#header{
	font-size: 1.125em;
}

#header .logo{
	/*    height: 90px;
        width: 95px;
        background: transparent url('../img/logo.png') top left no-repeat;
        */
	/*margin: 1rem;*/
	height: 42px;
	width: 91px;
	background: transparent url(../img/logo.svg) top left no-repeat;
	background-size: contain;
}

#header{
	display: block;
	width: 100%;
	margin-top: 2.4rem;
	font-family: 'Ubuntu', sans-serif;
}

@media screen and (max-width: 767px) {
	#header{
		margin-top: 0;
	}
}


.main-container {
	margin-top: 9.7rem;
}


@media screen and (min-width: 992px) {
	.main-container {
		margin-top:	11.7rem;
	}
/*
#menu-bar-recherche small {
		display: none;
	}
	*/
}

@media screen and (max-width: 767px) {
	.main-container {
		margin-top:	4.7rem;
	}

}

.personnification {
	font-size: 0.9rem;
}

#menu-bar-recherche {
	flex-grow: 1;
}

#menu-bar-recherche .inner-addon {
	max-width: 41rem;
}

#bloc-detaillant {
	flex-grow: 0.5;
}

.catalogue-border-separator {
	border-bottom: 0.375em solid #F6F6F6;

	/* feature/sprint_12 */
	/*    margin-top: 10px;
        border-bottom: #3892D6 2px solid; */

}

.text-size-md {
	font-size: 0.875rem;
}

.catalogue .h5 {
	font-size: 1.125rem;
}

.modal-md {
	max-width: 600px;
}

.delai-production {
	cursor: pointer;
}

.catalogue-price {
	font-family: 'Roboto Condensed';
	font-weight: bold;
	color: #3892D6;
	font-size: 1.875rem;
}

.not-isretournable {
	margin-top: -0.2rem;
}

.panier-head {
	min-height: 8rem;
	background-color: #F6F6F6;
	margin-top: -1rem;
	/*font-size: 2rem;*/
	text-align: center;
/*	background: transparent url(../img/logo.svg) top left no-repeat;
	background-size: contain;*/
}

.panier {
	font-family: 'Ubuntu';
}

table.cart-liste {
}

table.cart-liste img.panier-image {
	max-height: 3.75rem;
}

.panier-head .icon-cart:before {
    color: #3892d6;
}

.panier-head .icon-cart {
    display: inline-block;
    border-radius: 100%;
    box-shadow: 0 0px 0px 2px #3892d6;
    padding: 2.375rem;
    font-size: 2.375rem;
    margin-top: 6rem;

}

input.required-text {
	/*
		border-color: #dc3545;
	*/
	width: calc(100% - 30px) !important;
}

span.required-text {
	color: #dc3545;
}


div.qte-control {
    min-width: 6rem;
	display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid #C6CBD4;
    padding: 0.3rem 1rem;
    /*margin-left: 1rem;*/
    background-color: white;
    float:right;
    max-width: 8rem;
}

div.qte-control .panier-plus, div.qte-control .ajout-plus {
	flex-basis: 33%;
	cursor: pointer;
	user-select: none;
	font-weight: 300;
}

div.qte-control .panier-moins, div.qte-control .ajout-moins {
	flex-basis: 33%;
	text-align: left;
	cursor: pointer;
	user-select: none;
	font-weight: 300;
}

div.qte-control .panier-qte-ph, div.qte-control .panier-qte-ph {
	flex-basis: 33%;
	padding-right: 0.4rem;
}

div.qte-control .panier-qte-ph .panier-qte, div.qte-control .panier-qte-ph .ajout-qte {
	border: none;
	text-align: right;
	max-width: 3rem;
}

.panier-head-table, .panier-head-table td, .panier-head-table th {
	color: #52B4E5;
	padding-top: 2rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #D3D4D4;
}

.panier-head-blue-line {
	border-color: #3892D6;
}

.panier .explication {
	font-size: 0.875rem;
}



.ui-front {
    z-index: 1110;
}

.liste-produits-liste .catalogue-price {
	font-size: 1.275rem;
	margin-top: 0.75rem;
}

@media screen and (max-width: 400px ) {
	.container-produit-show .catalogue-price {
		font-size: 1.6rem;
	}
}

.liste-produits {
    font-family: Ubuntu;
}

/*
	seulement dans mti-admin.css
#navbarNavDropdown{
    /*background-color: #424242;*/



.navbar-light.fixed-top {
	z-index: 1099;
}

#navbarNavDropdown a{
	/*color: #000; */
}
#navbarNavDropdown .active > a {
	color: #3892D6;
}
#navbarNavDropdown .active .sub-active {
	color: #3892D6;
}
#navbarNavDropdown .active .sub-active:active {
	color: #fff;
}

#navbarNavDropdown ul li{
	/*border-top: 4px solid #424242;*/
	color: #fff;
}

#navbarNavDropdown > ul > li > a:hover {
	/*border-top: 4px solid #3892d6;*/
	color: #3892d6!important;
}

#navbarNavDropdown ul li.active{
	background-color: #FFF;
	/*border-top: 4px solid #3892d6;*/
	color: #3892d6;
}



/* pour que le hamburger devienne un X en responsive */

.navbar-toggler {
  border: none;
  background: transparent !important;
}
.navbar-toggler:focus {
  outline: none;
  background: transparent !important;
}

.navbar-toggler .icon-bar {
  background-color: #6C6C6C;
  transform: rotate(0deg) translate(0px, 0px);
  transition: ease all .2s;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar + .icon-bar {
  margin-top: 4px;
}

.icon-bar:nth-child(2) {
  width: 22px;
  transition: ease all .2s;
}

.navbar-toggler:hover > .icon-bar:nth-child(2){
  width: 22px;
  transition: ease all .2s;
}
.navbar-toggler:active > .icon-bar:nth-child(2){
  width: 22px;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
  transform: rotate(45deg) translate(5px, 4px);
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
  opacity: 0;
  transition: ease all .2s;
}

.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
  transform: rotate(-45deg) translate(4px, -4px);
  transition: ease all .2s;
}

/* fin du style hamburger animé */

@media (max-width: 767px) {

	/* pas de marges quand on est en sm */
	.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
	    margin: 0;
	    width: 100%;
	    max-width: initial;
	}

	.navbar-collapse{
		border:1px solid #e7e7e7;
		padding-left: 5px;
	}

	#navbarNavDropdown{
		clear: both;
		box-shadow: 3px 4px 4px 1px rgba(183, 169, 168, 0.3);
	}

	.navbar-nav .nav-item {
		margin: 0.4rem 1rem 0 1rem;
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 0.4rem;
	}

}

.navbar-toggler{
	float:right;
}

/*border-color*/

.nav-link{
	text-transform: inherit!important;
	padding: .1em 1em;
}


#app1 {
	padding-bottom: 25px;
}

@media screen and (max-width: 1280px) {
	.scale-font-stage {
		font-size: 90%;
	}
}


@media screen and (max-width: 1153px) {
	.scale-font-stage {
		font-size: 85%;
	}
}

@media screen and (max-width: 1024px) {
	.scale-font-stage {
		font-size: 80%;
	}
}
.clear{clear:both;}

.image-accessoire, .image-principale {
	max-width: 100%;
}

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

.catalogue 	.categorie-image {
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: contain;
	/*background-size: cover;
	border: 1px solid #ddd;*/

	/* ce sont les dimensions du document d'intégration */
	width: 422px;
	height: 223px;
}

.text-gray {
	color: #B8B8B8 !important;
}



.menu-filtre {
	box-shadow: 1px 1px 3px 1px rgba(134, 142, 150, 0.5);
	border-radius: 0.5rem;
	font-family: 'Ubuntu', sans-serif;
}

@media (min-width: 768px) {
	#menu-filtre-categories {
	    display: none;
	}
}

#menu-filtre-categories {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: white;
	z-index: 9999;
	overflow: auto;
	border-radius: 0;
}

.close-menu-filtre {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
}

.menu-filtre ul {
	list-style: none;
	padding-left: 1rem;
}

.menu-filtre ul li a:hover {
	text-decoration: none;
}

.menu-filtre ul li:not(.ouvert) a {
	color: black;
	font-size: 0.8195rem;
}

.menu-filtre ul li {
	margin-bottom: 0.55rem;
}


.menu-filtre ul li.ouvert a {
}

.menu-filtre ul li.ouvert i.fa {
	color: #52b4e5;
}

.menu-filtre > * > ul {
	padding-left: 0rem;
}

.menu-filtre > * > ul > li a {
	font-weight: bold;
}

.menu-filtre ul.caracteristique-form li {
	margin-bottom: 0.0rem;
}

.affichage-selection-responsive .filtre-selection {
	display: inline-block;
}

.affichage-selection-responsive .caracteristique-form-titre {
	display: inline-block;
}

.affichage-selection-responsive .filtre-selection {
	margin: 0.3rem;
	background-color: #F6F6F6;
	border-radius: 0.8rem;
	padding: 0.5rem;
    font-weight: bold;
    font-size: 0.7rem;
    color: #999;
}
.affichage-selection-responsive .filtre-selection a {
    font-weight: bold;
    font-size: 0.7rem;
}

.icon-checkbox-on .path2:before {
	/* le margin-left: -1.0em original ne suffit pas dans notre contexte */
	margin-left: -1.5em !important;
}

.menu-filtre .marques-liste > a {
	font-size: 0.8195rem;
}

.affiche-produit .description-produit
{
	height: 2rem;
	font-size: 0.875rem;
}

.controle-visualisation {
	font-size: 0.875rem;
}

.affiche-produit .titre-produit {
	color: #2F2F2F;
	font-size: 0.875rem;
}

.affiche-produit .description-produit {
	color: #424242;
}


.card.affiche-produit {
	border: none;
	background-color: #F6F6F6;
	margin-bottom: 0.5rem;
	margin-right: 0.5rem;
}

.boutons-pages .btn {
	padding: .375rem .75rem;
}


.boutons-pages .btn-outline-secondary:not(.btn-admin) {
	box-shadow: none;
	border: 1px solid #C6CBD4;
}

.rectangle-copy {
	min-width: 150px;
	min-height: 40px;
	border: 1px solid #E3E3E3;
	border-radius: 3px;
	background-color: #FFFFFF;
	box-shadow: 0 2px 4px 0 rgba(155,155,155,0.39);
}

.imprimer {
	color: #4F4F4F;
	font-family: "Roboto Condensed";
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
}

.marques-titre{
	color: #000000;
	font-family: Roboto;
	font-size: 46px;
	letter-spacing: -1px;
	line-height: 39px;
}
.marques-desc{
	olor: #2F2F2F;
	font-family: Ubuntu;
	font-size: 18px;
	font-weight: 300;
	line-height: 29px;
}

.marque-image-liste {
	border-radius: 8px;
	/*
		background-color: #F6F6F6;
	*/
}

.alterne-gris:nth-child(odd) {
	background: #F6F6F6;
}

.alterne-gris:nth-child(even) {
	background: transparent;
}

.icon-collapse:hover {
	cursor: pointer ;
}

i {
	-webkit-transition: 250ms ease-in-out;
	-moz-transition: 250ms ease-in-out;
	-o-transition: 250ms ease-in-out;
	transition: 250ms ease-in-out;
}


/************************************************************************
* ADDON
************************************************************************/
/* enable absolute positioning */
.inner-addon {
	position: relative;
}

/* style icon */
.inner-addon .fa_addon {
	position: absolute;
	padding: 10px;
	pointer-events: none;
}

/* align icon */
.left-addon .fa_addon  { left:  0px; }
.right-addon .fa_addon { right: 0px; }

/* add padding  */
.left-addon input  { padding-left:  30px; }
.right-addon input { padding-right: 30px; }

/************************************************************************
* OVERRIDE LARAVEL ELEMENTS
************************************************************************/


.icone {
	display: inline-block;
	width: 17px;
	height: 18px;
	background-size: contain;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
}

.icone-cible {
	background-image: url(images/cible.png);
}
.icone-courriel {
	background-image: url(images/courriel.png);
}
.icone-imprimer {
	background-image: url(images/imprimer.png);
}
.icone-texte {
	background-image: url(images/texte.png);
}
.icone-voir {
	background-image: url(images/voir.png);
}
.icone-expand {
	background-image: url(images/expand.svg);
}


/************************************************************************
* DÉTAILLANT
************************************************************************/

#app1.detaillant .navbar-static-top {
	/*background: #015A96 url(../img/mtimap.svg) center 137px no-repeat; */
	/*padding-bottom: 0.5rem;*/
	/* pour détaillant on doit forcer la hauteur sinon on va avoir du fun avec le SVG split */
	/*height: 178px;*/
}

#app1.detaillant .main-container {
	/* pour détaillant on doit forcer la hauteur sinon on va avoir du fun avec le SVG split */
	/*margin-top: 154px;	*/
}


.detaillant-recherche {
	padding-top: 4.5em;
	padding-bottom: 4.5em;
	background-color: #015A9F;
	/*	background: #015A9F url(../img/mtimap.svg) center -41px no-repeat; */
}

.detaillant-recherche h2 {
	font-size: 2.75em;
}

.map-min-height {
	min-height: 50rem;
}

.detaillant-titre {
	font-size: 2.125em;
	padding: 2rem 0;
}

.liste-detaillants-block {
	max-height: 50rem;
	display: flex;
	flex-direction: column;
}

.detaillant-titre, .detaillant-form {
	flex: 0 0 auto;
}
.liste-detaillants {
	flex: 1 1 auto;
	overflow-y: scroll;
}

.liste-detaillant-item {
	font-family: 'Ubuntu', sans-serif;
	font-weight: 400;
}

.liste-detaillant-item:nth-child(even) { background: #F6F6F6; }

.nom-detaillant {

}

.adresse-detaillant {
	font-weight: 200;
	font-size: 90%;
}

.telephone-detaillant {
	font-size: 80%;

}

.detaillant-type {

}

.font-weight-500 {
	font-family: 'Roboto500';
	font-weight: 500;
}

.text-swatch-400 {
	color: #cecece;
}



.striped-level-one > div:nth-child(even) { background: #F6F6F6; }


/************************************************************************
* OVERRIDE DATATABLES
************************************************************************/

table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>td.sorting {
    vertical-align: bottom;
}


table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before, table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
	/*    background-color: #3892D6 !important; */
}

table.dataTable thead tr {
	background-color: #D3D4D4;
}

table.dataTable td .check-icon {
	font-size: 1.5rem;
}


/************************************************************************
* Icônes dans les boutons
************************************************************************/

/************************************************************************
* Breadcrumbs
************************************************************************/
/*
select.form-control:not([size]):not([multiple]) {
    height: calc(2.25rem + 2px);
}
*/

.breadcrumb{
	background-color: transparent;
	padding: 1.25rem 0.7rem;
}

.breadcrumb-item + .breadcrumb-item::before {
	display: inline-block;
	padding-right: 0.1rem;
	padding-left: 0.1rem;
	color: #B8B8B8;
	content: ">\0000a0";
}

/* on inverse les couleurs: active = primary, link =  gray */

.breadcrumb .breadcrumb-item {
	font-weight: 300;
	font-family: 'Ubuntu', sans-serif;
}

.breadcrumb .breadcrumb-item a {
	color: #B8B8B8;
}

.breadcrumb .breadcrumb-item.active {
	font-weight: 400;
	color: #3892D6 !important;
}

/************************************************************************
* OVERRIDE BOOTSTRAP ELEMENTS
************************************************************************/

.col-4-half {
    flex: 0 0 37.5%;
    max-width: 37.5%;
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

small, .small {
    font-size: 0.9rem;
    font-weight: normal;
}

.navbar-brand {
	margin-right: 0;
	margin-left: 1rem;
	margin-top: 1rem;
}

/* On enlève l'effet slideDown des modals*/
.modal.fade .modal-dialog
{
    -moz-transition: none !important;
    -o-transition: none !important;
    -webkit-transition: none !important;
    transition: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
}

.modal-backdrop {
    background-color: #fff;
}

.col-form-label {
	font-weight: bold;
}

.modal-xl {
	max-width: 1248px;
	width: 95%;
}

.modal-xl .modal-body {
	overflow: auto;
}

.required {color:#f00;}

.btn-xs {
	font-size: 80%;
	/*	padding: 0.125em 0.1875em; */
	padding: 0.425em 0.4875em;

}

.btn-condensed {
	font-family: 'Roboto Condensed' !important;
	font-weight: bold;
	text-transform: uppercase;
}


.modal-backdrop.show {
	z-index: 1100;
}

.modal-backdrop.show.bootbox {
	z-index: 1115;
}

.modal {
	z-index: 1110;
}

.bootbox {
	z-index: 1120;
	top: 40%;
}

.modal-content {
	-webkit-box-shadow: 3px 3px 19px -4px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 19px -4px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 19px -4px rgba(0,0,0,0.75);
}

.btn {
	font-size: 1em;
}

.btn-sm {
	font-size: 0.8em;
}

.btn-xs {
	font-size: 0.8em;
}

.btn {
	font-family: 'Roboto', sans-serif;
	/*	text-transform: uppercase; */
	cursor: pointer;
}

.btn-special-font {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

.btn-bg {
	background-image: url(images/bouton-bleu-background.svg) !important;
	background-repeat: no-repeat !important;
	background-position: top left !important;
	/*background-size: contain !important;*/
	position: relative;
}


.btn-outline-secondary:not(.btn-admin), .btn-shadow {
	box-shadow: 1px 1px 3px 1px rgba(134, 142, 150, 0.5);
	border: none;
}

.btn-outline-secondary:not(.btn-admin):hover:not(.disabled) {
	background-color: #676767;
}

.btn-bg i {
	/*margin-right: 1rem;*/
	color: #fff;
	position: absolute;
	left: 0.9rem;
}

.btn-bg .btn-text {
	padding-left: 3.2em;
	padding-right: 0.8em;
}

.btn-bg .btn-text-small-pad {
	padding-left: 2.3em;
	padding-right: 0.0em;
}

.btn-outline-secondary:not(.btn-admin):not(.disabled) {
	background-color: white;
}

.btn-outline-secondary.disabled {
  pointer-events: none;
}

.dropdown-menu.show {
	overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	/*
		text-transform: uppercase;
	*/
	letter-spacing: -1px;
	margin: 1rem 0;
}

h1, .h1 {
	text-align: center;
	margin: 1.6rem 20%;
}

/*.h5, */ .h6 {
	text-transform: uppercase;
}

@media screen and (max-width: 767px) {
	h1, .h1 {
		font-size: 2.275rem;
	}


}


/* pour que sm soit full width */
@media (max-width: 767px) {
	.container {
	    max-width: initial;
	}
}

/*
@media (min-width: 576px) {
	.container {
	    max-width: 767px;
	}
}*/

/* test pour avoir un LG plus large */
/*@media (min-width: 992px) {
	.container {
	    max-width: 954px;
	}
}
*/

.container {
	padding: 0;
}

.navbar-light .navbar-nav .nav-link {
	color: black;
}

.navbar-expand-md .navbar-nav .nav-link {
	padding-right: 0.75rem;
	padding-left: 0.75rem;
}

/* pour que les nav-tab acceptent une césure, soient limités en largeur, gardent tous la même hauteur et restent aligné en bas */

.nav-link {
	font-weight: 500;
}

.navbar-header .nav-link {
	padding-bottom: 0;
}

.nav-tabs .nav-link {
	max-width: 15em;
	word-wrap: normal;
	text-align: center;
}

.nav-tabs>li {
	/*height:62px;*/
}

.nav-tabs>li>a, .nav-tabs>li>a>div {
	height:100%;
	display:table;
}
.nav-tabs>li>a span {
	display:table-cell;
	vertical-align: middle;
}

.invalide {
	border: 1px solid #dc3545;
}

.produit-gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+64,f7f7f7+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 80%, #f7f7f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 80%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#ffffff 80%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

.position-relative {
	position: relative !important;
}

.position-absolute {
	position: absolute !important;
}

.input-group-text {
	/* à confirmer, ça fait clasher le searchbox de la liste de produits
    padding: 0.75rem 0.95rem;
    */
}


/* footer et search locator dans toutes les pages */

.cover-image {
    background-repeat: no-repeat;
    background-position: 85%;
    background-size: cover;
}

.footer-container h3.h3 {
    font-size: 2.875rem;
}

.footer-container .h4 {
    font-size: 1.5rem;
    margin-top: 2rem;
}



.mti-pieddepage {
    min-height: 64rem;
    background-image: url('../img/bg_pieddepage.jpg');
    font-family: Ubuntu;
    font-weight: lighter;
    color: #B8B8B8;
}

.mti-pieddepage .titre {color: white;
    font-weight: 500;
}

.mtimap {
    background: url(../img/mtimap.svg) top center no-repeat;
    width: 82px;
    height: 114px;
    display: inline;
    top: 73px;
    margin-top: -73px;
    z-index: 1000;
}

.detaillant-footer .detaillant-recherche {
    padding-bottom: 3.4rem;
}

a.h5 {
    text-transform: none;
}

.font-size-15 {
    font-size: 0.9375rem;
}



.required_textfield {
    border: 1px solid #D71E00;
}


ul.erreurs {
	list-style-type: none;
}


.added-to-cart img {
	max-height: 5rem;
}

.table.added-to-cart > tbody > tr > td {
     vertical-align: middle;
}

.table.vertical-middle tr td, .table.vertical-middle tr th {
	vertical-align: middle;
}

#total-panier td, #total-panier th {
	border-top: none;
	font-size: 1.125rem;
	padding-top: 1rem;
	background-color: white;
}

#total-panier th {
	color: #B8B8B8;
	text-transform: uppercase;
	font-weight: normal;

}

#total-total td, #total-total th {
}

td.prioritaire .check-icon {
	font-size: 1.5rem;
}

table.produit-ajouter-form tbody tr td.add-to-cart, table.produit-ajouter-form tbody tr td.add-to-cart input, td.prioritaire {
	cursor: pointer;
	/*user-select: none;*/
}

@media (max-width: 767px) {
	.panier-head .buttons {
	    width: 100%;
		padding: 0.5rem 3rem;
	}
}

#message-total-panier {
	background-color: rgba(255, 255, 255, 1.0);
}


.panier-liste-elements .image, .panier-liste-elements .marque, .panier-liste-elements .numero {
	display: table-cell;
}




/* login-form et checkout-form */


.frontend_form .h6 {
	letter-spacing: 0px;
	padding: 1.5rem 0rem 1.5rem 1rem;
}

.frontend_form .form-control {
	padding-top: 0.55rem;
	padding-bottom: 0.55rem;
}

.frontend_form .form-group {
	margin-bottom: 0.55rem;
}

.frontend_form .form-check-label {
	padding-left: 0.1rem;
	cursor: pointer;
}

.frontend_form input[type="radio"] {
	cursor: pointer;
}


.frontend_form form label:not(.font-size-normal),
.mdp-oublie {
	font-size: 0.875em;
}

.frontend_form form label,
.mdp-oublie {
	font-weight: bold;
}


.frontend_form .help-block {
	font-size: 0.875em;
	font-weight: lighter;
}

.frontend_form .btn {
	/*font-size: 0.875em;*/
	font-weight: 500;
}


.frontend_form .btn.secondary-to-login {
	font-weight: normal;
}

.btn-mid-light {
    color: #9B9B9B;
    background-color: #E3E3E3;
    border-color: #E3E3E3;
}


.frontend_form {
	background-color: #fff;
    border: 1px solid #929293;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: .45rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    overflow: hidden;
}

.frontend_form .btn {
	font-family: 'Roboto Condensed';
}

.frontend_form [type='submit']{
	font-weight: bold;
}

.frontend_form .message {
	font-size: 1.25rem;
}


.boutons {
	border-top: 1px solid #dfdfdf;
	padding: 15px;
}

.frontend_form .help-block {
	margin-top: 1rem;
}

.error-section {
    font-weight: bold;
}

.error-section ul {
	list-style: none;
}

.error-section ul li {
}