/*
100 	Thin (Hairline)
200 	Extra Light (Ultra Light)
300 	Light
400 	Normal*
500 	Medium
600 	Semi Bold (Demi Bold)*
700 	Bold*
800 	Extra Bold (Ultra Bold)*
900 	Black (Heavy)
*/
@import "custom.css";
/* polices */
@font-face {
	font-family: "Montserrat";
	src: url('fonts/Montserrat-ExtraBold.ttf') format('truetype');
   font-weight: 800;
}
@font-face {
	font-family: "Montserrat";
	src: url('fonts/Montserrat-Bold.ttf') format('truetype');
   font-weight: 700;
}
@font-face {
	font-family: "Montserrat";
	src: url('fonts/Montserrat-SemiBold.ttf') format('truetype');
   font-weight: 600;
}
@font-face {
	font-family: "Montserrat";
	src: url('fonts/Montserrat-Medium.ttf') format('truetype');
   font-weight: 500;
}
@font-face {
	font-family: "Montserrat";
	src: url('fonts/Montserrat-Regular.ttf') format('truetype');
   font-weight: 400;
}

@font-face {
	font-family: "Roboto";
	src: url('fonts/Roboto-Regular.ttf') format('truetype');
   font-style: normal;
}
@font-face {
	font-family: "RobotoCondensed";
	src: url('fonts/RobotoCondensed-Regular.ttf') format('truetype');
   font-style: normal;
}
@font-face {
	font-family: "Oswald-VariableFont_wght";
	src: url('fonts/Oswald-VariableFont_wght.ttf') format('truetype');
   font-style: normal;
}

@font-face {
	font-family: "Alamendro";
	src: url('fonts/alamendro.ttf') format('truetype');
   font-style: normal;
}
.alamendro {
   font-family: "Alamendro";
}
/* basic */
html {	
	font-size: 100%; 
	background:  rgba(0, 0, 0, 0) ;
   margin: 0;
   padding: 0;
}
body {
   --fbc-primary-text: var(--text);
   color: var(--text);
   background-color: #fff;
   font-family: "Montserrat", sans-serif;
   font-style: normal;
   font-weight: 500;
}
b, strong {
   font-weight: 700;
}
.container-fluid {
	/* max-width: 1920px; */
   padding-left: 0;
   padding-right: 0;
}
.w33 {
   width: 33% !important;
}
hr {
   margin-top: 10px;
   border-top: 1px solid #aaa;
}
h1, h2, h3, h4, h5, h6 {margin: 0.2em 0 .5em;}
h1 {
	font-size: 2.5em;
	font-style: italic;
	color: var(--col1);
}
h1.titrepage {
	color: var(--text);
	font-weight: 900;
	font-style: normal;
   min-width: fit-content;
   text-transform: uppercase;
}
.underline {
	border-bottom: 2px solid var(--text);
}
h1.pubd {
	text-align:center;
	text-shadow: 3px 3px 3px #CCCCCC;
}
h1.pubg {
	text-align:center;
	text-shadow: 3px 3px 3px #CCCCCC;
}
h2 {
   font-size: 2rem;
   color: var(--text);
   text-transform: uppercase;
   font-weight: 800;
}
h2 b {
	color: var(--col1);
	font-weight: 800;
}
.custom-primary {
	color: var(--col1) !important;
}
.custom-border {
   border-color: var(--col1);
   border-radius: 0;
}
.bg-custom {
   background-color: var(--col1);
   color: white;
}
.form-check-input {
	border-color: #666;
}
.promotion, .nouveaute {
	display: inline-block;
   position: absolute;
	color: #fff;
	padding: 3px 15px;
	border-radius: 5px;
	margin: 5px;
   text-transform: uppercase;
   z-index: 100;
}
.promotion {
	background-color: var(--rouge);
}
.nouveaute {
	background-color: var(--nouveaute);
}
.form-control::placeholder {
	color: #808080;
}
#catalpromos img {
	max-height: 200px;
}
#imgpromo {
   overflow: hidden;
   align-content: center;
}
@media screen and (max-width: 990px) {
   h2 {
      font-size: 1.75rem;
   }
}
@media screen and (max-width: 576px) {
   h2 {
      font-size: 1.5rem;
   }
   #recdroite {
      margin-top: 1rem;
   }
}
.btn.btn-2x {
	font-size: 1.75rem !important;
	padding: 0.25rem 0.5rem;
	line-height: 1;
	border-radius: 5px;
}
.btn.btn-custom.btn-border {
   border: 1px solid #fff;
}
.btn.btn-custom-reverse.btn-border {
   border: 1px solid var(--col1);
}
.btn.btn-custom,.btn.btn-orange, #corps a .btn.btn-custom, #corps a:focus .btn.btn-custom, .btn.btn-custom:focus, #corps a .btn.btn-orange, .btn.btn-orange:focus {
   background-color: var(--col1);
   color: white;
   font-weight: 700;
}
.btn.btn-custom-reverse, #corps a.btn.btn-custom-reverse, #corps a .btn.btn-custom-reverse, #corps .btn-custom-reverse.dropdown-toggle, #machinesCarousel a.card-title {
	color: var(--col1);
}
a.btn.btn-custom, a .btn.btn-orange, .btn.btn-custom-reverse, .titrelien, #corps .btn-custom-reverse.dropdown-toggle, #machinesCarousel a.card-title {
	text-transform: uppercase;
	font-weight: 700;
   text-decoration: none;
   font-size: 1rem;
}
a.btn.btn-custom, a .btn.btn-orange {
   color: #fff;
}
a.btn.btn-transparent {
   color: #fff;
   background-color: transparent;
   border: 1px solid #fff;
   font-weight: 600;
}
#corps a.btn.btn-transparent:hover {
   font-weight: 700;
}
.btn.btn-custom-reverse, .titrelien {
   color: var(--col1);
}
.btn.btn-custom:hover,  #corps a:hover .btn.btn-custom,
.btn.btn-orange:hover, #corps a:hover .btn.btn-orange
{
	color: var(--col1) !important;
	background-color: white;
   border-color: 1px solid var(--col1);
}
.btn.btn-custom.btn-white {
   border-color: #fff;
   background-color: #fff;
   color: var(--col1);
}
.btn.btn-custom.btn-white:hover {
	background-color: transparent;
	color: #fff !important;
	border-color: #fff !important;
}
#corps .btn.btn-custom-reverse.btn-white {
   border-color: #fff;
   color: #fff;
}
#corps .btn.btn-custom-reverse.btn-white:hover {
	background-color: #fff !important;
	color: var(--col1) !important;
}
#corps a:hover .btn.btn-custom {
   border-width: 2px;
}
.btn.btn-custom-reverse:hover, #corps a:hover.btn.btn-custom-reverse {
	background-color: var(--col1);
	border: 1px solid #fff;
   color: #fff !important;
}
#corps .btn.btn-custom:focus span, #corps a:hover.btn-custom-reverse.dropdown-toggle {
   color: #fff !important;
}
.custom-tooltip {
   --bs-tooltip-bg: var(--col1);
   --bs-tooltip-color: var(--bs-white);
   line-height: 1rem;
   font-weight:500;
}
.tooltip.custom-tooltip .tooltip-inner {
   min-width: 300px; 
   font-weight:500;
   text-align: left;
   padding: 10px;
}
#corps a.titrelien:hover {
   color: #fff;
   background-color: var(--col1);
}
.strong {
	font-weight: 600;
}
.espace {
   margin-top:20px;
}
.btn.btn-small {
	padding: 0.475rem;
}
.card {
	border-radius: 0;
   padding: 10px;
	border: 1px solid #eee;
	box-shadow: 0px 3px 6px #00000029;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6, .text-white p {
   color:white;
}
.btn {
   --bs-btn-border-radius: 0;
}

/* header */
.header {
   height: auto;
}
.logo {
	max-height: 140px;
   max-width: 100%;
	margin: auto;
}
#formsearch {
   display: table-cell;
   vertical-align: middle;
}
.input-group > .easy-autocomplete >.form-control {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   min-width: 0;
   border-radius: 0;
   height: 40px;
}
#formsearch .easy-autocomplete, #familysearch, #formsearch .btn {
   display: inline-flex;
   justify-content: space-between;
}
.easy-autocomplete-container {
   top: 39px;
   width:100%;
   line-height:1.1em;
   z-index: 10000;
   background-color: white;
   color: var(--text);
   text-align: left;
}
.easy-autocomplete {
   float: left;
   position: relative;
   width: 100%!important;
}
#recherche input {
   width: 100%;
}
#eac-container-search > ul {
   max-height: 260px;
   overflow: auto;
   z-index: 1000;
}
#formsearch .btn {
	border-radius: 0 5px 5px 0;
	position: absolute;
	right: 0;
	background: var(--col1);
	font-size: 1rem;
	color: white;
   width: 50px;
   border: unset;
   padding: 6px;
   height: 40px;
}
#formsearch .btn:hover {
	border-color: var(--col1);
}
#familysearch {
	width: 12rem;
	font-size: 0.75rem;
	position: absolute;
	right: 50px;
	background-color: #f6f6f6;
	font-style: italic;
	color: #3D3D3D;
	margin: 1px 0;
	height: 38px;
}
#isearch {
	line-height: 1.2rem;
	margin: 0;
}
#formconnexion {
	padding: 0;
}
#formconnexion .btn {
   margin-top: 20px;
}
a.pwdrecovery {
	text-decoration: none;
}
.connexion1 {
	line-height: 0.7rem;
}
.connexion1, #divuser .btn.connexion1 {
	text-align: center;
	font-size: 0.9rem;
	text-transform: uppercase;
	font-family: "Roboto";
}
.lienitem .connexion1 a, #divuser .btn.connexion1 span {
	text-decoration: none;
	font-size: 0.7rem;
	font-weight: 500;
	line-height: 22px;
	color: var(--textgris);
}
.connexion1 a:hover {
   color: var(--col2);
}
#divuser .btn.connexion1 {
   line-height: 0.7rem;
}
#divaide .lienitem a:hover, #divuser .dropdown-item:hover, #divuser .lienitem:hover span {
   color: var(--col1);
}
#divuser .dropdown-item img {
	max-width: 24px;
}
#divuser .btn.connexion1 {
   text-decoration: none;
   color: var(--text);
   overflow-wrap: break-word;
}
.header100 {
	height: 115px;
}
#divaide {
	padding-top: 4px;
   white-space: nowrap;
}
#divuser i.picto-user, #divaide i, #menumobile button i {
   font-size: 1.75rem;
   line-height: 62px;
   height: 55px;
}
#divuser .fas.fa-user.picto-user {
	color: var(--col1);
}
#divaide i {
   color: var(--col1);
}
.connecte .lienitem, #divaide .lienitem, #divaide .lienitem a {
   overflow-wrap: break-word;
}
#divuser .lienitem {
	padding-top: 2px;
}
#divaide .lienitem, #divuser .lienitem:not(.dropdown) {
   cursor: pointer;
}
#divaide .lienitem:hover a, #divuser .lienitem:not(.dropdown):hover a {
   color: var(--col1) !important;
}
.lienitem .dropdown-menu {
	border-radius: 0;
	-moz-box-shadow: 0 3px 3px 0 #00000014;
	-webkit-box-shadow: 0 3px 3px 0 #00000014;
	-o-box-shadow: 0 3px 3px 0 #00000014;
	box-shadow: 30 3px 3px 0 #00000014;
}
.lienitem .dropdown-menu li {
	padding: 2px 8px;
}
.lienitem .dropdown-menu .fa {
	font-size: 1em;
	display: inline-block;
	color: #333;
}
.lienitem .dropdown-menu a {	
	font-size: 0.9rem;
   text-decoration: none;
   padding: 2px 6px;
}
.lienitem .dropdown-menu a.pwdrecovery {
	border-left: unset;
}
.lienitem .dropdown-menu a:hover .fa {
	color:white;
}
.lienitem .dropdown-menu a:hover {
	background-color: transparent;
   color: var(--col1);
}
.btn.show {
   border: unset;
}
.headval {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
   height: 42px;
}
.headval .form-check {
   padding-top: 20px;
}
.headval .form-check-label {
	color: var(--textgris);
	font-size: 0.7rem;
	padding-left: 5px;
   padding-top: 3px;
}
.headval .form-switch .form-check-input {
   border-radius: 10px;
   border-color: #ccc;
}
#divToggleParticulier {
   display: flex;
  align-items: center; /* Centre verticalement le contenu de #div1 */
  justify-content: flex-start; /* Aligne le contenu à gauche */
}
#selectlang {
	text-decoration: none;
	width: 60px;
	display: block;
	color: var(--textgris);
	font-size: 0.8rem;
}
#selectlang img {
	max-width: 24px;
	border-radius: 50%;
	margin-right: 1rem;
}

@media screen and (min-width: 991px) {
   .lienitem span {
      overflow: hidden;
   }
}
.lienitem .form-group {
   margin-bottom: 10px;
}
.pictopremium {
	position: relative;
	top: -25px;
	left: 0;
   height: 19px;
}
.pictopremium img {
   max-width: 48px;
   margin-left: 6px;
}
#divuser .dropdown.lienitem {
	top: -18px;
}
.remise2 {
	height: 152px;
	font-size: 6.5rem;
	color: #F07F14;
	font-weight: 900;
	text-align: left;
	padding-left: 4rem;
}
/* infopub */
.infopub {
	max-width: 990px;
	margin: 0 auto;
}
.pictopub {
	padding: 15px 0;
	font-size: 1.25rem;
	font-weight: 700;
   line-height: 28px;
}
.pictopub span.big {
	font-size: 2rem;
}
.pictopub span.mid {
	font-size: 1.5rem;
}
.pictopub span.mini {
	font-size: 1rem;
}
.pictopub.lh3 {
   line-height: 46px;
}
.infopub h2 {
	text-align: center;
	font-size: 2rem;
	font-weight: 800;
}
.infopub p {
	font-size: 1.25rem;
   font-weight: 500;
}
.infopub .btntitle {
	background-color: var(--col1);
	color: #fff;
	font-size: 1.25rem;
	font-weight: 600;
	display: inline-block;
	padding: 5px 50px;
	margin: 15px 0 35px;
}
.infopub img {
	max-width: 200px;
}
/* mois F1 et printemps F1 */
.top_textmoisf1.homepage, .top_textprintemps.homepage {
	width: 100%;
	margin: 17px 0 0;
	max-width: 100%;
   padding: 30px 0;
   display: table;
}
#jenprofite {
	margin-top: 21px;
}
.top_textmoisf1, .top_textprintemps {
	width: 650px;
	text-align: center;
	padding: 30px 50px;
	margin: 40px auto;
	max-width: 90%;
}
.top_textmoisf1 {
	background-color: #111;
}
.top_textprintemps.homepage {
	background-color: #fff;
   padding: 0;
}
.aff_textprintemps {
	height: 87px;
}
.aff_textprintemps div {
	line-height: 80px;
	text-align: right;
   color: #1CAB0C;
   font-family: "Alamendro";
   font-size: 2rem;;
}
.aff_textmoisf1, .aff_textprintemps {
	color: var(--col1);
	font-size: 1.5rem;
	font-weight: 500;
}
.homepage .aff_textmoisf1 div, .homepage .aff_textmoisf1 div {
	max-width: 90%;
	margin: 10px auto;
   text-align: right;
}
@media screen and (max-width: 990px) {
   .homepage .aff_textmoisf1 div {
      text-align: center;
   }
}
.homepage #clockf1 {
	margin: 0 auto;
}
#clockprintemps {
   text-align: left;
}
@media screen and (max-width: 990px) {
   #clockprintemps {
      text-align: center;
   }
   .aff_textprintemps div {
      text-align: center;
   }
}
#clockf1 {
	font-family: "Oswald-VariableFont_wght";
   margin: 30px 0 40px;
}
.top_textmoisf1 .blocfinval {
	background-color: var(--col1);
	color: #111;
}
.top_textprintemps .blocfinval {
      background-color: var(--text);
      color:#fff;
}
.top_textmoisf1 .blocfinval, .top_textprintemps .blocfinval {
   border-radius: 5px;
	width: 80px;
}
.top_textmoisf1 .blocfinval {
   font-size: 3.5rem;
}
.top_textprintemps .blocfinval {
   font-size: 3rem;
}
.top_textmoisf1 .blocfinval.jours, .top_textprintemps .blocfinval.jours {
   width: 82px;
}
.top_textmoisf1 .blocfinval.jours {
	font-size: 3.5rem;
}
.top_textprintemps .blocfinval.jours {
	font-size: 3rem;
}
.top_textmoisf1 .blocjours .fw600, .top_textprintemps .blocjours .fw600 {
	font-size: 25px;
}
.top_textmoisf1 .blocfin, .top_textprintemps .blocfin {
	margin: 0 10px;
   width: 70px;
}
.top_textmoisf1 .dheures, .top_textprintemps .dheures {
	margin-left: 10px;
}
.top_textmoisf1 .btn, .top_textprintemps .btn {
	font-size: 1.3rem;
	font-weight: 600;
	border-radius: 3px;
	padding: 10px 30px;
	color: #111 !important;
}
/* bandeau vertical */
.bandeau_vertical {
   position:absolute;
   width: calc(((100vw - 1380px) / 2) - 10px);
   overflow:hidden;
   min-height: 200vh;
   display:block;
   margin-top: 17px;
   background-repeat: repeat-y;
   background-size: contain;
}
.bandeau_vertical.moisf1 {
   background-image: url("../../../fichiers/diaporama/moisf1.gif");
}
.bandeau_vertical.printempsf1 {
   background-image: url("../../../fichiers/diaporama/printempsf1.jpg");
   margin-top: 0;
   -webkit-animation:bgscroll 20s infinite linear;
   animation: bgscroll 20s infinite linear;
}
@keyframes bgscroll {
   from {background-position:0 0;}
   to {background-position:0 100%;}
}
@-webkit-keyframes bgscroll {
   from {background-position:0 0;}
   to {background-position:0 100%;}
}
@media screen and  (max-width: 1491px) {
   .bandeau_vertical {
      display:none;
   }}

.bandeau_vertical img {
   position: absolute;
   margin: 0 auto;
   width: 100%;
   padding-bottom:50px;
}
/*-------------------*/
#partsmart-widget iframe {
height: calc(100vh - 210px) !important;
}

.blocnc {
	height: 25px;
	display: block;
}
#corps div.title {
   height: auto;
   line-height: 1;
   margin: 6px 0;
   font-size: 1rem;
}
h1.title {
   color: #fff;
   font-style:normal;
}
h1.title span, #corps .bookmark a:hover .far.fa-star.fa-stack-1x {
   color: var(--col1);
}
div.title {
   color: #333;
   border-radius: 0;
   height: 30px;
   text-align: left;
   padding: 5px;
   font-weight: 600;
}
div.title.PROMO {
	background-color: #9dc055;
	margin-bottom:10px;
}
div.title.ORIGINE {
	background-color: #336699;
}
div.title.MACHINES {
	background-color: #339933;
}
div.title span {
   font-size: 0.75rem;
}
div.title span, h1.title {
   font-weight: 600;
   padding-left: 15px;
}
div.title img {
   max-height: 40px;
   position: relative;
}
.title.titleblack {
	background-color: var(--text);
	display: inline-block;
	padding: 6px 20px;
	border-radius: 6px;
	text-transform: initial;
	color: white;
	text-decoration: none;
}
a.title.titleblack:hover {
	background-color: #333;
}
h2.title {
	font-size:1rem;
	line-height:2.2rem;
   background-color: var(--col1);
   text-align: center;
   text-transform: uppercase;
   margin-top: 5px;
   color: white;
   margin-bottom: 10px;
}
h2.title span, .tn {
color: var(--text);
}
.title.minus {
   text-transform: unset;
   font-size: 1.5rem;
   line-height: 1.3;
}
p .title {
font-size:0.9rem;
   background-color: var(--col1);
   color: white;
   margin-top: 10px;
   margin-bottom: 10px;
   display: inline-block;
   padding: 5px 20px;
   border-radius: 6px;;
}
h3 {
	font-size: 1.5rem;
	font-weight: 800;
}
h3.titre3 {
	font-size: 1.75rem;
	color: var(--col1);
	border-bottom: 6px solid;
	line-height: 1.5;
}
h3 .descriptif, .orange {
	color: var(--col1);
	text-decoration: none;
}
p.orange {
	font-weight: bold;
}
h3 .descriptif:hover {
	color: var(--col2);
	text-decoration: underline;
}
h4 {
	font-size: 1.1rem;
	font-weight: 700;
}
h5 {
	font-size:0.9rem;
}
h6 {
	color: #666666;
	font-weight:bold;
	font-size:0.9em;
	margin:5px 0;
}
.fs-7 {
	font-size: 0.85rem !important;
}
.fs-8 {
	font-size: 0.75rem !important;
}
.fs-9 {
	font-size: 0.65rem !important;
}
a {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:focus {
	color: var(--col1);
}
a img {	border: none; }
.progress {
	--bs-progress-bar-bg: var(--col1);
}
.fondfleche {
   background-image: url('../images/fleche.png');
   background-repeat: no-repeat;
   background-position: top center;
   height: 86px;
}
.parallelo {
   float: right;
   font-weight: bolder;
   text-align: center;
   font-size: 1.1em;
   line-height: 3;
   color: white;
   padding: 0 5px;
   margin-right: 10%;
   position: relative;
   z-index: 1;
}
.bold600 {
   font-weight: 600;
}
.clear{ clear:both;}
ul {
	margin:0;
	padding:0;
}
p {
   margin: 0 0 0.25rem;
	font-style:normal;
	text-shadow:none
}
.msg {
	color: var(--col1);
	font-weight: 700;
}
.msg2 {
	font-weight: 400;
	font-style: italic;
}
.espace1 {
	display: block;
	height: 10px;
}
/* Menus */
#menu_principal {
   bottom: 0;
   position: relative;
   padding: 6px 0;
}
#menu_principal .nav .sidemenu a:hover i {
	color: var(--col1);
}
#menu_principal .nav .sidemenu i, #menu_principal .nav a i {
   font-size: 1.0rem;
   padding: 0 .5rem;
   vertical-align: middle;
}
#menu_principal .nav > li > a:hover i {
   color: var(--col1);
}
#menu_principal .fas.fa-exclamation {
	font-style: italic;
}
#menu_principal .nav ul li a, .sidemenu a {
	text-decoration: none;
   color: var(--text);
}
#menu_principal .nav ul li a, #navmenu1 .nav .itemlast .btn {
   text-transform: uppercase;
   font-family: 'Roboto', sans-serif;
	font-weight: 700;
   padding: 1px 9px 1px 3px;
   display: block;
   line-height: 40px;
   border-radius: 0;
   height: 42px;
}
#navmenu1 .nav .itemlast .btn i, #navmenu1 .nav .itemlast .btn {
   color: var(--text);
}
#menu_principal .nav ul.navbar-nav a:hover,
#menu_principal .nav > div.sidemenu:hover, #menu_principal .nav > div.sidemenu:hover > a, #menu_principal .nav > div.sidemenu:hover > i {
   color: var(--col1);
}
#navmenu1 .nav .itemlast button.btn {
	background-color: var(--col1);
	color: #fff;
}
#navmenu1 .nav .btn.itemcart {
	border: 1px solid #BFBFBF !important;
}
#navmenu1 .nav .btn.itemcart:hover, #navmenu1 .nav .btn.itemcart:hover i {
	color: var(--col1);
}
.itemcart.btn .badge {
	position: absolute;
	top: 2px;
	left: 22px;
}
@media screen and (min-width: 1200px) AND  (max-width: 1399px) {	
   #labelpanier {
      display: none;
   }
   #navmain {
      margin-right: 10px !important;
   }
}
@media screen and (min-width: 1200px) AND  (max-width: 1299px) {	
   #menu_principal .nav#navmain .navbar-nav a .fas {
      font-size: 0.85rem;
      padding: 0.25rem;
   }
}
.sidemenu .titresidemenu {
	height: 42px;
	display: inline-block;
   vertical-align: initial;
}
#menu_principal .nav > li {
   margin-right: 4px;
}
#menu_principal .nav > li > a:focus:before, #menu_principal .nav > li > a:hover:before, 
#menu_principal .nav > li.sousmenu > a:before, 
#menu_principal .nav > .sidemenu > a:hover:before {
	background-color: var(--col1);
	color: #FFF;
}
#menu_principal .navbar-toggle .icon-bar {
	background-color: var(--col1);
}
#menu_principal .navbar-default .navbar-toggle {
	border-color: transparent;
}
#menu_principal .nav > li.menufavoris > a {
   font-weight: 500;
}
#menu_principal .navbar-nav > li.menufavoris > i {
   line-height: 40px;
   margin-right: 0;
}
.navbar-header.sidemenu {
	min-width: fit-content;
   line-height: 40px;
}
#menumobile .dropdown-toggle::after {
   display: none;
}
#navmenu2 .dropdown-item {
   display: inline list-item;
}
/* tabbed menu */
.menuliste {
   display: flex;
   flex-wrap: wrap;
}
.divliste {
	min-height: 370px;
}
.itemliste {
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
}
div.nav-container .navbar.navbar-inverse {
	border-bottom:none;
}
div.nav-container .navbar ul.navbar-right, div.nav-container .navbar>ul.nav {
	margin:0;
	padding:0;
}
div.nav-container .navbar ul.nav > li, .sidemenu a {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	display: inline-flex;
	padding: 0px 4px 1px;
}
div.nav-container .navbar.navbar-inverse ul.nav>li:hover>a {
	color: #fff;
	background-color: var(--col2)
}
div.nav-container .navbar ul.nav>li>ul.dropdown-menu {
	top:50px;
	width:220px;
   padding:5px 0
}
div.nav-container .navbar ul.nav>li>ul.dropdown-menu>li {
	font-size:14px;
	text-transform:none;
	font-weight:400;
	text-shadow:none
}
div.nav-container .navbar ul.nav>li>ul.dropdown-menu>li>a {
	padding:5px 0;
	margin:0 15px;
	border-bottom:1px dashed #efefef
}
div.nav-container .navbar ul.nav>li>ul.dropdown-menu>li>a:hover {
	background:0 0;
	color: var(--col2)
}
div.nav-container .navbar ul.nav>li>ul.dropdown-menu>li:last-child>a {
	border-bottom:none
}
div.nav-container .navbar ul.nav>li i.fa-stack {
	margin-right: 5px;
}
div.nav-container .navbar ul.nav>li>ul>li>a:after {
	content:'';
	position:absolute;
	right:15px;
	margin-top:5px;
	width:0;
	height:0;
	border-style:solid;
	border-width:5px 0 5px 6px;
	border-color:transparent transparent transparent #666
}
div.nav-container .navbar ul.nav>li>ul>li>a:only-child:after,ul.nav>li>ul>li:hover>a:only-child:after {
	border-width:0
}

.eancode {
   display: inline-grid;
   max-width: 200px;
   font-size: 1.2rem;
   text-align: center;
   margin-left: 20px;
}
.eancode img {
	height: 30px;
}
#confirmPremium .modal-content {
	background-color: transparent;
	box-shadow: unset;
	border: unset;
}
#confirmPremium button.close {
	opacity: 1;
}
#confirmPremium button.close:hover {
	opacity: 0.75;
}
.entete {
   height: 22px;
}

.deconnect {
	padding: 32px 0 0;
	line-height: 1;
	font-weight: 600;
}
.deconnect a {
	color: #555;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.6rem;
}
.deconnect a:hover {
	color: var(--col2);
}

.listecmp .blocajout {
	position: relative;
	margin: auto;
}
.blocajout {
	float: right;
}
/* spinner */
.spinner input[type="text"] {
	text-align: center;
	width: 45px;
	border: unset;
	height: 46px;
	font-size: 1rem;
	font-weight: 700;
	background-color: transparent;
	color: var(--text);
}
.spinner .input-group-addon {
	border: unset;
}
.input-group.spinner {
	border: 1px solid var(--col1);
   background-color: #fff;
	display: inline-flex;
   width: auto;
   height: 48px;
}
.spinner .btn {
	width: 100%;
	padding: 1px;
	background-color: transparent;
	border: unset;
   color: var(--text);
}
.spinner .btn:hover {
	color: #eee;
}
.spinner button.btn:focus {
   border: unset;
   outline: unset;
}
/*- Panier sur menu principal --*/
.itemlast {
	position: absolute;
	right: 0;
}
.btn.itemcart {
	height: 42px;
}
.itemcart i {
	font-size: 30px;
	padding-top: 3px;
}
@keyframes fleches {
   0% { transform: translateY(0); }
   50% { transform: translateY(20px); }
   100% { transform: translateY(0); }
}

@keyframes animationFrames{
   0% {
      transform:  translate(0px,0px)  rotate(0deg) ;
   }
   10% {
      transform:  translate(-6px,0px)  rotate(1deg) ;
   }
   20% {
      transform:  translate(6px,0px)  rotate(2deg) ;
   }
   30% {
      transform:  translate(-6px,0px)  rotate(3deg) ;
   }
   40% {
      transform:  translate(6px,0px)  rotate(2deg) ;
   }
   50% {
      transform:  translate(-6px,0px)  rotate(0deg) ;
   }
   60% {
      transform:  translate(6px,0px)  rotate(-2deg) ;
   }
   70% {
      transform:  translate(-6px,0px)  rotate(-3deg) ;
   }
   80% {
      transform:  translate(6px,0px)  rotate(-2deg) ;
   }
   90% {
      transform:  translate(-6px,0px)  rotate(-1deg) ;
   }
   100% {
      transform:  translate(0px,0px)  rotate(-1deg) ;
   }
}

@-moz-keyframes animationFrames{
0% {
   -moz-transform:  translate(0px,0px)  rotate(0deg) ;
}
10% {
   -moz-transform:  translate(-6px,0px)  rotate(1deg) ;
}
20% {
   -moz-transform:  translate(6px,0px)  rotate(2deg) ;
}
30% {
   -moz-transform:  translate(-6px,0px)  rotate(3deg) ;
}
40% {
   -moz-transform:  translate(6px,0px)  rotate(2deg) ;
}
50% {
   -moz-transform:  translate(-6px,0px)  rotate(0deg) ;
}
60% {
   -moz-transform:  translate(6px,0px)  rotate(-2deg) ;
}
70% {
   -moz-transform:  translate(-6px,0px)  rotate(-3deg) ;
}
80% {
   -moz-transform:  translate(6px,0px)  rotate(-2deg) ;
}
90% {
   -moz-transform:  translate(-6px,0px)  rotate(-1deg) ;
}
100% {
   -moz-transform:  translate(0px,0px)  rotate(-1deg) ;
}
}

@-webkit-keyframes animationFrames {
0% {
   -webkit-transform:  translate(0px,0px)  rotate(0deg) ;
}
10% {
   -webkit-transform:  translate(-6px,0px)  rotate(1deg) ;
}
20% {
   -webkit-transform:  translate(6px,0px)  rotate(2deg) ;
}
30% {
   -webkit-transform:  translate(-6px,0px)  rotate(3deg) ;
}
40% {
   -webkit-transform:  translate(6px,0px)  rotate(2deg) ;
}
50% {
   -webkit-transform:  translate(-6px,0px)  rotate(0deg) ;
}
60% {
   -webkit-transform:  translate(6px,0px)  rotate(-2deg) ;
}
70% {
   -webkit-transform:  translate(-6px,0px)  rotate(-3deg) ;
}
80% {
   -webkit-transform:  translate(6px,0px)  rotate(-2deg) ;
}
90% {
   -webkit-transform:  translate(-6px,0px)  rotate(-1deg) ;
}
100% {
   -webkit-transform:  translate(0px,0px)  rotate(-1deg) ;
}
}

@-o-keyframes animationFrames {
0% {
   -o-transform:  translate(0px,0px)  rotate(0deg) ;
}
10% {
   -o-transform:  translate(-6px,0px)  rotate(1deg) ;
}
20% {
   -o-transform:  translate(6px,0px)  rotate(2deg) ;
}
30% {
   -o-transform:  translate(-6px,0px)  rotate(3deg) ;
}
40% {
   -o-transform:  translate(6px,0px)  rotate(2deg) ;
}
50% {
   -o-transform:  translate(-6px,0px)  rotate(0deg) ;
}
60% {
   -o-transform:  translate(6px,0px)  rotate(-2deg) ;
}
70% {
   -o-transform:  translate(-6px,0px)  rotate(-3deg) ;
}
80% {
   -o-transform:  translate(6px,0px)  rotate(-2deg) ;
}
90% {
   -o-transform:  translate(-6px,0px)  rotate(-1deg) ;
}
100% {
   -o-transform:  translate(0px,0px)  rotate(-1deg) ;
}
}

@-ms-keyframes animationFrames {
0% {
   -ms-transform:  translate(0px,0px)  rotate(0deg) ;
}
10% {
   -ms-transform:  translate(-6px,0px)  rotate(1deg) ;
}
20% {
   -ms-transform:  translate(6px,0px)  rotate(2deg) ;
}
30% {
   -ms-transform:  translate(-6px,0px)  rotate(3deg) ;
}
40% {
   -ms-transform:  translate(6px,0px)  rotate(2deg) ;
}
50% {
   -ms-transform:  translate(-6px,0px)  rotate(0deg) ;
}
60% {
   -ms-transform:  translate(6px,0px)  rotate(-2deg) ;
}
70% {
   -ms-transform:  translate(-6px,0px)  rotate(-3deg) ;
}
80% {
   -ms-transform:  translate(6px,0px)  rotate(-2deg) ;
}
90% {
   -ms-transform:  translate(-6px,0px)  rotate(-1deg) ;
}
100% {
   -ms-transform:  translate(0px,0px)  rotate(-1deg) ;
}
}

.divfa {
   float: left;
   padding-top: 20px;
   text-align: right;
   width: 25%;
}
.divfa .fa {
   font-size: 2.5em;
}
.sm_img img {
   max-width: 90%;
   margin: 40% 0 0;
}
.favoris_titre {
	max-height: 48px;
	vertical-align: text-bottom;
}
@media screen and (min-width: 1200px) {	
	#idpromo {
		border-right: none;
	}
}
@media screen and (max-width: 768px) {
	.entete {
		margin:50px 5% 0;
   }
   .menufavoris {
      display: none;
   }
}
@media screen and (max-width: 548px) {
	.entete {
		margin:50px 0 0;
	}
}
/* =============================================================== */
/* checkbox */
/* =============================================================== */
.checkpromo input[type=checkbox] {display:none;}
.checkpromo input[type=checkbox] + label {cursor:pointer;}
.checkpromo input[type=checkbox] + label, .checkhisto input[type=checkbox] + label {
   color: white;
   background-color: #999;
   border: 1px solid #999;
   border-radius: 6px;
   padding: 5px 15px;
   line-height: 1.5;
   margin-right: 5px;
}
#tabparamrgpd .checkpromo input[type=checkbox] + label {
   background-color: transparent;
   color: var(--text);
   border: unset;
   padding: 0;
}
.checkpromo input[type=checkbox]:checked + label, .checkhisto input[type=checkbox]:checked + label {
   background-color: var(--text);
}

.checkpromo input[type=checkbox] + label:before {font-family: "Font Awesome 5 Free";display: inline-block;content: "\f0c8";width:2rem;font-size: 1.2em;}
.checkpromo input[type=checkbox]:checked + label:before {content: "\f14a";font-size: 1.2em;}
.checkhisto input[type=checkbox] + label:before {font-family: "Font Awesome 5 Free";display: inline-block;content: "\f0c8";width:2rem;font-size: 1.2em;}
.checkhisto input[type=checkbox]:checked + label:before {content: "\f14a";font-size: 1.2em;}

.checkhisto input[type=checkbox] {display:none;}
.checkhisto input[type=checkbox] + label {cursor:pointer;}

.checkhisto .checkbox, .checkpromo .checkbox {
   display: inline-block;
}
#filtreidf .checkhisto .checkbox {
   float: left;
}
#filtreidf .checkbox .btn {
	font-size: 0.9rem;
	padding: 4px 8px;
}
#filtreidf .checkbox input[type="checkbox"] {
	margin-top: 8px;
}
#filtreidf .checkbox ul li label {
	margin-left: 14px;
}
#filtreidf .checkbox ul li input[type="checkbox"] {
	margin-top: 2px;
	margin-left: -18px;
}
#filtreidf .btn {
   font-size: 0.9rem;
   margin-top: 10px;
}
/* structures */
#contenu .row {
   margin: 0;
}
#contenu {
	clear: both;
	padding: 0;
	min-height: 145px;
	background-image: none;
   position:relative;
}
/* texte avant-saison */
#infomenu {
   background-color: #fff;
   margin-top: -5px;
   position: relative;
}
.top_textavantsaison {
	width: 100%;
	display: block;
   margin-bottom: 5px;
   color:#fff;
   font-weight: 600;
}
.aff_textavantsaison {
   background-color: transparent;
   height: 60px;
   border-radius: 0;
   text-align: center;
   line-height: 1;
   font-weight: 400;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
	font-size: 1.5rem;
}
#corps .aff_textavantsaison strong {
	color: #fff;
}
.aff_textavantsaison .btn {
	background-image: unset;
}
.textfin {
	line-height: 60px;
}
.imgcompteur {
	height: 34px;
	vertical-align: text-bottom;
	margin-right: 6px;
}
.avsdeb {
	float: left;
   margin-left: 1%;
}
.avsfin {
	float: right;
	margin-right: 1%;
	line-height: 55px;
}
@media screen and (max-width: 1500px) {
   .avsdeb.textfin {
      float: none;
      width: 100%;
      display: block;
      line-height: 50px;
   }
   .aff_textavantsaison {
      height: 110px;
   }
   #clock {
      vertical-align: top;
      display: inline;
      margin: auto !important;
   }
}
@media screen and (max-width: 768px) {
   .top_textavantsaison {
      display: none;
   }
}
.blocfin {
	background-color: transparent;
   text-align: center;
}
#clockprintemps .blocfin {
	color: var(--text);
}
.fw500 {
   font-weight: 500;
}
.fw600 {
   font-weight: 600;
}
.fw700 {
   font-weight: 700;
}
.fw800 {
   font-weight: 8700;
}
.fw900 {
   font-weight: 900;
}
.blocfinval {
	display: inline-block;
	padding: 3px;
   white-space: nowrap;
}
#clock {
   line-height: 55px;
	margin-right: 15px;
}
/* Historique de commandes */
.nav.nav-tabs.nav_histo {
	border-bottom: 1px solid #ddd;
	padding-left: 25%;
	padding-right: 25%;
}
.nav-tabs.nav_histo > li {
	min-width: 50%;
	text-align: center;
	font-weight: bold;
}
.nav-tabs.nav_histo > li > a {
	text-decoration: none;
}
.nav-tabs.nav_histo > li.active > a {
	color: var(--col2);
}
#Table form {
	padding: 0;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	vertical-align: middle;
}
.table.table-borderless > tbody > tr > td, .table.table-borderless > tbody > tr > th, .table.table-borderless > tfoot > tr > td, .table.table-borderless > tfoot > tr > th, .table.table-borderless > thead > tr > td, .table.table-borderless > thead > tr > th {
   border:none;
}
/* concours */
.concours {
	background-image: url("../../../fichiers/concours/fond2.jpg");
	height: 757px;
}
.concours-formulaire {
	background-image: url("../../../fichiers/concours/fond3.jpg");
	height: 900px;
}
.concours-fin {
	background-image: url("../../../fichiers/concours/fond4.jpg");
	height: 600px;
}
.concours, .concours-formulaire, .concours-fin
{
	background-position: center top;
	background-repeat: no-repeat;
   background-size: 1166px;
	text-align: center;
	width: 100%;   
}
.btn-default.btn-concours {
	width: 460px;
   margin: 37px 37px 0 0;
	height: 77px;
}
.btn-default.btn-concours.deja, .btn.btn-default.btn-concours.deja:hover {
	background-color: white;
}
.btn-default.btn-concoursfb {
	width: 500px;
	margin: 116px 37px 0 0;
	height: 57px;
}
.btn-default.btn-concours, .btn-default.btn-concoursfb {
	border: unset;
	background-color: transparent;
	background-image: none;
}
.btn-default.btn-concours:hover, .btn-default.btn-concoursfb:hover {
	background-color: transparent;
	border: unset;
}
.blocdejaparticipe {
	display: block;
	margin-bottom: 203px;
	height: 40px;
}
.formconcours {
	margin: 265px auto 0;
	width: 696px;
	font-size: 1.5em;
	color: #555;
	padding-left: 33px;
	display: inline-block;
}
.question_titre {
	text-align: left;
	color: #fff;
   margin-bottom: 80px;
   margin-left: 30px;
}
.infosoustitre {
	display: block;
	font-size: 14px;
}
.infotitre {
	display: block;
	margin: 16px 0 0;
	font-size: 19px;
	font-weight: 600;
	text-transform: uppercase;
}
.question_corps p {
	text-align: left;
	font-size: 24px;
	font-weight: 700;
	margin: 30px 0 30px;
}
#corps .question_corps a {
	text-decoration: none;
	display: block;
   padding-left: 25%;
   color: #444;
}
#corps .question_corps a.reponse, #corps .question_corps a:hover {
	background-color: rgba(225,110,56,0.5);
	color: #222;
}
#formjeu {
	width: 66%;
	margin: 0 auto;
}
#formjeu .formtitre {
	color: var(--col2);
	font-size: 31px;
}
#formjeu .form-group {
	margin-bottom: 0;
}
.form-control:focus {
   border-color: #cccccc;
}
#formjeu .form-control {
	height: 34px;
	margin: 10px 0;
	padding: 5px;
	text-align: left;
	background-color: transparent;
	box-shadow: unset;
	border-color: #E2E0E1;
	border-bottom-color: var(--col2);
	border-bottom-width: 2px;
   color: #333;
}
#formjeu .radio-inline {
	font-size: 13px;
}
#formjeu .orange {
	font-size: 14px;
}
#formjeu .btn {
	margin-top: 40px;
	padding: 8px 28px;
	border-radius: 15px;
}
#formjeu .checkbox input {
   margin-top: 8px;
}

/* divers div et classes */
#aff2 {
   padding-bottom: 0;
}
.infomsg {
   padding: 2rem 0;
   font-size: 1rem;
   color: var(--text);
}
#mrecherche .fondblanc {
	margin-top: 11px;
}
#DT_LIV{
   width: 100px;
   display: inline-block;
   position: absolute;
   margin-left: 5px;
   margin-top: -5px;
   text-align: center;
   padding: 3px;
}
.dtlivselect {
border: 2px solid var(--col1);
}
.ui-datepicker .ui-datepicker-header {
	background-color: var(--col1);
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td a, 
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td span {
   color: #666;
}
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td a:hover, 
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td a:hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-hover,
#ui-datepicker-div.ui-datepicker .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active  {
   color: #fff;
   background: var(--col1) !important;
   border: 1px solid var(--col1);
}
#filtrehistopanier td {
	font-size: 1rem;
}
#contenu .row .flexbox {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   width: 100%;
   margin-bottom: 5px;
}
.blocatalnoborder {
   border-bottom: unset;
}
.bordGD {
	border-right: 1px solid #ccc;
   padding: 10px;
   height: 100%;
}
.blocatalvide {
   padding: 15px 0;
}
.blocatal.affrecherche {
   padding: 0 0 15px 0;
}
.lienpanier {
   padding: 18px 0 0;
}
.lienpanier > a, .mdpoublie {
   text-decoration: none;
}
.liendeconnect {
   padding: 15px 0;
}
.liendeconnect .fa.fa-sign-out-alt {
   color: var(--col1);
}
.pictosfamilles {
   position: absolute;
   z-index: 1;
}
.pictosfamilles img {
   margin-right: 6px;
}
.titrediaponew {
   color: #333333;
   line-height: 1; 
   font-weight: bolder;   
}
.titrebandeaunew {
   background-image: url('../../../fichiers/articles/vignettespromos/ambiance.jpg');
   background-position: center center;
   background-repeat: no-repeat;
   height: 180px;
   margin: 0 -15px 10px;
}
.titrebandeaunew span{
   color: #333333;
   line-height: 180px;
   font-size: 1em;
   padding: 15px 30px;
   border: solid 1px rgba(255,255,255, 0.5);
   background-color: rgba(255,255,255,0.5);
   font-weight: bold; 
}
#zoneresultats p.titrerecherche {
	margin: 2rem 0 0.75rem;
	text-align: center;
	font-weight: 700;
	font-size: 1.5rem;
}
.result.alamendro {
   color: var(--text);
   text-align: center;
   font-size: 1.7rem;
}
h5.result.alamendro {
	font-size: 1.25rem;
	color: var(--col1);
}
.result b {
   color: #666;
   padding: 0 3px;
}
.table .tdbtn {
   vertical-align: middle;
   text-align: center;
}
.table.demandeinfos {
   width: 60%;
   background-color: #666;
   border-radius: 6px;
   color: white;
}
.table.demandeinfos td {
   border: none;
   padding: 12px;
}
.demandeinfos h2 {
   font-size: 1.5rem;
   padding-bottom: 10px;
}
#blocscomm {
   padding: 0;
}
/* moteur de recherche par famille */
.rmtitre {
   text-transform: uppercase;
   font-weight: 700;
   margin: 20px auto;
   font-size: 1.75rem;
   text-align:center;
   width: 100%;
   display: table;
}
.rmtitre::after {
	border-bottom: 4px solid var(--col2);
	content: '';
	display: block;
	width: 30%;
	margin: 0 auto;
}
.rmcorps {
   display: block;
   min-height:200px;
   margin-bottom: 20px;
}
.btn-oscaro_types {
	border: 2px solid var(--col2);
	text-align: center;
	font-size: 0.8rem;
	line-height: 13px;
	height: 40px;
	margin: 5px;
	width: 100%;
	padding: 0;
	font-weight: 700;
	border-radius: 12px;
   display: table;
}
.btn-oscaro_types:hover {
   background-color: var(--col2);
}
.btn-oscaro_types:hover a {
   color:#fff;
}
.btn-oscaro_types span {
   vertical-align:middle;
   display: table-cell;
}
#corps .btn-oscaro_types a, #cd .btn-oscaro_types a {
	text-decoration: none;
   display: block;
   text-transform: uppercase;
   padding: 5px 3px;
}
#corps .btn-oscaro_types a:hover, #cd .btn-oscaro_types a:hover {
	background-color: var(--col2);
	color: #fff;
}
.gauche_rm {
	background-color: #E6E6E6;
	box-shadow: 0px 0px 6px 1px #ccc;
}
.gauche_rm h3 {
	padding: 10px 20px 5px;
}
.historpm {
	display: block;
	margin: 20px 0 0 18px;
}
.historpm a {
	color: var(--col1);
	font-weight: 600;
   text-decoration: none;
}
.rm_liste {
	min-height: 100px;
	background-color: #fff;
	padding: 10px;
   display: flex;
}
.rm_liste ul {
	margin: 0 0px 0 10px;
	list-style-type: none;
	max-width: 100%;
   min-width: 75%;
}
.rm_liste li {
	font-size: 0.9rem;
   line-height: 1.5rem;
}
#corps .rm_liste li a {
	text-decoration: none;
	color: var(--col1);
	display: block;
	cursor: pointer;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
   float: left;
   min-width: 60%;
   max-width: 90%;
}
#corps .rm_liste li a.sousliste {
	font-size: 0.825rem;
	color: #666;
	white-space: break-spaces;
	line-height: 1.25;
	padding-bottom: 5px;
   width: 100%;
}
#corps .rm_liste li a.sousliste::before {
   content: '-';
   margin-left: 2px;
   margin-right: 2px;
}
.droite_rm a.full_block_link, a.search {
   cursor: pointer;   
}
#corps .rm_liste li::after {
   content: '\f054';
   margin-right: 10px;
   color: var(--col1);
}
#corps .rm_liste li.lisf::after {
	content: '\f078';
	margin-right: 4% !important;
	color: #666;
}
#corps .rm_liste li::after, #corps .rm_liste li.lisf::after {
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
   text-decoration: inherit;
   float: right;
}
#corps .rm_liste li:hover::after {
   text-decoration: none;
   margin-right: 0;
}
#corps .rm_liste li.lisf:hover::after {
   text-decoration: none;
   margin-right: inherit;
   color: var(--col1);
}
#corps .rm_liste li.lisousliste::after {
	display: none;
}
#corps .rm_liste li a:hover {
	text-decoration: underline;
	font-weight: 600;
}
.droite_rm h1 {
	font-style: normal;
	color: #333;
	font-size: 2rem;
	font-weight: 800;
	text-transform: uppercase;
   padding-left: 10px;
   margin-bottom: 0.5rem;
}
h4.soustitremoteur {
	font-size: 1.1rem;
	padding-left: 15px;
   margin-bottom: 1rem;
}
.droite_rm .textfamille {
	padding: 5px;
	height: 76px;
	display: table;
	table-layout: fixed;
}
.droite_rm .libfamille {
	color: #333;
	font-size: 1.5rem;
	text-align: center;
	font-weight: 800;
	display: table-cell;
	vertical-align: middle;
	text-overflow: ellipsis;
	overflow: auto;
}
.droite_rm .blocfamille {
	min-height: 110px;
   max-height: 110px;
   margin: 0 0 15px;
}
.droite_rm .blocfamille.blocbtn {
	min-height: 50px;
	max-height: 50px;
   display: table;
   table-layout: fixed;
   width: 100%;
}
#corps .droite_rm .blocfamille.blocbtn a, a.prevent {
   cursor: pointer;
}
#corps .droite_rm .blocfamille.blocbtn a {
	font-weight: 600;
	font-size: 1.0rem;
}
#corps .droite_rm .blocfamille.blocbtn a:hover, .blocbtnselect .libfamille {
	background-color: var(--col1);
	color: #fff;
   font-size: 1.0rem;
}
.sousfamille::after {
	content: '\f078';
	margin-left: 5px;
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	font-size: 18px;
}
.listesousmodeles ul {
	margin-left: 16px;
   list-style: none;
}
.listesousmodeles ul li {
	margin: 7px 0;
   font-size: 1rem;
}
.listesousmodeles ul li a {
	text-decoration: none;
}
.listesousmodeles ul li a::before {
	content: '\f054';
	margin: 0 6px;
	font-family: "Font Awesome 5 Free";
	font-style: normal;
	font-weight: 900;
	font-size: 12px;
}
#arianesuite {
	display: inline-block;
}
/*--------------------------------------------*/
.blocrecherche {
	display: inline-block;
	height: 175px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.1rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 15px;
}

.blocrecherche a {
	text-decoration: none;
	padding: 24px 0;
	display: block;
   color: #fff;
}
.btnmoteur .btn {
	font-weight: bold;
}
.blocrecherche .btnmoteur {
   width: 100%;
}
.bordure {
   border: 1px solid #aaa;
   border-radius: 6px;
}
.imgmoteur {
	overflow: hidden;
	height: 175px;
	border: 1px solid;
}
.titrecell {
	margin: 10px auto;
	padding: 0 50px;
	font-size: 1.4rem;
}
.btnmoteur .btn {
   border: 1px solid white;
   padding: 6px 16px;
   font-weight: bold;
}
.btnmoteur .btn:hover {
	color: #fff;
}
.btnmoteur .btn:hover {
	background-color: var(--col1);
	/* color: var(--col1) !important; */
}
.imgmoteur img {
   max-height: 268px;
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
   .titrecell {
      font-size: 1.2rem;
   }
   .blocrecherche, .imgmoteur {
      height: 147px;
   }
}
@media screen and (min-width: 990px) and (max-width: 1199px){
   .titrecell {
      margin: 10% auto;
      padding: 0 10px;
      font-size: 1.1rem;
   }
   .blocrecherche, .imgmoteur {
      height: 122px;
   }
}
@media screen and (max-width: 990px){
   .titrecell {
      margin: 5% auto;
      padding: 0 5px;
      font-size: 0.95rem;
   }
   .blocrecherche, .imgmoteur {
      height: 92px;
   }
   .btnmoteur .btn {
      padding: 0px 16px;
   }
}
.img_responsive.details {
   max-width: 100%;
}
.aqte {
   margin:0 0 0 5px;
   width:56px;
}
#cd {
   background-color: white;
   padding-right: 5px;
   padding-left: 5px;
   border-radius: 5px;
}
#cd .fondrecherche {
   margin-top: 26px;
   margin-bottom: 5px;
}
#m3 {
   width: 88%;
   float: left;
   margin-right: 5px;
}
#okenvoyer {
   margin: 5px 0 14px;
}
.revendeurs {
   font-size: 1.2rem;
   font-weight: bold;
   padding: 6px;
   border-radius: 6px;
}
.revendeurs a {
   text-decoration: none;
   color: white;
   padding: 6px 15px;
   line-height: 28px;
}
.revendeurs a:hover {
   background-color: white;
   color: var(--col2);
}
.centerbloc {
   display:inline-block;
   margin:0 0 25px;
   text-align: center;
   width: 100%;
}
.centerbloc .img-responsive {
   width: auto;
   display: inline-block;
}
/* pictos promo et nouveautes */
.zoneinfo .infopicto {
	margin-bottom: 15px;
	max-height: 30px;
}
.promo-tooltip, .nouveaute-tooltip {
	text-decoration: none;
}
.promo-tooltip img, .nouveaute-tooltip img, .infopromo img, .imgnew {
	max-height: 30px;
}
.imgnew, .imgpromo {
   position: absolute;
   top: 15px;
   right: 15px;
}
.infopromo {
   color:#d53c3b;
}
.prixdetail .infopromo img {
	margin-left: 0;
	vertical-align: middle;
	margin-bottom: 9px;
}
.prixliste .infopromo img {
	max-height: 31px;
}
.tooltip-inner {
   font-size: 14px;
   font-weight: 600;
}
.promo-tooltip {
   --bs-tooltip-bg: #d53c3b;
}
.nouveaute-tooltip {
   --bs-tooltip-bg: #59c0d1;
}
.promo-tooltip, .nouveaute-tooltip {
   --bs-tooltip-border-radius: 5px;
   --bs-tooltip-padding-x: 9px;
   --bs-tooltip-padding-y: 3px;
   --bs-tooltip-max-width: 250px;
}
.tooltip.bs-tooltip.top .tooltip-inner {
   margin-bottom: 4px;
}
.tooltip.bs-tooltip.bottom .tooltip-inner {
   margin-top: 4px;
}
.tooltip.bs-tooltip.left .tooltip-inner {
   margin-right: 4px;
}
.tooltip.bs-tooltip.right .tooltip-inner {
   margin-left: 4px;
}
.tooltip.bs-tooltip.top .tooltip-arrow, .tooltip.bs-tooltip.bottom .tooltip-arrow, .tooltip.bs-tooltip.left .tooltip-arrow, .tooltip.bs-tooltip.right .tooltip-arrow  {
   height: 9px;
}

.nouveautes {
   padding: 0;
   margin-top: 0;
}
.nouveautes .btn {
   padding: 6px 22px;
   font-weight: bold;
   line-height: 1.5;
}
.itemnouveaute {
   text-align: center;
   height:200px;
   display: grid;
}
.itemnouveaute a {
   margin:auto;
}
#formtypes b {
   font-size: 1rem;
}
#formtypes .form-control {
   font-size: 0.75rem;
   height: 27px;
   line-height: 1;
   margin-top: 6px;
   margin-bottom: 3px;
   padding: 0 2px;
   min-width:200px;
   max-width: 100%;
   width: 100%;
}
.cadrepage {
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 6px;
   min-height: 90px;
   padding: 10px;
}
.noborder {
   border: medium none !important;
}
.mm {
   display: none;
   margin-top: 10px;
}
.titremachine {
   width:100%;
   padding-left: 30px;
   font-size: 1.05rem;
   font-style: italic;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
}
.d-none, .infoaide2 {
	display:none;
}
.infoaide {
   display: none;
   float: right;
   text-align: center;
   width: 40px;
}
.item p.pctext {
	font-size: 1rem;
	line-height: 1;
	padding-bottom: 20px;
}

.prixdetail.w100 {
	width:100%;
}
.prixdetail.titre {
	font-size: 1.2em;
   margin: 0.75em 0 0;
   width: 100%;
}

.parallelo:before {
   content: " ";
   position: absolute;
   top: 0;
   left: -9px;
   right: -9px;
   bottom: -1px;
   z-index: -1;
   transform: skewX(-15deg);  
}
.descriptif .msg {
   font-size: 1.25em;
   font-style: normal;
}
.labeldanger {
	background-color: #FF0000;
	line-height:14px;
	display:block;
}
.blocgris {
   background-color: #666;
   border-radius: 6px;
   color: white;
   font-size: 0.8rem;
   padding: 10px;
   text-align: center;
   margin-bottom: 5px;
}
.blocgris.active {
   background-color: var(--text);
}
#formulaire1, #formulaire2 {
	border: unset;
	border-radius: unset;
	box-shadow: unset;
}
#formulaire1 caption, #formulaire2 caption {
	padding: 5px 0;
	color: #333;
	font-weight: 600;
	font-size: 1rem;
}
.borderimport {
   border: 1px solid #fff;
	border-radius: 5px;
}
.borderimport.import_active {
	border-color: var(--col1);
}
.border-custom {
	border-color: var(--col1) !important;
}
.commentaire {
	color: #666666;
	font-style: italic;
   font-size: 11px;
}
.blocgris h3 {
   color:white;
}
.actions{ float:left }
.actions h2, .actions p{ margin-top:0 }
.catalogue {
	text-align:center;
	margin-top:-9px;
}
.catalogue .img-responsive {
	display:inline-block;
   max-width: 250px;
}
#conteneur_haut {
   width: 100%;
   background-color: white;
   position: sticky;
   top:0;
   left:0;
   z-index: 1010;
	-webkit-box-shadow: 0 2px 3px -1px rgba(0,0,0,0.18);
	box-shadow: 0 2px 3px -1px rgba(0,0,0,0.18);
}
#conteneur_haut .container{
   padding-left:0;
   padding-right: 0;
}
@media (min-width: 1200px) and (max-width: 1400px) {
   #menu_principal .container.nav-container  {
      max-width: 99%;
   }
}

#formtypes {
   margin: -1px 0 10px 0;
   padding: 10px 0;
   border-radius: 5px;
}
#sous-menu .dropdown-menu.sousmenugauche {
   display: block!important;
   position: relative;
   border-radius: 0 0 5px 5px;
   margin: 0;
   width: 100%;
}
.cadrefiltre {
	padding: 10px;
	margin: 10px 20px 5px;
   text-align: center;
}
.blocfiltres {
	display: inline-block;
	margin: 0 auto;
}
.labelfiltre {
	float: left;
	line-height: 46px;
	font-weight: bold;
	margin-right: 5px;
}
.btn.btnff {
	margin: 5px 8px;
	padding: 8px 12px;
}
#filtretype .checkbox > label, #filtreidf .checkbox > label {
   display: block;
   float: left;
}
#filtresfamilles .checkhisto .checkbox {
   float: left;
}
#filtresfamilles .checkbox li, #filtreidf .checkbox li, li.reinit  {
   cursor: pointer;
}
#filtretype .checkbox, #filtreidf .checkbox, #filtresfamilles .checkbox {
   display: table;
   padding: 5px 0;
   margin: 0 3px;
}
#filtretype .checkbox, #filtresfamilles .checkbox {
   margin: 0 auto;
}
#filtretype .checkbox label, #filtreidf .checkbox label, #filtresfamilles .checkbox label {
   display: inline;
}
#filtretype .checkbox .btn, #filtreidf .checkbox .btn, #filtresfamilles .checkbox .btn {
   margin: 0;
   width: 100%;
}
#filtretype .checkbox .btn {
	height: 195px;
}
#filtreidf .dropdown-menu, #filtresfamilles .dropdown-menu, #filtretype .dropdown-menu {
   min-width: 270px;
   padding: 5px;
   background-color: #efefef;
   border-top: unset;
}
#filtreidf .dropdown-menu > li, #filtresfamilles .dropdown-menu > li {
   font-family: Arial, Helvetica, sans-serif;/* important */
   font-size: 0.85em;
   line-height: 1.2;
   padding: 6px 8px;
   background-color: white;
   margin: 5px 3px;
   border-radius: 6px;
}
#filtreidf .dropdown-menu > li.coche, #filtresfamilles .dropdown-menu > li.coche {
   background-color: var(--text);
   color: white;
}
#filtreidf .checkbox label, #filtresfamilles .checkbox label, .radio label {
	padding: 0;
	display: block;
	line-height: 1.5;
}
#filtreidf .caret.selection, #filtresfamilles .caret.selection {
   border-top: 9px solid var(--col1);
}
#filtreidf .caret, #filtresfamilles .caret {
   margin-left: 5px;
   border-top: 5px solid var(--text);
}
#filtresfamilles {
	margin: 14px 0;
}
#filtresfamilles .dropdown {
	float: left;
	margin-right: 10px;
}
#filtresfamilles .caret {
   border-top: 5px solid white;
}
#filtreidf .dropdown-menu > li.reinit, #filtresfamilles .dropdown-menu > li.reinit {
	text-align: right;
	background-color: transparent;
}
#filtreidf .dropdown-menu > li.reinit span, #filtresfamilles .dropdown-menu > li.reinit span {
	text-transform: uppercase;
	border: 1px solid #666;
	color: #666;
	padding: 3px;
}
#filtreidf .dropdown-menu > li.reinit span:hover, #filtresfamilles .dropdown-menu > li.reinit span:hover {
	color: var(--col2);
	border-color: var(--col2);
}
.checkbox.selection {
   color: var(--col1);
}
#filtreidf .checkhisto .dropdown {
   margin: 0 4px;
}
#filtreidf .checkhisto .checkbox .dropdown .btn, #filtreidf .checkhisto .checkbox .btn {
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-radius: 0;
}
#filtreidf .checkhisto .checkbox .dropdown.open .btn, #filtreidf .checkhisto .checkbox.open .btn { 
   color: var(--col1);
   font-weight: bold;
}
#filtreidf .checkhisto .checkbox .dropdown.open .btn:hover, #filtreidf .checkhisto .checkbox .btn:hover, 
#filtreidf .checkbox li:hover, #filtreidf .checkhisto .checkbox .dropdown.open .btn, #filtresfamilles .checkbox li:hover  {
   color: var(--col2);
}
#filtreidf .checkbox .coche li:hover {
   background-color: transparent;
}
#formfiltres .badge, #filtrefamille .badge {
	position: sticky;
	left: 2%;
   margin-left: 4px;
}
.promostype {
height:280px;
}
.btn-default.liencatalogue {
   margin-top: 5px;
   background-color: #66696D;
   background-image: unset;
}
.btn-default.liencatalogue:hover {
   background-color: #787878;
}
.vignettepromo{
	max-width:140px;
	max-height:200px;
}
#corps .promostype a {
   width: 100%;
}
.cadre p {
   color: #66696D;
   font-weight:bold;
}
.panel-title > a {
   font-size: 0.8em;
   text-decoration: none;
   line-height: 1.6em;
}
.panel-title > a:hover, .panel-title > a:focus {
   color: white;
}
.promotions {
   display: block;
   left: 0;
   margin: 5px 0 0;
   z-index: 1000;
}
#corps {
   background-color: #fff;
   font-size: 0.85em;  
   margin: 10px 0 20px;
   padding-bottom: 5px;
}
.min500 {
   min-height: 400px;
}
#corps a p {
   color: #333;
   font-size: 1.5em;
}
#corps a.noselect {
   color: #666;
}
#corps a:hover, #corps a:focus, #corps a.bookmark:hover, #corps .nav-tabs.detail > li > a.active, #corps .nav-tabs.detail > li > a:focus.active {
   text-decoration: none;
}
#corps .descriptif a.btn {
	width: max-content;
	font-weight: 600;
	color: white;
} 
.btn.btn-light {
	padding: 3px;
	font-size: 0.65rem;
	border: 1px solid #ddd;
	border-radius: 3px;
	background-color: #f2f2f2;
}
.btn.btn-light:hover {
	color: var(--col1);
}
#ajoutartdetail .btn.btn-lg {
	border-radius: 5px;
	font-size: 0.85rem;
	padding: 10px 90px;
}
#corps a.btn-sm {
	font-size: 0.85rem;
}
#corps a.btn:hover, #corps a.btn:focus {
	font-weight: 600;
}
#corps .blocbtn > div > a.btn {
   color: #333;
   margin: 9px 0;
}
.blocbtn .col-xs-4:first-child {
   margin-bottom: 15px;
}
#corps .title a {
	color: inherit;
   text-decoration: unset;
}
#corps .title a.text-orange {
	color: var(--col1);
	text-decoration: none;
}
.borderbottom {
	border-bottom: 1px solid #ccc !important;
}
#corps .title a:hover, #corps .title a:focus, #corps .title a.text-orange:hover {
	color: var(--col2);
}
#corps .title  a.home {
	font-size: 1.2em;
}
#corps .title  a.home:hover {
	color: var(--col2);
}
#corps strong {
	color: #333;
}
#corps .descriptif a {
   color: var(--text);
   font-weight: bold;
}
#corps .lignepanier .descriptif .artdesignation a {
   text-decoration: none;
}
#corps .lignepanier .descriptif .artdesignation a:hover {
   color: var(--col1);
}
#CarouselAlter {
	margin-top: 0;
}
#corps .alternatif {
   height: 21px;
}
#corps a.lien_alternatif {
   color: var(--text);
}
#corps a.lien_alternatif:hover {
   color: var(--col1);
}
.alternatif img {
	height: 32px;
	margin-right: 10px;
}
.div_article_alternatif {
	padding-right: 10px;
   padding-bottom: 10px;
}
.article_alternatif {
   padding: 15px 0 0;
}
.desc_alternatif {
	height: 26px;
	overflow: auto;
	line-height: 1;
   font-size: 0.75rem;
	font-weight: 800;
   text-align: center;
}
.ref_alternatif {
	font-size: 0.8rem;
	font-weight: 600;
   text-align: center;
}
.div_img_alternatif {
	height: 80px;
	display: table-cell;
	vertical-align: middle;
}
.img_alternatif {
	max-width: 75px;
	max-height: 75px;
}
.prix_alternatif {
	text-align: left;
	font-size: 14px;
	font-weight: 700;
}
#corps .descriptif a.lien_alternatif:link {
	color: var(--text);
	text-decoration: none;
}
#corps .descriptif a.lien_alternatif:hover {
	color: var(--col1);
}
#corps .descriptif .rouge a {
	color: red;
}
#corps .descriptif a.prevenir {
	color: #666;
   font-weight: 600;
}
#corps .descriptif .prevenir:hover {
	color: var(--col2);
}
.btn.w100, .w100 {
   width: 100%;
}
span.retour {
   float: left;
   margin-left: 8px;
}
.retour a {
   color: white;
}
.retour a > span {
   font-size: 0.7em;
   vertical-align: text-top;
   line-height: 1.9em;
}
.table>tbody>tr>td.lignebtn {
   line-height: 2.5em;
}
.select_liste{
   margin-top: 10px;
   float: left;
   width: 100%;
   text-align: center;
}
.select_liste li {
   display: inline-block;
   margin-left: 5px;
   text-align: center;
}
.select_liste li label {
   font-size: 0.9rem;
   text-decoration: underline;
   background-color: white;
}
.select_liste select {
	font-size: 0.9em;
	border: 1px solid #bbb;
	padding: 3px 6px;
}
.select_liste select:active, .select_liste select:focus {
   border-color: var(--col1);
   outline-color: var(--col1);
}
#tri {
   background-color: #fff;
   border-bottom: 1px solid #cccccc;
   border-radius: 0;
   font-size: 14px;
   padding: 10px 0;
   text-align: right;
   width: 100%;
}
.nbtri {
	float:left;
	line-height:26px;
	font-weight: bold;
	color: #666666;	
   text-align: left;
}
.selecttri .input-group {
   max-width: max-content;
   margin: 0 0 0 auto;
}
.selecttri form {
	padding: 0;
}
.selecttri .form-select {
	height: 31px;
	max-width: max-content;
}
.uppercase {
   text-transform: uppercase;
}
.block {
   padding: 10px 30px;
}
.block-right{float: right;}
.block .ref {
   text-transform: uppercase;
}
.fondgris {
	padding: 10px;
	border: 1px solid #eee;
	background-color: #f3f3f3;
}
.fondgris p a {
   text-decoration: none;
}
.pictofamille {
   position: absolute;
   right: 7%;
}
.pictofamille img {
   max-width: 150px;
}
.pictofamille img:hover {
	transform: scale(1.25);
	transition: all 150ms ease-in;
}
.bp {
   display: inline;
   max-height: 50px;
   max-width: 100px;
   overflow: hidden;
}
.verticalalign {
   min-height: 90px;
   display: flex;
}
.verticalalign img {
	margin: auto;
}
.verticalalignsub {
   vertical-align: baseline;
}
.listearticles td {
	padding: 1px 4px;
}
.logos img {
   max-height: 48px;
   padding: 0 8px
}
#pictos td {
   line-height:1;
   padding-bottom:10px;
   vertical-align: top;
   text-align:center;
   display: inline-block;
   padding: 5px;
}
.pictos img {
	vertical-align:text-top;
}
.pictos.PROMO > img {
   box-shadow: none;
   max-width: 197px;
}
#entetecatal .form-switch .form-check-input[type="checkbox"] {
	border-radius: 3em;
	height: 23px;
	width: 3em;
}
#entetecatal .form-switch .form-check-input[type="checkbox"]:not(:checked) {
	border-color: #ccc;
}
#entetecatal .form-check .form-check-input {
   float: right;
   width: 50px;
   height: 25px;
   margin-top: -2px;
   margin-left: -30px;
}
#entetecatal .form-check-label {
	margin-right: 2.75em;
	float: left;
   font-weight: 600;
}
.form-check-inline {
	margin-left: 0;
}
.form-check-input:focus {
	box-shadow: unset;
}
.form-switch {
	padding-left: 0;
}
.form-switch .form-check-input:checked {
	border-color: var(--col1);
	background-color: var(--col1);
}
.infonb {
	line-height: 32px;
	margin-right: 20px;
}
#stri {
	max-width: max-content;
	float: right;
	margin-right: 1em;
   margin-bottom: 10px;
   padding-right: 5em;
}
.blocatal {
   display: inline-block;
   width: 100%;
   height:100%;
   -moz-box-shadow: 2px 2px 8px 0px #ccc;
   -webkit-box-shadow: 2px 2px 8px 0px #ccc;
   -o-box-shadow: 2px 2px 8px 0px #ccc;
   box-shadow: 2px 2px 8px 0px #ccc;
   filter:progid:DXImageTransform.Microsoft.Shadow(color=#ccc, Direction=134, Strength=8);
}
.parentinfostock {
	height: 48px;
	max-width: 51%;
	max-height: 48px;
	overflow: auto;
}
.parentinfostock b {
	font-weight: 600;
}
.infostock {
	display: table-cell;
	vertical-align: middle;
   line-height: 1rem;
}
.blocfamille {
	box-shadow: 0 0 10px 0px #bbb;
	margin: 12px 0;
   min-height: 150px;
   position: relative;
}
.blocfamille:hover .rollover_cat {
	width: 100%;
}
.blocfamille:hover .rollover_cat p {
	position: relative;
	opacity: 1;
	transition: opacity .1s;
	transition-delay: 0s;
	transition-delay: .2s;
}
a.pictos {
	font-size: 1rem;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ddd;
	box-shadow: 3px 3px 5px 0px #ccc;
	width: 100%;
   margin-bottom: 15px;
   padding: 5px;
   border: 1px solid #ddd;
   box-shadow: 3px 3px 5px 0px #ccc;
}
.full_block_link {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.rollover_cat {
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--col1);
	position: absolute;
	left: 0;
	bottom: 0;
   transition: all linear .1s;
   color:#fff;
}
.rollover_cat p {
	position: absolute;
	opacity: 0;
}
.textfamille {
	padding: 5px 20px;
}
.qtefamille {
	font-weight: 500;
   font-size: 0.85rem;
}
.libdecouvrez {
	font-size: 0.9rem;
	margin-right: 3px;
}
.libfamille {
	font-size: 1rem;
	font-weight: 600;
	color: var(--col1);
	line-height: 1;
}
.imgfamille {
	position: absolute;
	right: 4%;
	display: inline-flex;
	bottom: 8%;
	text-align: right;
}
.imgfamille img {
	width: auto;
	max-width: 200px;
	max-height: 100px;
	height: auto;
	margin-right: 0;
	margin-left: auto;
}
@media screen and (min-width: 768px) and  (max-width: 991px) {
   .imgfamille img {
      max-width: 66%;
   }
}
/* Page connexion/inscription */
#menuTab label {
	font-size: 1rem;
	font-weight: 600;
	text-align: right;
}
#menuTab .nav-tabs {
	margin: 10px 1rem 35px;
   border-bottom: solid 2px var(--col2);
   padding: 0 15px;
}
#menuTab .nav-tabs button.nav-link {
	text-decoration: none;
	font-size: 1rem;
	text-transform: uppercase;
   line-height: 1.5;
   border-radius: 9px 9px 0 0;
   padding: 10px 6rem;
   color: #3d3d3d;
   font-weight: 600;
}
#menuTab .nav-tabs button.nav-link.active {
	background-color: var(--col2);
	color: #fff;
   font-weight: 700;
   border-color: var(--col2);
}
.eye {
	background: unset;
	border: unset;
	position: absolute;
	top: 26px;
	right: 5px;
}
/* newsletter */
#modalnewsletter {
   background-color: rgba(0,0,0,0.75);
}
#modalnewsletter .modal-content {
	background-color: transparent;
}
.containernewsletter {
   position: relative;
   bottom: -70px;
   z-index: 1000;
}
.modalnl .newsletter {
	height: auto;
	background-color: #fff;
}
.ombre {
   box-shadow: 0px 0px 6px #00000029;
}
.bg_equipe {
   background-image: url("../images/logo_bg_f1.png");
   background-repeat: no-repeat;
   background-position: top left;
   background-size: contain;
}
@media (max-width: 768px) {
   .bg_equipe {
      background-image: url("../images/bougie1.png");
      background-repeat: no-repeat;
      background-position: top right;
   }
}
@media screen and (max-width: 1200px) {
   #blocsmoteurs h2 {
      height: 60px;
      padding-right: 1%;
   }
}
/* Carousels */
#marquesCarousel {
   max-height: 100px;
}
#marquesCarousel .card {
   height: 100px;
}
#marquesCarousel .carousel-item.carousel-item-next.carousel-item-start {
	display: none;
}
#marquesCarousel .carousel-item {
   transition: transform 0.1s ease-in-out;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
transition: opacity 0s 1s;
}
.carousel.customCarousel {
	padding: 0;
}

/*---- */
@media (max-width: 767px) {
   .carousel-inner .carousel-item > div {
      display: none;
   }
   .carousel-inner .carousel-item > div:first-child {
      display: block;
   }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
   display: flex;
}

@media (min-width: 768px) {

   .carousel-inner .carousel-item-end.active,
   .carousel-inner .carousel-item-next {
      transform: translateX(25%);
   }

   .carousel-inner .carousel-item-start.active, 
   .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
   }
}

.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
   transform: translateX(0);
}
/*-----------*/
#machinesCarousel {
	position: sticky;
}
#machinesCarousel.customCarousel .carousel-item {
   display:none;
}
#machinesCarousel.customCarousel .carousel-item.active  {
   display: flex;
}
#machinesCarousel.customCarousel .carousel-item .card {
   height: 100%;
   width: 100%;
}
#machinesCarousel .carousel-control-prev.bg-transparent {
	margin-left: 10px;
}
#machinesCarousel .carousel-item {
   transition: transform 1s ease-in-out;
}
.customCarousel  .carousel-control-prev,
.customCarousel .carousel-control-next {
   width: 6vh;
   height: 6vh;
   border-radius: 50%;
   top: 50%;
   transform: translateY(-50%);
}
.customCarousel .card {
   margin: 0 0.5em;
}
#machinesCarousel.customCarousel .card .img-wrapper {
   max-width: 100%;
   height: auto;
}

.customCarousel .card .img-wrapper {
	max-width: 200px;
	height: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 20px;
   margin: auto;
}
.customCarousel .card img {
   max-height: 100%;
   max-width: 100%;
}

.customCarousel .carousel-indicators {
   bottom: -40px;
}
.customCarousel .carousel-indicators [data-bs-target] {
	color: var(--col1);
	height: 12px;
	width: 12px;
	opacity: 0.75;
	border-radius: 25px;
	border: 2px solid var(--col1);
   background-color: #DEEFE4;
}
.customCarousel .carousel-indicators [data-bs-target].active  {
   background-color: var(--col1);
}

@media (min-width: 768px) AND (max-width: 990px) {
   #gammeCarousel .carousel-item a .text-container img.pictogamme {
      display: none !important;
   }
}
@media (min-width: 390px) {
   .customCarousel .card .img-wrapper {
      height: 13em;
   }
   #CarouselAlter .customCarousel .card .img-wrapper {
      height: 8em;
   }
}

/* gamme */
#gammeCarousel .carousel-item {
   display: none;
}
#gammeCarousel .carousel-inner .carousel-item.active, 
#gammeCarousel .carousel-inner .carousel-item-next,
#gammeCarousel .carousel-inner .carousel-item-prev 
{
   display: flex;
}
@media (max-width: 767px) {
   #gammeCarousel .carousel-inner .carousel-item > div {
      display: none;
   }
   #gammeCarousel .carousel-inner .carousel-item > div:first-child {
      display: block;
   }
}

@media (min-width: 768px) {

   #gammeCarousel .carousel-inner .carousel-item-end.active,
   #gammeCarousel .carousel-inner .carousel-item-next {
      transform: translateX(25%);
   }
   
   #gammeCarousel .carousel-inner .carousel-item-start.active, 
   #gammeCarousel .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
   }
}

#gammeCarousel .carousel-item {
	transition: transform 1s ease, opacity .5s ease-out;
}
#gammeCarousel .carousel-item a {
   max-width: 100%;
}
.carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start { 
   transform: translateX(0);
}

/** menu associé à chaque item du carousel */
#gammeCarousel .dropdown-menu.show {
	border-radius: 0;
	border-top: transparent;
	box-shadow: 0 3px 3px #00000014;
	width: 100%;
	border-color: rgba(0,0,0,0.15);
   padding-top: 0;
   margin-top: -1px;
}
#gammeCarousel .dropdown-menu.show::before {
	content: "\A";
	display: inline-block;
	height: 0;
	width: 0;
	border-right: 15px solid transparent;
	border-top: 15px solid;
   border-top-color: var(--col1);
	border-left: 15px solid transparent;
	left: 44%;
	position: absolute;
} 
#gammeCarousel .dropdown-item {
	font-size: 0.8rem;
	text-transform: uppercase;
   white-space: break-spaces;
}
#gammeCarousel .dropdown-item:hover {
	color: #fff;
	background-color: white;
}
#gammeCarousel .card-img {
	border-bottom: 1px solid #ddd;
}
#corps .btn-custom-reverse.dropdown-toggle.show .text-container {
   color: #fff;
}
.text-container {
   /*
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 90%;
	max-width: 95%;
	padding: 0.7em 0.5rem 0;
   */
   white-space: normal;
   padding: 0;
   line-height: 1rem;
   height: 48px;
   display: flex;
   align-items: center;
   justify-content: center;
}
.texte2 {
	width: min-content;
	min-width: 155px;
   margin-left: 6px;
}
#machinesCarousel a.card-title .text-container {
	justify-content: left;
	padding-left: 1rem;
}
#machinesCarousel a.card-title:hover {
	color: #fff;
	background-color: var(--col1);
}
#gammeCarousel .carousel-item a:hover .text-container img, 
#gammeCarousel .carousel-item a .text-container .fas.imghover, #gammeCarousel .carousel-item a .text-container img.imghover, 
#gammeCarousel .carousel-item a.show .text-container img {
	display: none;
}
#gammeCarousel .carousel-item a:hover .text-container .fas.imghover, #gammeCarousel .carousel-item a:hover .text-container img.imghover, 
#gammeCarousel .carousel-item a .text-container img, 
#gammeCarousel .carousel-item a.show .text-container .fas.imghover, #gammeCarousel .carousel-item a.show .text-container img.imghover {
	display: inline-block;
}
#gammeCarousel .dropdown-toggle::after {
   display: none;
}
#gammeCarousel .carousel-control-prev {
   left: 10px;
}
#gammeCarousel .carousel-control-next {
   right: 10px;
}
.pictogamme {
   max-height: 32px;
   max-width: 40px;
}
@media (max-width: 768px) {
   .carousel-card {
      margin: auto;
      flex: 0 0 auto;
   }
   #gammeCarousel .carousel-control-prev {
      left: -5px;
   }
}
@media (min-width: 1399px) {
   .carousel-control-prev {
      left: -10px;
   }
   .carousel-control-next {
      right: 6px;
   }
}

div.card-body .card-img, #machinesCarousel a.card-title .img-wrapper {
   overflow: hidden;
   border-radius: 0;
}
div.card-body a.card-title img, #machinesCarousel a.card-title img {
   transition: transform .5s;
}
div.card-body a:hover.card-title img, #machinesCarousel a:hover.card-title img {
   -ms-transform: scale(1.1); 
   -webkit-transform: scale(1.1); 
   transform: scale(1.1);
}
.carousel-control-prev, .carousel-control-next {
	width: 20px;
	opacity: 1;
}

/* carousel articles complémentaires */

#myCarouselPC.carousel .item .pcvignette img {
	max-height: 100px;
	max-width: 100%;
}
#myCarouselPC.carousel .item .pcvignette {
	margin-bottom: 15px;
}

.carousel .carousel-control {
	width: 50px;
   height: 50px;
   margin: auto 0;
   font-size: 3rem;
   line-height: 36px;
   text-shadow: none;
   color: var(--text);
   text-decoration: none;
}
#corps .carousel a.carousel-control:hover {
   opacity: 0.9;
   color: #333;
}
.carousel .carousel-control i {
   font-size: 41px;
	margin-top: 3px;
}
.carousel-indicators li, .carousel-indicators li.active {
	margin-left: 4px;
	margin-right: 4px;
}
.carousel-indicators li.active {
	background: var(--text);
	border-color: #666;
}
.carousel .nav {	
	background: #666;
}
.carousel .nav a {
	color: var(--text);
	border-radius: 0;
	font-size: 85%;
	padding: 10px;
   background: transparent;
   text-decoration: none;
   color:white;
   border-left: 1px solid var(--text);
   border-right: 1px solid var(--text);
}
#corps .carousel a strong, #corps .carousel strong {
	color: white;
}
.carousel .nav .nav-item.active a {
	color: white;
   background: var(--text);
   height: 53px;
}
.carousel .nav .nav-item.active a strong {
   border-bottom: 2px solid var(--col1);
   padding-bottom: 3px;
}
.carousel .nav a.nav-link:hover {
   background: var(--col1);
   color: #FFF;
   height: 53px;
}
.carousel .nav strong {
	display: block;
	text-transform: uppercase;
}
#myCarouselHC .item.active {
	border: none;
}

#CarouselAlter .carousel-control,
#CarouselTop .carousel-control,
#CarouselAccessoires .carousel-control {
   background: none;
	opacity: 0.9;
   width: 12px;
}
#CarouselAlter .fa.fa-angle-left, #CarouselAlter .fa.fa-angle-right,
#CarouselTop .fa.fa-angle-left, #CarouselTop .fa.fa-angle-right,
   #CarouselAccessoires .fa.fa-angle-left, #CarouselAccessoires .fa.fa-angle-right {
   width: 20px;
	color: #666;
}
#CarouselAlter .fa.fa-angle-right {
   margin-left: 10px;
}
#CarouselAlter .carousel-control:hover .fa,
#CarouselTop .carousel-control:hover .fa,
#CarouselAccessoires .carousel-control:hover .fa {
	color: var(--col1);
}
#CarouselTop .left.carousel-control,
   #CarouselAccessoires .left.carousel-control {
      margin-left: -24px;
}
#CarouselTop {
   margin: 0;
}
#CarouselTop .col-lg-2 {
	width: 19.6%;
}
#CarouselTop.carousel .item img, #CarouselAccessoires.carousel .item img {
	max-width: 90%;
	margin: 0 auto;
}
#CarouselTop .newarticle, #CarouselAccessoires .newarticle {
	border-color: #ccc;
   padding: 5px 2px 0px 5px;
}
#CarouselTop .prixnewarticle, #CarouselAccessoires .prixnewarticle {
	font-size: 1.25rem;
	font-weight: 800;
}
#CarouselTop .descnewarticle, #CarouselAccessoires .descnewarticle {
	font-size: 14px;
   height: 27px;
   margin-top: 10px;
}
@media screen and (max-width: 1200px) {
   .div_img_alternatif {
      display:none;
   }
}

.souligntitre {
	border-top: 4px solid #333;
	width: 120px;
}
/* -----------Section Devenez client -----------------*/
#devenezclient {
   min-height: 720px;
   background-image: url("../images/bg_desktop_client.jpg");
   background-position: bottom center;
   background-repeat: no-repeat;
}
@media (max-width: 575px) {
   #devenezclient {
      background:unset;
      margin: 0;
   }
   #textclient {
      background-image: url("../images/bg_mobile_client.jpg");
      background-position: bottom center;
      background-repeat: no-repeat;
   }
}
#particulier {
	background-color: var(--col1);
	color: white;
	right: 0;
	position: absolute;
	padding: 1vw 5vw;
	margin-top: -5rem;
}
@media screen and (max-width: 992px) {
   #particulier {
      position: inherit;
      margin: 1rem auto auto;
      max-width: 720px;
   }
}
@media screen and (max-width: 768px) {
   #particulier {
      max-width: 540px;
   }
}
@media (max-width: 575px) {
   #particulier {
      margin:0;
      max-width: 100%;
   }
   #particulier a, #textclient a {
      width:100%;
   }
}
/*-----------Section Etre client ------------*/
.etreclient {
	text-decoration: none;
	display: inline-block;
	font-weight: 500;
	width: 100%;
   line-height: 1;
   font-size: 0.85rem;
}
.etreclient h3 {
	text-transform: uppercase;
	color: var(--text);
	font-size: 1.0rem;
	font-weight: 800;
	margin: 1rem 0 0.1rem;
   line-height: 1;
}

/* À partir de 1400px : texte à côté de l'image, aligné en haut */
@media (min-width: 1200px) {
   .etreclient {
      display: flex;
      align-items: flex-start;
   }
   .etreclient img {
      margin-right: 0.5rem;
   }
   .etreclient h3 {
      margin: 0.5rem 0 0.1rem;
   }
   .text-content {
      flex: 1;
   }
}
@media (min-width: 1460px) {
   .etreclient h3 {
      margin: 1.5rem 0 0.1rem;
   }
}
/*----------- catalogues -------------*/
.bandeau {
	background-color: var(--col1);
	display: flex;
	margin: 5vw 0;
}
.bandeau .catalimg {
   margin: -4vw 0;
}
#carouselCatalogues .carousel-item {
   transition: opacity 0.5s ease-in-out;
   position: initial;
}
#carouselCatalogues .carousel-fade .active.carousel-item-start,
#carouselCatalogues .carousel-fade .active.carousel-item-end {
   transition: opacity 0 1s;
}

#carouselCatalogues .carousel-control-prev {
	left: 10px;
}
#carouselCatalogues .carousel-control-next {
	right: 10px;
}
@media (max-width: 575px) {
   #carouselCatalogues .carousel-control-prev, #carouselCatalogues .carousel-control-next {
      top: -50%;
   }
}
@media (max-width: 991px) {
   .bandeau .catalimg {
      margin-bottom: 20px;
   }
}
@media (min-width: 992px) AND (max-width: 1199px) {
   .bandeau .catalimg {
      margin: auto;
   }
}
@media (min-width: 1200px) AND (max-width: 1399px) {
   .bandeau .catalimg {
      margin: -2vw 0;
   }
}


/*------------- Recherches sur page d'accueil ------------*/

/*------------- Moteurs de recherche --------------*/
/* moteurs */
#resultats {
   border-style: none;
   box-shadow: inherit;
   text-align: center;
   width: 100%;
   margin: 10px 0;
   background-color: transparent;
}
#zoneresultats {
   color: #333333;
   font-size: 1.5em;
   margin: -14px 0 15px;
   z-index: 1;
}
#zoneresultats p {
   margin: 0;
}
#zoneresultats p span {
   background-color: var(--text);
   border-radius: 0 0 19px 19px;
   color: #ffffff;
   font-size: 1.6em;
   padding: 10px 14px;
}
#logomoteur > p {
   margin: 0;
}
#logomoteur p img {
   margin: 0;
}

#moteur {
   background-repeat: no-repeat;
   background-position: right 75%;;
	background-color: #FFFFFF;
	border: 1px solid #BFBFBF;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
   behavior: url(PIE.php);
	font-size:1em;
	margin-bottom:20px;
	padding:10px 10px 0;
	width:100%;
   overflow: hidden;
   background-image: url('../../../fichiers/moteurs/fond.jpg');
   background-position: left bottom;
   background-size: 100% 100%;
   z-index: 10;
   position: relative;
}
#moteur span.soustitremoteur {
   background-color: transparent;
}
#moteur a.pictos {
	box-shadow: unset;
	border: unset;
}
#moteur a.pictos:hover img {
	transform: scale(1.1);
   -ms-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   -moz-transform: scale(1.1);
	transition: all 0.35s;
   -moz-transition: all 0.35s;
   -webkit-transition: all 0.35s;
   -o-transition: all 0.35s;
}
.titremoteur {
   text-align: center;
   background-color: var(--text);
   color: #fff;
   padding: 5px;
   font-size: 1rem;
   margin: -10px -10px 5px;
}
span.soustitremoteur {
   font-size: 1.5rem;
   font-weight: bold;
   font-variant: all-small-caps;
   margin-left: 12px;
   background-color: rgba(255,255,255, 75%);
   padding: 0 5px;
}
.selmoteur {
   line-height: 4em;
}
.selmoteur a {
	font-size: 1.2rem;
	font-weight: 600;
}
.selmoteur a i {
	font-size: 1.45rem;
}
.fond_moteur {
   float: left;
   text-align: center;
   margin: 10px 0 10px;
   width: 100%;
   background-repeat: no-repeat;
   background-position: center bottom;
   height: 120px;
}
#Filtrer.btn, #RAZ.btn {
   margin: 0 10%;
}
#Filtrer.btn, #RAZ.btn, .btn.btn-large {
	height: 32px;
	min-width: 170px;
	font-size: 0.875rem;
}
#moteur.mA110 .btnfiltre, #moteur.mA140 .btnfiltre, #moteur.mA160 .btnfiltre, #moteur.mA170 .btnfiltre, #moteur.mA180 .btnfiltre, #moteur.mA652 .btnfiltre
{
   text-align: center;
}

/* A110 */
.fond_moteur.A110_mm {
   background-image: url('../../../fichiers/moteurs/A1/A110/mm.jpg');
}
.fond_moteur.A110_dim {
   background-image: url('../../../fichiers/moteurs/A1/A110/dim.jpg');
}
.fond_moteur.A110_dim.sel_rsInfo2 {
   background-image: url('../../../fichiers/moteurs/A1/A110/longueur.jpg');
}
.fond_moteur.A110_dim.sel_rsInfo3 {
   background-image: url('../../../fichiers/moteurs/A1/A110/alesage.jpg');
}
.fond_moteur.A110_dim.sel_rsInfo4 {
   background-image: url('../../../fichiers/moteurs/A1/A110/trousexterieurs.jpg');
}
.fond_moteur.A110_dim.sel_rsComptage {
   background-image: url('../../../fichiers/moteurs/A1/A110/entraxe.jpg');
}
/* A120 */
.fond_moteur.A120 {
   background-image: url('../../../fichiers/moteurs/A1/A120/visuel.jpg');
   height: 160px;
   margin-bottom: -67px;
}
/* A140 */
.fond_moteur.A140 {
   background-image: url('../../../fichiers/moteurs/A1/A140/visuel.png');
}
.fond_moteur.A140.sel_rsInfo {
   background-image: url('../../../fichiers/moteurs/A1/A140/longueur.png');
}
.fond_moteur.A140.sel_rsInfo2 {
   background-image: url('../../../fichiers/moteurs/A1/A140/diametre.png');
}
.fond_moteur.A140.sel_rsInfo3 {
   background-image: url('../../../fichiers/moteurs/A1/A140/entraxe.png');
}
.fond_moteur.A140.sel_rsComptage {
   background-image: url('../../../fichiers/moteurs/A1/A140/hauteur.png');
}
/* A160 */
.fond_moteur.A160 {
   background-image: url('../../../fichiers/moteurs/A1/A160/visuel.png');
   margin-bottom: -57px;
}
/* A170 */
.fond_moteur.A170_guides {
   background-image: url('../../../fichiers/moteurs/A1/A170/guides.png');
}
.fond_moteur.A170_guides.sel_rsInfo3 {
   background-image: url('../../../fichiers/moteurs/A1/A170/longueur.png');
}
.fond_moteur.A170_chaines {
   background-image: url('../../../fichiers/moteurs/A1/A170/chaines.png');
}
.fond_moteur.A170_pignons {
   background-image: url('../../../fichiers/moteurs/A1/A170/pignons.jpg');
   margin-bottom: -58px;
}
.fond_moteur.A170_pignons.sel_rsInfo31 {
   background-image: url('../../../fichiers/moteurs/A1/A170/alesage.jpg');
}
.fond_moteur.A170_pignons.sel_rsInfo32 {
   background-image: url('../../../fichiers/moteurs/A1/A170/longueur_alesage.jpg');
}
.fond_moteur.A170_pignons.sel_rsInfo33 {
   background-image: url('../../../fichiers/moteurs/A1/A170/diametre.jpg');
}
.fond_moteur.A170_pignons.sel_rsInfo34 {
   background-image: url('../../../fichiers/moteurs/A1/A170/hauteur.jpg');
}
/* A180 */
.fond_moteur.A180 {
   background-image: url('../../../fichiers/moteurs/A1/A180/visuel.jpg');
}
.fond_moteur.A180.sel_rsComptage {
   background-image: url('../../../fichiers/moteurs/A1/A180/longueur.jpg');
}
/* A210 */
.fond_moteur.A210_gamme {
   background-image: url('../../../fichiers/moteurs/A2/A210/gamme.jpg');
   height: 180px;
   margin-bottom: -57px;
}
.fond_moteur.A210_dimensions {
   background-image: url('../../../fichiers/moteurs/A2/A210/dimensions.jpg');
   height: 180px;
   margin-bottom: -57px;
}
.fond_moteur.A210_dimensions.sel_rsInfo5 {
   background-image: url('../../../fichiers/moteurs/A2/A210/longueur.jpg');
}
.fond_moteur.A210_dimensions.sel_rsInfo6 {
   background-image: url('../../../fichiers/moteurs/A2/A210/largeur.jpg');
}
.fond_moteur.A210_dimensions.sel_rsC2 {
   background-image: url('../../../fichiers/moteurs/A2/A210/hauteur.jpg');
}
/* A220 */
.fond_moteur.A220 {
   background-image: url('../../../fichiers/moteurs/A2/A220/visuel.png');
   height: 130px;
   margin-bottom: -30px;
}
/* A230 */
.fond_moteur.A230 {
   background-image: url('../../../fichiers/moteurs/A2/A230/visuel.jpg');
   margin-bottom: -40px;
   background-position-x: 54%;
}
/* A3 */
.fond_moteur.A300, .fond_moteur.A310, .fond_moteur.A320, .fond_moteur.A330, .fond_moteur.A340, .fond_moteur.A350, .fond_moteur.A360, .fond_moteur.A370 {
   background-image: url('../../../fichiers/moteurs/A3/visuel.png');
   height: 140px;
   margin-bottom: -62px;
}
/* A410 */
.fond_moteur.A410 {
   background-image: url('../../../fichiers/moteurs/A4/A410/visuel.png');
   margin-bottom: -10px;
}
.fond_moteur.A410.sel_rsInfo3 {
   background-image: url('../../../fichiers/moteurs/A4/A410/longueur.png');
}
.fond_moteur.A410.sel_rsInfo4 {
   background-image: url('../../../fichiers/moteurs/A4/A410/largeur.png');
}
.fond_moteur.A410.sel_rsInfo5 {
   background-image: url('../../../fichiers/moteurs/A4/A410/hauteur.png');
}
.fond_moteur.A410.sel_rsInfo6 {
   background-image: url('../../../fichiers/moteurs/A4/A410/diametre-exterieur.png');
}
.fond_moteur.A410.sel_rsInfo7 {
   background-image: url('../../../fichiers/moteurs/A4/A410/diametre-interieur.png');
}
.fond_moteur.A410.sel_rsInfo8 {
   background-image: url('../../../fichiers/moteurs/A4/A410/diametre-superieur.png');
}
.fond_moteur.A410.sel_rsInfo9 {
   background-image: url('../../../fichiers/moteurs/A4/A410/diametre-inferieur.png');
}
/* A420 */
.fond_moteur.A420{
   background-image: url('../../../fichiers/moteurs/A4/A420/visuel.jpg');
   margin-bottom: -30px;
}
.fond_moteur.A420.sel_rsInfo3 {
   background-image: url('../../../fichiers/moteurs/A4/A420/longueur.jpg');
}
.fond_moteur.A420.sel_rsInfo5 {
   background-image: url('../../../fichiers/moteurs/A4/A420/hauteur.jpg');
}
.fond_moteur.A420.sel_rsInfo6 {
   background-image: url('../../../fichiers/moteurs/A4/A420/diametre-exterieur.jpg');
}
.fond_moteur.A420.sel_rsInfo7 {
   background-image: url('../../../fichiers/moteurs/A4/A420/diametre-interieur.jpg');
}
/* A430 */
.fond_moteur.A430 {
   background-image: url('../../../fichiers/moteurs/A4/A430/visuel.jpg');
   margin-bottom: -40px;
   height: 150px;
}
.fond_moteur.A430.sel_rsInfo5 {
   background-image: url('../../../fichiers/moteurs/A4/A430/hauteur.jpg');
}
.fond_moteur.A430.sel_rsInfo6 {
   background-image: url('../../../fichiers/moteurs/A4/A430/diametre-exterieur.jpg');
}
.fond_moteur.A430.sel_rsInfo7 {
   background-image: url('../../../fichiers/moteurs/A4/A430/diametre-interieur.jpg');
}
/* A440 */
.fond_moteur.A440 {
   background-image: url('../../../fichiers/moteurs/A4/A440/visuel.jpg');
   margin-bottom: -50px;
}
.fond_moteur.A440.sel_rsInfo3 {
   background-image: url('../../../fichiers/moteurs/A4/A440/longueur.jpg');
}
.fond_moteur.A440.sel_rsInfo4 {
   background-image: url('../../../fichiers/moteurs/A4/A440/largeur.jpg');
}
.fond_moteur.A440.sel_rsInfo5 {
   background-image: url('../../../fichiers/moteurs/A4/A440/hauteur.jpg');
}
.fond_moteur.A440.sel_rsInfo6 {
   background-image: url('../../../fichiers/moteurs/A4/A440/diametre-exterieur.jpg');
}
.fond_moteur.A440.sel_rsInfo7 {
   background-image: url('../../../fichiers/moteurs/A4/A440/diametre-interieur.jpg');
}
/* A510 */
.fond_moteur.A510 {
   background-image: url('../../../fichiers/moteurs/A5/A510/visuel.jpg');
   margin-bottom: -20px;
}
/* A520 */
.fond_moteur.A520 {
   background-image: url('../../../fichiers/moteurs/A5/A520/visuel.jpg');
   height: 140px;
   margin-bottom: -40px;
}
.fond_moteur.A525 {
   background-image: url('../../../fichiers/moteurs/A5/A525/visuel.jpg');
   height: 100px;
   margin-bottom: -10px;
}
/* A530 */
.fond_moteur.A530 {
   background-image: url('../../../fichiers/moteurs/A5/A530/visuel.jpg');
   margin-bottom: -40px;
   height: 150px;
}
.fond_moteur.A530.sel_interieur {
   background-image: url('../../../fichiers/moteurs/A5/A530/diametre_interieur.jpg');
}
.fond_moteur.A530.sel_exterieur {
   background-image: url('../../../fichiers/moteurs/A5/A530/diametre_exterieur.jpg');
}
/* A540 */
.fond_moteur.A540 {
   background-image: url('../../../fichiers/moteurs/A5/A540/visuel.png');
}
/* A570 */
.fond_moteur.A570 {
   background-image: url('../../../fichiers/moteurs/A5/A570/visuel.jpg');
   margin-bottom: -40px;
   height: 130px;
   background-position-x: 53%;
}
/* A580 */
.fond_moteur.A580 {
   background-image: url('../../../fichiers/moteurs/A5/A580/visuel.png');
   margin-bottom: -35px;
}
/* A590 */
.fond_moteur.A590 {
   background-image: url('../../../fichiers/moteurs/A5/A590/visuel.jpg');
   margin-bottom: -26px;
}
.fond_moteur.A590.sel_diametre {
   background-image: url('../../../fichiers/moteurs/A5/A590/diametre.jpg');
}
/* A610 */
.fond_moteur.A610 {
   background-image: url('../../../fichiers/moteurs/A6/A610/visuel.jpg');
   margin-bottom: -57px;
   height: 150px;
   background-position: 55% bottom;
}
.fond_moteur.A610.sel_rsComptage1 {
   background-image: url('../../../fichiers/moteurs/A6/A610/alesage.png');
}
.fond_moteur.A610.sel_rsComptage2 {
   background-image: url('../../../fichiers/moteurs/A6/A610/profondeur.jpg');
}
.fond_moteur.A610.sel_rsComptage4 {
   background-image: url('../../../fichiers/moteurs/A6/A610/hauteur.jpg');
}
.fond_moteur.A610.sel_rsComptage5 {
   background-image: url('../../../fichiers/moteurs/A6/A610/entraxe.png');
}
/* A620 */
.fond_moteur.A620 {
   background-image: url('../../../fichiers/moteurs/A6/A620/visuel.jpg');
   height: 150px;
   margin-bottom: -56px;
}
.fond_moteur.A620.sel_exterieur {
   background-image: url('../../../fichiers/moteurs/A6/A620/diametre_exterieur.jpg');
}
.fond_moteur.A620.sel_alesage {
   background-image: url('../../../fichiers/moteurs/A6/A620/alesage.jpg');
}
.fond_moteur.A620.sel_hauteur {
   background-image: url('../../../fichiers/moteurs/A6/A620/hauteur.jpg');
}
/* A630 */
.fond_moteur.A630 {
   background-image: url('../../../fichiers/moteurs/A6/A630/visuel.jpg');
   height: 150px;
   margin-bottom: -56px;
}
/* A650 */
.fond_moteur.A650 {
   background-image: url('../../../fichiers/moteurs/A6/A650/visuel.jpg');
   background-position-x: 60%;
   margin-bottom: -55px;
   height: 150px;
}
.fond_moteur.A650.sel_rsComptage1 {
   background-image: url('../../../fichiers/moteurs/A6/A650/longueur.jpg');
}
.fond_moteur.A650.sel_rsComptage2 {
   background-image: url('../../../fichiers/moteurs/A6/A650/diametre.jpg');
}
.fond_moteur.A650.sel_rsComptage3 {
   background-image: url('../../../fichiers/moteurs/A6/A650/diametre_ext.jpg');
}
.fond_moteur.A650.sel_rsComptage4 {
   background-image: url('../../../fichiers/moteurs/A6/A650/hauteur.jpg');
}
/* A651 */
.fond_moteur.A651_mm, .fond_moteur.A651_dim {
   background-image: url('../../../fichiers/moteurs/A6/A651/visuel.jpg');
   margin-bottom: -35px;
}
.fond_moteur.A651_dim.sel_longueur {
   background-image: url('../../../fichiers/moteurs/A6/A651/longueur.jpg');
}
.fond_moteur.A651_dim.sel_embout {
   background-image: url('../../../fichiers/moteurs/A6/A651/embout.png');
}
/* A652 */
.fond_moteur.A652 {
   background-image: url('../../../fichiers/moteurs/A6/A652/visuel.jpg');
   margin-bottom: -35px;
   background-position-x: 55%;
   height: 150px;
}
.fond_moteur.A652.sel_largeur {
   background-image: url('../../../fichiers/moteurs/A6/A652/largeur.jpg');
}
/* A690 */
.fond_moteur.A690 {
   background-image: url('../../../fichiers/moteurs/A6/A690/visuel.jpg');
   margin-bottom: -35px;
   background-position-x: 57%;
}
.fond_moteur.A690.sel_longueur {
   background-image: url('../../../fichiers/moteurs/A6/A690/longueur.jpg');
}
.fond_moteur.A690.sel_diametre {
   background-image: url('../../../fichiers/moteurs/A6/A690/diametre.jpg');
}
.fond_moteur.A690.sel_longueurfiletage {
   background-image: url('../../../fichiers/moteurs/A6/A690/longueurfiletage.jpg');
}
/* A710 */
.fond_moteur.A710 {
   background-image: url('../../../fichiers/moteurs/A7/A710/visuel.jpg');
   margin-bottom: -57px;
   background-position-x: 55%;
}
.fond_moteur.A710.sel_exterieur {
   background-image: url('../../../fichiers/moteurs/A7/A710/exterieur.jpg');
}
.fond_moteur.A710.sel_alesage {
   background-image: url('../../../fichiers/moteurs/A7/A710/alesage.jpg');
}
/* A720 */
#moteur.mA720 #Filtrer {
   margin-left: 180px;
}
.fond_moteur.A720 {
   background-image: url('../../../fichiers/moteurs/A7/A720/visuel.jpg');
   margin-bottom: -57px;
   background-position-x: 54%;
   height: 160px;
}
.fond_moteur.A720.sel_exterieur {
   background-image: url('../../../fichiers/moteurs/A7/A720/exterieur.jpg');
}
.fond_moteur.A720.sel_interieur {
   background-image: url('../../../fichiers/moteurs/A7/A720/interieur.jpg');
}
.fond_moteur.A720.sel_epaisseur {
   background-image: url('../../../fichiers/moteurs/A7/A720/epaisseur.jpg');
}
/* A730 */
.fond_moteur.A730 {
   background-image: url('../../../fichiers/moteurs/A7/A730/visuel.png');
   margin-bottom: -57px;
   height: 150px;
}
/* A740 */
.fond_moteur.A740 {
   background-image: url('../../../fichiers/moteurs/A7/A740/visuel.png');
   margin-bottom: -60px;
   height: 170px;
}
/* B1001 */
.fond_moteur.B1001 {
   background-image: url('../../../fichiers/moteurs/B1001/visuel.jpg');
}
.fond_moteur.B1001_dim {
   background-image: url('../../../fichiers/moteurs/B1001/visuel.png');
   height: 160px;
   margin-bottom: -20px;
}
.fond_moteur.B1001_dim.sel_rsInfo3 {
   background-image: url('../../../fichiers/moteurs/B1001/a.png');
}
.fond_moteur.B1001_dim.sel_rsInfo4 {
   background-image: url('../../../fichiers/moteurs/B1001/b.png');
}
.fond_moteur.B1001_dim.sel_rsComptage2 {
   background-image: url('../../../fichiers/moteurs/B1001/c.png');
}
/* C1101 */
.fond_moteur.C1101_resistance {
   background-image: url('../../../fichiers/moteurs/C1101/resistance.jpg');
   margin-bottom: -45px;
   background-position-x: 55%;
}
.fond_moteur.C1101_thermostat {
   background-image: url('../../../fichiers/moteurs/C1101/thermostat.jpg');
   margin-bottom: -35px;
   background-position-x: 55%;
}
/* D1201 */
.fond_moteur.D1201 {
   background-image: url('../../../fichiers/moteurs/D1201/visuel.jpg');
   margin-bottom: -35px;
}
/*
.fond_moteur .indication {
   border-bottom: 1px solid red;
   position: absolute;
}
.fond_moteur .indication {
   width: 112px;
   height: 47px;
   -webkit-transform:
      translateY(-20px)
      translateX(5px)
      rotate(27deg); 
}
*/
#logomoteur {
   float: left;
   margin-top: 10px;
   width:auto;
   display: none;
}
#logomoteur img {
margin-bottom:20px;
}
#logomoteur p img {
   box-shadow: 1px 1px 5px 0 #cccccc;
}
#recherche .btn, #recherche2 .btn {
   height: 27px;
   padding: 2px 0 2px 5px;
font-size:14px;
}
#recherche .input-group-btn {
	width:auto;
}
#recherche .input-group-btn > .btn {
	background-color: var(--col1);
   color: #ffffff;
	font-family:inherit;
	width:40px;
}
#recherche select, #recherche input, #recherche2 input {
   font-size: 11px;
   margin: 0;
   padding: 0 0 0 9px !important;
   height: 27px;
}
#recherche select {
	margin: 5px 0 5px;
	width: auto;
   border-radius: 4px;
}
#recherche input {
	border-radius: 4px 0 0 4px;
	width:70%;
}
.input-group.myrecherche {
   width: 100%;
}
#recherche .input-group-btn .btn {
   border-radius: 0 4px 4px 0;
}
#recherche .btn .caret {
   margin-left: 5px;
}
#recherche .dropdown-menu {
   font-size: 11px;
}
#recherche .dropdown-menu > li > a {
	text-decoration:none;
}
#recherche .dropdown-menu > li > a:hover {
	background-color: var(--col2);
	color: #FFFFFF;
}
#recherche .input-append input {
   border-radius: 0 !important;
}

/* footer */
#footer {
	background-color: white;
   background-image: url("../images/bg_footer.jpg");
   background-position: left top;
   background-repeat:no-repeat;
   line-height: 1.75rem;
   display: flex;
   flex-direction: column;
   box-shadow: 0 -2px 3px -1px rgba(0,0,0,0.18);
}
@media (min-width: 1400px) {
   #footer {
      background-image: url("../images/bg_footer_xxl.jpg");
      min-height: 500px;
   }
}
@media (min-width: 1200px) AND (max-width: 1399px) {
   #footer {
      background-image: url("../images/bg_footer_xl.jpg");
      min-height: 515px;
   }
}
@media (min-width: 990px) AND (max-width: 1199px) {
   #footer {
      background-image: url("../images/bg_footer_lg.jpg");
   }
   .sloganfooter {
      max-width:750px;
   }
}
@media (max-width: 1199px) {
   #footer_gauche {
      margin-bottom: 20px;
   }
}
@media (max-width: 989px) {
   #footer_gauche {
      background-color: var(--col1);
   }
}
#footer h3, #footer h4 {
   color: var(--col1);
   text-decoration: none;
}
#footer ul {
	margin: 0;
	list-style: none;
}
#footer li {
   text-align:left;
	line-height: 1;
   padding: 6px 0px;
}
#footer #footer_gauche p {
   color: white;
}
#footer p {
	line-height: 1.65rem;
	margin: 0;
	font-size: 0.9rem;
   color: var(--text);
}
#footer li a {
	font-size: 0.9rem;
	text-decoration: none;
	color: var(--text);
} 
#footer a:hover {
	color: var(--col1);
}
#footer a .fa-stack-1x {
	color: white;
	font-size: 1.0rem;
	background-color: #282A29;
	border: 1px solid white;
	border-radius: 50%;
}
#footer hr {
	opacity: 1;
	border-top-width: 3px;
   border-top-color: #fff;
}
#footer2 {
   text-align:center;
   font-size: 0.88rem;
   margin-top: auto;
}
@media (min-width: 1200px) {
   .social {
      margin-bottom: 0px;
   }
}
@media (max-width: 1199px) {
   #footer2 {
      background-color: #282A29;
      height: auto;
      margin-top: -15px
   }
   .copyright {
      margin-top: 18px;
   }
   .social {
      margin-bottom: -60px;
   }
}
@media (max-width: 768px) {
   .copyright {
      margin-top: 55px;
   }
}
#footer2, #footer2 a {
   color: white;
}

.rsfooter {
   margin: 10px 10px 0;
}
#footer a .rsfooter .fa.fa-stack-1x, .coltext {
	color: var(--text);
}
#footer a:hover .rsfooter .fa.fa-stack-1x {
	color: #FFF;
}
.newsletter .btn-custom {
	background-color: #282929;
	text-transform: uppercase;
}
/* tables */
.table th, .table td {
   font-size: 0.85rem;
}
.table-striped {
   border-collapse:separate ;/* pour éviter dysfonctionnement des bordures sur Firefox */
   border-bottom: 1px solid #CCCCCC;
}
.suivicdes td {
   line-height: 1.8;
}
#resultat table {
   margin: 0;
}
.arrondi {
	border: 2px solid #f3f3f3;
	border-radius: 6px;
	background-color: #f3f3f3;
}

.table.noborder > tbody > tr > td, .table.noborder > tbody > tr > th, .table.noborder > tfoot > tr > td, 
.table.noborder > tfoot > tr > th, .table.noborder > thead > tr > td, .table.noborder > thead > tr > th {
   border:none;
   vertical-align: middle;
   padding: 10px;
}
.table.noborder > tbody > tr > th, .table.noborder > thead > tr > th {
   border-bottom: 2px solid white;
}
/* boutons et icones */
#tri .btn {
   height: 27px;
   line-height: 10px;
}
.btn-group > .btn:first-child {
	-webkit-border-top-left-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 6px;
   behavior: url(PIE.php);	
	border-bottom-left-radius: 6px;
}
.btn-group > .btn + .dropdown-toggle {
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	border-top-right-radius: 6px;
   behavior: url(PIE.php);
	border-bottom-right-radius: 6px;
}
.btn-group > .btn, .btn {
	text-decoration:none;
}

.btn.btn-tab {
   background-color: #A9A9A9;
   color: white;
   text-transform: uppercase;
   padding: 8px 15px;
   font-size: 1em;
   font-weight: bold;
   margin: 10px 0;
   cursor: default;
}
.blocbtn a {
   text-decoration: none;
}
#action {
   border: none;
}

input.btn.btn-unicar {
	padding: 4px 7px;
}
.btn.btn-unicar {
	padding: 4px 7px;
}
.btn-unicar .fa, .btn-unicar .far, .btn-unicar .fas {
   margin-right: 0;
}
.btn.action {
   font-size: 0.75rem;
}
.btn-unicar .fa, .btn-unicar.maj .fa {
	line-height:1em;
	margin-right:0;
}
.btn.search {
	padding:14px;
	white-space:normal;
}
.btn-group.open .btn.dropdown-toggle {
   background-color: var(--col1);
}
.btn-group.open .dropdown-toggle {
   padding-left: 8px;
   padding-right: 8px;
}
.btn.btn-danger:hover {
	background-color: #bb2d3b;
}
.btn-default {
   background-color: #F5F5F5;
   background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
   background-repeat: repeat-x;
   border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
}
.btn-default:hover{
   background-color: #E6E6E6;
   color: #333333;
   text-decoration: none;
   transition: background-position 0.1s linear 0s;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
}
/* formulaires */
form {
	margin:0;
	padding: 10px 0;
}
select:required:invalid {
   color: grey;
}
.flabel {
   font-size: 0.9em;
   font-weight: normal;
   width: 22%;
}
.form-label {
	margin-bottom: 0.25rem;
	font-weight: 600;
}
/* ==================================================================== */
/* code HTML : <input type="checkbox" value="4" name="prodoption[]" id="prodoption_1" ><label for="prodoption_1">  */
/* ==================================================================== */
input.caseacocher[type=checkbox] {display:none;}
input.caseacocher[type=checkbox] + label {cursor:pointer;margin-right: 5px;line-height: 1;font-weight: 400;}
input.caseacocher[type=checkbox] + label:before {font-family: "Font Awesome 5 Free";display: inline-block;content: "\f0c8";width:16px;font-size: 16px;}
input.caseacocher[type=checkbox]:checked + label:before {content: "\f14a";font-size: 16px;}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
   border-color: rgba(82, 168, 236, 0.8);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
   outline: 0 none;
}
input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, input.error:focus {
   border-color: #e9322d;
   box-shadow: 0 0 6px #f8b9b7;
   outline: 0 none;
}
.invalid {
   border-color: #e9322d!important;
   box-shadow: 0 0 4px #ff0000!important;	
   outline: 0 none!important;
}
label.error {
	color: red;
}
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
   border-radius: 0 4px 4px 0;
}
.input-append input, .input-append select, .input-append .uneditable-input {
   border-radius: 4px 0 0 4px!important;
	padding: 4px 4px 4px 7px !important;
}
.input-append .add-on, .input-append .btn, .input-append .btn-group {
	border-radius: 6px;
}
select, textarea, input[type="text"], .form-select, input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
   font-size: 0.75rem;
}

input[type="number"].lqte, input[type="number"].dqte {
   width: 50px;
   padding: 2px;
   text-align: center;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	opacity: 1;
}
.majuscules {
	text-transform: uppercase;
}
textarea {
   width:100%;    
}

.blocajout .input-group-addon {
	padding: 10px 4px;
	width: auto;
}

/* pagination */
.paging {
	clear: both;
	padding: 6px 0 20px;
	line-height: 17px;
	font-size: 1em;
	margin: 0 auto;
	display: table;
}
.paging span, .paging a {
   display:block;
   float:left;
   margin: 2px 2px 2px 0;
   padding:5px 8px;
   text-decoration:none;
   width:auto;
   color: #666666;
   background: #FFFFFF;
   border:1px solid #DDDDDD;
   font-weight:normal;
}
.paging .current{
	background: var(--col1);
	border:1px solid #999999;
	padding:5px 8px;
	color: #FFFFFF;
	font-weight: bold;
}
#corps .paging a:hover{
   color: #FFFFFF;
   background: var(--col2);
}
.resultats {
	text-align: right;
	padding-right: 20px;
}
/* Retour Top */
.totop {
	bottom: 20vh;
	position: fixed;
	right: 30px;
	z-index: 1000;
}
.totop a, .totop a:visited {
   background: none repeat scroll 0 0 #fff;
   border-radius: 6px;
	color: var(--col1);
	display: block;
	height: 40px;
	line-height: 36px;
	text-align: center;
	width: 40px;
	font-size: 1.5rem;
	border: 2px solid var(--col1);
}
.totop .fa {
	margin: 5px 0;;
}
.totop > a:hover {
   background-color: var(--col1);
   color: #fff;
} 
/* formulaire de demande de job */
.job {
	padding: 15px 25px;
}
.parent-div {
   display: inline-block;
   position: relative;
   overflow: hidden;
}
.parent-div input[type=file] {
   left: 0;
   top: 0;
   opacity: 0;
   position: absolute;
   font-size: 90px;
}
.job .btn.btn-default.btn-lg {
   font-size: 14px;
   height: 26px;
   padding: 2px;
}
.job input.btnfile:hover {
   touch-action: manipulation;
   cursor: pointer;
}
.job input.btnfile:hover + .btn.btn-default.btn-lg {
   background-image: unset;
   background-color: var(--col1);
   color: #fff;
}
/* Notice, message d'information */
.notice {
   padding: 15px;
   background-color: #fafafa;
   border-left: 6px solid #7f7f84;
   margin-bottom: 10px;
   font-size: 1rem;
   -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
      -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
         box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
}
.notice-sm {
   padding: 10px;
   font-size: 80%;
}
.notice-lg {
   padding: 35px;
   font-size: large;
}
.notice-success {
   border-color: var(--col1);
}
/* noty */
#noty_topRight_layout_container {
   right: 3% !important;
   top: 17% !important;
   width: 400px !important;
}
#noty_topCenter_layout_container {
	top: 10px !important;
	max-height: 90vh;
	overflow: hidden auto;
   background-color: #fff;
   width: 380px !important;
}
#noty_topCenter_layout_container > li {
	background:none !important;
	border:none !important;
   width: 100% !important;
}
.noty_bar.noty_type_success{
   color: #FFF;
   font-size: 0.9em;
   background-color: var(--col1);
   border:solid 1px var(--col1);
}
.animated.fadeInRight.bulle {
   background-image: url("../images/bulle.png");
   background-repeat: no-repeat;
   background-color: rgba(0, 0, 0, 0) !important;
   border: medium none !important;
   box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
min-width: 410px !important;
   min-height: 160px !important;
   padding: 10px;
}
.bulle .noty_message {
	background-color: transparent;
   padding-left: 100px !important;
}
.animated.fadeOutRight {
   background-color: rgba(0, 0, 0, 0) !important;
   border: medium none !important;
   box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
.noty_bar.noty_type_warning {
   background-color: var(--col1);
   color: #FFFFFF;
   border:solid 2px #FFFFFF;
}
/*
.noty_bar.noty_type_success {
   background-color: #017027;
   color: #FFFFFF;
   border:solid 2px #9dc055;
} */
.noty_text > ul {
   margin-left: 19px;
}
/* fenetres modal */
.modal-content {
	border-radius: 8px;
}
.modal-title {
   background-color: var(--col1);
   border-radius: 6px;
   color: #FFFFFF;
   font-weight: bold;
   line-height: 1.42857;
   margin: 0;
   padding: 10px;
   text-align: center;
   width: 100%;
}
.modal-header {
	border: 1px solid var(--col1);
	height: 36px;
	background-color: var(--col1);
	border-radius: 7px 7px 0 0;
	color: white;
	text-align: center;
	line-height: 5px;
	font-size: 1rem;
	font-weight: 700;
}
.modal-header .close, .modal-header .close .fa {
   margin-top: 2px;
   margin-top: -2px;
   color: #000 !important;
}
.modal-header .close2 {
   margin-top:0;
   color: #FFFFFF;
}
#videoModal .close {
	opacity:0.8;
	line-height: 0.8;
}
.modal-sm {
   width: 650px;
   top: 30vh;
}
.modal-body {
	text-align: center;
	font-size: 1rem;
}
.minsize {
	font-size: 1rem;
}
/* popup d'information #modalmsginfo */
#modalmsginfo .modal-dialog {
	top: 0;
	margin: 1vh auto;
}
#modalmsginfo .modal-content {
	background-color: transparent;
	box-shadow: unset;
   border: unset;
}
#modalmsginfo .modal-header, #modalmsginfo .modal-footer {
   display: none;
}
#modalmsginfo .modal-body img {
	height: 90vh;
}
.fade2 {
   transform: scale(0.25);
   opacity: 0;
   transition: all 0.5s linear;
   display: block !important;
}
.fade2.in {
   transform: scale(1);
   transition: all 0.75s linear;
   opacity: 1;
}

/* lightbox*/
.ekko-lightbox-container img {
	display:inline-block;
}
.ekko-lightbox-container .img-responsive {
	width:auto;
   max-height: 90vh;
}
.ekko-lightbox .modal-header {
	min-height: 1px;
	padding: 5px 5px 0 0;
	background-color: white;
	border: unset;
}
.ekko-lightbox .modal-dialog {
	max-width: 90% !important;
}
.ekko-lightbox .modal-header .modal-title  {
	background-color:transparent;
	color: #666666;
	padding:5px;
}
.ekko-lightbox .modal-body {
	padding:5px 20px;
}

/* image au survol du lien */
a.info {
   position:relative;
}
a.info:hover {
   background: none; 
   z-index: 500; 
}
.info > img {
   max-height: 160px;
   min-height: 10px;
}
a.info span {display: none;}
a.info:hover span {
   display: inline; 
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:normal;
   top: 10px; 
   left: 50px;
   background: white;
   padding: 3px;
   border: 1px solid #5D779A;
}
.zoomLens {
	max-width: 100%;
	max-height: 100%;
   border-color: #666 !important;
}
.zoomWindow {
   margin-left: 6px;
}
.zoomWindow.imgzoom {
	background-position: center center !important;
	background-size: 90% !important;
}
.zoomTint {
	max-width: 100%;
}

@media screen and (min-width: 1400px) {
   .container {
      width: 100%;
      max-width: 1620px;
   }
}
@media screen and (min-width: 1200px) {
   .lg-hidden {
      display:none;
   }
}
@media screen and (max-width: 1200px) {
   .lg-only {
      display:none;
   }
	#dynamicBackgroundLink {
	display:none;
	}
	.divbtn {
      margin-top: 20px;
   }
   .divbtn.divbtndroit {
      padding-left: 0;
   }
   #familysearch {
      width: 35.9%;
   }
}

@media screen and (min-width: 992px) {
   .blocatal:nth-child(4n+1) .bordGD {
      border-left: 1px solid #ccc;
   }

}
@media screen and (max-width: 992px) {
   #navmenu1 {
      margin-top: -41px;
   }
   .top_textavantsaison {
      display: none;
   }
   #m2 {
      margin: 0 15px 2px;
   }
   .lienitem .connexion1 .dropdown-menu {
      top: 80px;
      right: auto;
      left: auto;
   }
   #conteneur_haut {
      position: unset;
   }
}
.video-fluid {
	max-width: 100%;
}
.carousel-indicators [data-bs-target] {
	width: 14px;
	height: 14px;
	padding: 0;
	margin-right: 5px;
	margin-left: 5px;
	background-color: var(--col1);
	border: 1px solid var(--col1);
	transition: opacity .6s ease;
	border-radius: 10px;
}
#myCarousel1 a.nav-link {
   text-align: center;
   margin: 0 auto;
}
#myCarousel1 img {
	max-width: 100%;
}
#iPause {
	font-size: 1.25rem;
}
.btnPause {
	padding: 0px 10px;
	color: var(--col1);
	margin-top: -2px;
}
.slogan, .slogan a {
	text-align: center;
	background-color: var(--col1);
   color: #FFF;
	font-weight: 600;
   font-size: clamp(0.75rem, 0.6569rem + 0.3922vw, 1rem);   
   padding: 10px;
   box-shadow: 0px 3px 3px #00000014;
   text-decoration: none;
   z-index: 1010;
   position: sticky;
}
.slogan a:hover {
   text-decoration: underline;
}
#myCarousel2 .video-fluid {
	min-width: 101%;
}
@media screen and (min-width: 1201px) and  (max-width: 1400px) {
   #myCarousel2 video {
      max-height: 309px;
   }
}
@media screen and (min-width: 991px) and  (max-width: 1200px) {
   #myCarousel2 video {
      max-height: 260px;
   }
}
@media screen and (min-width: 768px) and  (max-width: 990px) {
   #myCarousel2 video {
      max-height: 200px;
   }
}
@media screen and (min-width: 992px) and  (max-width: 1200px) {
   .pictonl.fa-stack {
      left: 420px;
   }
}
@media screen and (min-width: 768px) and  (max-width: 991px) {
   .blocatal:nth-child(3n+1) .bordGD {
      border-left: 1px solid #ccc;
   }
   .pictonl.fa-stack {
      left: 320px;
   }
}
@media screen and (max-width: 768px) {
   .blocatal:nth-child(2n+1) .bordGD {
      border-left: 1px solid #ccc;
   }
   #recherche {
		float:left;
		width:100%;
	}
   .pictonl.fa-stack {
      display: none;
   }
	.col-h1 {
		float:left;
		height: 170px;
	}
	#footer1 {
		height: 90px;
	}
	.pictosfamilles {
      display: none;
   }
   #familysearch {
      width: 33.2%;
   }
}
/*------------- comparateur d'articles ------------------*/
#titrecomp {
	cursor: pointer;
}
.comparateur {
	position: fixed;
	z-index: 1000;
	bottom: 0;
	display: none;
	width: 100%;
   background: #fff;
}
.comparateur .titre-comparateur {
	height: 50px;
	line-height: 50px;
	width: 100%;
	font-size: 1.5rem;
	text-align: center;
	color: #fff;
	background: var(--col1);
}
.titre-comparateur .affcomparateur {
	width: 100%;
	display: block;
	position: relative;
}
.comparateur .titre-comparateur .affcomparateur::after, .comparateur .titre-comparateur .affcomparateur.off::after {
   position: absolute;
   top: 25%;
   left: 53%;
   -webkit-transform: translateX(165px);
   transform: translateX(165px);
   display: inline-block;
   font-style: normal;
   font-family: "Font Awesome 5 Free";
   font-size: 14px;
   font-weight: 900;
   line-height: 1;
   font-size: inherit;
   text-rendering: auto;
}
.comparateur .titre-comparateur .affcomparateur::after {
   content: '\f078';
}
.comparateur .titre-comparateur .affcomparateur.off::after {
   content: '\f077';
}
.affcomparateur .fa, .article-supp .fa, .affcomparateur .far, .article-supp .far, .affcomparateur .fas, .article-supp .fas {
	float: right;
	border: 1px solid;
	border-radius: 50px;
}
.affcomparateur .fa, .affcomparateur .fas, .affcomparateur .far {
	padding: 9px;
   color: white;
   border-color: white;
	line-height: 20px;
   margin: 5px 15px 0 0;
}
.article-supp .fa, .article-supp .fas, .article-supp .far {
	line-height: 10px;
	margin: -15px 40px 0 0;
   border-color: #666;
	color: #666;
	padding: 6px;
}
.ref .article-supp .fa, .ref .article-supp .fas, .ref .article-supp .far {
   margin: -2px 0 0 0;
}
.fas.fa-times:hover {
   color: var(--col2);
   border-color: var(--col2);
}
.comparer.on {
	color: var(--col2);
}
.comparateur .btn_compare {
	float: right;
	width: 220px;
	padding-right: 20px;
}
.corps-comparateur {
   padding: 15px 0;
   margin: 0 7%;
}
.comparateur .corps-comparateur ul {
   display: block;
   float: left;
   width: 760px;
   min-height: 100px;
   padding: 20px 0 30px 22px;
   list-style: none;
}
.comparateur ul li {
	position: relative;
	float: left;
	width: 135px;
	margin-left: 10px;
}
.btn_compare .btn {
	width: 100%;
	margin: 15px 0 5px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
   outline: none;
}
.blocprix .btn.btn-default.comparer {
	font-size: 16px;
}
.btn.btn-default.comparer {
	background-color: transparent;
	border-color: transparent;
	background-image: none;
	font-size: 0.85rem;
	color: #555;
   padding: 5px 0 10px;
}
.btn.btn-default.comparer:hover {
	color: var(--col2);
}
.comparateur ul li + li::before {
	font-size: 50px;
	font-weight: 700;
	position: absolute;
	top: 43px;
	left: -40px;
	display: block;
	content: '+';
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: var(--col2);
}
.comparateur .picto {
	max-width: 90px;
	max-height: 80px;
	margin-top: 0;
}
.articlecode {
	text-align: center;
	width: 90px;
	font-weight: bold;
}
.table.tab-comparateur > thead {
   background-color: white;
}
.table.tab-comparateur > thead > tr > th, .table.tab-comparateur > tbody > tr > td  {
   vertical-align: top;
   border-right:1px solid #ccc;
   padding:5px 5px 0;
   font-weight: 400;
}
.table.tab-comparateur > thead > tr > th.first {
   border-top:1px solid #ccc;
}
.table.tab-comparateur > tbody > tr > td {
   border-top:1px solid #ccc;
}
.table.tab-comparateur > tbody > tr > td.tdcorps {
   border-left: solid 1px #ccc;
   padding: 0;
}
.tab-comparateur img {
   max-width:100%;
}
.corpscomp {
	border-top: solid 2px #ccc;
	border-bottom: solid 2px #ccc;
}
.tabcorps {
	margin: 1px;
}
#formajout1 {
	padding: 0 0 15px;
}
.tab-comparateur .textvente {
   font-size: 0.75rem;
   line-height: 1;
}
.table.tab-comparateur > thead > tr > th.last {
   border-bottom:1px solid #ccc;
}
#affoffredujour {
   box-shadow: 0 0 9px 0px #444;
   position: fixed;
	z-index: 10000;
	background: rgba(0, 0, 0, 0.075);
	right: 0;
	bottom: 1%;
	border-radius: 9px 0 0 9px;;
   height: auto;
   min-height: 100px;
   display: block;
   height: auto;
   transform: translateX(101%);
   transition: all 1s;
}
.close_offre {
	margin-top: 5px;
	margin-left: 5px;
	position: absolute;
   opacity: 0.75 !important;
}
/* bandeau cookies */
#affbandeaucookie {
   box-shadow: 0 0 9px 0px #444;
}
#affbandeaucookie a {
	color: #efefef;
}
#affbandeaucookie a:hover {
   color: #622c14;
}
.affcookie {
	position: fixed;
	z-index: 1000;
	display: none;
	min-width: 37%;
	background: var(--col1);
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 9px;
	max-width: 600px;
}
.affcookie .container {
	padding: 0;
   width: auto;
   padding: 2px;
}
.affcookie .titre-affcookie {
	height: 50px;
	line-height: 50px;
	width: 100%;
	font-size: 1.5rem;
	text-align: left;
	color: #fff;
	background: var(--col1);
   padding: 6px 15px;
}
.titre-affcookie {
	width: 100%;
	display: block;
	position: relative;
}
.affcookie-titre span {
	font-weight: 800;
	font-size: 1.7rem;
}
.affcookie-corps {
	padding: 15px;
	margin: 0;
	color: #fff;
}
.affcookie-footer {
	border-top: 1px solid #ccc;
	padding: 10px 0;
	margin: 0;
}
#affbandeaucookie #paramcookies {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 0;
}
#refuscookies {
	float: right;
	font-size: 0.8rem;
}
#affbandeaucookie .btn-cookies {
   margin: 0;
   padding: 0 25%;
   color: #efefef !important;
	border: unset;
	font-weight: 600;
	font-size: 1.2rem;
}
#acceptcookies {
	font-weight: 800 !important;
}
#affbandeaucookie a.btn-cookies:hover, #affbandeaucookie a.btn-cookies .fa.fa-close:hover, #affbandeaucookie a.btn-cookies:focus {
	color: #622c14cf !important;
   background-color: transparent;
}
/* media screen */
@media screen {
   .noaffiche {
      display: none;
   }
   .corpscomp {
      height: auto;
      max-height: 50vh;
      overflow-x: hidden;
      overflow-y: auto;
   }
}
@media print {

   #conteneur_haut, .title, .noprint, .containernewsletter, #footer, #footer2, .totop, .article-supp {
      display: none;
   }
   #conteneur_haut {
      position: initial;
   }
   #contenu {
      padding-top: 10px;
   }
   .corpscomp {
      height: 100%;
      overflow-x: hidden;
      overflow-y: visible;
   }
   
}
/* questionnaire */
.entetequestionnaire {
	background-image:url('../images/questionnaire/entete.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	display:block;
	height:171px;
	margin-bottom:10px;
}
.corpsquestionnaire {
	background-image:url('../images/questionnaire/corps.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	display:block;
	height:771px;
	padding: 30px 40px;
}
.corpsquestionnaire .form-group {
	margin-bottom: 10px;
	width: 49%;
}
h2.titre1, h2.titre_histopanier {
	font-size: 1.75rem;
	margin: 15px 0;
} 
.titre2 {
	padding: 5px;
	background-color: var(--col1);
	color: #fff;
	font-weight: 800;
	font-size: 1.4rem;
}
.titre3 {
	padding: 7px 14px;
	background-color: var(--col1);
	color: #fff;
	font-weight: 600;
	font-size: 1.1rem;
}
.interesse {
	font-size: 1.25rem;
	font-weight: 800;
	text-transform: uppercase;
	padding: 12px 0 2px;
}
.decouvrez {
   background-image: url("../images/bougie_couleur.png");
   background-repeat: no-repeat;
   background-position: bottom 10px right 10px;
}
.fondbougie {
	position: absolute;
	right: 8px;
	bottom: 12px;
	text-align: center;
	line-height: 1;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: 800;
	color: #666;
}
.fondbougie b {
   color: var(--col1);;
}
@media screen and (max-width: 390px) {
   .decouvrez {
      background-image: unset;
   }
   .fondbougie {
      display: none;
   }
}
.decouvrez .btn.btn-custom {
	width: max-content;
}
.corpsquestionnaire .form-group > label {
   min-width: 100px;
}
corpsquestionnaire .form-control {
   width: 200px;
}
.autres .form-control {
	width:120% !important;
   height:100px;
   box-shadow: 5px 5px 5px 0px #c0c0c0;
}
.corpsquestionnaire .checkbox {
   float: left;
   margin: 0 0 10px 150px;
   width: 400px;
}
.corpsquestionnaire .checkbox input {
   margin-right: 10px;
}
.corpsquestionnaire .form-control {
   width: 60%;
}
.form-group.autres {
   margin: 5px 150px 20px;
   float: left;
}
.form-group.autres > label {
   font-weight: normal;
   width: 100%;
}
.piedquestionnaire {
	background-image:url('../images/questionnaire/element-graphique.png');
	background-position: center center;
	background-repeat: no-repeat;
	display:block;
	height: 309px;
   margin: -150px auto 100px;
   width: 800px;
}
.image_submit_input {
   background-image: url("../images/questionnaire/bouton.jpg");
   border: 0 none;
   box-shadow: none;
   display: block;
   height: 92px;
   margin: 30px auto;
   text-align: center;
   width: 220px;
}
#mydesk.desactive.desk_Bottom, #mydesk.open.desk_Bottom {
   margin-right: 50px;
}
/* Enquete de satisfaction */
#lateral-panel {
	z-index: 9999;
	position: fixed;
	top: 381px;
	right: -420px;
	width: 20em;
	min-height: 290px;
	transform: translateX(-100%);
}
#lateral-panel-input {
   position: absolute;  /* pour sortir l'élément du flux */
   right: -999em;       /* position hors de la fenêtre */
}
#lateral-panel-label {
	z-index: 1;
	position: absolute;
	top: 0;
	right: 50%;
	width: 0px;/* la largeur se modifie ensuite en jquery */
   height: 41px;
   padding:0;
	cursor: pointer;
	border-radius: 5px 0 0 5px;
	box-shadow: -5px 1px 5px 0px #999;
}
#lateral-panel-bloc {
	z-index: 3;
	position: absolute;
	top: 0;
	right: -50%;
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 0;
	overflow: auto;
	box-shadow: 0px 0px 8px 0px #aaa;
	border-radius: 0 0 0 5px;
}
#lateral-panel-input:checked ~ #lateral-panel-label {
   left: -65%;                    
}   
#lateral-panel-input:checked ~ #lateral-panel-bloc {
   transform: translateX(-100%);    /* translation */
}
#lateral-panel-label, #lateral-panel-bloc {
   font-size: inherit;
   background: #9CC054; 
   transition: all .5s;
}
#lateral-panel-label:before {
   content: "";
   position: absolute;
   top: 50%;
   right: 15%;
   box-sizing: border-box;
   width: 1em;
   height: 1em;
   border: .5em solid currentColor;
   border-width: .5em .5em 0 0;
   color: #fff;
   transition: all .5s;
   transform: translate(-50%, -50%) rotate(-135deg);
}
#lateral-panel-input:checked ~ #lateral-panel-label:before {
   transform: translate(-50%, -50%) rotate(45deg);
}
#lateral-panel .panel-body {
   background-color: #fff;
	padding: 15px;
   margin-top: 41px;
   font-weight: 600;
}
#lateral-panel h3 {
   color: #333;
}
#lateral-panel .radio {
   margin-left: 35px;
}
.mb-0 {
   margin-bottom:0;
}
#lateral-panel .btn.btn-default {
	background-color: #666;
	background-image: unset;
	color: #fff;
	margin: 0 auto;
}
#commentaire1 {
	margin-bottom: 5px;
}
input[type="radio"].panel-radio {
   display: none;
}
input[type="radio"].panel-radio + label {
   position: relative;
   padding-left: 1.3rem;
}
input[type="radio"].panel-radio + label::before,
input[type="radio"].panel-radio + label::after {
   display: block;
   position: absolute;
   box-sizing: border-box;
   bottom: 3px;
   left: 0;
   content:'';
   width: 1rem;
   height: 1rem; 
   border-radius: 1rem;
}
input[type="radio"].panel-radio + label::before {
   border: 1px solid #00B7E8;
   background-color: #eee;
   
}
input[type="radio"].panel-radio:checked + label::after {
   background-color: #00B7E8;
}
/* menu des filtres */
.icon-container {
   position: relative;
   float: right;
}
.faicon {
   transition: transform 0.3s ease; /* Animation de transformation */
   width: 22px;
   height: 22px;
}
.hover-image {
   display: none;
   position: absolute;
   top: 0;
   left: 40px;
   opacity: 0;
   border: 1px solid var(--col1);
   transition: opacity 0.3s ease; /* Animation de l'opacité */
}
.icon-container:hover .faicon {
   transform: scale(1.5); /* Agrandir l'icône au survol */
}
.icon-container:hover .hover-image {
   display: block;
   opacity: 1;
   z-index: 1000;
}
.accordion {
   --bs-accordion-border-width:0;
}
.accordion-header {
	border-top: 1px solid #ddd;
	margin-top: 0;
}
.accordion-button, .accordion-button:not(.collapsed) {
	color: var(--text);
	font-weight: 700;
	font-size: 0.85rem;
	padding: 6px 12px;
	background-color: white;
   min-height: 38px;
   max-height: fit-content;
}
.accordion-button:focus {
	box-shadow: unset;
}
.accordion-body {
	padding: 10px;
}
.accordion-list-items {
	max-height: 300px;
	overflow-y: auto;
}
#filtres .nbaf {
	display: inline-flex;
	float: right;
}
.form-check-input[type="checkbox"] {
	border-radius: 50%;
	border-color: #444;
}
.form-check-input:checked {
	background-color: var(--col1);
	border-color: var(--col1);
}
.razfiltre {
   color: var(--text);
   font-weight: 600;
   font-size: 0.85rem;
   padding: 12px;
   background-color: white;
	display: flex;
	border: 0;
	border-radius: 0;
}
#razfiltre:hover {
	color: var(--col1);
}
#formfiltres {
	border-top: 1px solid #ddd;
}
.titrefiltre {
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	margin: 0.5rem auto 0;
}
.btn.btn-outline-custom, .btn-check + .btn.btn-outline-custom:hover {
	font-size: 0.85rem;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	border: 1px solid var(--col1);
   color: var(--col1);
	padding: 0.25rem;
}
.btn-check:checked + .btn.btn-outline-custom {
	background-color: var(--col1);
	border-color: var(--col1);
	color: #fff;
}
/* ---------------------------------------------------
   SIDEBAR STYLES
----------------------------------------------------- */
#sidebar {
   width: 390px;
   max-width:95%;
   position: fixed;
   top: 0;
   left: -390px;
   height: 99vh;
   max-height: 99vh !important;
   z-index: 1015;
   background: var(--col1);
   color: #fff;
   transition: all 0.2s;
   overflow-y: visible !important;
   box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar.active {
   left: 0;
}
#sidebar .sidebar-header {
	font-weight: 800;
   padding: 20px;
   background: none;
   text-align: left;
   font-size: 1.5rem;
}
#sidebar2 .sidebar-header {
	font-weight: 600;
	background-color: var(--col1);
	font-size: 1.3rem;
	color: white;
}
#sidebar2 {
	width: 400px;
   min-width: 396px;
	max-width: 95%;
	position: fixed;
	right: 10px;
   top: -220px;
	height: auto;
	z-index: 150;
	background: #FFF;
	color: #666;
   box-shadow: rgba(0, 0, 0, 0.18) 1px 6px 3px 1px;
   transition: top 0.35s ease-in-out;
}
#sidebar2.show {
   top: 207px; /* Position finale */
}
#dismiss {
   background: var(--col1);
   border: 1px solid #fff;
   line-height: 35px;
}

#dismiss {
   width: 35px;
   height: 35px;
   text-align: center;
   position: absolute;
   top: 24px;
   right: 10px;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}
#dismiss:hover{
   background: #fff;
   color: var(--col1);
}

#menugamme {
   background: #fff;
}
#menugamme .accordion {
   --bs-accordion-color: #333;
   --bs-accordion-bg: transparent;
}
#menugamme .accordion-header {
	margin: 0 10px;
}
#menugamme .accordion-button:not(.collapsed) {
   color: #fff;
   background-color: var(--col1);
   box-shadow: none;
}
#menugamme .accordion-item {
   background-color: transparent;
   border: unset;
}
#menugamme .accordion-button {
	padding: 0 10px;
	text-transform: uppercase;
	font-weight: 700;
	background-color: transparent;
   border-bottom: 1px solid #fff;
}
#menugamme .accordion-button:hover {
	z-index: 2;
	background-color: var(--col1);
	color: #fff;
}
#menugamme .accordion-button:not(.collapsed)::after {
	background-image: unset;
	content: '\f077';
	transform: none;
}
#menugamme .accordion-button::after {
	background-image: none;
   content: '\f078';
   font-family: 'Font Awesome 5 Free';
}
#menugamme .accordion-body a {
	display: block;
	text-decoration: navajowhite;
	padding: 3px 3px 3px 12px;
	font-size: 0.9rem;
	font-weight: 600;
}
#menugamme .accordion-body a:hover {
	background-color: var(--col1);
	color: #fff;
}
/* Masquer l'image par défaut */
.pictomenufamille {
   display: none;
}
/* Afficher l'image correspondante selon l'état */
.accordion-button.collapsed .pictomenufamille.pmf_noir,
.accordion-button:not(.collapsed) .pictomenufamille.pmf_blanc,
.accordion-button.collapsed:hover .pictomenufamille.pmf_blanc {
   display: block;
}
.accordion-button.collapsed:hover .pictomenufamille.pmf_noir {
   display: none;
}
.overlay {
   position: fixed;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.7);
   z-index: 1012;
   display: none;
}
#wait {
	display: none;
	position: fixed;
	top: 40%;
	left: 50%;
	z-index: 10000;
}
.menupicto {
	height: 42px;
	width: 42px;
   margin-right: 6px;
}
.pictomenufamille {
	max-width: 100%;
	max-height: 100%;
	padding: 3px;
}
.menupicto.iconefa {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
}
.table td.infofranco, .table td.infomaxarticles {
	color: #333;
	font-weight: 600;
	line-height: 30px;
}
.zonetotal {
	position: relative;
	bottom: 0;
	background: #fff;
	width: 100%;
   text-align: center;
}
#listearticles {
	overflow-y: auto !important;
   height: 100%;
	max-height: 70vh;
}
#listearticles .input-group.spinner {
	display: inline-table;
}
#listearticles .spinner input[type="text"] {
	width: 38px;
	height: 38px;
}
#listearticles .input-group-addon {
   padding: 5px 4px 4px 5px;
   max-width: 21px;
   min-width: 21px;
}
#listearticles .table {
	border-bottom: 1px solid #ddd;
}

/* CSS Boutique */

.badge {
   background-color: #fff;
	color: var(--col1);
	height: auto;
	min-width: 22px;
	padding: 2px;
	position: absolute;
	width: auto;
	font-size: 1rem;
	left: 18%;
	border: 1px solid var(--col1);
	top: 2px;
	border-radius: 36px;
}
.ajout-animation{
   animation: ajoutFrames linear 1s;
   animation-iteration-count: 1;
   transform-origin: 50% 50%;
   -webkit-animation: ajoutFrames linear 1s;
   -webkit-animation-iteration-count: 1;
   -webkit-transform-origin: 50% 50%;
   -moz-animation: ajoutFrames linear 1s;
   -moz-animation-iteration-count: 1;
   -moz-transform-origin: 50% 50%;
   -o-animation: ajoutFrames linear 1s;
   -o-animation-iteration-count: 1;
   -o-transform-origin: 50% 50%;
   -ms-animation: ajoutFrames linear 1s;
   -ms-animation-iteration-count: 1;
   -ms-transform-origin: 50% 50%;
}
#divcodepromo {
	max-width: 296px;
	margin-top: 36px;
}
#formajout2 p {
	font-size: 0.8rem;
	color: var(--col1);
	margin: 1px 1px 5px;
	font-weight: 600;
}
#corps a#ajouter, #corps a#ajouter2 {
	padding: 6px 10px;
	width: auto;
	line-height: 25px;
	font-size: 0.85rem;
	white-space: nowrap;
	max-height: 40px;
   min-width: 200px;
}
#ajouter2.btn {
	height: 32px;
	line-height: 1;
}
#infoinput {
	position: relative;
	right: 40px;
	top: 7px;
	font-size: 0.75rem;
   z-index: 1000;
}
#formajoutdeux #ajouter {
	width: 242px;
}
.table > :not(caption) > * > * {
	color: var(--text);
}
.imgpicto {
	max-width: 90%;
   padding: 5px;
}
.imginfo {
	max-width: 120px;
}
.msgpanier {
	margin: 5px 0;
	display: inline-block;
	text-align: center;
	color: var(--col1);
	font-weight: 600;
   padding: 5px;
}
#paniergauche {
	padding: 0;
}
.validsync {
   padding: 5px 0;
   position: relative;
   text-align: right;
   width: 99%;
   opacity: 1;
   display: block;
   margin-top: -28px;
}
.validsyncarticle {
	position: relative;
	text-align: right;
	width: 99%;
	opacity: 1;
	display: block;
	top: -30px;
	right: 4px;
}
.espaceinfos {
   margin-bottom: 15px;
}
#commentaire, #acommentaire {
   padding: 2px 10px;
}
#commentaire, #acommentaire, #formajout2 #articlecode {
   border-radius: 0;
}
#formajoutdeux {
	padding: 0;
}
#qte {
	max-width: 100px;
}
.panierinfo b {
	font-size: 1.3rem;
}
.table.table-panier tr.entete th.colimg {
	width: 160px;
}
.table.table-panier tr.entete th.colprix {
	width: 140px;
}
.table.table-panier tr.entete th.colqte {
	width: 100px;
}
#sticker {
   background-color: white;
}
@media screen and (max-width: 990px) {
   .table.table-panier tr.entete th.colimg {
      width: 0;
   }
   .lignepanier a.info {
      display: none;
   }
}
@media screen and (max-width: 1200px) {
   #sticker {
      position: unset;
   }
}
.lh1 {
   line-height: 1;
}
.nowrap {
	white-space: nowrap;
}
.ajoutdirect {
	margin: 0 15px;
}
.ajoutdirect p {
	margin: 0;
	color: #333;
	font-size: 0.75rem;
	font-weight: 600;
}
@keyframes ajoutFrames{
   0% {
   transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}

@-moz-keyframes ajoutFrames{
   0% {
   -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   -moz-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   -moz-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   -moz-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   -moz-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   -moz-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   -moz-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   -moz-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   -moz-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   -moz-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}

@-webkit-keyframes ajoutFrames {
   0% {
   -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   -webkit-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   -webkit-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   -webkit-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   -webkit-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   -webkit-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   -webkit-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   -webkit-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   -webkit-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   -webkit-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}

@-o-keyframes ajoutFrames {
   0% {
   -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   -o-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   -o-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   -o-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   -o-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   -o-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   -o-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   -o-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   -o-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   -o-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}

@-ms-keyframes ajoutFrames {
   0% {
   -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
   10% {
   -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   20% {
   -ms-transform:  rotate(-3deg) scaleX(0.80) scaleY(0.80) ;
   }
   30% {
   -ms-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   40% {
   -ms-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   50% {
   -ms-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   60% {
   -ms-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   70% {
   -ms-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   80% {
   -ms-transform:  rotate(-3deg) scaleX(1.30) scaleY(1.30) ;
   }
   90% {
   -ms-transform:  rotate(3deg) scaleX(1.30) scaleY(1.30) ;
   }
   100% {
   -ms-transform:  rotate(0deg) scaleX(1.00) scaleY(1.00) ;
   }
}
.liens a {
	font-size: 0.85rem;
	text-decoration: none;
	color: var(--text);
}
#tabpanier {
   width: 100%;
   min-height: 200px;
   background-color: #fff;
}
.titrepanier {
   height: 50px;
   line-height: 50px;
   margin-top: 0;
   -moz-box-shadow: 3px 3px 9px 0px #666666;
   -webkit-box-shadow: 3px 3px 9px 0px #666666;
   -o-box-shadow: 3px 3px 9px 0px #666666;
   box-shadow: 3px 3px 9px 0px #666666;
   filter:progid:DXImageTransform.Microsoft.Shadow(color=#666666, Direction=135, Strength=9);
}
.lienpanier .fa.fa-shopping-cart {
   margin-right: 20px;
}

.newarticle.newfirst {
	border-radius: 0 0 5px 5px;
}
.newarticle {
	border: 1px solid var(--col1);
	margin: 5px 0;
   padding: 10px;
	border-radius: 5px;
	background-clip: border-box;
}
.m15 {
	margin-right: -15px !important;
	margin-left: -15px !important;
}
#CarouselAccessoires.carousel .item img {
	max-width: 90%;
	margin: 0 auto;
}
#CarouselAccessoires .newarticle {
	border-color: #ccc;
   padding: 5px 2px 0px 5px;
}
.box_echantillon {
   border: 1px solid #ccc;
   padding: 10px;
   border-radius: 5px;
   margin-bottom: 5px;
}
.box_echantillon input[type="radio"] {
	position: relative;
	margin-left: 10px;
	margin-bottom: 5px;
}
.desc_echantillon {
   height: 34px;
   overflow: hidden;
   text-align: center;
}
.boxvignette {
	min-height: 160px;
}
.newarticle a {
	height: 160px;
	display: block;
	max-height: 160px;
	overflow: hidden;
}
.newarticle .btn {
	width: 90%;
	background-color: #fff;
	border: 1px solid var(--col1);
	color: var(--col1) !important;
	height: 35px;
	font-size: 1rem;
	text-transform: uppercase;
	margin: 10px auto;
   line-height: 27px;
}
.newarticle .btn:hover {
	background-color: var(--col1);
	color: #fff !important;
}
#CarouselAccessoires .prixnewarticle {
	font-size: 1.25rem;
	font-weight: 800;
}
.btn-ajouternew {
	font-weight: 600;
}
.prixnewarticle {
   color: var(--col1);
   font-size: 1.05rem;
   font-weight: bold;
}
#CarouselAccessoires .descnewarticle {
	font-size: 14px;
   height: 27px;
   margin-top: 10px;
}
.descnewarticle {
	line-height: 1.1;
	word-break: break-all;
	padding-right: 2px;
	max-width: 98%;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	max-height: 28px;
	overflow: hidden;
}

#listearticles p {
	font-size: 0.75rem;
   margin: 0.5em 0;
}
#listearticles .designation {
   font-size: 0.75rem;
   line-height: 1.25;
   font-weight: 600;
   padding-bottom: 5px;
}
#listearticles a.designation:hover {
	color: var(--col1);
	background-color: transparent;
   text-decoration: none;
}
.infopanier {
   background-color: var(--text);
}
.infopanier:before {
   background: var(--text);  
}
.infospanier {
   background-color: #fff;
   color: #666;
   float: left;
   text-align: center !important;
   width: 100%;
   margin-bottom:20px;
}
.infospanier li {
	padding:0 8px;
}
.infospanier .btn  {
	padding: 3px 7px 3px 7px;
}
.bastableau {
   height: 36px;
   background-color: var(--col1);
   display: block;
   bottom: 0;
   position: sticky;
   text-align: center;
   color: white;
   line-height: 2.4em;
}
a.supprimearticle, a.supprimearticle .fa {
   color: #333;
   font-size: 12px;
}
a.supprimearticle {
   display: block;    
   margin: 6px 0;
}
a:hover.supprimearticle, a:hover.supprimearticle .fa {
   color: var(--col2);
}
input.cart {
   height: 36px!important;
   margin: 5px 0 6px 0;
   width: 29px;
}
.btn.cart_small {
   font-weight: bold;
   height: 30px !important;
   line-height: 20px;
   margin: 1px 0;
}
.fa.cart {
   vertical-align: top;
}
.cart-quantity {
   margin: 0;
   line-height: 47px;
}
.inforetour {
	font-size: 0.7rem;
}
.input-append .btnpanier {
   height:30px;
   padding-top:0;
   font-weight: bold;
}
.btn-ajouter, .btn-ajouternew {
	height: 48px;
	border-radius: 0;
	width: 58px;
   z-index: 1000;
   border-right: 1px solid #fff;
}
.btn-ajouter:hover, .btn-ajouternew:hover {
   background-color: var(--col1);
}
.btn-ajouter .svg-icon svg, .btn-ajouternew .svg-icon svg {
	fill: #fff;
	display: block;
	width: 2rem;
	height: 2rem;
	text-align: center;
	margin: 0 auto;
}
#resultat .btn {
   width: 95%;
}
.maj .fa {
	margin: 0;
	color: #aaa;
	font-size: 1rem;
}
a:hover.maj .fa.fa-times {
	color: var(--col1);
}
a.maj .fa.fa-times {
	color: #999;
}
.majqte {
   width: 54px;
   float: none;
}
.maj {
   white-space: nowrap;
   text-decoration: none;
}
.designation {
	font-size: 0.75rem;
	text-decoration: none;
	line-height: 1;
	text-transform: uppercase;
}
.designation p {
   margin: 0.25rem 0;
   line-height: 1.5;
}
.mini {
	font-size: 0.85rem;
	color: var(--text);
	text-transform: initial;
   font-weight: 600;
}
.affprix {
   float: right;
   width: 100%;
   padding-bottom: 10px;
}

.table.table-panier > tbody > tr.lignepanier > td {
   padding-bottom: 0;
}
.table.table-panier > tbody > tr > th, 
.table.table-panier> tbody > tr > td {
   border: unset;
}
.table-panier .text-right {
	width: 150px;
}
.table.table-panier .flechereco {
	vertical-align: top;
	text-align: right;
	padding-top: 15px;
}
.flechereco img {
	max-width: 54px;
}
.panierinfo {
	text-align: center;
	padding: 10px 5px;
	font-size: 1rem;
	font-weight: 600;
	color: var(--col1);
	margin: 15px 0;
}
.panierinfo P {
   margin: 0 0 .25em;;
}
.separation {
   height: 5px;
}
.typearticle {
   text-transform: uppercase;
   font-weight: 600;
   text-decoration: underline;
   font-style: italic;
}
.baspanier h6 {
   margin: 0;
   font-family: Arial, Helvetica, sans-serif;
   color: #666;
   font-weight: normal;
}
.baspanier {
   margin: 0;
}
#infoslivraison {
	margin-top: 10px;
}

.btn-xl {
	font-size: 1.0rem;
	text-transform: uppercase;
	font-weight: 600;
	width: 300px !important;
   max-width: 66%;
	padding: 6px;
}
.btn-bs {
   white-space: break-spaces;
}
#myCreneauselect1 .modal-dialog, #myCreneauselect2 .modal-dialog {
	width: 95%;
	max-width: 1500px;
}
#myCreneauselect1 .modal-header, #myCreneauselect2 .modal-header {
	background-color: #fff;
	border: unset;
}
#myCreneauselect1 .close, #myCreneauselect2 .close {
	opacity: 0.6;
	font-size: 24px;
}
#myCreneauselect1 .modal-body {
	padding: 5px 0 0 40px;
}
#myCreneauselect2 .modal-body {
	padding: 5px 0 0 10px;
}
#myCreneauselect1 .row{
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex; 
}
#aff1 {
	border: 2px solid var(--col1);
	padding: 3px;
	text-align: center;
	margin-top: 15px;
}
#creneauselect {
	display: inline-flex;
	height: auto;
   min-height: 74px;
	padding: 12px 10px;
   text-transform: initial;
   margin-bottom: 10px;
}
#creneauselect.btn.btn-custom:hover {
   background-color: var(--col2);
   color: white !important;
}
.creneau_gauche h1 {
	color: #333;
	font-style: normal;
	text-transform: uppercase;
	font-size: 2rem;
	font-weight: 600;
   display: inline-block;
}
.creneau_soustitre {
	font-size: 1.6rem;
	font-weight: 500;
	margin: 0 0 20px;
	line-height: 1.75rem;
}
.creneau_adliv .creneau_soustitre {
	margin-bottom: 10px;
}
.creneau_soustitre img {
	margin-right: 15px;
	vertical-align: bottom;
}
#creneau_valider1, #creneau_autrechoix {
	width: 100%;
	text-transform: uppercase;
	font-weight: 500;
   padding: 6px;
}
.creneau_adliv {
	min-height: 220px;
}
#creneau_autrechoix.btn {
	background-color: #fff;
	color: var(--col1) !important;
	border: 2px solid var(--col1);
}
.creneau_cadre {
	border: 2px solid var(--col1);
	border-radius: 7px;
}
.creneau_cadre p {
	color: var(--col1);
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 30px;
	margin-top: 0;
}
.creneau_box {
	padding: 15px;
}
#creneau_calendrier .col-xs-3 {
	padding: 0 5px;
   text-align: center;
}
#creneau_calendrier img {
	position: absolute;
}
#creneau_calendrier p {
	margin: 10px 0 15px 65px;
}
.creneau_jour {
	color: var(--col1);
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 1.45rem;
	line-height: 1;
	border: 2px solid var(--col1);
	border-radius: 6px;
	padding: 7px 5px;
	text-align: center;
	height: auto;
}
.btn_creneau_jour {
	font-size: 0.75rem;
	width: 100%;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
}
.bloc_creneau_jour {
	margin-bottom: 6px;
}
#creneau_suite {
	margin: 30px 0;
}
#creneau_suite img {
   width: auto;
   max-width: 100%;
   max-height: 300px;
   margin: 30px auto 0;
}
.creneau_valider {
   line-height: 200px;
}
.creneau_plagevalide {
	font-size: 0.8rem;
}
#prevcreneaux a, #nextcreneaux a {
	text-decoration: none;
	font-weight: 500;
   display: inline-block;
}
#creneau_suite .btn-xl {
	border-radius: 15px;
	font-size: 1.2rem;
	margin: auto;
	padding: 10px;
}
@media screen and (max-width: 1200px) {
   #creneauselect {
      display: block;
   }
}

@media screen and (max-width: 576px) {
   #creneau_suite .btn-xl {
      font-size: 1.0rem;
   }
   .creneauimg1 {
      display: none;
   }
}
@media screen and (max-width: 390px) {
   #creneauselect {
      display: flex;
   }
}
.creneau_select {
	text-transform: none;
	font-size: 1rem;
	font-weight: 400;
	position: relative;
	width: 100%;
}
.creneau_select b {
	font-weight: 600;
}
.creneau_select u {
	font-size: 0.85rem;
}
.creneauimg1 {
	max-width: 200px;
	float: right;
	top: 0;
	position: relative;
}
.creneau_gauche {
	text-align: left;
}
.creneau_droite {
	color: var(--col1);
	font-weight: 700;
	text-transform: uppercase;
	font-size: 2.5rem;
	white-space: break-spaces;
	line-height: 1;
	padding-right: 0;
}
.creneau_droite img {
	max-height: 600px;
	max-width: 90%;
	margin: auto;
	padding: 20px 0 40px;
}
.clock1 {
	margin: 5px;
	max-width: 40px;
	max-height: 40px;
   border: 1px solid var(--col1);
   border-radius: 25px;
}
#corps .baspanier .btn.btn-default {
   color: #54672C;
}
#corps a.maj {
   line-height: 2.3rem;
   float: right;
   color: var(--text);
   text-decoration: unset;
}
#corps .lignepanier a.maj {
	line-height: initial;
	float: none;
}
#corps a.maj:hover {
   color: var(--col2);
}
.table.table-striped.tcart tbody tr .apayer  {
   font-weight: bold;
   background-color: #ffffff;
   vertical-align: middle;
   border-top-width: 1px;
   border-bottom-width: 1px;
   border-top-style: solid;
   border-bottom-style: solid;
   border-top-color: #CCC;
   border-bottom-color: #CCC;
}
.text-custom {
	color: var(--col1);
}
.colcenter {
   margin: 0 auto;
   float: none;
   display: inline-block;
}
.reduction {
   font-weight: normal;
   color: var(--col1);
}
.pactive {
   font-size: 1.1em;
   font-weight: bold;
   color: var(--col2);	
}
.pnonactive {
   color: #999;
}
#resultat a.designation, #corps a.designation {
   color: #666;
   text-decoration:none;
   font-style: oblique;
   word-wrap: break-word;
}
#resultat a.designation:hover, #corps a.designation:hover {
   color: var(--col2);
}
/* fiches articles */
hr.style1 {
	border-top: 1px solid var(--text);
	opacity: 0.75;
}
.descriptif p {
	margin: 0;
	font-size: 1rem;
	line-height: 1;
   padding: 5px;
}
.descriptif p.livraison {
	font-size: 0.75rem;
	font-weight: 700;
	padding: 0;
}
.descriptif p.description {
   line-height: 20px;
}
.descriptif p.dejaclient {
	font-size: 0.88rem;
}
#corps .descriptif .dejaclient a {
	color: var(--text);
	font-weight: 500;
	text-decoration: none;
}
#corps .descriptif .dejaclient a:hover {
	color: var(--col1);
}
.blocatal.bordGD {
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
}
.textvente, .atextvente {
	overflow: auto;
	width: 99%;
   line-height: 1rem;
   height: 32px;
   scrollbar-width: thin;
}
.textvente.fw-bold {
   height:42px;
}
.textvente a, .atextvente a {
   text-decoration: none;
   font-size: 1.25rem;
   line-height: 1;
}
.descriptif h1.titrearticle {
   font-size: 2rem;
   font-weight: 900;
   font-style: normal;
   color: var(--text);
   margin: 0.2rem 0 0;
   display: inline-block;
}
.ref.col-xs-6.text-right {
	font-size: 1rem;
	font-weight: 600;
}
.artdesignation {
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: 800;
   height: 48px;
   overflow: auto;
}
p.ref {
	font-size: 1rem;
	margin: 0.5rem 0;
	line-height: 1;
	border-left: 2px solid var(--col1);
}
.lignepanier .descriptif p.ref {
	font-size: 0.75rem;
}
.ref b {
	font-weight: 800;
}
.ref a {
	text-decoration: none;
}
.titrecatal {
   margin-top: 60px;
   text-transform: uppercase;   
}
.vert {
   color: #009900;
}
span > .majuscules.vert {
	font-size: 0.75rem;
	font-weight: 700;
}
.pictolib {
	font-size: 1rem;
}
.pictolib img {
   vertical-align: baseline;
   margin-right: 5px;
}
.btn-refreshstock {
   display: inline;
   margin-left: 10px;
}
.vert.cart-quantity {
   line-height: 1.5;
   text-align: center;
}
#paniergauche .majqte {
   font-size: 1.2rem;
   height: 32px;
   text-align: center;
   width: 65px;
   border-radius: 0;
   margin-right: 5px;
}
#panierdroite {
	padding-right: 0;
}
.surcommande {
   font-size: 10px;
   color: var(--col1);
}
h4.title {
   clear:both;
   font-weight: bold;
   margin: 10px 0;
}
.prix {
   color: var(--col1);
   font-size: 1.75rem;
}
.prixliste {
	color: var(--col1);
	font-weight: 800;
	margin: 0.5rem 0 0 0;
   font-size: 1.7rem;
}
.prixliste span {
	line-height: 2rem;
}
.prixliste span .labelht, .prixdetail .labelht {
   font-size: 1rem;
   text-transform: uppercase;
}
.prixliste.obsolete {
   margin-top: 45px;
   margin-bottom: 10px;
   text-align: center;
   font-size: 1rem;
   font-weight: 600;
}
.prixpu {
   font-weight:600;
   font-size: 1rem;
}
.bookmark {
   display: inline-block;
}
.blocatal .bookmark {
	z-index: 100;
	position: relative;
	float: right;
   margin-right: 10px;
}
#corps .blocatal .bookmark a span.fa-stack {
	float: right;
   margin: 5px 34px 0 0;
}
.bookmark a {
	font-size: 1.75rem;
}
.bookmark a.custom-primary:hover {
	color: var(--fbc-secondary-text) !important;
}
.bookmark-tooltip {
   --bs-tooltip-bg: var(--col1);
   --bs-tooltip-color: var(--bs-white);
   --bs-tooltip-border-radius: 5px;
   --bs-tooltip-padding-x: 9px;
   --bs-tooltip-padding-y: 3px;
   --bs-tooltip-max-width: 250px;
}
.absent {
	color: var(--fbc-secondary-text);
}
.bookmark a.absent:hover {
	color: var(--col1) !important;
}
#dropdowninfos, .d_none {
	display: none;
}
#dropdowninfos ul {
	width: 100%;
	background-color: #f4f4f496;
   padding: 10px;
   list-style: none;
}
#dropdowninfos ul li {
   padding: 5px;
}
#dropdowninfos ul li.divider {
   padding: 1px;
   height: 1px;
   margin: 9px 0;
   overflow: hidden;
   background-color: #e5e5e5;
}
.listfdp {
	width: 90px;
	display: inline-block;
}
.listpfdp {
	width: 220px;
	display: inline-block;
	line-height: 1rem;
}
#btninfoslivraison {
	width: 100%;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 600;
	padding: 15px;
	background-image: unset;
	font-size: 0.85rem;
   background-color: #fff;
}
#btninfoslivraison:hover, #btninfoslivraison:focus, .open > btninfoslivraison:focus, .open > #btninfoslivraison:hover {
   background-color: #f4f4f496;
}
.divinfostock {
   background-color: #f4f4f4;
}
.infodispo {
   color:#009900;
   font-weight: 700;
}
.product-main .prixdetail {
	font-size: 2.0rem;
	font-weight: 800;
	margin-top: 0;
	line-height: 1;
	margin-bottom: 10px;
}
/* variantes */
.selvariantes {
	border: 1px solid #3d3d3d;
	height: 40px;
	font-weight: 500;
	padding: 6px 12px;
   font-size: 1em;
   text-align: left;
}
.selvariantes:hover, .selvariantes:focus, .selvariantes.show {
   border: 1px solid var(--col1);
   background-color: #fff;
   color: var(--text);;
   box-shadow: unset;
}
#listevariantes .dropdown-menu.show {
   padding:0;
   min-width: 100%;
   max-width: 100%;
   max-height: 300px;
   overflow: auto;
}
#corps #listevariantes a {
	color: var(--text);
   font-weight: 500;
   font-size: 0.85em;
   border-bottom: 1px solid var(--bs-border-color-translucent);
   padding: 5px 12px;
}
#corps #listevariantes a:hover {
	color: var(--col1);
}
#corps #listevariantes a.dropdown-item.active, #corps #listevariantes a.dropdown-item:active {
   color: var(--col1);
   background-color: #fff;
   font-weight: 600;
}
/* panier */
.cart-detail {
	overflow: auto;
	max-height: 217px;
}
.cart-detail .table {
	border-top: 1px solid var(--col1);
	border-bottom: 1px solid var(--col1);
}
.cart-detail .table tr {
   border-color: #ccc;
}
.totalcart {
	background-color: white;
	border-top: 1px solid var(--col1);
	margin-top: -3px;
}
.prixtotal {
	color: var(--col1);
	font-weight: 800;
	font-size: 1.25rem;
}
.libtotal {
   color:#333;
   line-height: 1.25rem;
}
.labcomm2 {
	font-size: 0.85rem;
	color: var(--col1);
	font-weight: 500;
}
#myCarouselPC .prixdetail {
	font-size: 1.25rem;
}
.table.table-panier > thead > tr > th, .table.table-panier tr.entete th {
	color: #fff;
	background-color: var(--col1);
	border: unset;
	height: 37px;
   text-align: center;
   text-transform: uppercase;
}
.prixdetail {
   color: var(--col1);
   font-size: 1.25rem;
   font-weight: 800;
   height: 30px;
}
.btn.btn-lg:hover, .btn.btn-lg:active {
	background-color: transparent;
	color: var(--col1) !important;
}
.cart-detail .input-group .btn {
	z-index: 0;
}
.input-group.btndetail {
	max-width: 110px;
	border: 1px solid var(--col1);
}
.cart-detail input[type="text"].majqte {
	font-size: 0.85rem;
}
.cart-detail .btn {
	color: var(--text);
}
.input-group-text.btndetail {
	border: none;
}
.remise {
	font-size: 0.85rem;
	white-space: nowrap;
	color: #666;
	text-align: center;
   height: 20px;
}
.espace20 {
   height: 20px;
}
.image_produit {
   text-align:center;
   height:auto;
   line-height:375px;
   position:relative;
   padding: 15px;
}
@media screen and (max-width: 990px) {
   .image_produit {
      height: 520px;
   }
}
image_produit a {
   height: 100%;
   display: inline-flex;
}
#product .carousel-indicators a {
	margin: 0 5px;
}
.circle-link {
   position: relative;
   display: inline-block;
   width: 16px;
   height: 16px;
   border-radius: 50%;
   border: 2px solid var(--col1);
   background-color: transparent;
   transition: background-color 0.2s;
}
.circle-link::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: 50%;
   background-color: var(--col1);
   opacity: 0;
   transition: opacity 0.2s;
}
.circle-link:hover::before {
   opacity: 1;
}
.divignette {
	height: 160px;
	margin: 0 auto 10px;
	display: grid;
	justify-items: center;
	align-content: center;
	width: 100%;
}
.divignette .promotion, .image_produit .promotion {
   position: absolute;
   top: 10px;
   left: 10px;
}
.divignette .promotion {
   margin: 0;
}
.prixliste img {
	margin-right: 10px;
	margin-bottom: 8px;
	max-width: 112px;
}
.prixdetail img {
   margin-left: 15px;
   padding-bottom: 1px;
}
.product-main .prixdetail img {
	vertical-align: bottom;
}
.baissedeprix {
	margin-top: -25px;
   max-width: 200px;
   display: block;
}
.prixenbaisse {
	color: #76B24F;
}
.imgpanier {
   max-height: 160px;
   max-width: 160px;
}
.vignette {
   max-height: 160px;
   max-width: 100%;
}
#imgarticle {
	max-height: 500px;
}
.image_produit .ribbon {
	top: -6px;
}
.ribbon {
   position: absolute;
   right: -5px;
   top: -5px;
   z-index: 1;
   overflow: hidden;
   width: 75px; height: 75px;
   text-align: right;
}
.ribbon span {
   font-size: 9px;
   font-weight: bold;
   color: #FFF;
   text-transform: uppercase;
   text-align: center;
   line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   width: 100px;
   display: block;
   background: #79A70A;
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
.ribbon span::before {
   content: "";
   position: absolute; left: 0px; top: 100%;
   z-index: -1;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
}
.ribbon span::after {
   content: "";
   position: absolute; right: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
}
.ribbon.ribbon-vert span {
   background: linear-gradient(#00D43F 0%, #009D2F 100%);
}
.ribbon.ribbon-vert span::before {
   border-left: 3px solid #009D2F;
   border-top: 3px solid #009D2F;
}
.ribbon.ribbon-vert span::after {
   border-right: 3px solid #009D2F;
   border-top: 3px solid #009D2F;
}
.picto .vignette {
	width: 100%;
   max-height: 100px;
}
#corps .picto a .vignette {
	opacity: 0.5;
}
#corps .picto a.vignetteselect .vignette, #corps .picto a .vignette:hover {
	opacity: 1;
}
#corps .picto a {
	margin: 0;
	padding: 0;
	display: block;
}
.descriptif {
   min-height:200px;/*image + margin + picto*/
}
#corps .picto button.vignettevideo {
	border: unset;
	padding: 6px 0;
	background-color: transparent;
	opacity: 0.5;
}
#corps .picto button.vignettevideo:hover {
	opacity:1;
}
#corps .picto button.vignettevideo img {
   max-width: 57px;
}
iframe.embed-responsive-item {
	display: table-cell;
}
.embed-responsive-16by9 {
	display: table;
	width: 100%;
	height: 100%;
}
#corps .picto a {
   font-weight: bold;
}
.nav .navbar-header .fa-stack {
   margin-bottom: 9px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	border: 2px solid #f7921ea4;
}
.dropdown-menu.dlabel {
	width: 100%;
	padding: 0;
	margin-top: -4px !important;
	border: 0;
}
.dlabel li {
	padding: 0;
}
.dlabel li table {
	width: 50vw;
	max-width: max-content;
	box-shadow: 0px 0px 12px #009d2f5c;
}
.dropdown .btnfiltre:hover {
   background-color: #666666;
   color: white;
}
.dropdown .btnfiltre:hover {
   color: white;
}
.tab-content {
	margin: 5px 0;
	padding: 15px;
	border: 2px solid #ccc;
	border-radius: 5px;
}
#menuTab .tab-content {
   border: unset;
}
#tab_dlog .bold600 {
	font-weight: 500;
	line-height: 1.5;
}
.validcde {
	margin: 50px 0 100px;
}
#tab_acmp {
	margin: 3rem 0 0;
}
#tab_ft {
	margin: 30px 0;
}
#tab_acmp h3, #tab_ft h3 {
	color: var(--col1);
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 15px;
	font-size: 2rem;
}
#tab_ft h3 {
	text-align: center;
	margin: 0;
	background-color: #ccc;
	padding: 10px 0;
}
.ft {
	max-height: 420px;
	overflow-y: auto;
}
.divcenter {
   display: flex;
   justify-content: center;
   align-items: center;
}
.divscroll {
   display: flex;
   position: sticky;
   top: 0;
   height: 50vh;
   justify-content: center;
   align-items: center;
}
.divscroll img {
   max-width: 100%;
   height: auto;
}
.stylep1 {
	font-size: 2.75rem;
	font-weight: 900;
   margin: 1rem 0 0;
}
.stylep2 {
	font-size: 2rem;
   margin: 0 0 1rem;
}
.stylep3 {
	font-size: 1.5rem;
	margin: 1rem 0 2.5rem;
}
.validcde .btn {
	text-transform: uppercase;
	font-size: 1.2rem;
	font-weight: 600;
	width: 250px;
}
#tab_video {
	position: relative;
	padding-bottom: calc(75vw/1.78);
	padding-top: 0;
	height: 0;
	width: 75vw;
	margin: auto;
}
#videocontainer {
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	padding: 15px;
}
/* bouton type file */
.parent-div {
   display: inline-block;
   position: relative;
   overflow: hidden;
}
.parent-div input[type=file] {
   left: 0;
   top: 0;
   opacity: 0;
   position: absolute;
   font-size: 90px;
}
.parent-div .btn {
	text-transform: initial;
	font-size: 0.9rem;
	padding: 2px 36px;
	color: var(--text) !important;
	border-color: #ccc;
	font-weight: 500;
}
.parent-div .label_file {
   font-size: 0.75rem;
   color: var(--text);
}
input.btnfile:hover {
   touch-action: manipulation;
   cursor: pointer;
}
input.btnfile:hover + .btn {
   background-image: unset;
   color: #fff;
   border: 1px solid var(--col1);
}
.imgscore {
	max-width: 150px;
	height: auto;
	margin: .5rem 5px 0;
}
.trait-horizontal-continu {
   position: absolute;
   top: 35px;
   width: 90%;
   border-top: 2px dotted #888;
   transform: translateY(-50%);
   z-index: 1;
}
.famillelineaire {
   min-width:70px; 
   max-width:min-content;
}
.parentlineaire .enfantlineaire {
   width:70px; 
   height:70px;
   display:flex; 
   align-items:center; 
   justify-content:center;
   border: none;
}
.parentlineaire:hover .enfantlineaire {
	opacity: 1 !important;
	cursor: pointer;
   transition: opacity 0.2s;
}
.liblineaire {
	height: 28px;
}
div .parentlineaire:hover ~ .liblineaire {
   opacity: 1 !important;
   transition: opacity 0.2s;
}
.trait-vertical {
	border-left: 1px solid rgb(77, 77, 77);
	padding-right: 12px;
	margin-left: 12px;
}
.menulineaire a, .menulineaire .form-check-label {
   text-decoration: none;
   font-size: 0.75rem;
}
#formlineaires .form-check-input[type="checkbox"] {
	border-radius: 2px;
	border-color: #999;
}
.libak {
	height: 38px;
	overflow: auto;
	line-height: 1.2;
   cursor: pointer;
}
.vhcenter {
   display: flex; 
   justify-content: center; 
   align-items: center;
}