@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700,800');
@font-face {
	font-family: "Alamendro";
	src: url('alamendro.ttf');
}
html {	
	font-size: 100%; 
	background:  rgba(0, 0, 0, 0) ;
   margin: 0;
   padding: 0;
}
body {
   color: #4d4d4d;
   background-color: transparent;
   font-family: 'Montserrat', sans-serif;
   margin: 0;
   padding: 0;	
   font-style: normal;
}
.container-fluid {
	max-width: 1620px;
}

#partsmart-widget iframe {
height: calc(100vh - 210px) !important;
}
b, strong {
   font-weight: 700;
}
.alamendro {
   font-family: Alamendro;
}
hr {
   margin-top: 10px;
   border-top: 1px solid #ccc;
}
h1, h2, h3, h4, h5, h6 {	margin: 0.2em 0 .5em ; }
h1, h2 {	font-weight: normal;}
h1 {
	font-size: 2.5em;
	font-style: italic;
	color: #009D2F;
}
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: 1.5rem;}
.espace {
   margin-top:20px;
}
/* pour les ancres de la page détail */
:target::before {
   content:'';
   display:block;
}
@-moz-document url-prefix() {
   /* Firefox */
   :target::before {
      margin:-10px 0 0;
   }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   /* saf3+, chrome1+ */
   :target::before {
      margin:-10px 0 0;
   }
}
@supports (-ms-ime-align:auto) {
   /* EDGE */

   :target::before {
      height:auto;
      margin:0;
   }
}
/*------- bandeau en haut de page -------*/
#bandeautop {
	text-align: center;
	background-color: #009D2F;
	padding: 5px;
}
#bandeautop a {
	color: white;
	text-decoration: none;
	padding: 1px 6px;
}
#bandeautop a:hover {
	color: #fa4000;
}
/*---------------------------------------*/
.blocnc {
	height: 25px;
	display: block;
}
#corps div.title {
   height: 30px;
   line-height: 1;
   margin-bottom: 5px;
   font-size: 1rem;
}
div.title, h2.title {
   border-radius: 0;
   height: 30px;
   color: #333;
   padding: 5px;
   font-weight: 600;
   text-align: left;
}
div.title.PROMO {
	background-color: #009434;
	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, h2.title {
   font-weight: 600;
   padding-left: 15px;
}
div.title img {
   max-height: 40px;
   position: relative;
}
.title.titleblack {
	background-color: #4d4d4d;
	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:35px;
   background-color: #009D2F;
   text-align: center;
   text-transform: uppercase;
   margin-top: 5px;
   height: 40px;
   color: white;
   margin-bottom: 10px;
}
h2.title span, .tn {
color: #4d4d4d;
}
.title.minus {
   text-transform: unset;
   font-size: 1.5rem;
   line-height: 1.3;
}
p .title {
font-size:0.9rem;
   background-color: #009D2F;
   color: white;
   margin-top: 10px;
   margin-bottom: 10px;
   display: inline-block;
   padding: 5px 20px;
   border-radius: 6px;;
}
h3 {
   font-size: 1.1rem;
   font-weight: bold;
   color: #009D2F;
}
h3 .descriptif, .orange {
	color: #009D2F;
	text-decoration: none;
}
p.orange {
	font-weight: bold;
}
h3 .descriptif:hover {
	color: #fa4000;
	text-decoration: underline;
}
h4 {font-size: 1rem;}
h5 {
	font-size:0.9rem;
}
h6 {
	color: #666666;
	font-weight:bold;
	font-size:0.9em;
	margin:5px 0;
}
a {
	color: #333333;
	text-decoration: underline;
}
a:hover, a:focus {
	color: #fa4000;
}
a img {	border: none; }
.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: .75em 0;
	font-style:normal;
	text-shadow:none
}
.msg {
	color: #F00;
	font-style: italic;
}
.nodisplay {
   display:none;
}
.img-responsive {
width: 100%;
}
.logos .img-responsive {
	max-width: 180px;
	max-height: 100px;
}
.list_none {
   list-style-type: none;
}
.nopadding {padding:0!important;}
.nopaddingleft {padding-left: 0!important;}
.nopaddingright {padding-right: 0!important;}
.nomargin {margin:0 !important;}
.noml{margin-left:0;}
.nomr{margin-right:0;}
.nopl{padding-left:0;}
.nopr{padding-right:0;}
.floatright, .right{float: right !important;}
.floatleft{float: left !important;}
.mtb1 {
   margin:15px 0;
}
.mt20 {
   margin:-20px 0 0 0;
}
.mt15 {
   margin-top:15px !important;
}
.position-absolute {
   position: absolute;
}
.position-relative {
   position: relative;
}
.espace1 {
	display: block;
	height: 10px;
}
/* Menus */
.navbar-static-top {
	border-width: 0;
}
#menu_principal {
	background: transparent;
	margin-top: 5px;
}
#menu_principal .nav-container {
	padding:0;
}
#menu_principal .nav > li > a, .sidemenu a {
   padding: 12px 3px;
	text-decoration: none;
	margin: 0 10px 0 2px;
	position: relative;
	z-index: 1;
   background-color: transparent;
   color: #333333;
   font-weight: 700;
}
#menu_principal .nav > li > a.dropdown-toggle:hover {
	color: white;
}
#menu_principal .nav > li > a:hover, #menu_principal .nav > li.light > a:hover, .sidemenu a:hover {
	color: white;
}
#menu_principal .nav > li > a:before,  #menu_principal .nav > .sidemenu a:before {
	content: " ";
	background-color: transparent;	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: -1;
	transform: skewX(-15deg); 
}
#menu_principal .nav > li > a.active, #menu_principal .nav > li > a:focus, #menu_principal .nav > li.sousmenu > a {
   color: white;
}
#menu_principal .nav > li > a:focus:before, #menu_principal .nav > li > a:hover:before, 
#menu_principal .nav > li > a.active:before, #menu_principal .nav > li.sousmenu > a:before, 
#menu_principal .nav > .sidemenu > a:hover:before {
	background-color: #009D2F;
	color: #FFF;
}
#menu_principal .navbar {
   margin-bottom: 0;
   margin-top: 0;
   min-height: 30px;
}
#menu_principal .navbar-toggle .icon-bar {
	background-color: #009D2F;
}
#menu_principal .navbar-default .navbar-toggle {
	border-color: transparent;
}
#menu_principal .nav > li.light > a {
   font-weight: 500;
   color: #111;
}
#menu_principal .navbar-right {
	margin-right: 0;
	margin-top: 7px;
	margin-bottom: 8px;
}
#menu_principal .navbar-right.open .btn {
   background-color: #009D2F;
   color: #fff;
   padding: 4px 12px;
}
#menu_principal .navbar-right.open a:hover {
   background-color: #009D2F;
   color: #fff;
}
/*
#menu_principal .navbar-nav > li.menufavoris {
	margin: auto 0;
	position: absolute;
   right: 6px;
   float: right;
}
*/
#menu_principal .nav > li.menufavoris > a {
   color: #009D2F;
   font-weight: 500;
}
#menu_principal .nav > li.menufavoris > a:hover {
   color: #FFF;
}
#menu_principal .navbar-nav > li.menufavoris > i {
   line-height: 40px;
   margin-right: 0;
}
.nav.nav-tabs.detail {
   clear: both;
   padding: 15px 0;
   margin: 0 auto;
   display: block;
   width: max-content;
}
#menuft .nav.nav-tabs.detail {
   width: 100%;
}
.nav .navbar-header .fa-stack {
   margin-bottom: 9px;
}
.nav .fa-stack {
	margin: 7px 0;
	color: #009D2F;
}
.navbar-default .navbar-nav > li.PROMO > a {
   width: 100%;
   display: inline-block;
   line-height: 3.5;
}
/* 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;
	line-height: 43px;
}
div.nav-container .navbar.navbar-inverse ul.nav>li:hover>a {
	color: #fff;
	background-color: #009D2F
}
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: #009D2F
}
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
}
li.dropdown-mega {
	position:static
}
div.dropdown-mega-content {
	position:absolute;
	left:15px;
	width:950px;
	height:auto;
	background:#fff;
	border:1px solid #c5c5c5;
	border-top:none;
	visibility:hidden;
	opacity:0
}
div.nav-container .navbar ul.nav>li>div.tabbed-menu {
	position:absolute;
	width:200px;
	background:#fff;
	border:1px solid #c4c4c4;
	border-top:none
}
div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul {
	float:none;
	margin:0;
	padding:3px 0;
	list-style:none;
	position:absolute;
	width:200px;
	height:auto;
	background:#f5f5f5;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-top: 2px solid #009D2F;
}
div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li {
	color: #222
}
div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li>a {
	display:block;
	background:#f5f5f5;
	border-top:1px solid #f5f5f5;
	border-bottom:1px solid #f5f5f5;
	color: #666;
	padding: 3px 5px;
	font-size: 0.8rem;
	text-shadow:none;
	text-decoration: none;
}
div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li:hover>a {
	background:#fff;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	border-right:1px solid #fff;
	margin-right:-1px;
}
div.nav-container .navbar ul.nav>li:hover>a {
	background:#009D2F;
	color: #fff;
}
div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content {
	visibility:hidden;
	opacity:0;
	position:absolute;
	width:448px;
	height:99%;
	left:180px;
	top:0;
	padding:20px;
	background:#fff;
	font-size:14px;
	font-weight:400;
}
div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content .row {
	margin-bottom:20px
}
div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a,div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a:active,div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a:link,div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a:visited {
	color: #4D4D4D;
	text-decoration:none;
	font-weight:400;
}
div.nav-container .navbar ul.nav>li>div>ul>li>div.tabbed-menu-content a:hover {
	color: #009D2F;
}
div.nav-container .navbar ul.nav>li:hover div.active-tab-content,
div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li:hover div.tabbed-menu-content {
	visibility:visible;
	opacity:1;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
div.nav-container .navbar ul.nav>li>div.tabbed-menu>ul>li>a.active-tab {
	background:#fff;
	border-top:1px solid #c4c4c4;
	border-bottom:1px solid #c4c4c4;
	margin-right:-1px;
}
.tabbed-height {
	height:auto;
}
.dropdown-mega-content h3,.tabbed-menu-content h3 {
	font-size:12px;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	padding:0 10px;
	line-height:25px;
	text-shadow:none
}
.dropdown-mega-content ul,.tabbed-menu-content ul {
	list-style:none;
	margin:0 0 20px;
	padding:0 10px
}
.dropdown-mega-content ul li,.tabbed-menu-content ul li {
	margin:0;
	padding:3px 0 3px 3px;
	font-weight:400;
	text-transform:none;
	border-left: 2px solid #009D2F;
}
.tabbed-menu-content ul li {
	font-size:14px;
	margin: 0 0 5px 0;
	padding: 5px;
}
.dropdown-mega-content .carousel ul,.dropdown-mega-content .carousel ul li,.tabbed-menu-content .carousel ul,.tabbed-menu-content .carousel ul li {
   padding:0;
	margin:0
}
.dropdown-mega-content ul li a,.tabbed-menu-content ul li a {
	color: #4D4D4D
}
.dropdown-mega-content ul li a:hover,.tabbed-menu-content ul li a {
	color: #009D2F;
	text-decoration:none
}
.dropdown-mega-content .dropdown-menu-shopping-item-price,.dropdown-mega-content .dropdown-menu-shopping-item-price-not .tabbed-menu-content .dropdown-menu-shopping-item-price,.tabbed-menu-content .dropdown-menu-shopping-item-price-not {
	font-size:12px
}
li.tabbed-mega {
	position:static
}
div.nav-container .navbar ul.nav>li>div.tabbed-mega-menu>ul>li>div.tabbed-menu-content {
	visibility:hidden;
	opacity:0;
	position:absolute;
	width:800px;
	left:199px;
	top: -1px;
	padding:20px;
	background:#fff;
	border-top: 2px solid #009D2F;
}
div.nav-container .navbar ul.nav>li:hover div.tabbed-mega-menu div.active-tab-content {
	visibility:visible;
	opacity:1
}
div.nav-container .navbar ul.nav>li:hover div.tabbed-mega-menu {
   display: block;
}
.dropdown-menu {
	padding:0;
	margin:0;
	background-color: #fff;
	border:1px solid #ccc;
	border:1px solid rgba(204,204,204,1);
	border-radius:0;
	-webkit-box-shadow:0 6px 12px rgba(0,0,0,.175);
	box-shadow:0 6px 12px rgba(0,0,0,.175)
}
.lienitem .dropdown-menu a.pwdrecovery:hover {
   background-color: unset;
   color: #009D2F;
}
.lienitem .dropdown-menu a.pwdrecovery:hover .fa {
   background-color: unset;
   color: #009d2fe3;
}
@media (max-width:767px) {
.navbar-default .navbar-nav .open .dropdown-menu>li>a {
      color: #777
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
      color: #333;
      background-color:transparent
}
.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
      color: #555;
      background-color: #e7e7e7
}
.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover {
      color: #ccc;
      background-color:transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu {
      background:#fff
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
      border-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
      color: #555
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {
      color: #fff;
      background-color:transparent
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover {
      color: #fff;
      background-color: #080808
}
.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover {
      color: #4D4D4D;
      background-color:transparent
	}
}
.clearance {
	position:relative;
	top:auto;
	height:30px;
	width:100%;
	z-index:10;
	background:-moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 26%,rgba(255,255,255,.77) 53%,rgba(255,255,255,0) 100%);
	background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(255,255,255,1) 26%,rgba(255,255,255,.77) 53%,rgba(255,255,255,0) 100%);
	background:linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(255,255,255,1) 26%,rgba(255,255,255,.77) 53%,rgba(255,255,255,0) 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0 )
}
.clearance-fixed {
	position:fixed;
	top:50px
}
.nav li.dropdown ul.dropdown-menu .dropdown-menu::before {
	content: '';
	display: inline-block;
   border-bottom: 6px solid rgba(0, 0, 0, 0);
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0) #666;
   border-left: 7px solid #666;
   border-top: 6px solid rgba(0, 0, 0, 0);
	position: absolute;
	top: 10px;
	left: -15px;
}
.menudroite, .menudroite .item {
   padding: 0;
}
.menudroite {
	padding: 0;
	font-size: 0.9em;
	text-align: center;
}
.lienitem {
	display: inline-block;
	padding: 2px 2px 0 0;
	margin: 2px 0 0;
}
.item.connecte .col-xs-9 {
	padding: 0 6px;
}
.nonconnecte .lienitem span {
	max-height: 44px;
   padding: 0;
   width: 150px
}
.connecte .lienitem {
	color: #009D2F;
	width: 100%;
   overflow-wrap: break-word;
}
.lienitem span {
	text-transform: uppercase;
	font-size: 0.75rem;
	line-height: 1.2;
	padding: 6px 0;
	display: inline-block;
}
@media screen and (min-width: 991px) {
   .lienitem span {
      overflow: hidden;
      max-width: 100%;
      max-height: 38px;
   }
}
.lienitem .form-group {
   margin-bottom: 10px;
}
.pictouser {
   color: #009D2F;
   position: absolute;
   margin-top: 7px;
}
.nonconnecte .pictouser {
	margin-top: -6px;
}
.nonconnecte .lienitem {
	margin-top: 2px;
}
.pictopremium {
	position: absolute;
	bottom: -8px;
	left: 0;
}
.pictopremium img {
   max-width: 62px;
   margin-left: 12px;
}
.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: 27px;
}
.menudroite .item.nonconnecte {
	margin-top: -6px;
}
.menudroite .item {
	padding: 0;
	margin-top: 10px;
   text-align: center;
   line-height: 1;
}
.menudroite .item.connecte {
	margin-top: 0;
	text-align: left;
}
.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, .lienitem.connexion .dropdown-toggle:hover {
	color: #fa4000;
}
.lienitem.connexion .dropdown-toggle:hover {
   border-color: #fA4000;
}
.item .fa.fa-sign-in, .item .fa.fa-sign-out {
	font-size: 1em;
	color: #66696D;
}
.item.nonconnecte .fa {
	font-size: 2.0rem;
	display: block;
	margin: 6px;
}
.item .fa {
	font-size: 3.1rem;
}
.lienitem .dropdown-menu {
   top: 81px;
   left: 3px;
	border-radius: 5px;
	z-index: 100000;
	-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);
}
.lienitem .dropdown-menu .fa {
	font-size: 1em;
	display: inline-block;
	color: #333;
}
.lienitem .dropdown-menu a {	
	font-size: 0.8rem;
   text-decoration: none;
   padding: 1px 6px;
   border-left: 1px solid #009D2F;
}
.lienitem .dropdown-menu a.pwdrecovery {
	border-left: unset;
}
.lienitem .dropdown-menu a:hover .fa {
	color:inherit;
}
.lienitem .dropdown-menu a:hover {
	background-color: transparent;
   color: #fa4000;
}
#formconnexion {
	padding: 0;
}
#formconnexion .btn {
   margin-top: 20px;
}
#menuTab label {
	font-size: 1rem;
}
a.pwdrecovery {
	text-decoration: none;
}
#connexion a {
   margin-top: 6px;
   padding: 3px 11px;
   color: #666666;
   font-size:0.8em;
   text-decoration:none;
}
#connexion a:hover {
   color: #fa4000;
}
#connexion a.btn {
   color: #FFFFFF;
}
#connexion .input-group{
	width:90%;
	margin:0 auto 10px;
}
#connexion .form-control {
   font-size: 11px;
}
#connexion button {
   margin: 0 0 0 30px;
   font-size:12px;
   padding:4px 6px;
}
#formconnexion .fa.fa-sign-in, #formconnexion .fa.fa-sign-out {
   color: white;
}
.connexion .dropdown {
	line-height: 1px;
	height: 30px;
}
.connexion li {
   padding: 6px 8px;
}
.connexion1 {
	margin: 0;
}
.lienitem .connexion1 a {
	text-decoration: none;
	font-size: 0.8rem;
	font-weight: bold;
	line-height: 18px;
	color: #888;
	display: block;
}
.lienitem .connexion1 a:hover {
	color: #fa4000;
	border-color: #fa4000;
}
.connexion1 .fa {
   margin-right: 10px;
}
.lienitem.connexion .dropdown-toggle, .lienitem .connexion1 a {
	background-color: transparent;
	border: 1px solid #0080007a;
	border-radius: 4px;
	margin: 0;
	max-width: 154px;
	padding: 3px 0;
}
.lienitem .connexion1 a {
   border-color: #ccc;
}
.connexion button {
   padding: 0;
   width: 100%;
   min-height: 25px;
   text-align: center;
}
#listearticlespopup p {
	font-size: 0.75rem;
}
.item p {
   margin: 0;
   font-size: 1rem;
}
.connexion .fa.fa-user {
	display: block;
}
.item .fa {
	font-size: 37px;
	margin: 0 5px;
}
#histo .item p {
   font-size: 0.9rem;
   line-height: 1;
}
.listecmp .blocajout {
	position: relative;
	margin: auto;
}
.blocajout {
	display: flex;
	height: 48px;
	position: absolute;
   bottom:0;
   z-index: 1000;
}
/* spinner */
.spinner input[type="text"] {
	text-align: center;
	width: 45px;
	border: unset;
	height: 46px;
	font-size: 1rem;
	font-weight: 700;
	background-color: transparent;
	color: #fff;
}
.spinner .input-group-addon {
	background-color: transparent;
	border: unset;
}
.blocajout:hover .input-group.spinner {
	display: inline-table;
}
.input-group.spinner {
	background-color: #009D2F;
   display: none;
}
.formajout:hover .input-group.spinner {
	display: inline-table;
}
.spinner .btn {
	width: 100%;
	padding: 1px;
	background-color: transparent;
	border: unset;
	color: #fff;
}
.spinner .btn:hover {
	color: #eee;
}
.spinner button.btn:focus {
   border: unset;
   outline: unset;
}
/*---*/
.item.itemcart .svg-icon svg {
	fill: #009D2F;
	display: block;
	width: 3.75rem;
	height: 3.75rem;
	text-align: center;
	margin: 0 auto;
}
.item.itemcart {
   margin-top: 23px;
}
.itemcart a, .itemcart .fa {
	text-decoration: none;
	color: #4D4D4D;
	display: block;
	padding: 6px 0 2px;
   width: 64px;
	margin: auto;
}
.item.itemcart a:hover {
   background-color: #009d2fe3;
}
.item.itemcart a:hover .svg-icon svg {
   fill: #fff;
}
/* cssanimate.com 
.itemcart a:hover img{
   animation: animationFrames linear 0.7s;
   animation-iteration-count: 1;
   transform-origin: 50% 50%;
   -webkit-animation: animationFrames linear 0.7s;
   -webkit-animation-iteration-count: 1;
   -webkit-transform-origin: 50% 50%;
   -moz-animation: animationFrames linear 0.7s;
   -moz-animation-iteration-count: 1;
   -moz-transform-origin: 50% 50%;
   -o-animation: animationFrames linear 0.7s;
   -o-animation-iteration-count: 1;
   -o-transform-origin: 50% 50%;
   -ms-animation: animationFrames linear 0.7s;
   -ms-animation-iteration-count: 1;
   -ms-transform-origin: 50% 50%;
}
*/
@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) ;
}
}
a.lien1 {
	text-decoration: none;
	font-weight: bold;
}
.lien1.active {
	color: #009D2F;
}
a.rappel2 {
   color: #009D2F;
}
a.rappel2:hover {
   font-weight: bold;
}
.divlogo {
   text-align: right;
}
.divlogo a {
	display: flex;
	height: 90px;
}
.logo {
	max-width: 100%;
	height: 72px;
	margin: auto;
}
.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;
}
@media screen and (min-width: 1600px) {	
   .lienitem.connexion .dropdown-toggle {
      max-width: 180px;
   }
}
@media screen and (min-width: 1200px) {	
	#idpromo {
		border-right: none;
	}
}
@media screen and (max-width: 1200px) {
   #menu_principal {
      margin-top: 0;
   }
	#dynamicBackgroundLink {
		top: 660px!important;
   }
   .divlogo a {
      height: 68px;
   }
   .entete {
      display: none;
   }
}
@media screen and (max-width: 990px) {
	.sm_img {
		display:none;
	}
   #sidebar2 {
      top: 264px;
   }
}
@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;
}
.checkpromo input[type=checkbox]:checked + label, .checkhisto input[type=checkbox]:checked + label {
   background-color: #4d4d4d;
}

.checkpromo input[type=checkbox] + label:before {font-family: FontAwesome;display: inline-block;content: "\f096";width:2rem;font-size: 1.2em;}
.checkpromo input[type=checkbox]:checked + label:before {content: "\f046";font-size: 1.2em;}
.checkhisto input[type=checkbox] + label:before {font-family: FontAwesome;display: inline-block;content: "\f096";width:2rem;font-size: 1.2em;}
.checkhisto input[type=checkbox]:checked + label:before {content: "\f046";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: 0 5px;
}
#filtreidf .checkbox input[type="checkbox"] {
	margin-top: 8px;
}
#filtreidf .btn {
   margin-top: 10px;
}
/* structures */
#contenu .row {
   margin: 0;
}
#contenu {
	clear: both;
	padding: 0;
	min-height: 300px;
	background-image: none;
	margin-bottom:10px;
   position:relative;
}
/* texte avant-saison */
#infomenu {
   background-color: #fff;
   margin-top: -5px;
   position: relative;
}
.top_textavantsaison {
	line-height: 20px;
	width: 100%;
	text-align: center;
	display: block;
	padding-bottom: 2px;
	position: relative;
	border-bottom: 2px solid #009D2F;
   margin-bottom: 9px;
   z-index: 90;
}
.aff_textavantsaison {
   background-color: transparent;
   height: 60px;
   border-radius: 0 0 8px 8px;
   margin: -8px -15px 17px -15px;
   text-align: center;
   line-height: 1;
   font-weight: bold;
   z-index: 100;
   position: relative;
   color: #66696D;
}
.aff_textavantsaison .btn-default {
	background-color: #4D4D4D;
	background-image: unset;
	border-color: #4D4D4D;
   color: white;
   margin: 18px auto auto 30px;
   font-weight: 500;
   float: left;
}
.btn.btn-default:hover {
	background-color: white;
	color: #4D4D4D;
	border: 1px solid #4D4D4D;
}
.textfin {
	position: relative;
	top: 23px;
	font-size: 1.2rem;
	color: #4D4D4D;
	font-weight: 600;
	float: left;
}
.textfin b {
	color: #66696D;
}
.tondeuse {
	height: 100%;
	width: 180px;
   float: left;
   margin-top: 8px;
	margin-right: 10px;
	text-align: left;
}
.tondeuse img {
   animation: 4s linear 2s infinite normal none running tondeuse;
}
@-webkit-keyframes tondeuse { from { margin-left:0%; } to { margin-left:60%; }  }
@keyframes tondeuse { from { margin-left:0%; } to { margin-left:60%; }  }

.blocfin {
	height: 66px;
	width: 70px;
	background-color: #9dc055;
	margin: 1px 4px;
	display: inline-block;
	font-size: 1.2rem;
	color: #fff;
	border-radius: 10px;
}
.blocfinval {
	display: inline-block;
	padding: 3px;
	width: 100%;
	font-size: 2.2rem;
	font-weight: 900;
}
#clock {
	float: left;
	margin: 0 10px;
}
/* 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: #009D2F;
}
#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("../../../inc/tinymce/fichiers/uploads/concours/jeu.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	height: 1971px;
	margin-bottom: 10px;
	padding-top: 1338px;
	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 {
   height: 500px;
   margin: 0 auto;
   width: 560px;
   font-size : 1.5em;
   color: #555;
}
#formjeu .form-inline .form-group.w100 {
   width: 100%;
}
.form-group.w50 {
   width: 49%;
}
.w50 .form-control, .w100 .form-control {
   width: 99%;
}
.form-control:focus {
   border-color: #cccccc;
}
#formjeu .form-control {
   height: 34px;
   margin: 8px 0;
   padding: 5px;
   text-align: center;
}
#formjeu .btn.btn-orange {
   margin-top: 40px;
   padding: 8px 28px;
}
#formjeu .checkbox input {
   margin-top: 8px;
}

/* divers div et classes */
.rouge {
   color: #ff0000;
}
.alert {
   background-color: rgba(255, 74, 0, 0.85);
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 4px;
   color: #ffffff;
   display: inline-block;
   font-size: 0.75em;
   margin-bottom: 0;
   padding: 5px;
   position: absolute;
   right: 40px;
   top: 77px;
   z-index: 100;
}
.alert-warning {
   padding: .75rem 1.25rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: .25rem;
	color: #009D2F;
	background-color: #fff3cd;
	border-color: #ffeeba;
}
#aff2 {
   padding-bottom: 0;
}
.infomsg {
   padding: 2rem 0;
   font-size: 1rem;
   color: #4D4D4D;
}
a:hover .titrecell.fondorange {
	background-color: #009d2fed;
}
.fondorange {
   background-color: #009D2F;
   color:white;
}
.fondblanc {
	background-color: transparent;
	border: unset;
}
#mrecherche .fondblanc {
	margin-top: 11px;
}
h2.titre_histopanier {
	font-size: 1.75rem;
	margin: 15px 0;
}
#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%;
}
.blocatal.affrecherche, .blocatalvide {
   padding: 15px 0;
}
.lienpanier {
   padding: 18px 0 0;
}
.lienpanier > a, .mdpoublie {
   text-decoration: none;
}
.liendeconnect {
   padding: 15px 0;
}
.liendeconnect .fa.fa-sign-out {
   color: #009D2F;
}
.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: 9px 0 0.75em;
   text-align: center;
}
.result.alamendro {
   color: #4d4d4d;
   text-align: center;
   font-size: 1.7rem;
}
h5.result.alamendro {
	font-size: 1.25rem;
	color: #009D2F;
}
.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;
}
.cadreheader {
   background-color: #B3B3B3;
   color: white;
   padding: 10px;
   border-radius: 6px;
   margin-bottom: 1px;
}
#formsearch .cadreheader {
   padding: 10px 0;
}
.cadreheader.active {
   background-color: #4D4D4D;
}
#blocscomm {
   padding: 0;
}
.titrerm {
   text-transform: uppercase;
   font-weight: bold;
   padding: 12px 20px 11px;
   margin-left: 8px;
   border-radius: 6px 6px 0 0;
   font-size: 1rem;
}
.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;
}
.radiusleft {
	border-radius: 5px 0px 0px 5px;
}
.radiusright {
	border-radius: 0px 5px 5px 0px;
}
.blocrecherche a {
	color: white;
	font-weight: bold;
   text-decoration: none;
}
.blocrecherche .btnmoteur {
   position: absolute;
   bottom: 15px;
   width: 100%;
}
.bordure {
   border: 1px solid #aaa;
   border-radius: 6px;
}
.imgmoteur {
	overflow: hidden;
	height: 175px;
	border: 1px solid #ccc;
}
.titrecell {
	padding: 72px 0;
	font-size: 1.4rem;
	height: 100%;
}
.btnmoteur .btn {
   border: 1px solid white;
   padding: 6px 16px;
}
.btnmoteur .btn:hover {
   background-color: white;
   color: #fa4000;
}
.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;
}
.cadreheader p {
   line-height: 1;
   margin:0 0 10px;
   color: #009D2F;
   font-weight:bold;
}
.cadreheader p {
padding-bottom:10px;
}
.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: #fa4000;
}
.centerbloc {
   display:inline-block;
   margin:0 0 25px;
   text-align: center;
   width: 100%;
}
.centerbloc .img-responsive {
   width: auto;
   display: inline-block;
}
.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;
   font-weight: bold;
}
.d-none, .infoaide2 {
	display:none;
}
.infoaide {
   display: none;
   float: right;
   text-align: center;
   width: 40px;
}
.item p.pctext, #tab_dlog .bold600 {
	font-size: 0.9rem;
	line-height: 1;
	padding-bottom: 20px;
}
#tab_dlog .bold600 {
	font-weight: 500;
	line-height: 1.5;
}
.prixdetail.w100 {
	width:100%;
}
.prixdetail.titre {
	font-size: 1.2em;
   margin: 0.75em 0 0;
   width: 100%;
}
#histo .prixdetail.titre {
   font-size: 1.25em;
   color: #333;
   text-transform: uppercase;
}
.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: #4d4d4d;
}
#formulaire1 {
	border: unset;
	border-radius: unset;
	box-shadow: unset;
}
#formulaire1 caption {
	padding: 5px 0;
	color: #333;
	font-weight: 600;
	font-size: 1rem;
}
.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;
   border-bottom: 2px solid #009D2F;
   position: sticky;
   top:0;
   left:0;
   z-index: 1010;
}
#conteneur_haut .container{
   padding-left:0;
   padding-right: 0;
}

.tel {
   font-size: 1.25em;
}
.enteteheader {
   text-align: right;
   padding: 0;
}
.enteteheader p {
	font-size: 0.75rem;
	margin: 9px 0 0;
	text-align: center;
}
#formsearch .easy-autocomplete, #familysearch, #formsearch .btn {
   display: inline-flex;
   justify-content: space-between;
}
#formtypes {
   margin: -1px 0 10px 0;
   padding: 10px 0;
   border-radius: 5px;
}
#formsearch.cadreheader {
	background-color: white;
	height: 44px;
	padding: 9px 0;
}
#formsearch .form-group, #formsearch .input-group, #search {
   width:95%;
   position: initial;
   float: left;
}
#search {
   height: 33px;
   font-size: 0.75rem;
} 
#formsearch .btn {
	border-radius: 0 5px 5px 0;
	position: absolute;
	right: 0;
	background: #009D2F;
	font-size: 1rem;
	color: white;
   height: 33px;
   width: 55px;
}
#formsearch .btn:hover {
	border-color: #fa4000;
}
#familysearch {
	width: 12rem;
	font-size: 0.75rem;
	height: 33px;
	border-radius: 0;
	position: absolute;
	right: 49px;
	z-index: 4;
	border-left: unset;
	background-color: #eee;
   font-style: italic;
   color: #999;
}
#isearch {
	line-height: 1.2rem;
	margin: 0;
}
.entete-sousmenu:first-child {
   margin-top: 0;
}
.entete-sousmenu, .entete-sousmenupanier {
   font-weight: bold;
   height: 36px;
   width: 100%;
	float:left;
	margin-top:2px;
   text-align: center;
   line-height: 36px;
   background-color: rgba(241,114,50,1);
   border-radius: 5px 5px 0 0;
   color: #ffffff;
}
.entete-sousmenupanier > a {
   color: #ffffff;
   text-decoration: none;
}
.entete-sousmenu > a {
   color: #ffffff;
   text-decoration: none;
}
.entete-sousmenu > a:hover, .entete-sousmenupanier > a:hover {
   text-decoration: underline;
}
#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;
}
.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;
}
#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: #4d4d4d;
   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 #009D2F;
}
#filtreidf .caret, #filtresfamilles .caret {
   margin-left: 5px;
   border-top: 5px solid #4D4D4D;
}
#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: #fa4000;
	border-color: #fa4000;
}
.checkbox.selection {
   color: #009D2F;
}
/* ===================================================================================================== */
/* checkbox avec la classe customcheckbox pour garder la compatibilité des checkbox seules (ancienne version) */ 
/* ===================================================================================================== */
input.customcheckbox[type=checkbox] {display:none;}
input.customcheckbox[type=checkbox] + label {cursor:pointer;font-weight: 500;}
input.customcheckbox[type=checkbox] + label:before {font-family: FontAwesome;display: inline-block;content: "\f096";width:1rem;font-size: 1.2em;}
input.customcheckbox[type=checkbox]:checked + label:before {content: "\f046";font-size: 1.2em;}
/* ===================================================================================================== */
#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: #009D2F;
   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: #fa4000;
}
#filtreidf .checkbox .coche li:hover {
   background-color: transparent;
}
.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: 5px 0 20px;
   padding-top: 5px;
   padding-bottom: 5px;
}
.complement {
	padding: 0 10px;
	font-size: 0.85rem !important;
}
#corps.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;
   color: #009D2F;
}
#corps a.btn {
	color: #FFFFFF;
}
#corps a.btn:hover, #corps a.btn:focus {
	color: #FFFFFF;
}
#corps .blocbtn > div > a.btn {
   color: #333;
   margin: 9px 0;
}
.blocbtn .col-xs-4:first-child {
   margin-bottom: 15px;
}
#corps .title a {
	color: inherit;
}
#corps .title a.text-orange {
	color: #009D2F;
	text-decoration: none;
}

#corps .title a:hover, #corps .title a:focus, #corps .title a.text-orange:hover {
	color: #fa4000;
}
#corps .title  a.home {
	font-size: 1.2em;
}
#corps .title  a.home:hover {
	color: #fa4000;
}
#corps strong {
	color: #181A12;
}
#corps .descriptif a {
   color: #009D2F;
   font-weight: bold;
}
#corps .alternatif {
	font-weight: 600;
   color: #009D2F;
   text-transform: none;
   width: 100%;
   font-size: 0.9rem;
}
#corps .alternatif a {
	color: #FFF;
	background-color: #009D2F;
	padding: 0 4px;
	border-radius: 5px;
	text-decoration: navajowhite;
}
#corps .alternatif a:hover {
   background-color: #fa4000;
}
#corps .descriptif .rouge a {
	color: red;
}
#corps .descriptif a.prevenir {
	color: #666;
   font-weight: 600;
}
#corps .descriptif .prevenir:hover {
	color: #009D2F;
}
.btn.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;
}
.select_liste select:active, .select_liste select:focus {
   border-color: #009D2F;
   outline-color: #009D2F;
}
#tri {
   background-color: #fff;
   border-bottom: 1px solid #cccccc;
   border-radius: 5px;
   font-size: 14px;
   padding: 5px;
   text-align: right;
   width: 100%;
}
.nbtri {
	float:left;
	line-height:26px;
	font-weight: bold;
	color: #666666;	
   text-align: left;
}
.uppercase {
   text-transform: uppercase;
}
.block {
   padding: 10px 30px;
}
.block-right{float: right;}
.block .ref {
   text-transform: uppercase;
}
.fondgris {
	padding: 10px;
	border-radius: 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;
}
.imgpicto {
   margin: 0 1px 3px;
   max-height: 80px;
   padding: 5px;
}
#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;
}
.blocatal {
   margin-top: 15px;
   display: inline-block;
   width: 100%;
   height: 96%;
   -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);
}
.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: #009D2F;
	position: absolute;
	left: 0;
	bottom: 0;
   transition: all linear .1s;
   color:#fff;
}
.rollover_cat p {
	position: absolute;
	opacity: 0;
}
.textfamille {
	padding: 5px 10px;
}
.qtefamille {
	font-weight: 500;
   font-size: 0.85rem;
}
.libdecouvrez {
	font-size: 0.9rem;
	margin-right: 3px;
}
.libfamille {
	font-size: 1rem;
	font-weight: 600;
	color: #009D2F;
	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 > ul {
	width: 90%;
	margin: 0 auto 33px;
}
#menuTab > ul > li {
   border-bottom: solid 2px #009D2F;
   width: 50%;
   text-align: center;
}
#menuTab > ul > li a {
	text-decoration: none;
	font-size: 1rem;
	text-transform: uppercase;
   line-height: 1.5;
   border-radius: 9px 9px 0 0;
}
#menuTab > ul > li.active a {
	background-color: #009D2F;
	color: #fff;
   font-weight: 700;
   border-color: #009D2F;
}
.eye {
	background: unset;
	border: unset;
	position: absolute;
	right: 10px;
	line-height: 27px;
}
/* newsletter */
#modalnewsletter {
   background-color: rgba(0,0,0,0.75);
}
.containernewsletter {
   position: relative;
   bottom: -70px;
   z-index: 1000;
}
.modalnl {
   top:150px;
}
.modalnl .newsletter {
   width:700px;
   height: 350px;
}
.modalnl .pictonl.fa-stack {
   top:-60px;
   bottom:unset;
}
.formnewsletter button {
   background-color: #333;
   border-radius: 0;
}
.formnewsletter button {
   height: 29px;
   border-radius: 6px;
}
.ombrage {
   -moz-box-shadow: 0px 0px 10px 0px #AAAAAA;
   -webkit-box-shadow: 0px 0px 10px 0px #AAAAAA;
   -o-box-shadow: 0px 0px 10px 0px #AAAAAA;
   box-shadow: 0px 0px 10px 0px #AAAAAA;
   filter:progid:DXImageTransform.Microsoft.Shadow(color=#AAAAAA, Direction=NaN, Strength=10);
   height: 120px;
}
#blocnl {
	margin-top: -68px;
	position: initial;
}
.newsletter {
   margin: 0 auto;
   background-color: #999;
   color: white;
   font-size: 0.8rem;
   padding: 50px 0 10px;
}
.newsletter em {
   font-size: 0.7rem;
}
.newsletter .form-group {
   margin-bottom: 2px;
}
.newsletter .form-control {
   height: auto;
   width: 100%;
   padding: 0 6px;
   background-color: white;
   border-radius: 6px;
}
.pictonl.fa-stack {
	font-size: 4rem;
	color: #999;
	position: initial;
}
.pictonl .fa-stack-2x.fa-inverse {
   font-size: 1.72em;
}
.pictonl .fa-stack-2x {
   font-size: 1.70em;
}
.pictonl .fa-stack-1x.fa-inverse {
   font-size: 0.8em;
   line-height: 2.1em;
}

/* carousel articles complémentaires */
.carousel {
	margin: 0;
}
.carousel .item {
	text-align: center;
	overflow: hidden;
	border-radius: 0;
	padding: 0;
}
.carousel .item img {
	max-width: 100%;
    margin: 0 auto; /* centrer image horizontalement Bootstrap v3 */
}
.carousel-inner {
   border-radius: 5px;
}
.carousel .carousel-control {
	width: 50px;
   height: 50px;
   margin: auto 0;
   font-size: 3rem;
   line-height: 44px;
   text-shadow: none;
   color: #4d4d4d;
   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: #4D4D4D;
	border-color: #666;
}
.carousel .nav {	
	background: #666;
}
.carousel .nav a {
	color: #4D4D4D;
	border-radius: 0;
	font-size: 85%;
	padding: 10px;
   background: transparent;
   text-decoration: none;
   color:white;
}
#corps .carousel a strong, #corps .carousel strong {
	color: white;
}
.carousel .nav .nav-item.active a {
	color: white;
   background: #4D4D4D;
   height: 53px;
}
.carousel .nav .nav-item.active a strong {
   border-bottom: 1px solid #009D2F;
   padding-bottom: 3px;
}
.carousel .nav a.nav-link:hover {
   background: #4d4d4d;
   color: #009d2fe3;
   height: 53px;
}
.carousel .nav strong {
	display: block;
	text-transform: uppercase;
}
#myCarouselHC .item.active {
   border: none;
}
#histo .prixdetail.titre {
   font-size: 1.25em;
   color: #333;
}
#histo .complementaires {
	margin: 50px 0;
}
.souligntitre {
	border-top: 4px solid #333;
	width: 120px;
}
.complementaires .pcvignette {
	height: 160px;
}
.pcvignette {
	min-height: 80px;
	line-height: 80px;
}
/*------------- 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: #4d4d4d;
   border-radius: 0 0 19px 19px;
   color: #ffffff;
   font-size: 1.6em;
   padding: 10px 14px;
}
#logomoteur > p {
   margin: 0;
}
#logomoteur p img {
   margin: 0;
}
#blocsmoteurs {
	padding: 18px 0 10px;
}
#bloccomm1 {
	margin-bottom: 15px;
}
#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: #4D4D4D;
   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;
   font-size: 0.875rem;
}
.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: #009D2F;
   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: #fa4000;
	color: #FFFFFF;
}
#recherche .input-append input {
   border-radius: 0 !important;
}

/* footer */
#footer {
	background-color: #4D4D4D;
   width: 100%;
	padding-top:50px;
	padding-bottom:50px;
	position:relative;
   z-index:100;
   color: white;
   margin-top: 30px;
}
#footer h3 {
   color: white;
   text-decoration: underline;
}
#footer ul {
	margin: 0;
	list-style: none;
}
#footer li {
   text-align:left;
   text-align: center;
   line-height: 25px;
}
#footer p {
   line-height: 25px;
   margin: 0;
}
#footer a {
	padding: 0px;
	line-height: 1em;
	font-size: 1em;
	text-decoration: none;
	color: #FFFFFF;
} 
#footer a:hover {
   text-decoration: underline;
}
#footer a:hover .picto_fb {
   color: #4267B2;
}
#footer a:hover .picto_yt {
   color: #FF0000;
}
#footer.nonl {
   padding-top: 30px;
}
#footer2 {
   text-align:center;
   background-color: #F5F5F5;
}
.rsfooter {
   margin: 10px 10px 0;
}
#footer a .rsfooter .fa.fa-stack-1x {
	color: #4d4d4d;
}
#footer a:hover .rsfooter .fa.fa-stack-1x {
	color: #FFF;
}
/* 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;
}
.listeexport {
   background-color: #f4f4f4;
}
.suivicdes td {
   line-height: 1.8;
}
#resultat table {
   margin: 0;
}
.arrondi {
	border: 2px solid #f3f3f3;
	border-radius: 6px;
	background-color: #f3f3f3;
}
.ft .table.noborder > tbody > tr > td {
	font-size: 0.75rem;
	padding: 4px 10px;
}
.table th, .table td {
   vertical-align: middle;
}
.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;
}
.fa {
	margin-right:6px;
}
.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 {
	border-radius: 6px;
	padding:4px 12px;
	font-size:1em;
}
.btn.btn-primary {
	color: #fff !important;
	font-weight: normal !important;
}
.btn-success {
   background-color: #009434;
   border-color: #017027;
	color: #FFFFFF;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
   background-color: #009d2fe3;
   border-color: #009434;
}
.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;
}
.formnewsletter .btn.btn-tab {
   background-color: #4d4d4d;;
}
.blocbtn a {
   text-decoration: none;
}
#action {
   border: none;
}
.btn-orange {
   background-color: #009D2F; 
   color: #FFFFFF!important;
   text-shadow: 1px 1px 1px #009D2F;
}
.btn-orange:hover, .btn-orange:focus, .btn-orange:active {
	background-image:none;
   background-color: #009d2fe3;
}
.btn.btn-orange.btn-majuscule {
	text-transform: uppercase;
	font-size: 1rem;
	font-weight: bold;
   padding: 5px 20px;
   margin-top: 10px;
}
input.btn.btn-unicar {
	padding: 4px 7px;
}
.btn.btn-unicar {
	padding: 4px 7px;
}
.btn.action {
   font-size: 0.75rem;
}
.btnsupfavoris {
	position: absolute;
	margin: 12px 0 0 15px;
}
.btn-unicar .fa, .btn-unicar.maj .fa {
	line-height:1em;
	margin-right:0;
}
.btn.btn-orange.search {
	padding:14px;
	white-space:normal;
}
.btn-group.open .btn.dropdown-toggle {
   background-color: #009D2F;
}
.btn-group.open .dropdown-toggle {
   padding-left: 8px;
   padding-right: 8px;
}
.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;
   background-position: 0 -15px;
   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;
}
label {
   padding: 4px 6px;
}
select:required:invalid {
   color: grey;
}
option {
   color: #555;
}
.flabel {
   font-size: 0.9em;
   font-weight: normal;
   width: 22%;
}

/* ==================================================================== */
/* 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;font-weight: normal;line-height: 1;}
input.caseacocher[type=checkbox] + label:before {font-family: 'FontAwesome';display: inline-block;content: "\f096";width:16px;font-size: 16px;}
input.caseacocher[type=checkbox]:checked + label:before {content: "\f046";font-size: 16px;}

textarea, input[type="text"], 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 {
   background-color: #FFFFFF;
   border: 1px solid #CCCCCC;
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
   transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
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"], 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 {
   color: #555555;
   display: inline-block;
   font-size: 0.75rem;
   line-height: 26px;
   padding: 2px 4px;
   border-radius: 4px;
   border: 1px solid #CCCCCC;
}
select, input[type="text"], 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 {
   height: 27px;
}
input[type="number"].lqte, input[type="number"].dqte {
   height: 32px !important;
   width: 50px;
   border-radius: 4px 0 0 4px;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	opacity: 1;
}
.majuscules {
	text-transform: uppercase;
}
textarea {
width:100%;    
}
.input-group-addon {
   padding: 5px 1px 4px 6px;
	max-width: 30px;
	min-width: 30px;
}
.input-group-addon {
   padding: 5px 1px 4px 6px;
	width: auto;
}

/* pagination */
.paging {
   clear:both;
   padding:6px 0 20px;
   line-height:17px;
   font-size:1em;
   float: right;
}
.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: #009D2F;
	border:1px solid #999999;
	padding:5px 8px;
	color: #FFFFFF;
	font-weight: bold;
}
#corps .paging a:hover{
   color: #FFFFFF;
   background: #fa4000;
}
.resultats {
	text-align: right;
	padding-right: 20px;
}
/* Retour Top */
.totop {
   bottom: 65px;
   position: fixed;
   right: 20px;
   z-index: 1000;
}
.totop a, .totop a:visited {
   background: none repeat scroll 0 0 rgb(139, 134, 131);
   border-radius: 6px;
}
.totop a, .totop a:visited {
	color: #FFFFFF;
	display: block;
	height: 40px;
	line-height: 36px;
	text-align: center;
	width: 40px;
	font-size: 1.5rem;
}
.totop .fa {
	margin: 5px 0;;
}
.totop > a:hover {
   background-color: #009D2F;
} 
/* 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: #009D2F;
   border:solid 1px #009D2F;
}
.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: #009D2F;
   color: #FFFFFF;
   border:solid 2px #FFFFFF;
}
.noty_close {
	top: 10px !important;
	right: 10px !important;
   display: block;
   padding: 5px;
}
/*
.noty_bar.noty_type_success {
   background-color: #017027;
   color: #FFFFFF;
   border:solid 2px #009434;
} */
.noty_text > ul {
   margin-left: 19px;
}
/* fenetres modal */
.modal-content {
	border-radius: 8px;
}
.modal-title {
   background-color: #009D2F;
   border-radius: 6px;
   color: #FFFFFF;
   font-weight: bold;
   line-height: 1.42857;
   margin: 0;
   padding: 10px;
   text-align: center;
   width: 100%;
}
.modal-header {
	border: unset;
	height: 36px;
	border-radius: 7px 7px 0 0;
	color: white;
	text-align: center;
	line-height: 5px;
	font-size: 1rem;
   font-weight: 700;
   margin-bottom: 15px;
}
.modal-header .close {
   margin-top: 2px;
}
.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;
}
/* 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;
}

@media screen and (min-width: 1400px) {
   .container {
      width: 1380px;
   }
}
@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%;
   }
   .zoneentete {
      border-bottom: 2px solid #009D2F;
      padding-bottom: 5px;
   }
}
@media screen and (max-width: 990px) {
	.nouveautes, #diapo2, .pictofamille {
		display:none;
	}
	#brouette {
		display:none;
   }
   #familysearch {
      width: 34.7%;
   }
   .col-xs-12.col-md-4.nopadding {
      padding: 0 15px;
   }
   .enteteheader p {
      display: none;
   }
   .entete {
      margin: -19px auto;
      width: 100%;
   }
}

@media screen and (min-width: 992px) {
   .blocatal:nth-child(4n+1) .bordGD {
      border-left: 1px solid #ccc;
   }
}
@media screen and (max-width: 992px) {
   .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%;
}
@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%;
   }
}
@media screen and (min-width: 350px) and  (max-width: 991px) {
	.entete {
      float:left;
   }
}
/*------------- 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: #009D2F;
}
.titre-comparateur .affcomparateur {
	width: 100%;
	display: block;
	position: relative;
}
.comparateur .titre-comparateur .affcomparateur::after, .comparateur .titre-comparateur .affcomparateur.off::after {
   display: block;
   position: absolute;
   top: 25%;
   left: 53%;
   -webkit-transform: translateX(165px);
   transform: translateX(165px);
   display: inline-block;
   font: normal normal normal 14px/1 FontAwesome;
   font-size: 14px;
   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 {
	float: right;
	border: 1px solid;
	border-radius: 50px;
}
.affcomparateur .fa {
	padding: 9px;
   color: white;
   border-color: white;
	line-height: 20px;
   margin: 5px 15px 0 0;
}
.article-supp .fa {
	line-height: 10px;
	margin: -15px 40px 0 0;
   border-color: #666;
	color: #666;
	padding: 6px;
}
.ref .article-supp .fa {
   margin: -2px 0 0 0;
}
.fa.fa-close:hover {
   color: #009D2F;
   border-color: #009D2F;
}
.comparer.on {
	color: #009D2F;
}
.comparateur .btn_compare {
	float: right;
	width: 220px;
	padding-right: 20px;
}
.corps-comparateur {
   padding: 15px 0;
   margin: 0 7%;
}
.comparateur .corps-comparateur ul {
	background: url("../../../fichiers/articles/pictos/fondcomparateur.jpg") no-repeat 30px 16px;
   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;
}
.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-top: 0;
}
.btn.btn-default.comparer:hover {
	color: #fa4000;
}
.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: #009D2F;
}
.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;
}
@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%;
}
.titre1 {
   padding: 10px 0;
}
.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;
}

/* ---------------------------------------------------
   SIDEBAR STYLES
----------------------------------------------------- */
#menu_principal .navbar-header, #menu_principal .navbar-nav > li {
   float: left;
   min-width: max-content;
}
#menu_principal .navbar-nav {
	float: left;
	margin: 0;
}
#sidebar {
   width: 390px;
   max-width:95%;
   position: fixed;
   top: 0;
   left: -390px;
   height: 100vh;
   z-index: 1015;
   background: #009D2F;
   color: #fff;
   transition: all 0.3s;
   overflow-y: visible !important;
   box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar.active {
   left: 0;
}
.sidebar-btn {
	background: unset;
	padding: 0;
}
#dismiss {
   background: #009D2F;
   border: 1px solid #fff;
   line-height: 35px;
}
#dismiss2 {
	color: #999;
   border: unset;
   font-size: 1.5rem;
   line-height: 42px;
}
#dismiss, #dismiss2 {
   width: 35px;
   height: 35px;
   text-align: center;
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
   -webkit-transition: all 0.3s;
   -o-transition: all 0.3s;
   transition: all 0.3s;
}
#dismiss:hover{
   background: #fff;
   color: #009d2fe3;
}
#dismiss2:hover {
   color: #009d2fe3;
}
.overlay {
   position: fixed;
   width: 100vw;
   height: 100vh;
   background: rgba(0, 0, 0, 0.7);
   z-index: 1012;
   display: none;
}
#sidebar .sidebar-header, #sidebar2 .sidebar-header {
	padding: 20px;
	background: none;
	text-align: left;
	font-size: 1.1rem;
	font-weight: bold;
}
#sidebar ul.components {
   margin-top: 10px;
   margin-left: 10px;
   margin-bottom: 30px;
   text-align: left;
}
#sidebar ul p {
   color: #fff;
   padding: 10px;
}
#sidebar ul li a {
   padding: 4px 10px;
   margin-bottom: 1px;
	font-size: 1.1em;
	display: inline-block;
	color: white;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid #FFF;
   width: 85%;
   font-weight: 700;
}
#sidebar ul li a:hover {
   color: #009D2F;
   background: #fff;
}
#sidebar ul li.active > a, a[aria-expanded="true"] {
   color: #fff;
   background: transparent;
}

#sidebar a[data-toggle="collapse"] {
   position: relative;
}

#sidebar a[aria-expanded="false"]::before, #sidebar a[aria-expanded="true"]::before, #sidebar a.asousmenu::before {
   content: '\e259';
   display: block;
   position: absolute;
   right: 20px;
   font-family: 'Glyphicons Halflings';
   font-size: 0.8em;
   bottom: 5px;
   font-weight: bold;
}
#sidebar a[aria-expanded="true"]::before {
   content: '\e260';
}
#sidebar a.asousmenu::before {
	content: '\e258';
	position: initial;
	font-size: 0.9rem;
	float: right;
}
#sidebar ul li ul {
   width: 323px;
}
#sidebar ul li ul a {
   font-size: 1em !important;
   padding-left: 10px !important;
   background: transparent;
   text-transform: unset;
   border-bottom: unset;
   width: 100%;
	font-weight: 600;
}
#sidebar ul li ul li a.active {
	font-weight: 700;
	color: #009D2F;
	background-color: #fff;
}
#sidebar .collapse.in {
   border-bottom: 1px solid #fff;
   margin-left: 40px;
}
.pictomenufamille {
	max-width: 40px;
}
/* Sous-menu */
.up2 .sousmenu {
	margin-top: -55px;
}
.sousmenu {
   visibility: hidden;
   opacity: 0;
	position: fixed;
	left: 372px;
	padding: 6px;
	background-color: #009D2F;
	min-width: 300px;
	box-shadow: 3px 3px 8px #333;
   margin-top: -36px;
   z-index: 1000;
   transition: opacity 0.5s ease-in;
}
#sidebar ul li .sousmenu a {
   width: 100%;
}
#sidebar li.lism:hover .sousmenu, .sousmenu:hover {
   visibility: visible;
   opacity: 1;
   transition: opacity 0.5s ease-out;
}
/* pour Koen */
.button {
background-color: #2C943F; /* Green */
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color: #2c943f;
color: white;
border: 2px solid #2c943f;
width: 25%;
}
.button1:hover {
background-color: white;
color: #2c943f;
border: 2px solid #2c943f;
}
/*--*/
#sidebar2 {
   width: 490px;
   max-width:95%;
   position: fixed;
   top: 133px;
   right: -490px;
   height: 85vh;
   z-index: 10010;
   background: #FFF;
   color: #666;
   transition: all 0.5s;
   box-shadow: -3px 3px 3px rgba(0, 0, 0, 0.2);
}
#sidebar2 #mCSB_2_container {
	height: 100%;
}
#sidebar2.active {
   right: 0;
}
#sidebar2 .sidebar-header {
	color: #2C943F;
	background-color: #eee;
	padding: 15px 20px;
}
.table td.infofranco, .table td.infomaxarticles {
	color: #333;
	font-weight: 600;
	line-height: 30px;
}
.zonetotal {
	position: fixed;
	width: 490px;
	bottom: 0;
   background: #fff;
}
.paniertotal {
	text-align: center;
	margin: 10px auto;
	background-color: #2C943F;
	color: #fff;
	width: 85%;
	padding: 10px;
	border-radius: 20px;
	font-size: 1.1rem;
	text-transform: uppercase;
}
#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;
}