/* ---------------------------------------------------------------------------------------- */
/* BASIKA : spec -------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------------- */

/*SLider---------------------------------------------*/
.carousel-indicators [data-bs-target] {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
}
/*Hover transition site------------------------------*/
:hover{ -webkit-transition: all .3s ease-out;
      -moz-transition: all .3s ease-out;
      -ms-transition: all .3s ease-out; }

/*Icon breadcrumb-----------------------------------*/
.icon-angle-right{padding: 0 .4em;}

.fa{
    font-size: 1.5em !important;
}
/*Style form-control ------------------*/
.form-control{
    border-radius: unset !important;
}
.form-select {
    border-radius: unset;
    border-color: #dfdfdf;
}
.form-select:focus {
    border-color: #3b3e45; /*#86b7fe;*/
    outline: 0;
    box-shadow: unset; /*0 0 0 .25rem rgba(13,110,253,.25);*/
}
.full-width{
    width: 100%;
}
.img-responsive {
    max-width: 100%;
    height: auto;
}
center img {
    max-width: 100%;
    height: auto;
}

/*Style Bloc droite gauche du menu ------------------*/

.col-left-liste{
    background: #fff;
    margin-right: 0;
    border-bottom: 1px solid #3b3e44;
    border-top: 1px solid #3b3e44;
}

.title-lft{
    background: #3b3e45;
}

.title-lft h2{
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    padding: 12px 0;
}

.title-lft span{
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-top: 0;
    text-transform: uppercase;
    padding: 12px 0;
    margin-bottom: 20px;
    font-size: 16px !important;
    line-height: normal;
}

.interm-menu{
	font-size: 1em;
	font-weight: 600;
    color: #3b3e45 !important;
}

.interm-menu i{
  color: #3b3e44;
  margin-left: .5rem;
    font-size: 1.5em !important;
}

.interm-menu ul li a:hover {
	color: #fff;
	background: #f15821;
	border-radius: 0;
}

.interm-menu ul li{
	list-style: none;
	border-bottom: 1px solid #c0c6ca;
	margin: 0;
	padding: 0;
}
.interm-menu ul li:nth-child(14){
	border-bottom: none;
}

.check-info-liste{
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    margin-top: 2px;
    border: 2px solid #3b3e45;
    border-radius: 50% !important;
    /*appearance: none;*/
}

.loader-img {
    text-align: center;
    margin: 5rem;
}

.list-filtre {
    background: #dfdfdf;
    padding: 0 .4rem;
    list-style-type: none;
    width: max-content;
    margin-right: .5rem;
    margin-bottom: .5rem;
    float: left;
}
.list-filtre i {
    position: relative;
    right: -2px;
    top: 1px;
    cursor: pointer;
}

/*------------------------------------------------ Checkbox personalise pour le filtre de recherche Page List -------------------------------------------------*/
/* Base for label styling */
.check-info-liste[type="checkbox"]:not(:checked),
.check-info-liste[type="checkbox"]:checked {
  position: absolute;
  left: 0;
  opacity: 0.01;
  display: none;
}
.check-info-liste[type="checkbox"]:not(:checked) + label,
.check-info-liste[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 2.3em;
  font-size: 1.05em;
  line-height: 1.7;
  cursor: pointer;
}

/* checkbox aspect */
.check-info-liste[type="checkbox"]:not(:checked) + label:before,
.check-info-liste[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  border: 1px solid #aaa;
  background: #FFF;
  border-radius: 50%;
  box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);
  -webkit-transition: all .275s;
      transition: all .275s;
}

/* checked mark aspect */
.check-info-liste[type="checkbox"]:not(:checked) + label:after,
.check-info-liste[type="checkbox"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 18px;
    /* font-size: 1.375em; */
    background: #f15821;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    line-height: 0;
    -webkit-transition: all .2s;
      transition: all .2s;
}

/* checked mark aspect changes */
.check-info-liste[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0) rotate(45deg);
      transform: scale(0) rotate(45deg);
}

.check-info-liste[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0);
      transform: scale(1) rotate(0);
}

/* Disabled checkbox */
.check-info-liste[type="checkbox"]:disabled:not(:checked) + label:before,
.check-info-liste[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #e9e9e9;
}

.check-info-liste[type="checkbox"]:disabled:checked + label:after {
  color: #777;
}

.check-info-liste[type="checkbox"]:disabled + label {
  color: #aaa;
}

/* Accessibility */
.check-info-liste[type="checkbox"]:checked:focus + label:before,
.check-info-liste[type="checkbox"]:not(:checked):focus + label:before {
  box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);
}
/*---------------------------------------------------------------------------------------------------------------------------------------------------------*/

.nav-pills{
	margin: 0;
	padding: 0;
}

.nav-pills li a{
	margin: 0;
}

#prixBORDER{
	border-right: 1px solid #c0c6ca;
}
@media (min-width: 992px) {
    .colonne-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }
    .colonne-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .colonne-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }
    .colonne-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }
    .colonne-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .colonne-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }
    .colonne-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .colonne-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }
    .colonne-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }
}
@media (max-width: 991px) {
	#prixBORDER{
		border-right:0px;
		border-bottom: 1px solid #c0c6ca;
	}
    #loginBASIKA {
        display: none !important;
    }
}


#recapcommande {
  display: none;
}

.descriptifProduit h2 {
  font-size: 12px;
  font-weight: bold;
  font-family: verdana;
}

.full {
  width: 100%;

}

#lightview {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 150px;
	width: 150px;
	margin: -75px 0 0 -75px;
	padding: 0;
	text-align: left;
}

/* The container that holds everything */
.lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 0;
}

.lv_Button {
	cursor: pointer;
	text-decoration: none;
	border: none;
	background: none;
    margin: 0;
	padding: 0;
}

/* The buttons on the side when you view a gallery */
.lv_Sides {
	position: absolute;
	top: 50%;
	left: 0;
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
.lv_Sides * { padding: 0; margin: 0; }
.lv_Sides .lv_PrevSide,
.lv_Sides .lv_NextSide { position: relative; }

.lv_PrevSide { float: left; }
.lv_NextSide { float: right; }
.lv_Sides .lv_Wrapper {
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.lv_Sides .lv_Button {
	float: left;
	background: none;
}

/* The frames above and below the center, that hold the corners.
   It's recommended not to change anything here, a lot is done in
   javascript to build further upon this based on your settings.
*/
.lv_Frames {
	width: 100%;
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0;
}
.lv_Frames .lv_Frame,
.lv_Frames .lv_Center,
.lv_Frames .lv_PrevNext {
  margin: 0;
  padding: 0;
}
.lv_Frame {
	width: 100%;
	display: block;
}
.lv_Frame * { padding: 0; margin: 0; }
.lv_FrameTop {
	position: absolute;
	left: 0;
	width: 100%;
	display: block;
}
.lv_FrameBottom {
	position: relative;
	float: left;
	clear: both;
}

.lv_Liquid {
	position: relative;
	float: left;
	width: 100%;
	overflow: hidden;
	clear: both;
}
.lv_Liquid .lv_Filler {
	position: absolute;
	height: 100%;
	width: 2px;
	top: 0;
	left: 50%;
}

.lv_Half {
	display: block;
	height: 100%;
	clear: both;
	line-height: 0px;
}
.lv_Corner {
	float: left;
	position: relative;
}
.lv_CornerTr, .lv_CornerBr { float: right; }

.lv_Fill {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.lv_Half .lv_CornerWrapper {
	float: left;
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.lv_HalfRight .lv_CornerWrapper { float: right; }

.lv_Corner { position: relative; }
.lv_Corner canvas { position: relative; }
.lv_HalfLeft .lv_Corner { float: left; }
.lv_HalfRight .lv_Corner {
	position: relative;
	float: right;
}

/* To position content correctly in the center with correct
   rounded corner display we need a few wrappers.
   This is to get it right on all browsers.
*/
.lv_Center {
	position: relative;
	clear: both;
	height: 100%;
	overflow: hidden;
	background: none;
	padding: 0;
	margin: 0;
}
.lv_WrapUp {
	position: absolute;
    left: 0px;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapDown {
	position: relative;
	height: 100%;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.lv_WrapCenter {
	position: relative;
	padding: 0;
	margin: 0;
}

/* The loading indicator */
.lv_Loading {
	position: absolute;
	top: 50%;
	left: 50%;
}
.lv_Loading .lv_Button {
	float: left;
	height: 100%;
	width: 100%;
}

.lv_MediaWrapper {
	position: relative;
	width: 100%;
	display: block;
	overflow: hidden;
	clear: both;
	padding: 0;
	margin: 0;
}
.lv_MediaWrapper img {
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

/* The overlays on top of images that toggle the previous/next buttons */
.lv_PrevNext {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}
.lv_PrevNext * { padding: 0; margin: 0; }
.lv_PrevNext .lv_Button {
	position: relative;
	height: 100%;
}
.lv_PrevButton { float: left; }
.lv_NextButton { float: right; }

/* The bar that holds title, caption, imagenumber, slideshow and closebutton */
.lv_MenuBar {
	clear: both;
	position: relative;
	width: 100%;
	font: 11px/17px Arial, Helvetica, sans-serif;
	color: #7a7a7a;
	padding: 0;
	margin: 0;
	text-align: left;
}
.lv_MenuBar * { padding: 0; margin: 0;}


.lv_Close {
    position: relative;
	float: right;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.lv_Data {
	position: relative;
	float: left;
	padding-bottom: 3px;
	overflow: hidden;
}

/* simulates padding-left inside .lv_Data
.lv_DataText div, .lv_ImgNumber div { margin-left: 3px; } */
.lv_innerController { line-height: 15px; }
.lv_Data .lv_DataText,
.lv_Data .lv_innerPrevNext,
.lv_Data .lv_Slideshow {
	float: left;
	margin-top: 3px;
}
.lv_DataText { width: 100%; }
.lv_DataText .lv_Title {
	font-weight: bold;
	margin-bottom: 2px;
}
.lv_DataText .lv_Caption { clear: both; }
.lv_Data .lv_innerPrevNext .lv_ImgNumber {
	color: #999;
	float: left;
}

.lv_Data .lv_innerPrevNext,
.lv_Data .lv_Slideshow {
	position: relative;
	padding: 0 5px;
	margin-top: 5px;
	vertical-align: middle;
}
.lv_Data .lv_innerPrevNext { padding-left: 0; }
.lv_Data .lv_Slideshow { padding-right: 0px; border-left: 1px solid #d7d7d7; }

.lv_Data .lv_innerPrevNext .lv_Button,
.lv_Data .lv_Slideshow .lv_Button { /* play and stop */
	float: left;
	background-position: center left;
	background-repeat: no-repeat;
}
.lv_innerPrevButton { margin-right: 5px; }
.lv_innerNextButton { margin-left: 5px; }


/* the boxes that hold media or external content */
.lv_contentTop,
.lv_contentBottom {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	clear: both;
}

#lightview iframe {
	float: left;
	border: 0;
	clear: both;
	padding: 0;
	margin: 0;
	background: none;
}

/* The container that hold buttons above the view, currently only topclose */
.lv_topButtons {
	position: absolute;
	left: 0;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_topcloseButtonImage { cursor: pointer; }


/* The error/warning/download message that will appear when
   a required plugin is not installed.
*/
#lightviewError p { padding: 0 0 10px 0; }
#lightviewError div {
	padding: 6px;
	font: 11px Arial, Helvetica, sans-serif;
}
#lightviewError .message {
	background: #fcb5b5;
	color: #dd1f1f;
	margin-bottom: 3px;
}
#lightviewError .type { font-weight: bold; }
#lightviewError .pluginspage {
	background: #b5fcbd;
	color: #21be30;
}
#lightviewError a,
#lightviewError a:hover,
#lightviewError a:visited {
	color: #21be30;
	text-decoration: none;
	background: none;
	font-weight: bold;
	border-bottom: 1px solid #7de689;
}
#lightviewError p {
	margin-left: 0;
	padding: 0;
}

#lv_overlay {
  position: absolute; /* Opera will use fixed */
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* navbar
   Adds a bar below the view that takes over the default Controller
*/
#lightviewController {
	position: fixed;
	bottom: 0;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
	color: #d2d2d2;
	font: 11px Arial, Helvetica, sans-serif;
}
* html body #lightviewController { /* IE6 */
	position: absolute;
    top: auto;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + (Lightview.controllerOffset || 0)) + 'px');
}
#lightviewController .lv_controllerCenter {
	display: block;
	height: 100%;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	width: auto;
}
.lv_controllerTop, .lv_controllerMiddle, .lv_controllerBottom {
	float: left;
	display: block;
	position: relative;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.lv_controllerCornerWrapperTopLeft,
.lv_controllerCornerWrapperBottomLeft { top: 0; left: -100%;}
.lv_controllerCornerWrapperTopRight,
.lv_controllerCornerWrapperBottomRight { top: 0; left: 100%;}

#lightviewController .lv_CornerWrapper {
	width: 100%;
}
#lightviewController .lv_Corner { float: left; }
#lightviewController .lv_Corner {
	float: right;
	position: relative;
}
#lightviewController .lv_CornerTr, #lightviewController .lv_CornerBr { float: left; }
.lv_controllerBetweenCorners {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.lv_controllerMiddle {
	position: relative;
	height: 100%;
	float: left;
}
.lv_controllerCenter .lv_controllerSetNumber
.lv_controllerCenter .lv_ButtonWrapper {
	float: left;
	display: inline;
	position: relative;
	clear: none;
}
.lv_controllerSetNumber {
	float: left;
	text-align: center;
}

#lightviewController .lv_Button {
	float: left;
	position: relative;
	height: 100%;
	clear: none;
}
.lv_controllerSetNumber {
	position: relative;
	height: 100%;
	padding-right: 3px;
}
.lv_controllerPrev,
.lv_controllerNext,
.lv_controllerSlideshow,
.lv_controllerClose {
	float: left;
	position: relative;
	height: 100%;
	padding-left: 3px;
}

.lv_controllerPrev { border-left: 1px solid #3c3c3c; }
#lightviewController .lv_controllerNext { padding-right: 3px; border-right: 1px solid #3c3c3c; }

* html #lightview { /* IE6 */
	position: absolute;
	margin-top: expression( (-1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) - (Lightview.controllerHeight || 0)) + 'px');
	margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');
}

/* Always cover 100% of the screen in IE6 */
html #lv_overlay {
	position: absolute;
	height: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight].max() : document.documentElement.scrollHeight) + 'px' );
	width: expression(((window.Enumerable && window.Enumerable.max) ? [document.body.scrollWidth, document.documentElement.scrollWidth, document.body.offsetWidth, document.documentElement.clientHeight].max() : document.documentElement.scrollWidth) + 'px' );
}

.tt-query,
.tt-hint {
	font-size: 16px;
}

.tt-query {
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
	color: #fff;
}

.tt-dropdown-menu {
	/*
	width: 450px;
	margin-top: 12px;
	padding: 8px 0;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);

	max-height: 600px;
	overflow-y: auto;
	z-index: 1000;
	*/

	width: 100%;
	margin-top: 12px;
	padding: 8px 10px;
	background-color: #fff;
	border-top:1px solid #c0c6ca;
	border-left:1px solid #c0c6ca;
	border-right:1px solid #c0c6ca;
	border-bottom:3px solid #f15821;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);

	max-height: 600px;
	overflow-y: auto;
	z-index: 1000;
}

.tt-suggestion {
	padding: 3px 20px;
	font-size: 18px;
	line-height: 24px;
}

.tt-suggestion.tt-cursor {
	color: #fff;
	background-color: rgba(243,90,34,0.5);
}

.tt-suggestion p {
	margin: 0;
}


/* ----------------------- */
/* example specific styles */
/* ----------------------- */
#custom-templates .empty-message {
	padding: 5px 10px;
	text-align: center;
}

#multiple-datasets .league-name {
	margin: 0 20px 5px 20px;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
  max-height: 150px;
  overflow-y: auto;
}

#rtl-support .tt-dropdown-menu {
	text-align: right;
}

#recherche .league-name, #rechercheRESPONSIVE .league-name {
	margin: 0 20px 5px 20px;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}

#scrollable-dropdown-menu .tt-dropdown-menu {
	max-height: 150px;
	overflow-y: auto;
}




/* VAINCE --------------------------------------------------- */

#rechercheRESPONSIVE form, #recherche form {
	width:100%;
	min-width:100%;
}

#rechercheRESPONSIVE .twitter-typeahead, #recherche .twitter-typeahead {
	float:left;
	width:100%;
	min-width:100%;
}
#rechercheRESPONSIVE .tt-input, #recherche .tt-input{
	width:100%;
	min-width:100%;

}
/*#recherche {
	border: 1px solid black;
}
#recherche input {
	border: 1px solid blue;
	width:100%;
}*/

/* ------------------------------------------------ FONT */
@font-face {
    font-family: 'BAHNSCHRIFT';
    src: url('/cssv2/font/BAHNSCHRIFT.TTF');

    font-family:'FontAwesome';
    src: url('/css/font/fontawesome-webfont.eot?v=3.2.1');
    src: url('/css/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('/css/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('/css/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('/css/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    font-family: 'Open Sans', sans-serif;
    vertical-align:baseline
}

/*@font-face {

    font-family:'FontAwesome';

    src: url('/css/font/fontawesome-webfont.eot?v=3.2.1');

    src: url('/css/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('/css/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('/css/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('/css/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');

    font-weight: normal;

    font-style: normal;

}*/

/* ------------------------------------------------ CSS */

/**{
	border:1px solid red;
}*/

html {

    padding:0px;

    -webkit-font-smoothing: antialiased;

}

body {
    font-size: 13px !important;
    /*color: #89949b !important;*/
    color: #3b3e45 !important;
    background-color: #fff;
    margin:0px;
    padding:0px;
    /*text-transform: uppercase !important;*/
}

* {
    outline: none;
}

a:hover {
    cursor: pointer;
}

/* ------------------------------------------------ TITRE : h1 */

h1 {
    font-size: 18px;
    margin: 0px 0px 10px 0px !important;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
    color: #f15821;
    font-weight: bold;
    line-height:normal;
}

.commeH1 {
    font-size: 22px;
    margin: 0px 0px 10px 0px !important;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
    color: #f15821;
    font-weight: normal;
    line-height:normal;
}

h1 a, h1 a:hover {
    color: #f15821;
    text-decoration: none;
}

h1.fake {
    font-size:1.85em;
    margin: 10px 0px 5px 0px;
    padding: 1em 0 0 0;
    font-weight: normal;
    color: #f15821;
    text-align: left;
    line-height:normal;
}

h1.fake a, h1.fake a:hover {
    color: #f15821;
    text-decoration: none;
}

.parahome {
    margin-top: 1em;
    font-size: 1.2em;
    line-height: 23px;
}

.texthome h2 {
    margin-bottom: .7em;
}

.texthome p {
    line-height:23px;
}

/* ------------------------------------------------ TITRE : h2 */

h2 {
    font-size:16px !important;
    margin: 10px 0px 5px 0px;
    padding: 0px;
    font-weight: normal;
    color: #3b3e45;
    text-align: left;
    line-height:normal;
}

.commeH2 {
    font-size:1.85em;
    margin: 10px 0px 5px 0px;
    padding: 0px;
    font-weight: normal;
    color: #f15821;
    text-align: left;
    line-height:normal;
}

.likeH2 {
    font-size:22px;
    padding: 7px 0 0 0;
    font-weight: normal;
    color: #3b3e45;
    text-align: left;
    line-height:18px;
}


h2 a, h2 a:hover {
    color: #f15821;
    text-decoration: none;
}

/* ------------------------------------------------ TITRE : h3 */

h3 {
    margin: 0px 0px 5px 0px;
    padding: 0px;
    font-weight: bold !important;
    font-size: 15px !important;
    /*color: #f15821;*/
    color: #3b3e45;
    /*border-bottom:1px dotted #f15821;*/
    text-align: left;
    line-height:normal !important;

}

h3 a, h3 a:hover {
    color: #f15821;
    text-decoration: none;
}

/* ------------------------------------------------ TITRE : h4 */

h4 {
    margin: 0px;
    padding: 0px;
    font-weight: bold;
    font-style:italic;
    font-size: 13px;
    color: #f15821;
    text-align: left;
    line-height:normal;
}

h4 a, h4 a:hover {
    color: #f15821;
    text-decoration: none;
}

/* ------------------------------------------------ TITRE : h5 - h6 */

h5, h6 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    color: #f15821;
    text-align: left;
    line-height:nor
}

h5 a, h5 a:hover {
    color: #f15821;
    text-decoration: none;
}

h6 a, h6 a:hover {
    color: #f15821;
    text-decoration: none;
}

/* ------------------------------------------------ PARAMETRES : defaut */

a {
    color:#3b3e45 !important; /*color:#f15821 !important;*/
    text-decoration:none !important;
}

a:hover {
    color:#f15821 !important;
    text-decoration:underline;
}

p {
    /*text-align:justify;*/
    margin: 0px 0px 10px 0px;
    padding: 0px;
    /*color: #89949b !important;*/
    color: #3b3e45 !important;
    line-height: 20px;
}

strong, b {
    color: #f15821;
    font-weight: bold;
}

img {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

form {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

select[name="triezpar"] {
    height: 32px;
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #dfdfdf;
    border-radius: 3px;
    padding-right: 25px;
    background-position: right .5rem center;
}

table {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse:collapse;
    border-spacing: 0px;
}

th, td {
    margin:0px;
    padding: 0px;
    vertical-align: top;
}

/*---------------------------------------------------------------------*/

/* PARAMETRES : général  */

/*---------------------------------------------------------------------*/

.lienretourdyn {
    float: left;
    width: 100px;
    height: 19px;
    margin:5px 0px 0px 0px;
    padding: 0px 0px 0px 15px;
    background: transparent url(/images/retour.gif) center left no-repeat;
    font-weight: bold;
}

.bbdynasuite {
    float: right;
    text-align:right;
    height: 15px;
    width: 70px;
    padding: 0px 15px 0px 0px;
    font-style: italic;
    background: transparent url(/images/puce.gif) center right no-repeat;
}

.docftp {
    margin-top:10px;
    padding:5px 0px 0px 0px;
    /*border-top:1px dotted #494949;*/
}

.lightview {
    /*cursor: url(/images/zoomin.cur), pointer !important;*/
}

#lightview ul {
    list-style:none;
    list-style-image: none;
}

#lightview ul li {
    list-style:none;
    list-style-image: none;
}

.radius {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.border-photo {
    padding:2px;
    margin:0px;
    border:1px solid #6b6b6b;
}

.uppercase {
    text-transform:uppercase;
}

.wash {
    margin: 0px;
    padding: 0px;
    clear: both;
}

.row[class*="col-"] {
    padding: 10px;
}

.breadcrumb {
    margin: 0px;
    padding: 2em 0 1em 1em;
    list-style: none;
    background:none;
    /*background-color: #f5f5f5;*/
    border-radius: 4px;
}

.form-control:focus {
    border-color: #c0c6ca;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.savoirPLUS a {
    color:#a3a7b2;
    text-decoration:none;
}

.savoirPLUS a:hover {
    color:#ffffff;
    text-decoration:none;
}

.boutonBASIKA {
    background: #f15821;
    text-align:center;
    color:#fff !important;
    border-radius: 0 !important;
    font-weight: 600;
    text-decoration: none;
    border: 2px solid #f15821 !important;
    transition: all .5s ease-in-out;
}
.boutonBASIKA:hover {
    background: #fff !important;
    color: #f15821 !important;
}

.boutonBASIKA-1 {
    background: #f15821;
    text-align:center;
    color:#fff;
    border-radius: 0 !important;
    font-weight: 600;
    text-decoration: none;
    transition: all .5s ease-in-out;
}
.boutonBASIKA-2 {
    text-align: center;
    color: #f15821 !important;
    font-weight: 600;
    text-decoration: none;
    transition: all .5s ease-in-out;
    text-decoration: underline;
}

.boutonBASIKA-inactif{
    background: #a2a2a2;
    text-align:center;
    color:#fff;
    border-radius: 0 !important;
}

.boutonTOP:hover, .boutonBASIKA:hover {
    background:#d64e1d;
    /* background:#f26938; */
    color: white;
}

.boutonTOP a, .boutonTOP a:hover, .boutonBASIKA a, .boutonBASIKA a:hover {
    font-weight:bold;
    color:#fff;
    text-decoration:none;
}

/* --------------------------------------------------------------------- */

/* PARAMETRES : site  */

/* --------------------------------------------------------------------- */

#site {
    margin:0 auto;
}

#interieure {
    height:100%;
}

#titreMENUTOP {
    font-size:14px;
    font-weight:bold;
    color:#4b5c65;
    margin:.7em 0;
}
.d-input-show {
    position: relative;
}
.input-show {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* ------------------------------------------------ TOP : bloc */

.headerSITE-caddy{
    box-shadow: unset !important;
}

#headerBASIKA {
    /*margin:0px;
    padding:0px;*/
    margin: 1% auto;
}

#headerBASIKA .row {
    margin:0px;
    padding:0px;
}

#top {
    max-width:1180px;
    margin:0 auto;
}

#topLEFT {
    float:left;
    width:750px;
    margin:0px;
    padding:0px;
}
@media (min-width: 992px ) and (max-width: 1089px) {
    #topLEFT{
        max-width:650px;
    }
    .rechercher{
        max-width:400px;
    }
}

#logo {
    float:left;
}
#loginBASIKA {
    text-align: left;
}
#blocMonPanierAjax {
    text-align: left;
}
.in-rechercher{
    font-size: 15px;
    height: 100%;
    border: transparent !important;
    border-bottom: 2px solid #3b3e45 !important;
}

.twitter-typeahead{
    width: 90%;
}

.btn-rechercher{
    right: 2px;
    color: #f15821 !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    border: transparent !important;
    border-bottom: 2px solid #3b3e45 !important;
}
.btn-rechercher:focus {
    box-shadow: unset;
}

.rechercher {
    float:right;
    width:500px;
    height:30px;
    margin:1.5em 0px 0px 0px;
    padding:0px;
    border:1px solid #c0c6ca;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 5px;
    background:#fff;
}

.rechercher a:hover {
    text-decoration:none;
}

.rechercher:hover {
    border:2px solid #b4babf;
}

.rechercher .input-group-addon {
    padding: 2px 6px;
    font-size: 14px;
    background: none;
    border:0px;
    color:#f15821;
    font-weight:bold;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

.rechercher input.form-control {
    background:none;
    border-left:1px solid #c0c6ca;
}

.rechercher .form-control {
    background:none;
    border:none;
}

#topRIGHT {
    float:right;
    width:300px;
    margin:20px 0px 0px 20px;
    font-size:13px;
}

#topRIGHT a {
    font-weight:bold;
    color:#f15821;
    text-decoration:none;
}

/* ------------------------------------------------ MENU : bloc */

#top {
    padding-top: 1em;
    height:90px;
}

/* ------------------------------------------------ CONTENU : bloc */

#contenu {
    z-index:0;
    margin:0px auto;
    padding:0px;
}

#fil-ariane {
    margin:0px;
    padding:0px;
}

.blocLIBRE {
    /*border-top:1px solid #c0c6ca;
    border-left:1px solid #c0c6ca;
    border-right:1px solid #c0c6ca;
    border-bottom:3px solid #c0c6ca;*/
    height:10px;
    min-height:10px !important;
    height:auto !important;
    margin:0px;
    padding:0px;
    /* background:#fff; */
    background-size: 100%;
}

/* ------------------------------------------------ HEADER : left */

#myCarousel {
    background:#fff;
    margin:0px;
    padding:0px 0px 0px 0px;
    border:none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*min-height:400px;*/
}

#myCarousel img {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: auto;
    /*min-height:400px;*/
}

#blocPROMO {
    border-top:1px solid #c0c6ca;
    border-left:1px solid #c0c6ca;
    border-right:1px solid #c0c6ca;
    border-bottom:3px solid #c0c6ca;
    margin:0;
    padding:0;
    background:#fff;
}

#blocPROMO table {
    margin:0;
    padding:0;
    border-collapse:collapse;
    border-spacing: 0;
}

#blocPROMO table tr td {
    width:258px;
    margin:0;
    padding:0;
}

#blocPROMO:hover {
    cursor: pointer;
    border-bottom-color:#f15821;
}

#blocPROMO img:hover {
    opacity: .6;
}

#blocPROMO table tr td:nth-child(1) {
    border-right:1px solid #c0c6ca;
}

#blocPROMO table tr td:nth-child(2) {
    border-right:1px solid #c0c6ca;
}

#blocPROMO img {
    margin:0;
    padding:0;
}

#blocPROMO-01 img {
    width:100%;
    height: auto;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

#blocPROMO-02 img {
    width:100%;
    height: auto;
}

#blocPROMO-03 img {
    width:100%;
    height: auto;
    -webkit-border-top-right-radius:4px;
    -webkit-border-bottom-right-radius:4px;
    -moz-border-radius-topright:4px;
    -moz-border-radius-bottomright:4px;
    border-top-right-radius:4px;
    border-bottom-right-radius:4px;
}


/* ------------------------------------------------ HEADER : right */

.blocRETRAIT:hover, .blocLIVRAISON:hover, .blocPAIEMENT:hover, .blocMAGASINS:hover, .blocMONCOMPTE:hover {

    border-bottom-color:#f15821;

    cursor: pointer;

}

.blocLIVRAISON {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    height:120px;

    min-height:120px !important;

    height:auto !important;

    background:#fff;

    background-size: 100%;

}

.blocLIVRAISON img {

    height:auto;

    width: 100%;

    margin: 0;

    padding: 0;

    -webkit-border-radius: 4px;

    -moz-border-radius:4px;

    border-radius:4px;

}

.blocRETRAIT {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    height:120px;

    min-height:120px !important;

    height:auto !important;

    background:#fff;

}

.blocRETRAIT img {

    height:auto;

    width: 100%;

    margin: 0;

    padding: 0;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

}

.blocPAIEMENT {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    height:126px;

    min-height:126px !important;

    height:auto !important;

    background:#fff;

}

.blocPAIEMENT img {

    height:auto;

    width: 100%;

    margin: 0;

    padding: 0;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

}

.blocMAGASINS {

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px;

    padding:0px;

    height:180px;

    max-height:180px !important;

    height:auto !important;

    background:#fff;

}

.blocMAGASINS img {

    height:auto;

    width: 100%;

    margin: 0;

    padding: 0;

    -webkit-border-radius:4px;

    -moz-border-radius:4px;

    border-radius:4px;

}

.blocAAA {

    position:absolute;

    float:left;

    z-index:99;

    padding:10px;

}

.titre {

    font-size:12px;

    font-weight:600;

    color:#4b5c65;

    line-height: 15px;

    margin-bottom:1em;

}

.descriptif {

    line-height: 15px;

}

/* ------------------------------------------------ PARAGRAPHE : bloc */

.blocPARAGRAPHE {

    text-align:center;

}

/* ------------------------------------------------ SLOGAN : bloc */

.blocSLOGAN {

    margin:0px 0px;

    padding:20px 0px;

    height:10px;

    min-height:10px !important;

    height:auto !important;

}

/* ------------------------------------------------ ENGAGEMENT : bloc */

#blocENGAGEMENT {

    margin:0px;

    padding:0px;

    height:10px;

    min-height:10px !important;

    height:auto !important;

    color: #495962;

    font-weight:bold;

    text-align:center;

}

/* ------------------------------------------------ BASIKA : bloc */

#blocBASIKA {

    margin:0px 0px;

    padding: 0px 0px;

    min-height:10px !important;

    height:auto !important;

}

#blocBASIKA img {

    border:1px solid #c0c6ca;

    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);

    border-radius:5px;

}

/* ------------------------------------------------ BASIKA : bloc */

#blocLOGO {

    margin: 0px;

    padding:2em 0;

    height:10px;

    min-height:10px !important;

    height:auto !important;

    text-align:center;

}

div.fianet > span.icon-star {

    font-size:11px !important;

    color: #ef971a;

}

div.leguide > span.icon-star, div.leguide > span.icon-star-half-empty {

    font-size:11px !important;

    color: #db5d15;

}

div.ciao > span.icon-star {

    font-size:11px !important;

    color: #fcd631;

}

.textelogo p {

    font-size: 10px;

    margin:0;

    padding: 0;

    line-height: 12px;

}

/* ------------------------------------------------ BASIKA : contenuBLOC */

.contenuBLOC {
    /*background: #f9f9f9;*/
    /*border-bottom:3px solid #3b3e45;*/
    margin-bottom:10px;
    padding: 20px;
}

#contenuBLOC-texte {

    padding:10px;

    line-height:normal;

    /*text-align:justify;*/

}

#contenuBLOC-texte h2 {
  color: #f15821;
  font-size: 18px !important;
  font-weight: 700;
}

.d-blocNbResultat{
    /* background: #f15821; */
    color: #3b3e45;
    padding: 4px;
    max-width: 200px;
    font-weight: 600;
    /* border: 2px solid #f15821; */
}

.d-blocNbResultat-N,
#resultatNbFavoris{
    background: #a2a2a2;
    color: #fff;
    text-align: center;
    padding: 15px;
    font-weight: bold;
    margin-top: 20px;
}


#texteRefBasPage{
    max-height: 185px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 1.5s ease-in-out;
}

.content-fullText {
    line-height: 30px;
    font-weight: bold;
}
/* ---------------------------------------------------------------------------------------- */

/* LISTE PRODUITS	   -------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.title {

    position:absolute;

    z-index:999;

    background: #fff;

    border:1px solid #c0c6ca;

    color:#f15821 !important;

    border-radius:100px;

    text-align:center;

    float:left;

    padding:7px 19px;

    margin-top:-.5em;

    font-weight:bold;

    font-size: 13px;

    text-transform: uppercase;

}

@media screen and (max-width: 768px) {
	.title{
		left: 0;
		right: 0;
		margin: 0 auto;
		font-size: 15px;
		width: 200px;
		margin-top:-.5em;
	}
}

.blocPRODUITS {
    /* background: #f9f9f9; */
    margin:0px; /*margin:0px 0px 20px 0px;*/
}

.blocELEMENT {
    border-bottom: none;
    float: left;

}

.d-blocELEMENT {

}
.d-blocELEMENT:hover {
    cursor: pointer;
}
.d-blocELEMENT:hover .action-h-dp .action-prd .favori-dp i,
.bloc-selec:hover .action-h-dp .action-prd .favori-dp i {
    /* border: 1px solid #f15821; */
    background: #f15821;
    color: #fff;
}

.d-blocELEMENT:hover .action-h-dp .action-prd i {
    color: #fff;
    background: #f15821;
}
.d-blocELEMENT:hover .action-h-dp .action-prd .ba-shopping-cart {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(1000%) contrast(100%);
}
.d-blocELEMENT:hover .action-h-dp .action-prd .d-shopping-cart {
    color: #fff;
    background: #f15821;
}

.d-blocELEMENT:hover .action-h-dp .action-panier-prd i{
    color: #f15821 !important;
    border: 1px solid #f15821;
}

.d-blocELEMENT .specModele{
    color: #3b3e45;
    font-weight: bolder;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.blocELEMENT .titreBLOC {
    color: #4b5c65 !important;
    font-weight: bold;
    text-transform: uppercase;
}
.d-blocELEMENT .titreBLOC a {
    font-weight: 400;
}

.blocELEMENT:hover .titreBLOC {
    color: #f15821 !important;
}

.blocELEMENT a {
    font-weight:bold;
}

.blocELEMENT a:hover {
    color:#f15821;
}

.blocELEMENT p:nth-child(1) {
    text-align: center;
}

.blocELEMENT p:nth-child(2) {
    font-weight:bold;
    color:#4b5c65;
    /*padding-bottom:.7em;*/
}

.blocELEMENT p:nth-child(3) {
    color: #89959c;
    font-weight:normal;
}

.blocELEMENT p:nth-child(2), .blocELEMENT p:nth-child(3) {
    text-align:left;
    clear: both;
    /*margin: 0 8% 0 13%;*/
}

.blocELEMENT p:nth-child(4) {

    text-align:left;

    float:left;

    font-size: 25px;

    font-weight:700;

    color:#f15821;

    /*margin-top:10%;
	margin-left: 4%;*/

}

.blocELEMENT p:nth-child(5) {

    text-align:right;

    float:right;

    font-weight:bold;

    font-size:11px;

    /*margin-top:10%;
	margin-right: 4%;*/

}

.blocELEMENT p:nth-child(5) a {

    color:#4b5c65;

}

.icon-download {

    color:#f15821;

}

.price {

    padding-top: 1em;

    font-size: 1.7em;

    float: left;

}

.decouvrir {

    float: right;

    padding-top: 2em;
    color: #f15821;

    font-weight: bold;
}


/* ------------------------------------------- CSS MICHAEL FIX DES BLOC START --------------------------------------------- */


p.descBLOC, .blocELEMENT .titreBLOC, .blocELEMENT {

    min-height: 0px !important;

}

@media screen and (max-width: 824px) {

    p.descBLOC, .blocELEMENT .titreBLOC, .blocELEMENT {

        min-height: 0px !important;

    }

}
@media screen and (max-width: 991px) {
    .action-h-dp .action-prd .favori-dp i,
    .action-h-dp .action-prd .favori-dp i {
        background: #f15821;
        color: #fff;
    }
    .action-h-dp .action-prd i {
        border: 1px solid #f15821;
        color: #fff;
        background: #f15821;
    }
    .action-h-dp .action-prd .d-shopping-cart {
        color: #fff;
        background: #f15821;
    }
    .action-h-dp .action-prd .ba-shopping-cart {
        filter: invert(0) sepia(0) saturate(0) hue-rotate(0) brightness(1000%) contrast(100%);
    }
}

/* ------------------------------------------- CSS MICHAEL FIX DES BLOC END --------------------------------------------- */


/* ---------------------------------------------------------------------------------------- */

/* DETAIL PRODUITS ( detail-produits.htm ) ------------------------------------------------ */

/* ---------------------------------------------------------------------------------------- */

#resize {

    position:absolute;

    left:0px;

    bottom:0px;

    padding:10px 5px 10px 10px;

    background:#fff;

}

#resize a {

    font-size:20px;

    color: #89949b;

}

#resize a:hover {

    color: #f15821;

}

#visuelDETAIL {

    padding:0px;

}

#visuelDETAIL #miniatures {

    float:right;

    text-align:right;

    width:100%;

}

#visuelDETAIL #miniatures img {

    width:60px;

    margin-top:10px;

    margin-left:5px;

    border-radius:4px;

    border:4px solid #c0c6ca;

}

#visuelDETAIL #miniatures img:hover {

    border:4px solid #f15821;

}

#dispoALERTE {

    width:100%;

    font-weight:bold;

    color:#4b5c65;

    font-size:12px;

}

#livraisonALERTE {

    width:100%;

}

#infosDETAIL {

    padding:0px;

}

#tailleDETAILS {
    /*border-bottom:1px solid #c0c6ca;*/
}

#stockALERTE {


	width: 170px;

    background: #f80009;

    border: 1px solid #ec0009;

    color:#f80009;

    font-size:.85em;

    margin: 0 auto;

    margin-top: 1em;

	padding: .3em;

	text-align: center;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    font-weight: bold;

    color: white;

    text-transform: uppercase;

}


#stockALERTE {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;

    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;

    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@-moz-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@-webkit-keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}

@keyframes blinker {
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
}



#complementDETAIL {

}

#complementDETAIL[class*="col-"] {

    padding:10px;

}

#popupCETELEM {
    width:200px;
    /*margin:0px auto;*/
}

#texteCETELEM {
    float:left;
    margin-top:5px;
}

#multipleCETELEM {
    font-weight:600;
    color:#3b3e45;
    font-size:13px;
}

#prixCETELEM {
    font-weight:600;
    font-size:13px;
    color:#f15821 !important;
    text-decoration: underline !important;
}

#coutCETELEM {

    font-size:10px;

    font-style:italic;

}

.blocDETAILS {

    text-align:center;

    color:#88939a;

    background: #fff;

    border-radius:4px;

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

}

.blocDETAILS:hover {

    border-bottom:3px solid #f15821;

}

.blocDETAILS a {

    color:#88939a;

    text-decoration:none;

}

.blocDETAILS a:hover {

    color:#88939a;

    text-decoration:none;

}

.blocCARACTERISTIQUES {

    background: #fff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    border-top:1px solid #c0c6ca;

    border-left:1px solid #c0c6ca;

    border-right:1px solid #c0c6ca;

    border-bottom:3px solid #c0c6ca;

    margin:0px 0px 20px 0px;

}

.blocCARACTERISTIQUES table {

    margin:0px;

    padding:0px;

}

.blocCARACTERISTIQUES table tr, .blocCARACTERISTIQUES table td {

    margin:0px;

    padding:0px;

    border:1px solid #f0f2f4;

}

#tableauCARACTERISTIQUES {

    width:100%;

    margin:0px;

    padding:0px;

    border:0px;

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

}

#tableauCARACTERISTIQUES td {

    -webkit-border-radius: 0px;

    -moz-border-radius: 0px;

    border-radius: 0px;

    padding:5px;

}

.tableauCARACTERISTIQUES-type {

    width:50%;

    float:left;

    font-weight:bold;

}

.tableauCARACTERISTIQUES-valeur {

    width:50%;

    float:right;

}

.tdGREY {

    background:#f0f2f4;

}

#ajoutPANIER {

    float:left;

    margin:10px;

}

#quantitePANIER {

    float:left;

    margin:20px 10px;

    font-weight:bold;

    color:#4b5c65;

    font-size:12px;

}

#quantitePANIER input {

    width:30px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    border:1px solid #c0c6ca;

}

#ajoutDETAILS input[type="button"], #ajoutDETAILS .input-group-addon {

    /* Anciens navigateurs */

    background: #f15821 url("gradient-bg.png") repeat-x top;

    -o-background-size: 100% 100%;

    -moz-background-size: 100% 100%;

    -webkit-background-size: 100% 100%;

    background-size: 100% 100%;

    /* Navigateurs récents */

    background: -webkit-gradient(linear, left top, left bottom, from(#f26836), to(#f15821), color-stop(0.5, #f4794d));

    background: -webkit-linear-gradient(top, #f26836, #f4794d 50%, #f15821);

    background: -moz-linear-gradient(top, #f26836, #f4794d 50%, #f15821);

    background: -o-linear-gradient(top, #f26836, #f4794d 50%, #f15821);

    background: linear-gradient(top, #f26836, #f4794d 50%, #f15821);

    padding:10px;

    height:auto;

}

#ajoutDETAILS input[type="button"] {

    border-top:1px solid #d74f1e;

    border-bottom:1px solid #d74f1e;

    border-left:1px solid #d74f1e;

    border-right:1px solid #f69674;

    color:#fff;

    width:150px;

}

#ajoutDETAILS .input-group-addon {

    border:1px solid #d74f1e;

    color:#fff;

}

#socialDETAILS {

    height:45px;

    /*37*/

    padding:0px;

    text-align:center;

    background:#f0f2f4;

    border-top:1px solid #c0c6ca;

}

/* ---------------------------------------------------------------------------------------- */

/* PAGE INTERM ( page_interm.htm ) -------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.cartouche {

    background: #fff;

    padding: 10px;

    border: 1px solid #c0c6ca;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

#menuBLOC {
    padding: 0px;
    background: #fff;
    border: 1px solid #c0c6ca;
    border-bottom:3px solid #c0c6ca;
}

#menuBLOC ul {

    margin:0px;

    padding: 0px;

    list-style:none;

    list-style-type:none;

}

#menuBLOC ul li {

    margin:0px;

    padding:10px;

    list-style:none;

    list-style-type:none;

    border-bottom:1px solid #c0c6ca;

}

#menuBLOC ul li a:hover {
    color:#fff !important;
}
#menuBLOC ul li:hover a {
    color:#fff !important;
    transition: all .5s;
}
#menuBLOC ul li:hover {
    color:#fff;
    background:#f25821;
    transition: all .5s;
}

#menuBLOC ul li:hover a, #menuBLOC ul li:hover a:hover {

    color:#fff;

    text-decoration:none;

}

#menuBLOC ul li:last-child {

    border:0px;

}

.menuICONE {

    float:left;

    margin-right:5px;

}

/* ---------------------------------------------------------------------------------------- */

/* MON COMPTE ( moncompte.htm ) ----------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.blocMONCOMPTE {
    background:#fff;
}

#moncompte-titre font {
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
}

#espace-client{
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    text-transform: uppercase;
}

#espace-client::after{
    content: "";
    width: 100%;
    height: 8px;
    display: block;
    background: #fff;
}

#moncompte-liste {

    list-style:none;

    list-style-type:none;

    margin:0px;

    padding:0px;

}

#moncompte-deconnection {
    /*text-align:center;*/
    /*background:#a2a2a2;*/
    padding:10px;
    width:100%;
    /*font-weight:bold;*/
}

/*#moncompte-deconnection:hover {
    background: #3b3e45;
}*/

.moncompte-icone {

    float:left;

    color:#f15821;

    margin-right:5px;

}

.moncompte-titrebloc {
    font-size: 14px;
    font-weight: 600;
    color: #4b5c65;
    height: 100%;
    padding: 12px;
    margin-bottom: 5px;
}

.moncompte-descriptif {
    padding:10px;
}

.moncompte-separateur {

    border-bottom:1px solid #c0c6ca;

}

.moncompte-etat01, .moncompte-etat02, .moncompte-etat03, .moncompte-etat04 {

    text-transform:uppercase;

}

/*en cours de réception*/

.moncompte-etat01 {

    color:#db070f;

}

/*en préparation*/

.moncompte-etat02 {

    color:#fccd2e;

}

/*expédiée*/

.moncompte-etat03 {

    color:#90ac2e;

}

/*terminée*/

.moncompte-etat04 {

    color:#c4cace;

}

.divfiche {

    font-size:11px;

}

.contentchamps {

    width:100%;

    font-size:11px;

}

.divtitreonglet {

    margin-top:10px;

    font-size:15px;

    color:#ef5821;

    border-bottom:1px solid #ef5821;

}

.titrechamps {

    color:#4e5b64;

    font-size:12px;

    font-weight:bold;

    padding:5px 10px 5px 0px;

}

.contentchamps {

    padding:5px 0px;

}

@media (max-width: 991px) {
    #moncompte-titre{
        top: 18%;
        left: 5%;
    }
    #moncompte-titre font {
        font-size: 28px;
    }
    #espace-client {
        font-size: 42px;
    }
}
@media (min-width: 992px) {
    #moncompte-titre{
        top: 18%;
        left: 5%;
    }
    #moncompte-titre font {
        font-size: 35px;
    }
    #espace-client {
        font-size: 55px;
    }
}
@media (min-width: 1200px) {
    #moncompte-titre{
        top: 20%;
        left: 7%;
    }
    #moncompte-titre font {
        font-size: 40px;
    }
    #espace-client {
        font-size: 60px;
    }
}
@media (min-width: 1400px) {
    #moncompte-titre{
        top: 25%;
        left: 8%;
    }
}


/* ---------------------------------------------------------------------------------------- */

/* FOOTER	   ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */
address,
address a{
    color: #fff !important;
}


#footer-v2{
    background: #3b3e45;
    max-width: 100% !important;
    padding-top: 3%;
    font-size: 12px;
    line-height: 1.6;
}
#footer-caddy {
    background: #3b3e45;
    max-width: 100% !important;
    padding: 15px 0;
    font-size: 12px;
    line-height: 1.6;
}
.footer-cont{
    text-align: center;
    border-left: 1px solid #dfdfdf;
}
.footer-cont a{
    text-transform: uppercase;
}
.footer-color a{
    color: #dfdfdf !important;
}
.footer-color a:hover{
    color: #f15821 !important;
}

.headline {
    display: block;
    line-height: 30px;
    margin-bottom: 1rem;
    border-bottom: 1px solid #3b3e45;
    text-transform: uppercase;
    transition: all 1.5s;
}
#footer-v2 .headline span{
    color: #fff !important;  /*#eee*/
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    /*text-transform: uppercase;*/
    padding-bottom: 0px;
}

#footer-v2 ul{
    margin-left: 10%;
    /*list-style: square;*/
}

#footer-v2 ul li a{
    color: #fff !important; /*#e4e9f0 !important;*/
    /*text-transform: uppercase !important;*/
    text-decoration: none !important;
}

#footer-v2 a:hover{
    color: #f15821;
}

#wrapper-top {

    width:100%;

    border-top:1px solid #9fa7ac;

    background:#c0c6ca;

}

#footer-top {

    padding-top:10px;

    max-width:1200px;

}

#footer-top ul {

    list-style-type: none;

    list-style-image: none;

    margin: 8px 0px 0px 0px;

    padding: 0px;

    border: none;

    display: block;

}

#footer-top ul li {

    margin: 0px 1.5em 0px 0px;

    padding: 0px;

}

#footer-top a {

    color:#4b5c65;

    text-decoration:none;

}

#footer-top a:hover {

    color:#4b5c65;

    text-decoration:none;

}

#footer-top .input-group-addon {

    padding: 6px 12px;

    font-size: 14px;

    font-weight: normal;

    line-height: 1;

    text-align: center;

    background-color: #f26937;

    border: 1px solid #d74f1e;

    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);

    color:#fff;

    cursor: pointer;

    -webkit-border-radius: 0px 4px 4px 0px;

    -moz-border-radius: 0px 4px 4px 0px;

    border-radius: 0px 4px 4px 0px;

}

#footer-top form{
	width: 70%;
}

.ft-lien .headline{
    border-bottom: 1px solid #fff;

}

.ft-lien ul li a{
    text-transform: uppercase;
    transition: all .2s ease-in-out;
}

.ft-lien ul li a::before{
    content: '';
    display: inline-block;
    -webkit-border-radius: 0.375rem;
    border-radius: 0.375rem;
    height: 6px;
    width: 6px;
    margin-right: 0.3rem;
    background-color: #fff;
}

.ft-lien ul li a:hover{
    font-weight: bolder;
    padding-left: .2rem;
}

.embed-responsive .googleMap {
    width: 100%;
    border-radius: 4px;
    float: left;
    clear: left;
}

@media (min-width: 200px) and (max-width: 800px) {
  #footer-top form{
	width: 100%;
}
}

#wrapper-bottom {

    border-top:1px solid #d54e1d;

    background:#f15821;

}

#footer-bottom {

    color:#fff;

    padding-top:20px;

    padding-bottom:15px;

    color:#fff;

    max-width:1200px;

}

#footer-bottom a {

    color: #fff;

    text-decoration:none;

}

#footer-bottom a:hover {

    color: #fff;

    text-decoration:none;

}

#copyright ul {
    list-style-type: none;
    list-style-image: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    border: none;
    display: block;
}

#copyright ul li {
    float: left;
    margin: 0px 30px 0px 0px;
    padding: 0px;
    font-size: 12px;
}

#social ul {

    list-style-type: none;

    list-style-image: none;

    margin: 0px;

    padding: 0px;

    border: none;

    display: block;

    float:right;

}

#social li {

    float:left;

    margin: 0px 30px 0px 0px;

    padding:0px;

}

#social li:last-child {

    float:left;

    margin: 0px 0px 0px 0px;

    padding:0px;

}




/* ---------------------------------------------------------------------------------------- */

/* DIVERS	   ---------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

#debugjs {
    display:none;
    position:fixed;
    z-index:999999999999999999999999999999999;
    top:0;
    left:0;
    background:#fff;
    color:#000;
    border:1px solid red;
}

.prixpromo {

    font-size: 12px;

    font-weight: normal;

    color: #606060;

}

.googleMapRight {

    width:100%;

    height:350px;

    float: left;

}

.googleMapRight-inner {

    width:100%;

    height:350px;

    /*float: left;
	margin-top: 15px;
	padding-right: 20px;
	border-right:1px solid #a9a8a8;
	margin-right:10px;*/

}

.listeMagasin {

    width:100%;

    float: left;

}

.liensMagasin {

    margin:.5em;

}

.liensDepartement {

    font-size:1.1em;

    font-weight: 600;

}

.retourMagasins {

    background: url("/images/retour.gif") no-repeat scroll 0 5px transparent;

    float: left;

    clear: left;

    padding-left:15px;

    padding-bottom: 1.7rem;

}

.googleMap3 {
    width: 100%;
    border-radius: 15px;
    /*border: 1px solid #c0c6ca;*/
    float: left;
    clear: left;
}

.detailCoordonnes {

    width: 100%;

    clear: left;

    float: left;

}

.detailCoordonnes-inner {

    width:100%;

    clear: left;

    float: left;

    padding-bottom: 20px;

    margin-bottom: 20px;

}

.detailCoordonnes-inner img {

    border-radius: 4px;

    border: 1px solid #c0c6ca;

}

.photoDetailCoordonnes {

    float: left;

    margin-right:20px;

}

.horairesOuverture {

    float: left;

    width: 200px;

}

.horairesOuverture2 {

    float: left;

    width: 200px;

}

.itineraire2 {

    float: left;

    width: 200px;

}

.coordonnees2 {

    float: left;

    width: 200px;

}

.coordonnees3 {

    float: left;

    width: 200px;

}

ÿho??p {

    margin-bottom: 55px;

    float: left;

}

.photoTop img {

    border-radius: 4px;

    border: 1px solid #c0c6ca;

    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);

}

#blocMonPanier {

    max-height: 410px;

    overflow-x :hidden;

    overflow-y : scroll;

}

@media screen and (max-width: 824px) {

    .listeMagasin, .detailCoordonnes, .horairesOuverture, .photoDetailCoordonnes, .horairesOuverture2, .itineraire2, .coordonnees2, .coordonnees3 {

        margin: 0 auto;

        text-align: center;

        width: 100%;

        margin-bottom: 1.7rem;

    }

}

/* ---------------------------------------------------------------------------------------- */

/* PAGE MON COMPTE ( moncompte.htm ) ------------------------------------------------------ */

/* ---------------------------------------------------------------------------------------- */

#moncompte-liste {

    list-style:none;

    list-style-type:none;

    margin:0px;

    padding:0px;

}

.moncompte-icone {

    float:left;

    width:18px;

    color:#f15821;

}

.moncompte-separateur {

    border-bottom:1px solid #c0c6ca;

}

.moncompte-etat01, .moncompte-etat02, .moncompte-etat03, .moncompte-etat04 {

    text-transform:uppercase;

}

/*en cours de réception*/

.moncompte-etat01 {

    color:#db070f;

}

/*en préparation*/

.moncompte-etat02 {

    color:#fccd2e;

}

/*expédiée*/

.moncompte-etat03 {

    color:#90ac2e;

}

/*terminée*/

.moncompte-etat04 {

    color:#c4cace;

}

.divfiche {

    font-size:11px;

}

.contentchamps {

    width:100%;

    font-size:11px;

}

.divtitreonglet {

    margin-top:10px;

    font-size:15px;

    color:#ef5821;

    border-bottom:1px solid #ef5821;

}

.titrechamps {

    color:#4e5b64;

    font-size:12px;

    font-weight:bold;

    padding:5px 10px 5px 0px;

}

.contentchamps {

    padding:5px 0px;

}

/* ---------------------------------------------------------------------------------------- */

/* PAGE TUNNEL ( tunnel.htm ) ------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.tunnel {
    background:#f0f2f4;
}

.tunnel, .tunnel a {
    font-size:13px;
    font-weight:bold;
    font-style:italic;
    color:#c0c6ca;
    text-align:center;
    padding: 10px;
}

.tunnelTITRE {
    font-weight: bold;
    margin: 15px auto;
    font-size: 15px;
    color: #3b3e45;
    border-bottom: 1px solid #a2a2a2;
    padding-bottom: 10px;
}

.tunnelOVER {
    background:#e3edc4;
}

.tunnelOVER, .tunnelOVER a {
    font-size:13px;
    font-weight:bold;
    font-style:italic;
    color:#99cc27;
    text-align:center;
    padding: 10px;
}

.titreFORM {
    width:100%;
    color:#4e5b64;
    font-size:12px;
    font-weight:bold;
    padding:5px 10px 5px 0px;
}

.contentFORM {
    padding:0px 0px;
}

/* ---------------------------------------------------------------------------------------- */

/* PAGE CADDY ( caddy.htm ) --------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------- */

.blocMONCOMPTE {
    /*border-top:1px solid #c0c6ca;*/
    /*border-left:1px solid #c0c6ca;*/
    /*border-right:1px solid #c0c6ca;*/
    /*border-bottom:3px solid #c0c6ca;*/
    background:#fff;
}

#panier-titre font {
    color: #c0c6ca;
}

#panier-continuer {
    text-align:center;
    background:#f0f2f4;
    padding:10px;
    width:100%;
    border:1px solid #c0c6ca;
    font-weight:bold;
}

#panier-continuer:hover {
    background:#f15821;
    color:#fff;
}

#titreARTICLES {
    background:#4b5c65;
    color:#fff;
    font-weight:bold;
}

#titreLIVRAISON {
    background:#89949b;
    color:#fff;
    font-weight:bold;
}

#titrePRIX {
    background:#c0c6ca;
    color:#fff;
    font-weight:bold;
}

#titreQUANTITE {
    background:#f0f2f4;
    color:#4b5c65;
    font-weight:bold;
}

.typeITEM {

    overflow:hidden;

    text-overflow: ellipsis;

    white-space:nowrap;

    -o-text-overflow: ellipsis;

    -ms-text-overflow: ellipsis;

    -moz-binding: url(<q>assets/xml/ellipsis.xml#ellipsis</q>);

}

.typeITEMflex {

    display: -webkit-flex;

    display: -moz-flex;

    display: flex;

}

.livraisonTEXTE input {
    float: left;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

.livraisonTYPE {
    float: left;
    color: #3b3e45;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
}

.livraisonCONTENU {
    float:left;
    width:100%;
    text-align:justify;
    margin-top:10px;
    font-size:13px;
    height:auto !important;
    min-height: 38px !important;
    /* display: none; */
}

.livraisonPRIX {
  float: right;
  text-align: right;
  font-weight: 700;
  font-size: 15px;
  color: #3b3e45;
}

.prixPANIER {

    font-size:14px;

    font-weight:bold;

}

.livraisonTEXTE .icon-long-arrow-right, .livraisonTEXTE .icon-long-arrow-down {

    float:right;

    font-size:14px;

    margin-top:2px;

}

#contenuBLOC-img {

    background-image: url("/images/photoSOUSFAMILLE.jpg");

    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

}

div.notice {

    margin: 0.5em 0 1.3em 0;
    /*border: 1px solid;*/
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding: 10px 10px 10px 25px;
    color: red;
    /*-moz-border-radius:4px;*/
    /*-webkit-border-radius:4px;*/
    /*border-radius:4px;*/
    -moz-box-shadow: 0 1px 1px #fff inset;
    -webkit-box-shadow: 0 1px 1px #fff inset;
    box-shadow: 0 1px 1px #fff inset;
}

.notice a {

    text-decoration:underline;

}

.notice {

    color: #000000;

    background-color: #ffd0d0;

    color: red;

}

.notice b {

    color: red;

}

h1.notice, div.notice {

    border-color: red;

    background-repeat: no-repeat;

    background-position: 5px 50%;

    color: red;

}

.notice h1 {

    border-color: #00FF00;

}

#livraison01, #livraison02, #livraison03, #livraison04, #livraison05 {

    background:#fff;

    padding:15px 10px;

}

#listemotsclefs {

    position: absolute;

    top: 40px;

    left: 20px;

    /*left: -450px;      */

    background: white;

    padding: 15px 15px 15px 15px;

    color: #505050;

    font-size: 11px;

    z-index: 1000;

    border: solid 1px #C0C0C0;

    text-align: left;

    width: 550px;

    height: 300px;

    font-size: 14px;

    overflow-x: hidden;

    overflow-y: auto;

    -moz-box-shadow:3px 3px 5px #bbb;

    -webkit-box-shadow:3px 3px 5px #bbb;

    box-shadow:3px 3px 5px #bbb;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

}

/*------------------------------------------------ PAGE : contact.htm */

#form-contact {

}

#form-contact input, #form-contact select, #form-contact textarea {

    max-width:100%;

    min-width:100%;

}

.fieldset-contact {

    display: block;

    margin: 0px;

    padding: 0px 0px 0px 0px;

    text-align: left;

    border:0px;

}

.fieldset-contact label {

    float: left;

    /*width: 100px;*/

    width:100%;

    margin: 0px 0px 0px 0px;

    padding: 0px;

    text-align: left;

}

.fieldset-contact select {

    float: left;

    width:100%;

    margin: 2px 0px !important;

    margin: 0px;

    padding: 2px;

}

.fieldset-contact textarea {

    float: left;

    width:100%;

    margin: 2px 0px !important;

    margin: 0px;

    padding: 2px;

}

.input-contact {

    /*width: 190px;*/

    width:100%;

    margin: 2px 0px !important;

    margin: 0px 0px 5px 0px;

    padding: 7px;

}

.input-envoyer {

    float: right;

    height: 22px;

    width: 125px;

    border: 0px;

    padding: 0px;

}

.envoyer-contact {

    float:right;

    width:100%;

}

p.message {

    font-size: 14px;

    color: #0.82ff;

    font-weight: bold;

    text-align: center;

}

p.obligatoire {

    font-size: 10px;

    font-style: italic;

    text-align: right;

}

#coordonnes-contact {

    float: left;

    width: 620px;

}

.adresse-client {

    float:left;

    margin:10px 0px 20px 0px;

}

.agrandir-plan {

    float:right;

    text-align:right;

    margin:10px 0px 20px 0px;

}

.wash-contact {

    height:1px;

    margin: 0px;

    padding: 0px;

    clear: both;

}

.line-separator {

    height:1px;

    margin-bottom: 2em;

    background:#c0c6ca;

    border-bottom:1px solid #c0c6ca;

    box-shadow: 0px 1px 0px white;

}

.pastille {

    float:left;

    width:25px;

    height:25px;

    /*26*/

    padding:2px 0px 0px 0px;

    margin:0px 5px 0px 0px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background:#bec6c9;

    text-align:center;

    color:#fff;

    font-size:15px;

}

.pastille-active {

    float:left;

    width:25px;

    height:25px;

    /*26*/

    padding:2px 0px 0px 0px;

    margin:0px 5px 0px 0px;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    background:#f26938;

    text-align:center;

    color:#fff;

    font-size:15px;

}

/******************************************************** CSS ************************************************************/

/**** page 404 ****/

.pageerreur{
	background-image:url(../images/bg_erreur.jpg);
	background-size: cover;
	padding-top: 3em;
	padding-bottom: 6em;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.pageerreur h1{
	font-weight: 300;
	font-size: 2em;
}

.pageerreur h2{
	color: #89949B;
	font-weight: 300;
	font-size: 1.5em;
	margin-bottom: 1.5em;
}

.pageerreur h3 a{
	font-weight: 600;
	font-size: 1.1em;
	border: none;
}

.pageerreur h3{
	font-weight: 600;
	font-size: 1.1em;
	color: #89949B;
	border: none;
}

.pageerreur ul li{
	list-style: circle;
	line-height: 2em;
}


.pageerreur ul li b{
	color: #89949B;
}

/**** page 404 end ****/






/**** RESEAU SOCIAUX ****/


.social-icons{
    text-align:center;
}

.social-icons div{
	margin-bottom: -20px;
	margin-top: 55px;
}

.social-icons a {
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  font-size:20px !important;
  width:40px !important;
  height:40px !important;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin:0 .2em;
  color: white;
  text-decoration: none;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
}

.icon-facebook{
  background: #3b5998;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-facebook:hover{
	border: 1px solid #3b5998;
}

.icon-twitter {
  background: #00aced;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-twitter:hover{
	border: 1px solid #00aced;
}



.icon-instagram {
  background: #5380a4;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-instagram:hover{
	border: 1px solid #5380a4;
}



.icon-google-plus{
  background: #dd4b39;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-google-plus:hover{
	border: 1px solid #dd4b39;
}

.icon-pinterest{
  background: #cb2027;
  padding: .5em;
  border: 1px solid #c0c6ca;
}

.icon-pinterest:hover{
  border: 1px solid #cb2027;
}

.icon-youtube{
    background: #c00;
    padding: .5em;
    border: 1px solid #c0c6ca;
  }

  .icon-youtube:hover{
    border: 1px solid #c00;
  }


/**** RESEAU SOCIAUX END ****/

.filtreListe {
  font-weight: 600;
  /*font-style: italic;*/
  margin-bottom: 0;
  color: #3b3e45;
  float: left;
  font-size: 14px;
}

/**** Tooltip / Popover detail-produits.htm ****/

.popover{
	border-color: #c0c6ca;
	-webkit-box-shadow: 0 3px 8px rgba(192, 198, 202, 0.5);
    box-shadow: 0px 3px 8px rgba(192, 198, 202, 0.5);
}

.popover.top .arrow{
	border-top-color: #c0c6ca;
}


@media only screen and (max-width: 479px) {

	h1.fake, p.parahome{
		display: none;
	}

	.sliderFullScreen {
		margin: 0;
		padding: 0;
	}

	/* #fil-ariane{
		display: none;
	} */
    .fil-ariane-xs {
        padding-left: 1rem!important;
        margin-bottom: .5rem;
    }

	.blocSLOGAN{
		display: none;
	}

	.blocELEMENT {
    	min-height: 0px !important;
		/* width: 50%; */
	}

	.decouvrir{
		display: none;
	}

	.price{
		font-size: 2.2rem;
		float: none;
	}

	.blocELEMENT div:nth-child(7){
		display: none;
	}

	.descBLOC{
		display: none;
	}

	#smenu li{
		/*padding: .7rem !important;*/
	}
}


/* Texte défilant */

.defileParent {
	display: block;
	overflow: hidden;
	text-align: center;
    color: white;
    font-weight: bold;
    padding: 3px .5em;
    white-space: nowrap;
    height: 25px;
    background-color: red;
    top: 0;
    left: 0;
    min-width: 100%;
    font-size: 13px;
}


@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:0;}
	99.99% {margin-left:-100%;}
 }

@media only screen and (max-width: 860px) {
    .defileParent {
        display: block;
        overflow: hidden;
        position: relative;
        table-layout: fixed;
        width: 100%;
    }

    .defile {
        display:block;
        -webkit-animation:linear marqueelike 15s infinite ;
        -moz-animation:linear marqueelike 15s infinite ;
        -o-animation:linear marqueelike 15s infinite ;
        -ms-animation:linear marqueelike 15s infinite ;
        animation:linear marqueelike 15s infinite ;
        margin-left:-100%;
        padding:0 5px;
        text-align:left;
        height:25px;
        font-size: 11px;
    }

    .defile::after {
        content:attr(data-text);
        position:absolute;
        white-space:nowrap;
        padding-left:0px;
    }
}

.bloc-interieur{
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

/****************************Bloc Slider*********************************************/
.tp-banner-container {
    position: relative;
}

.tp-simpleresponsive ul, .tp-simpleresponsive ul li, .tp-simpleresponsive ul li::before {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none;
}
.btn-slider{
    background: #3b3e45;
    color: #fff !important;
    margin: 0 auto;
    text-align: center !important;
    float: left;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px !important;
    position: relative;
    /*text-transform: uppercase;*/
    transition: all .5s ease-in-out;
}
.btn-slider:hover{
    background: transparent;
    border: 1px solid #3b3e45;
    color: #3b3e45 !important;
    text-decoration: none;
}

.carousel-caption {
    left: 1%;
    right: 1%;
}

#slider .carousel-caption {
    top: 50%;
    bottom: unset;
}

/* .carousel-item:nth-of-type(2) .carousel-caption {
    top: 63% !important;
}
.carousel-item:nth-of-type(1) .carousel-caption {
    top: 25% !important;
} */

.carousel-item .carousel-caption {
    top: 50% !important;
}

.prd-img img,
.bloc-img-alaune img {
  height: 200px;
  width: auto !important;
  text-align: center;
}

@media (min-width: 768px) {
    .btn-slider {
        left: 17%;
        font-size: 10px !important;
        padding: 8px 6px;
    }
}
@media (min-width: 992px) {
    .btn-slider {
        left: 17%;
        font-size: 12px !important;
        padding: 8px 12px;
    }
    .prd-img img,
    .bloc-img-alaune img {
      height: 144px;
    }
}
@media (min-width: 1200px) {
    .btn-slider {
        left: 17%;
        font-size: 14px !important;
        padding: 10px 25px;
    }
    .prd-img img,
    .bloc-img-alaune img {
      height: 178px;
    }
}
@media (min-width: 1400px) {
    #faq-titre{
        top: 25%;
        left: 8%;
    }

    .prd-img img, .bloc-img-alaune img {
      height: 200px;
    }
}
@media (min-width: 1800px) {
    .btn-slider {
        left: 17%;
        padding: 15px 40px;
        font-size: 18px !important;
    }
}
@media (max-width: 1200px) {
    .carousel-item .carousel-caption {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
}

/****************************Bloc Info-Service*********************************************/
.info-service{
    /*background-color: rgba(242, 242, 242, 1);*/
    text-align:center;

    /* padding-bottom: 2%; */
    padding-top: 2%;
    max-width: 100% !important;
}

.info-service .container{
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 2rem;
}

.info-service .row{
    margin-right: auto;
    margin-left: auto;
}

.info-service h3{
    font-size: 17px;
    border: none;
    text-transform: uppercase;
}

.info-service .txt-titre-modele{
    font-size: 17px;
    border: none;
    text-transform: uppercase;
}

.info-service h3, .info-service p{
    /*text-transform: uppercase;*/
    text-align:center;
    line-height: 15px;
    /*font-weight: bolder;*/
    color: #3b3e45 !important;
}

.i-info-service{
    font-size: 35px !important;
    color: #f15821;
    margin-bottom: 5%;
}

@media screen and (max-width:991px){
    .info-service .container{
        border-top: 1px solid #dfdfdf;
        padding-top: 2rem;
    }
}

/****************************Bloc nos univers**********************************************/
.headline-bs{
    display: block;
    line-height: 30px;
    /*margin: 0 0 25px 0;*/
    margin: 2rem;
}
.headline-bs h3{
    text-transform: uppercase;
    text-align: center;
    font-size: 20px !important;
    line-height: 15px !important;
    font-weight: bolder !important;
    color: #3b3e45 !important;
    border: none;
    line-height: 1 !important;
}
.blocDATEACTU{
    overflow: hidden;
}
.blocDATEACTU img {
    max-width: 100%;
    max-height: 100%;
    transition: all .4s;
}
.blocDATEACTU img:hover {
    transform: scale(1.02);
}
.univers-desc{
    /*display: none;*/
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    opacity: 0;
    visibility: hidden;
    color: #f15821;

}
.univers-desc a{
    color: #f15821 !important;
    text-transform: uppercase;
    text-decoration: underline !important;
    /*font-weight: bold;*/
}

.bloc-univers .team-v2{
    position: relative;
}

.bloc-univers .inner-team{
    position: absolute;
    z-index: 999;
    text-align: center;
    bottom: 20px;
    width: 100%;
    transition: all .4s ease-out 0s;
}

@media (max-width: 767px) {
    .bloc-univers-p h3 {
        font-size: 20px !important;
    }
    .bloc-univers-p .inner-team {
        bottom: 50px;
        width: 50%;
        font-size: 18px;
    }
    /* .bloc-univers-p .team-v2:hover .inner-team {
        bottom: 80px;
    } */
}

@media (min-width: 768px) {
    .headline-bs{
        margin: 3rem;
    }
    .team-v2:hover .univers-desc {
        /*display: block;*/
        opacity: 1;
        visibility: visible;
    }
    .team-v2:hover .inner-team {
        bottom: 40px;
    }
}

@media (max-width: 479px) {
    .bloc-univers-p .inner-team {
        bottom: 30px;
    }
}

/****************************Bloc Promo1**********************************************/
.btn-univers1, .btn-univers2{
    margin: 0 auto;
    text-align: center !important;
    padding: 15px 35px;
    font-weight: bold;
    text-decoration: none;
    font-size: 15px !important;
    position: relative;
    /* text-transform: uppercase; */
    bottom: 60px;
    left: 20px;
    transition: all .5s ease-in-out;
}
.btn-univers1{
    background: #3b3e45;
    color: #fff !important;
}
.btn-univers2{
    background: #f15821;
    color: #fff !important;
}
.btn-univers1:hover{
    background: transparent;
    border: 1px solid #3b3e45;
    color: #3b3e45 !important;
}
.btn-univers2:hover{
    background: transparent;
    border: 1px solid #f15821;
    color: #f15821 !important;
}
.img-promo {
    overflow: hidden;
    padding: 0;
}
.img-promo img {
    transition: all .4s;
}
/* .img-promo img:hover {
    transform: scale(1.02);
} */

/*@media (min-width: 768px) {
    .btn-univers2 {
        bottom: 87px;
        left: 16%;
    }
}
@media (min-width: 992px) {
    .btn-univers1{
        bottom: 50px;
        left: 16%;
    }
    .btn-univers2 {
        bottom: 110px;
        left: 17%;
    }
}
@media (min-width: 1200px) {
    .btn-univers1{
        bottom: 55px;
        left: 17.5%;
    }
    .btn-univers2 {
        bottom: 145px;
        left: 18.5%;
    }
}
@media (min-width: 1400px) {
    .btn-univers1{
        padding: 15px 40px;
        font-size: 18px !important;
        bottom: 115px;
        left: 17.5%;
    }
    .btn-univers2 {
        padding: 15px 40px;
        font-size: 18px !important;
        bottom: 160px;
        left: 19.5%;
    }
}*/

/****************************Bloc footerSOCIAL*********************************************/
.d-ft-so{
    width: auto !important;
    padding: 4%;
    /*font-size: 24px;*/
}
.footer-socials{
    padding: 5% 24%;
}
@media (min-width: 768px) {
    .footer-socials{
        max-width: 248px;
        padding: 20% 24%;
    }
}
/****************************Bloc univers*********************************************/
.blocDATEACTU {position: relative; z-index:998;}
.blocDATEACTU .dateACTU{
	background: #e74c3c;
	position:absolute; z-index:999; bottom:-10px; left:10px; text-align:center; padding:10px 15px 5px 15px;}
.blocDATEACTU span {color: #fff; display: block; font-size: 20px; line-height: 16px; color:#fff; font-weight:bold;}
.blocDATEACTU small {color: #fff; display: block; font-size: 16px; text-transform: uppercase;}
.bloc-univers{
    /* margin-top: 1%; */
    /* margin-bottom: 1%; */
    /*text-transform: uppercase;*/
}
.bloc-univers h3{
    border:none !important;
    text-align: center;
    margin:0;
}

.bloc-univers h3 a{
    color: #000 !important;
    text-transform: uppercase;
}
/****************************Bloc Notre Selection*****************************************/
.fond-selection{
    /*background: #f9f9f9;*/
}
.product-description {
    background: #fff;
    transition: all 1.0s ease-in-out;
    border-top: 1px solid #dfdfdf;
}
/* .product-description::after {
    display: block;
    content: "";
    border-top: 1px solid;
    position: relative;
    bottom: 175px;
    color: #dfdfdf;
    -webkit-transition: .4s;
    transition: .4s;
    width: 90%;
    margin: 0 auto;
} */

.bloc-selec {
    border-top: 3px solid transparent;
}

.bloc-selec {
    border-bottom: 3px solid #f15821;
}

.product-description-brd {
    /*box-shadow: 0 0 2px #ccc;*/
}
.product-description {
    padding: 10px;
    overflow: hidden;
}
.bloc-selec:hover .action-h-dp .action-prd i {
    color: #fff;
    background: #f15821;
}
.bloc-selec:hover .action-h-dp .action-prd .d-shopping-cart {
    color: #fff;
    background: #f15821;
}
.bloc-selec:hover .action-h-dp .action-prd .ba-shopping-cart {
    filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(1000%) contrast(100%);
}

.bloc-selec:hover .action-h-dp .action-panier-prd i{
    color: #f15821 !important;
    border: 1px solid #f15821;
}

.product-price{
    float: left;
    text-align: left;
    color: #f15821;
    font-size: 18px;
    font-weight: bold;
}
.pull-left a{
    text-decoration: none;
    /*color: #89949b;*/
    color: #3b3e45;
    /*text-transform: uppercase;*/
    font-weight: 700;
}
.product-statut span{
    /*text-transform: uppercase;*/
}
.product-statut i{
    font-size: 12px !important;
}
.desc-dimensions {
    font-size: 10px;
    min-height: 14px;
}
.bloc-img-alaune:hover .action-h-dp{
    display: block;
}
.bloc-img-alaune .action-h-dp{
    bottom: 77px !important;
    border-left: 2px solid #dfdfdf;
    border-right: 2px solid #dfdfdf;
}

.bloc-img-alaune .top-promo{
    top: 60px;
}
.desc-prd-blc {
    font-weight: 400 !important;
}
.product-it-in .desc-prd-blc {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 15px !important;
    color: #3b3e45;
    text-align: left;
    line-height: normal !important;
}

.product-it-in .title-int-bloc {
    margin: 5px 0;
    text-align: left;
    text-transform: unset;
}

.desc-alaune{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
}
/*  --> Mobile   */
.action-fav-xs {
    position: absolute;
    top: 50px;
    right: 10px;
}
.action-panier-xs {
    position: absolute;
    top: 15px;
    right: 9px;
}

.action-fav-xs i {
    background: #f15821;
    font-size: 21px !important;
    /*padding: 6px 4px 3px 6px;*/
    padding: 6px 4px 4px 6px;
    border-radius: 50%;
    color: #fff !important;
}

.action-panier-xs i{
    background: #f15821;
    font-size: 19px !important;
    /*padding: 6px 5px 5px 5px;*/
    padding: 7px 5px 6px 5px;
    border-radius: 50%;
    color: #fff !important;
}

.bloc-img-alaune {
    padding: 12px;
    overflow: hidden;
    background: #fff;
}

.txt-spec-modele {
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold !important;
    line-height: normal !important;
}

@media (min-width: 768px) {
	.modal-panier{
        width: 800px;
    }
}

/******************************Bloc NewsLetter*******************************************/
.newsletter{
    max-width: 100%;
    background-color: #f15821;
    padding: 2%;
    /*margin-top: 3%;*/
}
.newsletter p{
    color: #fff !important;
    text-align: center;
    /*text-transform: uppercase;*/
}
.newsletter .headline-bs h3{
    color: #fff !important;
}
.newsletter .headline-bs p{
    color: #fff !important;
}
.desc-newsletter{
    padding-top: 2%;
    max-width: 750px;
    margin: 0 auto;
}
.i-newsletter{
    font-size: 30px !important;
    padding: 5px;
    color : #f15821;
}
.btn-newsletter{
    background: #fff;
    cursor: pointer;
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    padding: 0px 5px;
}
.input-newsletter{
    max-width: 600px;
    border: 1px solid #fff;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    /*text-transform: uppercase;*/
    font-size: 15px;
}
.in-newsletter{
    margin: 0 auto;
    max-width: 600px;
}
.newsletter .headline-bs{
    margin-top: 0px !important;
    margin-bottom: 1% !important;
}
.news-int .headline-bs h3,
.news-int .headline-bs p,
.news-int .desc-newsletter p {
    text-align: left;
}
.news-int .headline-bs {
    margin: 0;
}
/******************************Bloc FullText*******************************************/
.image_gauche {
    width:50% !important;
    margin-left:50% !important;
    padding-bottom:70px !important;
    padding-right:3%;
    padding-left:3%;
    font-size: 15px;
    /*text-transform: uppercase;*/
    text-align: justify;
}
.image_droite {
    width:50% !important;
    margin-right:50% !important;
    padding-bottom:70px !important;
    padding-right:3%;
    padding-left:3%;
    font-size: 15px;
    /*text-transform: uppercase;*/
    text-align: justify;
}
.collection-banner2 {
    width:100%;
    height:auto;
    position:relative;
}
.titrecollection{
    text-align: center;
    /*text-transform: uppercase;*/
    font-weight: bold;
    color: #00bfb8;
}
/* .position_img */
.text p{
    color: #000 !important;
}
.titreFull{
    margin: 3% !important;
}
.plus-btn{
    background: #3b3e45;
    color: #fff !important;
    margin: 0 auto;
    text-align: center !important;
    padding: 10px;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #3b3e45 !important;
    font-size: 14px;
}
.plus-btn:hover{
    background: #fff !important;
    color: #3b3e45 !important;
}

@media screen and (max-width:1266px) {
   .position_img {
    background:rgba(0,0,0,0.5) !important;
    width:100% !important;
    margin-left:0 !important;
    margin-bottom:1px;
    padding-top:40px !important;
    padding-bottom:40px !important;
    padding-right:70px;
    padding-left:70px
   }
   .position_img .texte p span, .position_img .texte p, .position_img .texte li, .position_img .texte ul, .position_img .texte ol {
    color:#fff !important
   }

   .image_droite_parent, .image_gauche_parent {
       background-size: cover !important;
       background-position: center !important;
   }

}
@media screen and (max-width:762px) {
    .bloc-fulltext {
        margin: unset !important;
    }
    .bloc-fulltext .texte {
        background: unset;
    }
    .desc-newsletter {
        display: none;
    }
}

.image_droite_parent {
    background-size: 50%;
    background-position: top right;
    background-repeat: no-repeat;
}

.image_gauche_parent {
    background-size: 50%;
    background-position: top left;
    background-repeat: no-repeat;
}
.bloc-selec {
    /*border: 1px solid #dfdfdf;*/
    transition: all 1.0s ease-in-out;
}
.bloc-fulltext{
    margin: 3%;
}

.bloc-fulltext .texte {
    background: #f9f9f9;
    padding: 3%;
}
/******************************Bloc Footer-Top*******************************************/
.footer-top p, .footer-top a{
    text-transform: uppercase;
}

.ft-top-animation {
    bottom: 0px;
    position: relative;
    transition: all .5s ease-in-out !important;
}
.ft-top-animation:hover {
    bottom: 15px;
}
.ft-top-desc{
    text-align: center !important;
    background-color: #fff;
    padding: 2%;
    min-height: 50px;
}
.ft-top-desc p{
    font-weight: 700 !important;
}
.img-ftop {
    width: 100px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    position: relative;
    left: 30px;
}
#bloc_footer_top .container {
    border-top: 1px solid #dfdfdf;
    padding-top: 3rem;
}
/*--------------------------------------------------------------------------------------*/
/*                                    MON COMPTE                                        */
/*--------------------------------------------------------------------------------------*/
.topCOMPTE {
    padding-bottom: 15px;
    text-align: right;
    /*padding-top: 1.5rem !important;*/
}
.blocMenuCompte{
    box-shadow: 0 2px 2px #d6d6d6;
    text-transform: uppercase;
    padding: 0 1rem;
}
.blocMenuCompte .moncompte-titrebloc{
    border-bottom: 1px solid #dfdfdf;
}
.listMoncompte {
    font-weight: bold;
    margin-bottom: 0;
    color: #3b3e45;
    font-size: 14px;
    border-bottom: 1px solid #dfdfdf;
}
.listMoncompte ul li {
    font-size: 12px;
    margin-left: 10%;
}
.contenuMonCompte {
    background: #fff;
    padding: 3%;
}
.blocMONCOMPTEdroite{
    background: #fff;
    padding: 2% 4%;
    border-bottom: 3px solid #f15821;
}
.compte-active{
    color: #f15821 !important;
}
.head-question {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 1.0rem;
    text-align: right;
    padding-top: 1.0rem;
}
.show-question {
    font-weight: 600;
    margin-bottom: 0;
    color: #3b3e45;
    float: left;
    font-size: 16px;
}
@media screen and (max-width:767px) {
    .show-question {
        text-align: left;
    }
}
/*--------------------------------------------------------------------------------------*/
/*                                     BOUTIQUE                                         */
/*--------------------------------------------------------------------------------------*/
#texteRefHautPage {
    /* max-height: 200px; */
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 1.5s ease-in-out;
}
@media screen and (max-width : 992px) {
    #texteRefHautPage {
        max-height: 122px;
    }
}
@media screen and (max-width : 778px) {
    .col-left-liste {
        margin-top: 50px;
        /* margin-bottom: 10rem !important; */
    }
}
.content-fullText-fam {
    line-height: 30px;
    font-weight: bold;
}
.filtre-mob{
    cursor: pointer;
    position: fixed;
    background: #222;
    z-index: 999;
    width: 100%;
}

/*--------------------------------------------------------------------------------------*/
/*                                DETAIL PRODUIT                                        */
/*--------------------------------------------------------------------------------------*/
.desc-detail-produit {
  background-color: #fff;
  border: 2px solid #dfdfdf;
}
.desc-prd{
    background-color: #fff;
}
.spec-dim-col {
  padding: 1rem;
}
.designation{
    padding-bottom: 2%;
    /*margin-bottom: 4%;*/
    /*border-bottom: 2px solid #dfdfdf;*/
    text-transform: uppercase;
}
.designation h2{
    font-size: 24px !important;
}
.designation h3{
    font-size: 24px !important;
}
.designation span{
    font-size: 24px !important;
}
.favori-dp{
    text-align: right;
    padding: 5px 0;
    color: #3b3e45;
}
.designation .bloc-favoris {
    position: relative;
    top: 5px;
    right: 25px;
}

.designation .bloc-favoris i{
  font-size: 30px !important;
}

.favori-dp a {
    color: #dfdfdf !important;
}
.favori-dp .fa-heart {
    color: #dfdfdf;
}
.favori-dp.bloc-favoris .fa-heart::before {
    position: relative;
    right: 0.01rem;
    top: .01rem;
}

.shop-product-title{
    font-size: 12px !important;
    font-weight: 700;
  margin-top: 14px;
  margin-bottom: 0;
}
.spec-col-title{
    color: #555;
    font-size: 11px !important;
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
    font-weight: bolder !important;
    border: 0;
    line-height: 1 !important;
}


.btn-u-sea-shop {
    background: #f15821;
    color: #fff !important;
    border-radius: unset !important;
    margin-top: 12px;
    text-align: center !important;
    font-weight: 600;
    border: 2px solid #f15821 !important;
    height: 40px;
    width: 100%;
}

.btn-u-sea-shop:hover{
    background: #fff !important;
    color: #f15821 !important;
}
.right-dp{
    float: right;
}
.left-dp{
    float: left;
}
.prix-crt-dp{
    /* padding-top: .7rem; */
    /* margin-bottom: 1rem; */
}
.prix-dp{
    color: #f15821;
}
.prix-panier-dp .prix-dp sup{
    top: -.9rem;
    font-size: 25px;
}
.prix-panier-dp .prc-prix-dp sup{
    top: -.3rem;
    font-size: 18px;
}

.info-service-dp .col-2 {
    margin-bottom: 2%;
}
.info-service-dp .col-2 i {
    font-size: 35px !important;
    color: #f15821;
    padding: 10%;
}
.info-service-dp p {
    font-weight: bold;
}
.carac-dp .t-desc-dp,
.desc-dp .t-desc-dp,
.voir-plus-dp .t-desc-dp{
    font-weight: bold;
    font-size: 23px !important;
    text-align: center;
    margin-top: 4%;
    margin-bottom: 4%;
    text-transform: uppercase;
}
.carac-dp th{
    background-color: #3b3e45 !important;
    color: #fff;
    width: 50%;
}
.carac-dp td{
    background-color: #f9f9f9 !important;
    font-weight: bold;
}
.carac-dp tr{
    border-color: #fff !important;
    border-width: 2px;
    border-bottom-style: solid;
}
.desc-d-dp{
    background-color: #f9f9f9;
    padding: 3%;
}
.desc-d-dp h2{
    margin-top: 20px;
    margin-bottom: 20px;
    color: #f15821;
    font-size: 16px !important;
    text-transform: unset !important;
}
.coll-d-dp{
    padding: 0 3%;
}
.fav-active{
    color: #f15821 !important;
    /* border: 1px solid #f15821 !important; */
    background: #fff !important;
}
.action-h-dp {
    /*position: absolute;*/
    /*bottom: 0px;*/
    width: 100%;
    /*display: none;*/
    /*background: #fff !important;*/
    /*color: #dfdfdf !important;*/
    margin-bottom: 10px;
}
.bloc-img-pdt:hover .action-h-dp{
    display: block;
}
.action-h-dp .row{
    margin: 0 auto;
}
.action-h-dp .action-prd{
    text-align: center;
    padding: 0;
}
.action-prd .favori-dp{
    float: unset;
}

.action-h-dp .action-prd i{
    color: #dfdfdf;
    padding: 8px;
    font-size: 18px !important;
    border-radius: 50px;
    transition: all .5s ease-in-out;
}
.action-h-dp .action-prd .d-shopping-cart{
    color: #dfdfdf;
    padding: 4.2px;
    font-size: 18px !important;
    border-radius: 50px;
    transition: all .5s ease-in-out;
}

.fa-shopping-bag {
    bottom: 2px;
    position: relative;
    padding: 8px 9px !important;
}

.action-h-dp .action-prd i:hover {
    background: #fff !important;
    color: #f15821 !important;
    border: 1px solid #f15821;
}
.action-h-dp .action-prd .d-shopping-cart:hover {
    background: #fff !important;
    color: #f15821 !important;
    border: 1px solid #f15821;
}

.action-h-dp .action-panier-prd i{
    color: #dfdfdf !important;
    padding: 8px 7px 7px 7px !important;
    font-size: 15px !important;
    border-radius: 50px;
}
.action-h-dp .favori-dp {
    font-size: unset;
}
.lien-in{
    color: #f15821 !important;
    text-decoration: underline !important;
}
/*--------------------------------------- Owl theme / LightGallery -----------------------------------------------*/
.owl-theme .owl-dots .owl-dot span{
    border: 1px solid #3b3e45;
    background: #fff !important;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #3b3e45 !important;
}
.lSPager.lSGallery li {
    opacity: 1 !important;
    border: 1px solid #a3a3a3;
}
.lSPager.lSGallery li.active {
    /*opacity: .5 !important;*/
    border: 2px solid #f15821;
}
.lSPager.lSGallery li {
    border-radius: 50% !important;
    width: 90px !important;
    height: 90px !important;
}
.lSSlideOuter .lSPager.lSGallery img{
    height: 100% !important;
    width: 100vw;
    object-fit: cover;
}

@media screen and (min-width:1200px) {
    .demo-lightSlider {
        position: relative;
    }
    .lSSlideOuter {
        padding-left: 110px;
    }
    .lSSlideOuter .lSPager.lSGallery{
        position: absolute !important;
        left: 0;
        top: 0;
        width: 100px !important;
    }
    .lSPager.lSGallery li {
        margin-top: 1rem;
    }
    .demo-lightSlider .lSPager.lSGallery {
        transform: translate3d(0px, 0px, 0px) !important;
    }
}

@media screen and (max-width:991px) {
    .designation .bloc-favoris {
        bottom: 10px;
    }
    .designation h3 {
        max-width: 450px;
    }
}
/*-----------------------------------------------------Page Liste-----------------------------------------------------*/
.sous-contenuTRI-titre02{
    color: #a2a2a2 !important;
}
.contenuTRI-titre01 {
    text-align: left;
    text-transform: uppercase;
}
.product-description-list{
    border-bottom: 3px solid #f15821;
    border-top: 1px solid #dfdfdf;
}

/* .product-description-list::after {
    display: block;
    content: "";
    border-top: 1px solid;
    position: relative;
    bottom: 210px;
    color: #dfdfdf;
    -webkit-transition: .4s;
    transition: .4s;
    width: 90%;
    margin: 0 auto;
} */

/* .d-blocELEMENT:hover .product-description-list {
    border-bottom-color: #f15821;
} */
.bloc-info-pdt {
    min-height: 23px;
    overflow: hidden;
    margin-top: 1px;
}
.info-pdt {
    background: #3b3e45;
    color: #fff !important;
    text-align: center !important;
    text-transform: uppercase;
    padding: .2em .3em;
    font-weight: 500;
    letter-spacing: .3em;
    margin: 0;
}

.info-pdt-solde {
    background: #dc030e;
}

.info-pdt-topvente {
    background: #f15821;
}

.info-topvente{
    background: #f15821;
}

.filter-prd-fixed {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 99;
}

@media screen and (min-width:1200px) {
    .bloc-info-pdt {
        min-height: 24px;
    }
    .bloc-img-alaune .top-promo {
        top: 35px;
    }
}

@media screen and (max-width:767px) {
    .product-description-list::after {
        bottom: 170px;
    }

    .d-blocNbResultat {
        max-width: unset;
    }

}

/*-----------------------------------------------------Page Caddy-----------------------------------------------------*/
.c-fact {
    padding: 1rem;
    padding-bottom: 0;
    background: #fff;
}
.c-fact .fact-titre {
    font-size: 16px;
    font-weight: 600;
}
/* #caddy_btnsuivant .boutonBASIKA,
#caddy_btnsuivant .boutonBASIKA-1 {
    text-transform: uppercase;
} */
.selectVille-liv select{
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); */
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.caddy-header{
    position: relative;
    bottom: 24px;
    left: 50px;
    font-weight: 600 !important;
    color: #a2a2a0;
    font-size: 15px;
}
.t-panier th{
    border-bottom: unset;
}
.product-in-table{
    vertical-align: middle;
}
.t-panier td {
    vertical-align: middle;
}
.desc-commande-container {
    border-bottom: 1px solid #dfdfdf;
}

.c-title-art p {
    font-size: 14px;
}
.prix-commande sup {
    top: -4px;
    font-size: 15px;
}
.prix-commande-pm sup {
    top: -2px;
    font-size: 12px;
}

.ref-commande {
    margin: 0;
    font-weight: bold;
}
.prix-commande {
    font-size: 23px;
    font-weight: bold;
    text-align: right;
}
.prix-commande sup {
    font-size: 15px;
    padding-left: 2px;
}
.livraisonTEXTE{
    border-top: 1px solid #dfdfdf !important;
    border-radius: unset !important;
}
.livraisonCONTENU  select{
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    border: 1px solid #dfdfdf;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.nb-pdt-panier{
    background: #f15821;
    position: absolute;
    bottom: 26px;
    right: 7px;
}
.nb-fav{
    background: #f15821;
    position: absolute;
    bottom: 26px;
    right: 55px;
}
.nb-fav-mob {
    background: #f15821;
    color: #fff !important;
    margin-left: 1rem;
}
.d-blocELEMENT .titreBLOC {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.prd-img{
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

.bloc-img-alaune {
  text-align: center;
}


.border-produits {
    width: 100%;
    transition: all .4s;
}
.border-produits:hover {
    transform: scale(1.02);
}

.copyright p,
.copyright a{
    color: #fff !important;
}
.caddy .newsletter{
    margin-top: 0;
}
.desc-pd-c{
    margin: auto;
}
.shop-red {
    font-size: 20px;
    font-weight: bold;
    color: #f15821;
    margin: 8px auto;
}
.ariane-caddy h2{
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}
.ariane-caddy{
    background-image: url("/photo/img/images/Fond-caddy.jpg");
    background-size:cover;
    background-position: center;
    background-repeat: no-repeat;
}
#ajoutPanierModal {
    z-index: 9999;
    background: rgba(0,0,0,.4);
}
.ajoutPanierBtn:focus{
    box-shadow: unset;
}
.ajoutPanierBtn{
    max-height: unset !important;
}

.bloc-caddy {
    padding-top: 2rem;
}
.bloc-caddy a{
    pointer-events: none;
}


.title-caddy h3 {
    font-size: 25px !important;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.title-caddy a {
    text-transform: uppercase;
    text-decoration: underline !important;
}
.title-caddy span{
    text-transform: lowercase;
    font-size: 13px;
    font-weight: normal;
}

.type-paiement {
    background: #fff;
    border-bottom: 1px solid #dfdfdf;
}
.choix-paiement {
    text-align: center;
}

.type-paiement strong {
    color: #3b3e45;
    font-weight: 600;
    font-size: 16px;
    margin-left: .3rem;
}
#info_sans_frais {
    font-weight: 600;
}
.border-paiement {
    border-color: #3b3e45 !important;
}
.prixGlobal sup {
    top: -2px;
    font-size: 12px;
}
.desc-panier {
    font-size: 14px !important;
    font-weight: 600 !important;
}
.commande-boutonBASIKA {
    background: transparent;
    text-align: center;
    font-size: 13px;
    color: #a2a2a2 !important;
    font-weight: 400;
    text-decoration: underline !important;
    border: none;
    transition: all .5s ease-in-out;
}
.commande-boutonBASIKA:hover {
    color: #f15821 !important;
}
.commande-boutonBASIKA:focus {
    box-shadow: none;
}
#d_adresse_liv .form-control,
#d_adresse_liv .form-select {
    padding: .175rem .75rem;
}

@media all and (max-width: 991px) {
    .nb-pdt-panier{
        bottom: 12px;
        right: -6px;
    }
    .nb-fav {
        bottom: 15px;
        right: -16px;
    }
    .caddy-header{
        font-size: 14px !important;
    }
    .choix-paiement input {
        float: unset !important;
    }
}
@media all and (min-width: 576px) {
    .ba-xs-caddy {
        top: 14px !important;
    }
}
@media all and (max-width: 767px) {
    .nav-panier {
        font-size: 12px;
    }

    .c-monpanier {
        position: relative;
    }
    .remove-art {
        position: absolute;
        top: 0;
        right: 15px;
    }
    .type-paiement strong {
        font-size: 13px;
    }
}


.paiement-picto {
    text-align: center;
}
.picto-paiement {
    max-width: 65px;
    height: auto;
}
.type-paiement{
    position: relative;
}
.img-type-paiement {
    text-align: right;
    /* overflow-x: scroll; */
}
.img-type-paiement a img {
    max-width: 100%;
    height: auto;
}
/****************************Sous menu gammes*********************************************/
.blocFAMILLE{
    border: 1px solid #3b3e45;
}
.blocFAMILLE-texte{
    padding: 3%;
}
.blocFAMILLE-decouvrir{
    padding: 3%;
    text-align: right;
}
.navi-sousmenu{
    border-bottom: 4px solid #fff;
}

.navi-sousmenu:hover,
.list-sousmenu:hover .navi-sousmenu{
    border-bottom: 4px solid #f15821;
    transition: unset;
    z-index: 9999999;
    position: relative;
}

.navi-sousmenu:hover::after,
.list-sousmenu:hover .navi-sousmenu::after{
    content: '';
    position: absolute;
    left: calc(40%);
    bottom: -11px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 7px solid #f15821;
    border-bottom-color: #f15821;
}
.pictos{
    width: 70px;
}
.voir-plus-dp{
    background: #fff;
}
.fx-mobile{
    transition: all 1.0s ease-in-out;
}
@media all and (max-width: 767px) {
    .fx-mobile{
        left: 0;
        position: fixed;
        bottom: 0;
        z-index: 999;
        width: 100%;
        padding: 8px;
        height: 50px;
        font-size: 18px;
    }
    #topcontrol {
        bottom: 56px !important;
    }

    .dropdown-item ul li a:hover {
        color: #f15821 !important;
        font-weight: bold !important;
    }
    .dropdown .column {
        padding: 5px 20px;
    }
}


@media (max-width: 991px) {
    .dropdown-item ul li:hover {
        background: #fff !important;
    }
    .fixed {
        position: fixed;
        top: 0;
        z-index: 9999;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .navbar-collapse {
      position: fixed;
      margin: 0px;
      width: 100vw;
      background: rgb(255, 255, 255) none repeat scroll 0% 0%;
      border-top: 0.6rem solid rgb(255, 255, 255);
      z-index: 9999;
      top: 120px;
      overflow-y: scroll;
      height: 100%;
    }

    .navbar-collapse.collapsing {
      left: -75%;
      transition: height 0s ease;
    }

    #menuBASIKA .navbar.megamenu {
        border-top: none !important;
    }

    .navbar-collapse.show {
      left: 0;
      transition: left .2s ease-in-out;
    }

    .navbar-toggler.collapsed~.navbar-collapse {
      transition: left .2s ease-in-out;
    }
}
@media all and (max-width: 575px) {
    .navbar-collapse {
        top: calc(13% - 5px);
    }
}
/*--------------------------------------------------------------------------------------*/
/*                                 ESPACE CLIENT                                        */
/*--------------------------------------------------------------------------------------*/
.statCommandeIn::after {
    content: '';
    position: relative;
    border: 2px solid #f15821;
    width: 35px;
    display: block;
    top: 4px;
    left: 17px;
    z-index: 9;
}
.statCommande{
    width: 23px;
    height: 23px;
    border: 3px solid #f15821;
    border-radius: 50px;
    position: relative;
    z-index: 99;
    background: #f15821;
    margin: 0 auto;
    padding: 3px;
}
.statCommandeIn,
.statCommandeInLast{
    width: 10px;
    height: 10px;
    background: #f15821;
    border-radius: 50px;
}
.desc-etat-commande {
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
}
.stat-active {
    border: 3px solid #f15821 !important;
}
.stat-active .statCommandeIn::after,
.stat-non-active .statCommandeIn::after {
    border: 2px solid #a2a2a2;
}
.stat-non-active {
    border: 3px solid #a2a2a2;
    background: #a2a2a2;
}
.stat-non-active .statCommandeIn,
.stat-non-active .statCommandeInLast{
    background: #a2a2a2;
}
.stat-info{
    text-align: center;
}
.stat-info-active{
    color: #f15821 !important;
}
.statut-commande {
    border-bottom: 1px solid #dfdfdf;
}
.content-modeliv {
    color: #a2a2a2 !important;
}
.desc-livraison-commande,
.desc-facturation-commande {
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}
.color-list {
    width: 22px;
    height: 22px;
    display: inline-block;
    margin: 3px;
    border-radius: 50px;
    padding: 2px;
    border: 1px solid;
}

.color-list-plus {
  display: inline-block;
  padding: 2px;
  position: relative;
  bottom: 8px;
  font-size: 15px;
}

.title-total-com {
    background: #3b3e45;
    color: #fff;
    padding: 5px 10px;
    text-transform: uppercase;
}
.desc-total-com {
    padding: 10px;
    border-bottom: 1px solid #dfdfdf;
}
.desc-total-com p,
.recap-commande p {
    margin-bottom: 5px;
}
.montant-right {
    float: right;
    font-size: 15px;
}
.montant-right sup {
    font-size: 12px;
    top: -5px;
}
.prix-art {
    font-size:23px;
    text-align: right;
}
.prix-art sup {
    font-size: 16px;
    top: -8px;
}
.d-color-list{
    width: 16px;
    height: 16px;
    border-radius: 50px;
}

.couleur-prod {
    padding: 0;
    padding-top: .5rem;
    min-height: 40px;
    margin-left: -10px;
}

.colorisDetail .color-list{
    width: 25px !important;
    height: 25px !important;
    padding: 3px !important;
}
.colorisDetail .d-color-list {
    width: 17px !important;
    height: 17px !important;
}

.colorisDetail .couleur-prod {
  margin-left: 0;
}

.filtreCaract{
    text-align: right;
    border-bottom: 2px solid #dfdfdf;
    padding: 5px 10px 5px 0;
    margin: 5px 0;
}

.filtreCaract i{
    font-size: 20px;
}

@media (min-width: 1200px) {
    .statCommandeIn::after {
        width: 50px;
    }
}
/* @media (min-width: 992px) {
    #triCOLONNE{
		width: 22%;
	}
    #contenuCOLONNE{
		width: 78%;
	}
} */
@media (max-width: 767px) {

    .statCommandeIn::after {
        width: 105px;
    }
    .desc-livraison-commande {
        border-left: unset;
    }
    .moncompte-stat-stock {
        position: inherit !important;
    }
}
@media (max-width: 575px) {
    .desc-facturation-commande{
        border-left: unset;
        border-right: unset;
    }
}
@media (max-width: 467px) {
    .statCommandeIn::after {
        width: 78px;
    }
}
@media (min-width: 768px) {
    .mon-compte-gauche {
       flex: 0 0 auto;
       width: 100%;
    }
}
@media (min-width: 992px) {
    .mon-compte-gauche {
       flex: 0 0 auto;
       width: 25%;
    }
}


/*--------------------------------------------- Configuration navbar avec megamenu ------------------------------ */
.icon-menu-sm{
    position: absolute;
    right: 30px;
}

@media all and (max-width: 991px) {
    #triCOLONNE{
      display:none;
          position: fixed !important;
          margin: 0 !important;
          width: 100vw;
          background: #fff none repeat scroll 0 0;
          z-index: 999;
          top: 111px;
          left: 0;
          overflow-y: scroll;
          height: 100%;
    }

    .tri-prd,
    .tri-prd-ct {
        float: unset !important;
    }

    select[name="triezpar"] {
        height: 38px;
    }

    .filter-prd-fixed {
        top: 92px;
    }
    .list-sm-filter {
        padding-left: 0;
        padding-right: 0;
    }
    .dropdown-item{
        background: #fff;
    }
    .dropdown-item ul {
        max-height: 20px;
    }
    .megamenu{
            max-width: 100%;
    }
    #smenu > li:nth-of-type(8) {
        background: #dc030e;
    }
    #smenu > li:nth-of-type(8) a {
        border-top: unset;
    }
    #smenu > li:first-of-type a,
    #smenu > li:nth-of-type(9) a {
        border-top: unset;
    }

}
@media screen and (max-width:575px) {
    .product-description-list::after {
        bottom: 170px;
    }
    .filter-prd-fixed {
        top: 73px;
    }
}
@media screen and (max-width:412px) {
    .filter-prd-fixed {
        top: 71px;
    }
}
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .nav-link{   }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }

    #smenu > li:nth-of-type(8) a span{
        color: #dc030e;
    }
    #smenu > li:nth-of-type(8) a:hover::after{
        color: #dc030e;
    }

    #smenu .dropdown-menu{
        position: absolute !important;
        left: 0;
        background: unset;
        border: unset;
        width: 100%;
    }

    #smenu .dropdown-menu li{
        width: 100%;
        top: 0px;
    }

    #smenu .mega-menu-content {
        background: #fff;
        text-decoration: none;
        text-transform: none;
        padding: 1.5rem;
        box-shadow: inset 0px 4px 5px #3b3e453b;

    }

    .dropdown-toggle::after,
    .navbar .nav-item-a a::after {
        display: block;
        content: "";
        border-top: 0.5em solid;
        position: relative;
        top: 19px;
        color: transparent;
        -webkit-transition: .4s;
        transition: .4s;
        width: 10%;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        margin-left: 0;
        z-index: 9999;
    }

    .navbar .nav-item:hover .dropdown-toggle::after,
    .navbar .nav-item-a:hover a::after {
        width: 100%;
        color: #f15821;
    }
    /* #menuBASIKA #smenu > li:nth-of-type(1) > a::after {
        width: 82%;
    }

    #menuBASIKA #smenu > li:nth-of-type(1)::after {
        margin-left: calc(-20px);
    } */
    /*.navbar .nav-item {
        border-bottom: 4px solid #fff;
    }*/
    /*.navbar .nav-item:hover {
        border-bottom: 4px solid #f15821;
        transition: all 1.0s linear;
    }*/
    .navbar .nav-item::after {
        content: '';
        position: absolute;
        bottom: -12px;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-top: 8px solid transparent;
        border-bottom-color: transparent;
        z-index: 9999;
        margin-left: calc(-5px);
        transition: all .5s ease-in-out;
    }
    .navbar .nav-item:hover::after {
        border-top: 8px solid #f15821;
        border-bottom-color: #f15821;
    }
    #smenu > li {
        font-size: 15px;
    }
    .dropdown-item strong {
        text-transform: uppercase;
    }
    /*#smenu .dropdown-toggle::after {
        color: transparent;
    }*/
    .navbar .nav-item:hover .dropdown-toggle, .navbar .nav-item-a:hover a {
        color: #f15821 !important;
    }
    .nav-item-a:last-of-type a span {
        color: #dc030e !important;
    }
    .nav-item-a:last-of-type a:hover::after {
        color: #dc030e !important;
    }
    .icon-menu-sm{
        display: none !important;
    }

    /*   Fixer les pictos au moment du scroll*/
    #headerBASIKA {
        position: relative;
    }
    #cont_pictos {
        position: absolute;
        right: 0;
    }
    #cont_recherche {
        position: absolute;
        right: 28%;
    }
    /*   End : Fixer les pictos au moment du scroll*/
}

@media all and (min-width: 1200px) {
    #cont_pictos {
        /* right: 25px; */
        right: -14px;
        padding-right: 0;
    }
}

#smenu .nav-mob {
    background: #fff !important;
}
#smenu .nav-mob a span {
    color: #3b3e45;
}
#smenu .nav-mob span i {
    margin-right: 15px;
}

#lienmonpanier {
    background-image: url('/photo/img/pictos/picto_panier_gris.svg');
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0%;
    position: relative;
    top: .39rem;
    transition: all .3s ease-in-out;
}
.btn-lien-panier {
    background-image: url('/photo/img/pictos/picto_panier_gris.svg');
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    position: relative;
    bottom: 10px;
    left: -2px;
    transition: all .3s ease-in-out;
    display: block;
    float: left;
}
#liencontact,
#liencontact-menu {
    background-image: url('/photo/img/pictos/picto_contact_gris.svg');
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    position: relative;
    top: .45rem;
    transition: all .3s ease-in-out;
    right: -12px;
}

#liencontact-menu {
    top: unset;
    right: 8px;
    float: left;
    bottom: 5px;
    margin-right: 0.3rem;
}

#lienmonpanier:hover,
#liencontact:hover,
#liencontact-menu:hover {
    /* background-image: url('/photo/img/pictos/picto_panier_orange.svg'); */
    filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

@media all and (min-width: 992px) {
    #lienmonpanier {
        top: 2px;
    }
}

.ba-shopping-cart {
    background-image: url('/photo/img/pictos/picto_panier_gris_clair.svg');
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0%;
    position: relative;
    display: block;
    top: -3px;
    transition: all .3s ease-in-out;
}
.d-shopping-cart:hover .ba-shopping-cart {
    /* background-image: url('/photo/img/pictos/picto_panier_orange.svg'); */
    filter: invert(65%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%) !important;
}

.ba-caddy {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0%;
    position: relative;
    top: 20px;
    display: block;
    transition: all 1s ease-in-out;
}
.ba-xs-caddy {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0px 0%;
    position: relative;
    top: 5px;
    display: block;
    transition: all 1s ease-in-out;
}
.ba-locked{
    background-image: url('/photo/img/pictos/picto_paiement_securise_gris_panier.svg');
}
.ba-smile{
    background-image: url('/photo/img/pictos/picto_satisfait_rembourse_gris_panier.svg');
}
.ba-refresh{
    background-image: url('/photo/img/pictos/picto_retour_gratuit_gris_panier.svg');
}

#cont_logo,
#cont_pictos {
    transition: all .7s ease-in-out;
}
#cont_recherche,
.twitter-typeahead {
    transition: all .6s ease-in-out;
    transform-origin: right;
}
#headerSITE {
    box-shadow: 0 4px 5px #3b3e453b;
}
/*---------------------------------------------------------------------------------------------------------------- */

/*Back To Top
------------------------------------*/
#topcontrol {
    color: #fff;
    z-index: 99;
    width: 30px;
    height: 30px;
    font-size: 20px;
    background: #3b3e45;
    position: relative;
    right: 14px !important;
    bottom: 11px;
    border-radius: 50%;
    /*border-radius: 3px !important;*/
}

#topcontrol::after {
    top: 2px;
    left: 8px;
    content: "\f106";
    position: absolute;
    text-align: center;
    font-family: FontAwesome;
}

#topcontrol:hover {
  color: #fff;
  background: #f15821;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/*Invoice Page
------------------------------------*/
@media print {
	* { -webkit-print-color-adjust: exact; }

	.btn-u,
	.header,
	.footer-v1,
	.breadcrumbs,
	#topcontrol {
		display: none;
	}

	.panel {
		border: none;
	}
}

.blocFAMILLE-decouvrir i {
    color: #dfdfdf;
    padding: 8px;
    font-size: 15px;
    border-radius: 50px;
}

.blocFAMILLE-decouvrir i:hover {
    border-color: #f15821 !important;
    color: #f15821 !important;
    background: #fff !important;
}

.prd-ensemble {
    background: #fff !important;
}

.prd-ensemble:hover .blocFAMILLE-decouvrir i {
    color: #fff;
    background: #f15821;
    border: 1px solid #f15821;
}

.blocFAMILLE:hover{
    border-bottom: 3px solid #f15821;
}

.readMore .addText {
    display: none;
}
.desc-ensemble {
    padding: 20px;
    background: #fff;
}
.desc-ensemble h2 {
    color: #f15821;
}
/*-------------------------------------------------------------------------------RAMPE _rampeStdBasika() .loadspecv2--------------------------------------------------------------------*/
.pagination{
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination.pagination-v2 > li > a, .pagination.pagination-v2 > li > span {
    background: #fff;
}
.pagination.pagination-v2 > li > a {
    padding: 5px;
    margin: 2px;
    min-width: 30px;
    border-color: transparent;
    border-radius: 50%;
    transition: all .5s ease-in-out;
}
/*.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}*/
.pagination > li {
    display: inline;
}
.pagination li a {
    color: #777;
    padding: 5px 15px;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    /*padding: 6px 12px;*/
    /*margin-left: -1px;*/
    /*line-height: 1.42857143;*/
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination.pagination-v2 > li > a:hover,
 .pagination.pagination-v2 > .active > a,
  .pagination.pagination-v2 > .active > span,
   .pagination.pagination-v2 > .active > a:hover,
    .pagination.pagination-v2 > .active > span:hover,
     .pagination.pagination-v2 > .active > a:focus,
      .pagination.pagination-v2 > .active > span:focus {
    /*background: #f15821;*/
    border-color: #f15821;
}

.pagination .active{
    /*background: #f15821 !important;*/
    border-color: #f15821 !important;
    color : #f15821 !important;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------- Modal Livraison --------------------------------------------------------------------------------*/
.modal-livraison{
    margin: 2%;
    max-width: 990px;
}
.modal-livraison .modal-dialog{
    overflow-y: initial !important;
}
.modal-livraison .modal-body{
    max-height: 600px;
    overflow-y: auto;
}
#pluslivraisonModal,
#plusMagasinModal {
    z-index: 99999;
    background: rgba(0,0,0,.4);
}
#livraisonModalLabel,
#magasinModalLabel {
    width: 100%;
    text-transform: uppercase;
    font-size: 18px !important;

}
#pluslivraisonModal .modal-header,
#plusMagasinModal .modal-header {
    background: #fff;
    border-bottom: 1px solid #dfdfdf !important;
    margin: auto 20px;
    padding: 25px 0;
}
#pluslivraisonModal .modal-body,
#plusMagasinModal .modal-body {
    padding-top: 30px;
}
.desc-header {
    margin: 1.5rem auto 1.5rem 10px;
}
.desc-container {
    margin-top: 2rem;
}
.desc-c-title {
    border-left: 5px solid #f15821;
    padding-left: 10px;
}
.desc-c-title .title-dp-modal {
    font-size: 18px !important;
    text-transform: uppercase;
}
.desc-c-d {
    background: #f9f9f9;
    padding: 20px;
}
.desc-content {
    background: #fff;
    padding: 20px;
    border-bottom: 2px solid #f15821;
}
.desc-content .title-dp-modal {
    color: #f15821;
    text-transform: uppercase;
    font-size: 16px !important;
}
.desc-content ul {
    margin-left: 10px;
}
.desc-content li {
    line-height: 1.5;
    font-weight: bold;
}
.desc-imp {
    color: #3b3e45;
    font-size: 15px;
    font-style: unset;
    margin: 20px auto;
}
.desc-content li ul {
    margin-left: 15px;
}
.desc-content li ul li {
    list-style: none;
}
.img-magasin {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}
.title-dp-modal {
    margin: 0;
    padding: 0;
    font-weight: bold !important;
    color: #3b3e45;
    text-align: left;
    line-height: normal !important;
}
@media (min-width: 768px) {
    .brd-mg{
        border-right: 1px solid #dfdfdf;
    }
}
/*--------------------------------------------------------------------------------End : Modal Livraison -------------------------------------------------------------------------------*/
.top-promo{
    position: absolute;
    top:15px;
    left:0;
    z-index: 999;
    text-transform: uppercase;
    color: #fff;
    background: #dc030e;
    padding: 7px 10px;
    font-weight: bold;
}
.prix-orig-dp{
    color: #222;
    text-decoration-color: #f15821;
    font-size: 16px;
    text-decoration-line: line-through;
    text-decoration-thickness: 2px;
    margin: 0 6px;
    padding-bottom: 5px;
    font-weight: bold;
}
.prix-orig-dp sup,
.top-promo-list sup {
    top: -4px;
    font-size: 14px;
    margin-left: .2rem;
}

.prix-dp sup{
    top: -4px;
    font-size: 16px;
    margin-left: .2rem;
}

.top-promo-list{
    text-transform: uppercase;
    color: #fff;
    background: #dc030e;
    font-size: 16px;
    font-weight: 600;
    padding: 0 5px;
    max-width: 55px;
}
.top-vente{
    position: absolute;
    top:10px;
    right:0;
    z-index: 999;
    text-transform: uppercase;
    width: auto !important;
}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.ba-icon {
    position: relative;
    top: 2px;
    margin-right: .5rem;
    width: 30px;
    height: 20px;
}
.fas.ba-icon {
    left: 5px;
}
#adresse-contact {
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.6;
}
/*--------------------------------------------------------------------------------------*/
/*                                         FAQ                                          */
/*--------------------------------------------------------------------------------------*/

#faq-titre font {
    color: #fff;
    font-size: 35px;
    text-transform: uppercase;
}
#text-faq{
    color: #fff;
    font-size: 55px;
    font-weight: bold;
    text-transform: uppercase;
}
.faq-titre h2 {
    font-weight: 600;
}
.c-list-q {
    border: 1px solid #3b3e45;
}
.c-list-q ul {
    padding: 1rem 0 1rem 2rem;
}
.menu-g-faq {
    text-align: center;
    padding: 1rem;
}
.menu-g-faq img {
    max-width: 150px;
    bottom: 0;
    position: relative;
    transition: all .5s ease-in-out !important;
}
.menu-g-faq img:hover {
    bottom: 15px;
}
.menu-g-faq p {
    text-align: center;
    font-weight: 600;
    font-size: 15px;
}

.list-faq {
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 1rem;
    text-align: right;
    padding-top: 1.5rem;
    margin-bottom: 1rem;
}
.titre-liste {
    font-weight: 600;
    margin-bottom: 0;
    color: #3b3e45;
    float: left;
    font-size: 14px;
}
.contenuFAQ a {
    color: #f15821 !important;
}
.contenuFAQ .enstock {
    color: #00a400 !important;
}
.contenuFAQ .commandable {
    color: #da000d !important;
}
.contenuFAQ li {
    margin-bottom: 1rem;
}
.contenuFAQ li strong {
    color: #3b3e45;
}
.faq-conseil {
    padding-top: 15px;
    padding-bottom: 10px;
    font-weight: 600;
    background: #dfdfdf;
}
.faq-conseil a {
    color: #f15821 !important;
}
#liencontact_faq {
    background-image: url('/photo/img/pictos/picto_contact_gris.svg');
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0 0;
    position: relative;
    top: -3px;
    transition: all .3s ease-in-out;
    right: -12px;
    float: left;
    margin-right: 1rem;
}


@media (max-width: 991px) {
    #faq-titre{
        top: 18%;
        left: 5%;
    }
    #faq-titre font {
        font-size: 28px;
    }
    #text-faq {
        font-size: 42px;
    }
}
@media (max-width: 767px) {
    #text-faq {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    #text-faq {
        font-size: 24px;
    }
}
@media (min-width: 992px) {
    #faq-titre{
        top: 18%;
        left: 5%;
    }
    #faq-titre font {
        font-size: 35px;
    }
    #text-faq {
        font-size: 55px;
    }
}
@media (min-width: 1200px) {
    #faq-titre{
        top: 20%;
        left: 7%;
    }
    #faq-titre font {
        font-size: 40px;
    }
    #text-faq {
        font-size: 60px;
    }
}

/*------------------------------------------------------- Confirmation commande /fr/ok.htm -----------------------------------------------------*/
.confirm-cmd h1{
    font-size: 22px;
}
.desc-conf-cmd {
    background: #fff;
    border-bottom: 3px solid #f15821;
}
.brd-conf-cmd {
    border-right: 1px solid #dfdfdf;
}
/*------------------------------------------------- End : Confirmation commande /fr/ok.htm -----------------------------------------------------*/

.dialogue-cookie-mini p {
    color: #eee !important;
display: none;
}


.d-shopping-cart {
    z-index: 999;
}

.txt-spec-modele, .txt-titre-modele {
    margin: 0 0 5px 0;
    padding: 0;
    font-weight: bold !important;
    line-height: normal !important;
}

.headline-bs .title-headline-bs {
    text-transform: uppercase;
    text-align: center;
    font-size: 20px !important;
    line-height: 15px !important;
    font-weight: bolder !important;
    color: #3b3e45 !important;
    border: 0;
    line-height: 1 !important;
}

.title-int-bloc {
    margin: 0 0 5px 0;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px !important;
    font-weight: bolder !important;
    color: #3b3e45 !important;
    border: 0;
    line-height: 1 !important;
}

.title-int-bloc a:hover {
    color: unset !important;
}


/*----------------------------------------------------------------------------------------------------------------------*/

.tp-caddy {
  background: #f9f9f9;
}

.np-active {
    border: 2px solid #f15821;
    color: #f15821 !important;
    box-shadow: none !important;
}
.nav-panier {
    /* border: 2px solid #a2a2a0; */
    background: #fff;
    box-shadow: 0px 2px 2px #d6d6d6;
    padding: 5%;
    font-size: 15px;
    font-weight: bold;
    color: #a2a2a0;
    text-transform: uppercase;
    width: 100%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.title-caddy h1 {
    font-size: 25px !important;
    text-transform: uppercase;
    margin-top: 20px !important;
    color: #3b3e45;
}

.tp-caddy .c-title-art {
  /* display: none; */
}

.c-art {
    background: #fff;
    box-shadow: 0px 2px 2px #d6d6d6;
}

.title-caddy {
    margin: 3rem 0 0 0;
}

.num-commande,
.c-title-art,
.t-text {
    /* border-left: 0.4rem solid #f15821; */
    /* padding-left: 2%; */
    text-transform: uppercase;
    font-weight: 600;
}

.c-title-art p{
  font-size: 20px !important;
  text-transform: uppercase;
  margin-top: 20px !important;
  font-weight: 700;
}

.c-title-art span {
  text-transform: lowercase;
  font-size: 13px;
  font-weight: normal;
}

.c-monpanier:last-of-type .co-art {
  border-bottom: none !important;
}

.quantity-button {
  color: #3b3e45;
  width: 35px;
  height: 37px;
  /* padding: 5px; */
  border: 0;
  outline: 0;
  cursor: pointer;
  font-size: 20px;
  background: #fff;
  text-align: center;
  font-weight: 700;
  white-space: nowrap;
  display: inline-block;
  background-image: none;
  border: 2px solid #d6d6d6;
}

.quantity-field {
  display: inline-block;
  width: 36px;
  outline: 0;
  margin: 0 -2px;
  font-size: 20px;
  text-align: center;
  border-top: 2px solid #d6d6d6;
  border-bottom: 2px solid #d6d6d6;
  border-left: none;
  border-right: none;
  background: #fff;

  border-top: none;
  border-bottom: none;
  height: 23px;
  border-left: 2px solid #d6d6d6;
  border-right: 2px solid #d6d6d6;
}

.input-quantity {
  display: inline-block;
  border-top: 2px solid #d6d6d6;
  border-bottom: 2px solid #d6d6d6;
  width: 42px;
  padding: 5px;
}

.qb-left {
  margin-right: -5px;
  border-right: none;
}

.qb-right {
  margin-left: -5px;
  border-left: none;
}

.tp-caddy .desc-prd-blc,
.tp-caddy .title-int-bloc {
  text-transform: uppercase;
}

.bloc-caddy .info-service .container {
    border-bottom: unset;
    padding-top: 2rem;
}

.bloc-caddy .info-service {
  background: #fff;
}

#liv_min {
  font-weight: 700;
  display: none;
}

.cp-caddy {
  float: right;
  font-size: 14px;
  margin-top: -10px;
}

.cp-caddy #_departement {
  border: 1px solid #d6d6d6;
}

#liv_min p span {
  float: right;
  font-size: 16px;
}


@media all and (max-width: 767px) {
  #d_adresse_liv {
      border-top: 1px solid #dfdfdf;
  }
  .info-liv {
    width: 80%;
    line-height: 18px;
  }
}
@media all and (min-width: 768px) {
    #d_adresse_liv {
        border-left: 1px solid #dfdfdf;
    }
}

@media screen and (max-width:575px) {
  .cp-caddy {
    float: unset;
    margin-top: 15px;
  }
}

.d-adresse {
  border: 1px solid #dfdfdf;
}

.d-adresse .commande-boutonBASIKA {
  padding: 0;
}

.nav-panier.np-non-active {
  border: 2px solid #3b3e45;
  color: #3b3e45 !important;
  box-shadow: none !important;
}

.alert.alert-warning.alert-liv {
  margin-top: 1.5rem;
  border-radius: 10px;
  background-color: #fff1ba;
}

.alert-liv i {
  padding-right: 8px;
  float: left;
}

.select-v-caddy .form-select {
  width: unset;
  display: inline;
  margin-left: 1px;
}

.recap-cmd .title-int-bloc {
  text-align: left;
}

.prix-v-cmd {
  color: #222;
  text-decoration-color: #f15821;
  font-size: 14px;
  text-decoration-line: line-through;
  text-decoration-thickness: 2px;
  margin: 0px auto 8px;
  font-weight: bold;
  text-align: right;
}

.paiement-picto.paiement-gcv p {
  text-align: left;
  margin-top: 1rem;
}

.paiement-picto.paiement-gcv a {
  text-decoration: underline;
  font-weight: 600;
}

.type-paiement:last-of-type {
  border-bottom: none !important;
}

.alert_std {
  display: none;
}

#modif_fact,
#modif_livr,
#modif_retrait {
  z-index: 9999;
  background: rgba(0,0,0,.6);
}
.modal-cmd .modal-header {
  background: #fff !important;
}

.modal-cmd .modal-header span,
.modal-mag .modal-header span {
  text-transform: uppercase;
  font-size: 20px;
  text-align: center;
}

.modal-cmd .d-modal-header {
  padding-bottom: .5rem;
  border-bottom: 1px solid #dfdfdf;
  width: 100%;
}

.modal-cmd .btn-close {
  padding-top: 1.3rem;
  padding-left: 1.3rem;
}

.modal-cmd .modal-body .m-txt-cmd {
  text-align: right;
}

.modal-cmd .modal-body .m-txt-cmd sup {
  color: #e3001b;
}

.modal-boutonBASIKA {
  background: #e3001b;
  text-align: center;
  color: #fff !important;
  border-radius: 0 !important;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  border: 2px solid #e3001b !important;
  transition: all .5s ease-in-out;
}

.modal-boutonBASIKA:hover {
  background: #fff !important;
  color: #e3001b !important;
}

.txt_ville_liv,
.txt_ville_fact {
  display: none;
}

.modal-mag{
  margin: 2%;
  max-width: 750px;
}

.modal-mag .modal-body {
  max-height: 600px;
  overflow-y: auto;
  padding-top: 0;
}

.modal-mag .modal-header {
  background: #fff;
}

.modal-mag .d-modal-header {
  width: 100%;
  display: flex;
}

.modal-mag .d-modal-header span {
  width: 100%;
}

.modal-mag .desc-content {
  padding: 0 20px;
  border-bottom: unset;
}

.modal-mag .img-magasin {
  width: 150px;
  height: 150px;
}

.modal-mag .l-magasin {
  border-top: 1px solid #dfdfdf;
}

.c-mag {
  padding: 1.5rem;
  margin: 1rem 0;
  border: 1px solid #dfdfdf;
}

.title-mag {
  font-weight: bold !important;
  font-size: 18px !important;
  color: #3b3e45;
  text-align: left;
  line-height: normal !important;
  margin-bottom: .8rem;
}

#txt_choix_mag {
  margin-top: .5rem;
}

.d-moncompte {
  background: #f9f9f9;
}

.c-monpanier .co-art img {
  max-height: 100px;
}

.prix-recap-cmd {
  font-size: 12px;
}
.desc-recap-cmd {
  padding-right: 0;
}

.r-caddy {
  height: 80%;
  text-align: right;
}

.prix-est-liv {
  text-align: right;
}

@media (max-width: 991px) {
  .r-caddy {
    height: 80%;
    text-align: left;
  }
  .r-caddy .shop-red {
    float: right;
  }
  #_departement {
    width: 75% !important;
  }
  .prix-est-liv {
    text-align: left;
  }

  .topTRI {
    border-bottom: 2px solid #dfdfdf;
    text-align: right;
    padding-top: 1.5rem;
    padding-bottom: .3rem;
  }

  .contenuTRI {
    display: none;
    padding: 1rem;
  }

  .col-left-liste .tri-prd-ct {
    display: none;
  }

  .col-left-liste {
    border-bottom: none;
  }
}

.img-caddy {
  display: none;
}

.img-sm-caddy {
  display: block;
}

.tp-caddy .fixed {
  padding-top: 10px;
}

@media (max-width: 575px) {
  .c-caddy {
    padding-right: 0;
    padding-left: 0;
  }
  .p-xs-caddy {
    display: none;
  }
  .tp-caddy #menuBASIKA .navbar-brand {
    margin-left: auto;
    margin-right: auto;
  }
  .img-caddy {
    display: block;
  }
  .img-sm-caddy {
    display: none;
  }
}

/*----------------------------------------- Detail produit V2 ----------------------------------------------------------*/

.multipleCETELEM {
  font-size: 12px;
}

.d-promo-dp {
  margin-bottom: 1rem;
  font-weight: 600;
}

.p-dp-promo {
  font-size:45px;
  font-weight: bold;
  padding-top: 0 !important;
  margin-top: -15px;
}



.reduc-dp-promo .t-reduc-promo {
  background: #dc030e;
  padding: 2px 6px;
  color: #fffdfe;
  font-size: 18px;
  font-weight: 600;
}

#fil-ariane,
#fil-ariane a {
  color: #a2a2a0 !important;
}

#fil-ariane .content-fullText-fam {
  color: #3b3e45 !important;
}

.d-prix-dp {
  text-align: center;
  margin-top: 1rem;
}

.a-desc-dp {
  color: #a2a2a0 !important;
  text-decoration: underline !important;
  text-align: right;
}

.product-statut .info-liv {
  font-size: 12px;
  padding-bottom: 5px;
  font-weight: 600 !important;
}

.product-statut img {
  width: 18px !important;
  margin-top: 2px;
}

.product-statut span {
  font-size: 12px;
  font-weight: 600;
}

.r-action-h-dp {
  min-height: 42px;
}

.reduc-dp-promo {
  position: relative;
}

.reduc-dp-promo .t-reduc-promo {
  position: absolute;
  bottom: 20px;
}

@media (max-width: 767px) {
    .prix-panier-dp {
      border-top: 2px solid rgb(223, 223, 223);
      margin-top: 1rem;
    }

    .p-dp-promo {
      font-size:35px;
    }

    .reduc-dp-promo .t-reduc-promo {
      bottom: 12px;
      font-size: 16px;
    }

    .d-xs-promo-block {
      display: block;
    }

    .d-prix-dp {
      padding: 0;
    }

    .info-service .txt-titre-modele{
        font-size: 12px;
    }
    .headline-bs .title-headline-bs,
    .headline-bs .desc-heqdline-bs {
      font-size: 16px !important;
  }
}
@media (min-width: 768px) {

  .d-prix-dp {
    text-align: right;
    margin-top: 0;
  }
}

.prix-panier-dp {
  padding: 1rem;
}

.info-service-dp {
  padding: 1rem;
}

.desc-detail-produit {
  padding: 0 1rem;
  border: none;
}

.r-spec-dim-col {
  margin: 0;
  border-top: 2px solid #dfdfdf;
  border-bottom: 2px solid #dfdfdf;
  padding: 1.2rem 0;
}

#spec_dimension #tailleDETAILS {
  padding-left: 0;
}

.prix-produit {
    font-size: 22px;
}

.prix-produit sup {
  font-size: 15px;
}

.favori-dp.bloc-favoris i {
  font-size: 20px;
  /* cursor: pointer; */
}

.action-h-dp .boutonBASIKA{
    width: 100%;
    transition: all .2s linear;
}

.action-h-dp .add-panier-dp {
  transition: all .5s linear;
  /* animation: slideaway 1200ms; */
}

.action-h-dp .product-statut {
  transition: all .5s linear;
  min-height: 34px;
  /* animation: slideaway 1200ms; */
}

.boutonBASIKA2 {
  background: #3b3e45;
  text-align: center;
  color: #fff !important;
  border-radius: 0 !important;
  font-weight: 600;
  text-decoration: none;
  padding: .6rem 2rem;
  border: 2px solid #3b3e45 !important;
  transition: all .5s ease-in-out;
}

.boutonBASIKA2:hover {
  background: #fff !important;
  color: #3b3e45 !important;
}

@keyframes slideaway {
  from { display: block; }
  to { opacity: 0;}
}

#fil-ariane .title-spec-fam {
  margin: 2rem !important;
  line-height: 15px !important;
  font-weight: bolder !important;
  color: #3b3e45 !important;
  border: 0;
  font-size: 20px !important;
  text-align: center;
  text-transform: uppercase;
}



.designation h1 .favori-dp.bloc-favoris {
  float: right;
}

/* @media (min-width: 992px) {
    #triCOLONNE{
		width: 22%;
	}
    #contenuCOLONNE{
		width: 78%;
	}
} */

#toggle03 {
  padding-bottom: 2rem !important;
}

.info-liv {
  font-weight: 600;
  margin:0;
  text-align: left !important;
}

@media (max-width: 768px) {
  .prd-img img,
  .bloc-img-alaune img {
    max-height: 120px;
  }


  .r-action-h-dp {
    position: relative;
    min-height: 42px;
  }

  .r-action-h-dp .ajoutPanierBtn {
    float: right;
  }

  .r-action-h-dp .add-panier-dp {
    position: absolute;
    padding-top: 1rem;
  }

  .r-action-h-dp .ba-shopping-cart {
    width: 20px;
    height: 20px;
  }

  .action-h-dp .product-statut span {
    font-size: 11px;
  }

  .action-h-dp .product-statut img {
    width: 16px !important;
    margin-top: 3px;
    padding-right: 2px !important;
  }
}


@media (min-width: 768px) {
  .d-blocELEMENT:hover .add-panier-dp,
  .bloc-selec:hover .add-panier-dp {
      display: block;
  }

  .d-blocELEMENT:hover .product-statut,
  .bloc-selec:hover .product-statut {
      display: none;
  }

  .action-h-dp .add-panier-dp {
    display: none;
    transition: all .5s linear;
    /* animation: slideaway 1200ms; */
  }

  .col-left-liste {
    padding-right: 0 !important;
  }

  .c-fil-ariane .contenuBLOC {
    padding-left: 0;
  }

}

@media (min-width: 992px) {
  .topTRI {
    text-align: left;
    padding-bottom: 3px;
    padding-top: 0;
    border-bottom: none;
  }

  .prix-panier-dp {
    border: 2px solid #dfdfdf;
    border-bottom : none;
  }

  .info-service-dp {
    border: 2px solid #dfdfdf;
    border-top : none;
  }

  .spec-dim-col {
    border-left: 2px solid #dfdfdf;
    border-right: 2px solid #dfdfdf;
  }

  #filtre_prd,
  #prix_prd,
  #dim_prd,
  #type_prd {
    position: relative;
    padding-top: 6px;
  }

  #toggle01,
  #toggle02,
  #toggle03,
  .togglefiltre {
    position: absolute;
    display: none;

    background: #fff;
    width: 225px;
    padding: 1rem;
    border: 2px solid #dfdfdf;
    z-index: 99;
  }

  #toggle03 {
    padding-right: 1.8rem;
  }

  .tri-lg-2{
    width: 10.333%;
    padding: 0;
  }
  .fil-lg-3{
    width: 16.667%;
    padding: 0;
  }
  .fil-lg-2{
    width: 12.667%;
    padding: 0;
  }
  .fil-lg-1 {
    width: 8.333%;
    padding: 0;
  }
  .fil-lg-5 {
    width: 52%;
    padding: 0;
  }

  .lslide.active img {
    max-height: 510px;
    width: auto;
    max-width: 100%;
  }

}
/*----------------------------------------------------------------------------------------------------------------------*/