pre{opacity:0.95;}

/* Table des mati�res
==================================================
#General
#Form
#Header
#Bandeau
#Menu
#Accueil
#Left
#ProductBox
#searchPneu
#Ariane
#Filtre
#Barre
#Catalog
#Produit
#Create
#Account
#Cart
#checkout
#Footer

*/


/* #Header
================================================== */
body{
  background:#fff;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#333;
  font-size:12px;
  /*background: url(../images/background/body.jpg) no-repeat bottom; 
  background-size: 100%;  
  background-attachment:fixed; */
}

body{
  background: url(../images/background/body-1920.jpg) no-repeat top; 
  background-attachment:fixed; 
  background-position:top center;
  background-size: 1920px;  
}



#bg{
  /* background:#fff; */
  /* padding:5px; */
	padding-left:0 !important;
	padding-right:0 !important;
}



#background-footer{
  background:url(../images/background/carbon.jpg);
  padding-bottom:10px;
}

#bg-footer{
    background:#202020;
    padding:5px;
    color:#bbbbbb;  
    margin-bottom:0px  
} 



@media (max-width: 767px) {
    #bg{
        padding:15px;
    }
    
    #bg-footer{
        padding:15px;   
    } 
}




.fa-border, a .fa-border{
  border:1px solid #ddd;
  color:#838786
}

.fa-border:hover{
  border:1px solid #00489c;
  background:#00489c;
  color:#fff;
}

h1{
    margin: 5px 0px 5px;
    padding: 0 0px 15px; 
    background: url(../images/icons/h2.gif) 0 100% repeat-x;
    font-size:24px;
    font-weight:normal;
    letter-spacing:-1px;
    color:#2e2e2e;  
    line-height:20px;   
}

h2{
  font-size:14px;
  text-transform:normal;
  display:inline-block;
  margin: 5px 0px 5px;
  padding-right:10px;
  font-weight:normal;
}

h3{
  font-family:'Open Sans', Arial, sans-serif;
  background-color:#00489c;
  color:#fff;  
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:5px;
  text-transform:uppercase;
 
}

.outer-h4{  
  line-height:1em;
  text-align:left;  
  padding:0;
  margin:0;
  margin-top:20px;
  margin-bottom:20px; 
}

h4{
  font-size:14px;
  background-color:#202020;
  color:#fff;
  text-trans form:uppercase;
  letter-spaci ng:-1px;
  display:inline-block;
  margin:0px;
  padding-right:10px;
  font-weight:normal;
}


.checkbox label>input{
  margin-top:2px;  
}



.head{
  padding-left:5px;
  padding-right:5px;
}

input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] {
  background-color:#EEEEEE;
  cursor:not-allowed;
}



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 {
  border-bottom-left-radius:4px;
  border-bottom-right-radius:4px;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  display:inline-block;
  height:34px;
  line-height:20px;
  margin-bottom:10px;
  padding:4px 6px;
  vertical-align:middle;
  width:100%;
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
}

.input-xs { height: 30px !important;  }

select {
  background-color:#FFFFFF;
  border:1px solid #CCCCCC;
  height:34px;
  cursor:pointer;
}



.fa-stack{
  margin-right:5px
} 


a{
  color:#00489c;
  cursor:pointer;
}

.pointer{
cursor:pointer;
}

a:hover{
  color:#00489c;
}


.uppercase{
  text-transform:uppercase;
}

.lowercase{
  text-transform:lowercase;
}

.margin10{
  margin-left:10px;
  margin-right:10px;
}

.margin5top{
  margin-top:5px
}

.margin20{
  margin-left:20px;
  margin-right:20px;
} 

.margin-right5{
  margin-right:5px;
}
.margin-right5{
  margin-right:5px;
}

.padTop13 { padding-top: 13px !important; }

.table > tbody > tr > td.padding15{
  padding:15px;
}


.gris{
  color:#aaa;
}
.bggris{
  background:#e8e8e8;
}
.bgGrisMenu { background:#333; }
.bgBlanc{
  background:#fff;
}
.bgBleu{
  background:#041d5b;
}
.vert{
  color:#669900;
}
.orange{
  color:#00489c;
}
.rouge{
  color:#cb1111;
}
.bgrouge{
  background:#cb1111;
}


.form-signin{
  margin: 0 auto;
  max-width:330px;
  padding:15px;
}


/* #Form
================================================== */
blockquote{
  margin-top:5px;
}

blockquote p{
  font-weight:normal;
  font-size:12px;
  color:#333;
  display:block;
}

blockquote.helper{
  display:none;
}

blockquote.has-success{
    background:#dff0d8;
    border-left-color:#468847;
}

blockquote.has-error{
    background:#f2dede;
    border-left-color:#b94a48;
}

blockquote.has-info{
    background:#d9edf7;
    border-left-color:#3a87ad;
}



/* #Header
================================================== */
#mainHeader .navbar{
    background:#333;
    border:0px;
    border-top:4px solid #00489c;
    min-height:40px;    
}

ul.quickMenu{
  float:left;
  margin:0px;
  padding:0px;
}

ul.quickMenu li {
	display:inline-block;
	height:15px;
	margin:10px 0 0 0;
  border-right:1px dotted #ccc;
  color:#fff;
}

ul.quickMenu li a {
	margin:0px;
  margin-left:0.75em;
  margin-right:0.75em;
	padding:0;
	
	line-height:1.3em;
  color:#CCC;
}

.quickMenu li:first-child a{
	margin-left:0px;
}

.quickMenu li:last-child {
	border:none;
}

ul.quickMenu li a:hover {
	color:#fff;
	text-decoration:none;
}

ul.quickMenu li.lang{
  background:#00489c;
  position:relative;
  height:36px;
  padding-top:4px;
  margin-top:0px;
}

ul.quickMenu li.lang a{
  color:#fff
}

.quickMenu li.lang:first-child a{
	margin-left:0.75em;
}

.dl-horizontal{
  background:#f7f7f7;
  border:1px solid #e7e7e7;
  margin:0px;
  margin-right:5px !important;
  margin-top:35px !important;
  padding:5px;
}

.dl-horizontal dt{
  width:auto;
  color:#00489c;
}
.dl-horizontal dd{
  width:auto;
  margin:0;
  margin-left:25px;
}


/* #Bandeau
================================================== */
#mainBandeau {
	margin-top:36px;
}

#mainBandeau .dl-horizontal{
  background:#f7f7f7;
  border:1px solid #e7e7e7;
  margin:0px;
  padding:5px;
}

#mainBandeau .dl-horizontal dt{
  width:auto;
  color:#00489c;
}
#mainBandeau .dl-horizontal dd{
  width:auto;
  margin:0;
  margin-left:25px;
}

#mainBandeau .panier{
  background:#00489c;
  border:none;
  margin:0px;
  padding:5px;
  margin-top:5px;
}
#mainBandeau .panier dt{
  width:auto;
  color:#fff; 
  text-transform:uppercase; 
}
#mainBandeau .panier dd{
  color:#fff;
  text-transform:uppercase;
}



.rounddivpanier{
    border:1px solid #686868;
    color:#fff;
    width:auto;
	min-width:34%;
    padding:5px;
    text-align:center;
    -webkit-border-radius: 10px 0 0 10px;
    -moz-border-radius: 10px 0 0 10px;
    border-radius: 10px 0 0 10px;
	float:right;
	margin-top:3px;
}

.sav{
    margin-top:10px;
}




/* #Menu
================================================== */
#mainNav>.navbar{    
  border:0px;
  min-height:20px;
  margin:0px; 
  background:#333;
  border-radius:0px   
}

#mainNav .navbar .fond{
  background:#333;
}


#mainNav .nav > li > a {
	font-size:12px;	
  color:#fff;
  text-transform:uppercase;  
  padding:10px 0px;  
  background:#333;
  border-right:1px solid #2a2a2a;
  font-weight:bold;
  text-align:center;
  height:90px;
}

@media (max-width: 1200px) {
    #mainNav .nav > li > a {
        height:auto;
        padding:10px;
    }
}



#mainNav .nav>li.active>a,
#mainNav .nav>li>a:hover {
  color:#fff;
  background:#00489c;
}

.btn-group-univers{
padding:0px;

}

.btn-univers{
  background:none;
  color:#ccc;
  font-size:12px;
  font-weight:bold;
  padding:15px;
  border:none;
  border-radius:0px;
  line-height:20px;
}

.btn-univers:hover,
.btn-univers:focus,
.btn-univers:active,
.btn-univers.active,
.open .dropdown-toggle.btn-univers{
  background:#00489c;
  color:#fff;
  box-shadow: none;
}

.dropdown-menu-univers{
  background:#fff;
  border:5px solid #00489c;
  border-radius:0px;
  margin-top:0px;
  font-size:12px;
}

/* #accueil
================================================== */
.pubs{
    margin-top:10px;
    margin-bottom:20px;
}

.box-marque{
  text-align:center;
}

.box-marque-inner{
  width:auto;
  display:inline-block;
  padding:5px;
}

.box-marque-inner img{
  position:relative;
  top:0;
  bottom:0;
  margin:auto; 
  max-width:100%;
  max-height:50px;
}



/* #left
================================================== */
/* By default it's not affixed in mobile views, so undo that */
/* First level of nav */
.bs-sidenav {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top:    0px;
  padding-bottom: 0px;
}

.bs-sidebar{
  margin-bottom:5px
}

/* All levels of nav */
.bs-sidebar .nav > li > a {
  display: block;
  color: #333333;
  padding: 5px 10px;
  border-right: 1px solid #fff;
}
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #e8e8e8;
  border-right: 1px solid #00489c;
}

.bs-sidebar .nav > .active >.tab-pane{
  padding:00px;
}

.bs-sidebar .nav > .active > a,
.bs-sidebar .nav > .active:hover > a,
.bs-sidebar .nav > .active:focus > a {
  font-weight: bold;
  color: #333;
  background-color: transparent;
  border-right: 1px solid #00489c;
}

/* Nav: second level (shown on .active) */
.bs-sidebar .nav .nav {
  display: none; /* Hide by default, but at >768px, show it */
  margin-bottom: 8px;
}
.bs-sidebar .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 20px;

}

/* Show and affix the side nav when space allows it */
@media (min-width: 992px) {
  .bs-sidebar .nav > .active > ul {
    display: block;
  }
  /* Widen the fixed sidebar */
  .bs-sidebar.affix,
  .bs-sidebar.affix-bottom {
    width: 213px;
  }
  .bs-sidebar.affix {
    position: fixed; /* Undo the static from mobile first approach */
    top: 80px;
  }
  .bs-sidebar.affix-bottom {
    position: absolute; /* Undo the static from mobile first approach */
  }
  .bs-sidebar.affix-bottom .bs-sidenav,
  .bs-sidebar.affix .bs-sidenav {
    margin-top: 0;
    margin-bottom: 0;
  }
  
  .pub{
  margin-top:5px;
  margin-bottom:10px;
  
  display: block;
  max-width: 100%;
  height: auto;
}
}
@media (min-width: 1200px) {
  /* Widen the fixed sidebar again */
  .bs-sidebar.affix-bottom,
  .bs-sidebar.affix {
    width: 263px;
  }
  
  .pub{
    margin-top:5px;
    margin-bottom:10px;
  }
} 

.engagements{
  margin-bottom:0px;
}

.filtre_actif{
  margin-bottom:5px;
}

.filtre_actif li{ 
  border:none;
  padding: 5px 10px;
  border-right: 1px solid #fff;
  text-decoration: none;
  background-color: #e8e8e8;
  padding
}




/* #Category
================================================== */
.categorie{

  padding:25px;
  box-shadow:10px 0 8px -10px #555,-10px 0 8px -10px #555;
}

.box-categorie{
  text-align:center;
  margin-top:10px;
  margin-bottom:10px;
}

.box-categorie h2,
.box-categorie h2 a{
  font-size:12px;
  font-weight:bold;
  font-family:'Open Sans', Arial, sans-serif;
  text-transform:uppercase;
  margin:0;
  padding:0;
  line-height:16px;
  color:#333;
}

.photo-box-categorie{
  height:135px;
  display: flex;
  justify-content: center;
}

.photo-box-categorie img{
    max-height:125px;
    position:relative;
    display:block;
    margin:auto;
}




.photo-titre-categorie{
  height:150px;
  overflow:hidden;
  margin-top:10px;   
  margin-bottom:10px; 
  position:relative;
  display:block;  
  background-size: 100% auto;
  background-position: center top;
  background-repeat:no-repeat;
}


.photo-titre-categorie>.section-content{
  bottom:0;
  left:0;
  padding:30px;
  position:absolute;
}



@media (max-width: 1200px) {
    .photo-titre-categorie>.section-content{
      top:0;
      left:0;
      padding:30px;
      position:absolute;
    }
}


.photo-titre-categorie>.section-content h5{
  background-color:#3a3a3a;
  color:#fff;
  display:inline-block;
  font-size:14px;
  font-weight:normal;
  margin-bottom:10px;
  padding:8px 15px 6px;
  text-transform:uppercase;
  opacity:0.9;  
}

.photo-titre-categorie>.section-content h1{
  background-image:none;
  color:#fff;  
  font-size:26px;
  margin:0;
  margin-bottom:10px;
  padding:10px 15px 8px;
  opacity:0.9;  
  background:#00489c;
  width:auto;
  display:inline-block;
}

.photo-titre-categorie>.section-content p.meta{
  background:#fff;
  color:#000;
  opacity:0.75;
  margin:0;
  padding:8px 15px 6px;  
  display:inline-block;  
}

.photo-titre-categorie>.section-content p.meta>span{
  color:#3a3a3a;
}




/* #ProductBox
================================================== */
.tire-box,
.product-box{
  position:relative; 
  height:300px; 
}

.product-box{
  /*height:300px;*/
  height:325px;
  margin-top:5px;
}
.product-box .caption{
  padding: 7px;
  color: #333333;
}

.product-box .btnlien{
  position: absolute;
  left: 0px;
  bottom: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.product-box a{
  color:#333;
}



.photo-tire-box
{
  height:130px;
  overflow:hidden;  
  position:relative
}


.photo-product-box{
  height:130px;
  overflow:hidden;
  position:relative;
  display: flex;
  justify-content: center;
  
}
.photo-product-box img{
  max-height:130px;
  position:relative; 
  margin:auto; 
}

.photo-top-box{
  height:85px;
  overflow:hidden;  
  position:relative
}

div.tire-box h2,
div.product-box h2{
  margin:0px;
  margin-top:2px  
}

.tire-box .btn-ajouter,
.product-box .btn-ajouter{
  margin-top:5px
}

div.tire-box .badges,
div.product-box .badges{
  position:absolute;
  z-index:1000;
}

div.tire-box .badges .badge,
div.product-box .badges .badge,
div.detail-produit .badge{
  width:50px;
  border-radius:0;
  padding:5px;
  background:#00489c;
  margin-bottom:2px
}

div.tire-box .badges .badge-promo,
div.product-box .badges .badge-promo,
div.detail-produit .badge-promo{
  background:#cb1111;
}


div.tire-box .badges .badge-new,
div.product-box .badges .badge-new,
div.detail-produit .badge-new{
  background:#4cae4c;
}


div.tire-box .prix,
div.product-box .prix{
  background:#00489c; 
  width:75px; 
  height:75px;
  color:#fff;
  position:absolute;
  right:1px;
  top:70px;
  font-weight:bold;
  font-size:16px;
  padding-top:34px;
  line-height:12px
}

div.tire-box .prix-barre,
div.product-box .prix-barre{
  padding-top:32px;
  background:#cb1111;
}

div.tire-box .prix>.small,
div.product-box .prix>.small{
  font-size:10px;
}


.top-product{
  border-bottom:1px solid #dddddd;
  padding-bottom:10px;
  padding-top:10px;
  height:auto;
}


/* #SearchPneu
================================================== */
#searchpneu{
  position:relative;
  display:block;
}

#searchpneu .fond{
  background:url(../images/background/bandeau.jpg) no-repeat bottom right ;
  height:336px;  
  padding:30px;
}

#searchpneu legend{
  border:0;
  display:block;
  margin-bottom:5px;
  padding:0;
  width:100%;
}

#searchpneu .section-content{
  bottom:0;
  left:0;
  padding:30px;
  position:absolute;
}

#searchpneu .section-content h5{
  background-color:#3a3a3a;
  color:#fff;
  display:inline-block;
  font-size:14px;
  font-weight:normal;
  margin-bottom:10px;
  padding:8px 15px 6px;
  text-transform:uppercase
}

#searchpneu .section-content h1{
  background-color:#00489c;
  background-image:none;
  color:#fff;  
  font-size:26px;
  margin:0;
  margin-bottom:10px;
  padding:10px 15px 8px;  
}

#searchpneu .section-content p.meta{
  background:#fff;
  color:#333;
  opacity:0.75;
  margin:0;
  padding:8px 15px 6px;  
  display:inline-block;  
}




/* #Ariane
================================================== */
#ariane{
  margin-top:10px;
  margin-bottom:10px
}

.breadcrumb{
  background:none; 
  margin:0px;
  padding:0px;
}

.breadcrumb > li {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.breadcrumb li a{
  color:#999999;
}

.breadcrumb > .active {
  color:#00489c;
}

.breadcrumb > li >.divider {
  padding: 0px;
  display: inline-block;
  padding-left:5px;
  padding-right:5px;
  color: #999999;
}




/* #Filtre
================================================== */

.filtre_inactif a{
  color:#2e2e2e;
}

.filtre_inactif a span{
  color:#999;
}



/* #Barre
================================================== */
.catalog-barre{
  border:1px solid #e5e5e5;
  border-radius:5px;    
  padding-top:5px;
  padding-bottom:5px;
  margin-bottom:10px;
}


.catalog-barre-sans{
  border:0;  
  padding-top:0px;
  padding-bottom:5px;
  margin-bottom:0px;
}

.catalog-barre .pager{
  width:auto;
  display:inline-block;
  margin:0;
  margin-left:5px;  
}

.catalog-barre .pager li a.disabled{
  color:#aaa;
}
.catalog-barre .pager li a.disabled:hover{
  background:#fff;
}

.catalog-barre .pager li{
  margin-right:5px
}
.catalog-barre .pager li:last-child{
  margin-right:0px
}

.barre-padding{
  padding-top:7px;
} 

.barre-padding-pager{
  padding-top:2px;
} 

.catalog-barre .control-label{
  margin-right:5px;
  margin-left:5px;
}

.page{
  text-transform:uppercase;
  text-align:right;
}

.catalog-barre .form-group,
.catalog-barre select{
  margin-bottom:0px
}


/* #Catalog
================================================== */
.ligne-catalog{
  padding-top:10px;
  padding-bottom:10px; 
  border-bottom:1px solid #e5e5e5;
  height:auto;  
}

.noborder{
  border:0;
}



.ligne-catalog a{
  color:#333;
}


.photo-catalog{
  text-align:center; 
}

.photo-catalog-inner{
  height:85px;
  overflow:hidden;  
}

          
.photo-category{
  text-align:center; 
}




.photo-category-inner{
  height:85px;
  overflow:hidden;  
}

.photo-category-inner>.img-responsive{
  max-height:85px;
  margin:auto;
}


.logo-marque{
  max-width:100%;
  max-height:20px;
  margin-top:5px;
}

.icon-detail{
  padding-top:5px;
  padding-bottom:5px;
}

.icon-fampneu{
  height:20px;
}


.ligne-catalog .prix-catalog{
  text-align:right;
  padding-top:5px
}

.ligne-catalog .prix-catalog{
  color:#00489c;
  font-size:22px;
  line-height:16px;
  font-weight:bold;
}

.ligne-catalog .prix-catalog>.ttc{
  font-size:12px;
}

.ligne-catalog .prix-catalog>.small{
  font-size:12px;
  color:#333;
}

.ligne-catalog .prix-catalog>button{
  margin-top:10px;
}

.btn-noir,
a.btn-noir {
  color: #ffffff;
  background-color: #333;
  border-color: #222;
}

.btn-noir:hover,
.btn-noir:focus,
.btn-noir:active,
.btn-noir.active,
.open .dropdown-toggle.btn-noir {
  color: #ffffff;
  background-color: #00489c;
  border-color: #c56402;
}





.avis,
.info{
  text-align:center;
}

.info{
  font-size:18px
} 

.avis{
  font-size:12px;
  color:#aaa;
  text-transform:uppercase;
}


.stock{
  font-size:12px;
}

.caption h2{
  height:50px;
  width:100%;
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  font-weight:bold;
}




.fa-star, .fa-star-half-o{

  font-size:16px
}

.fa-star-o{
 font-size:16px   
}




.avis,
.info{
  text-align:center;
}

.info{
  font-size:18px
} 

.avis{
  font-size:12px;
  color:#aaa;
  text-transform:uppercase;
}


.stock{
  font-size:12px;
}


.caption h2{
  height:30px;
}





/* #Produit
================================================== */
.photo-detail{
  text-align:center;
  border:1px solid #e7e7e7;
}

.photo-detail-mini{
  text-align:center;
  border:1px solid #e7e7e7;  
  height:75px;
  width:auto;
  margin-right:5px
}


#grande{
  height:260px;
  display:flex;
}
.photo-detail a{
  display: block;
  margin-top: auto;
  margin-bottom: auto;
}

.photo-detail img{
  max-width:100%;
  max-height:250px; 
}

.star{
  font-weight:normal; 
  color:#aaa;
}


.detail-produit .logo-marque{
  max-height:20px;    
}


.detail-produit tr:first-child td{
  border-top:none;
}

.detail-produit .prix-catalog{
  font-size:20px;
  margin-bottom:10px;
  margin-top:10px;
}

h1 .badge{
  background:#cb1111;
  width:50px;
  border-radius:0;
  padding:5px;
  margin:0;
  position:relative;
  top:-4px;
  left:4px;
}

.detail-produit .btn-ajouter{
  margin-bottom:10px
}

.pub-detail{
  margin-bottom:10px;
}
.pub-detail img{
  margin-left:10px;  
}
.pub-detail img:first-child{
  margin-left:0px;  
}

.bloc-etiquette{
  text-align:center;
  width:30px;
  display:inline-block;
  margin-right:10px;
}

.bloc-etiquette:last-child{
  margin-right:0px;
}


.bloc-service{
  color:#333;
  height:auto;
  padding:10px;
  line-height:16px;
  font-size:12px;  
}



.bloc-service b{
  text-transform:uppercase;
  letter-spacing:-1px;
  font-size:14px;
 
}

.bloc-service .fa{
  font-size:30px;
  color:#d0d0d0;
}


.tab-pane{
  padding:10px;
}

.ligne-avis{
  border-top:1px solid #d0d0d0;
  padding-top:10px
}

.ligne-avis:first-child{
  border:none;
}

.qui{
  color:#d0d0d0;
}

.conseil{
  margin-top:20px
}

.detail-produit > .prix-catalog{
  color:#00489c;
  font-size:40px;
  line-height:15px;
  margin-top:15px;
}

.detail-produit>.prix-catalog>.ttc{
  font-size:18px;
}

.detail-produit>.prix-catalog>.small{
  font-size:12px;
  color:#333;
}












input.qte{
  float:right;
  width:25px;
  margin-left:5px;
}

.nav-produit{
  background:#333333;
  color:#fff; 
  margin-top:15px;
}


.nav-produit > li > a{
  color:#fff;
  padding-bottom:8px;
  padding-top:8px;
  border:none;
  text-transform:uppercase;
}

.nav-produit > li > a:hover{
  background:none;
  color:#fff;
  border:none;
  padding-bottom:8px;
  padding-top:8px;
}

.nav-produit > li.active > a{
  background:none;
  border:none;
  color:#aaaaaa;
} 

.nav-produit > li.active > a:hover{
  background:none;
  border:none;
  color:#aaaaaa;
} 



.loupe{
  border-radius: 75px;
  -moz-border-radius: 75px;
  width:150px;
  height:150px;
  cursor:none;
}


.padding5{
  padding:5px;
}

.padding5>img{
  margin:5px;
}





.label-warning{
  color: #000;
}
.label-success{
  color: #000;
}
table.liste-attribut > tbody td{
  vertical-align:middle;
  background:#ccc;
  border:2px solid #fff;
}
table.liste-attribut > thead th{
  background:#00489c;
  color:#fff;
  border:2px solid #fff;
}



.ancien_prix{
    color:#aaa;
    font-size:10px;
}

.nouveau_prix{
    color:#2549c0;
    font-weight:bold;
    font-size:14px;
}

.ancien_prix .small ,.nouveau_prix > .small{
    font-size:8px;
}


.nav-produit-content{
  background:url(../images/background/nav-barre.png) no-repeat center left;
}


                                            


/* #Create
================================================== */
#inscription .input-group-addon>div,
#login .input-group-addon>div{
    width:100px;
    text-align:left;  
}


/* #Account
================================================== */
ul.account > li{
  width:50%;  
}
@media (max-width: 767px) {
  ul.account > li{
    width:100%;  
  }
}


ul.account > li > a{
  color:#333;
}

ul.account > li:before{
  content: "\f105\f105";
  font-family: FontAwesome;
  margin-right:5px;
  color:#00489c
}

ul.account > li.first{
  padding-left:5px;
}


/* #Card
================================================== */
.card-qty{
  position:relative;
  width:62px;
  display:inline-block;
}

.button-up,
.button-down{
  right:0;
  display:inline-block
  margin:0px;
  position:absolute;  
}

.button-up{
  top:0; 
}

.button-down{
  bottom:0;  
}

input.qty{
  height:36px;
  width:62px;
  padding-left:5px; 
  padding-right:15px;
  text-align:center;
  border:1px solid #ddd;
  font-weight:bold  
}

.card-sstotal{
  color:#00489c;
}

.bg-gris{
  background:#f9f9f9
}

table.sstotal td{
  text-align:center;
  font-weight:bold;
  text-transform:uppercase;
}

table.sstotal td.total{
  font-size:14px;  
}

table.sstotal td.total-value{
  font-size:16px; 
  color:#00489c;
}


/* #checkout
================================================== */
ul.checkout{margin-bottom:20px;}
ul.checkout li{border-bottom:2px dashed #ddd; padding:5px;}
ul.checkout li.titre{background:#00489c; color:#fff; padding:5px; border:none; font-weight:bold;}

.logos{display:inline-block; width:100px}

ul.payment li.titre{background:#00489c; color:#fff; padding:5px; border:none; font-weight:bold;}
ul.payment li{padding:5px; border-bottom:2px dashed #ddd}

table.moyens{width:100%}
.moyens td:first-child{width:300px}
.moyens td:last-child{text-align:center}

.bs-callout-danger {
  background-color:#FDF7F7;
  border-color:#D9534F;
}

.bs-callout {
  border-left-style:solid;
  border-left-width:3px;
  margin:20px 0;
  padding:20px;
}

.bs-callout-danger b {
  color:#D9534F;
}

.bs-callout h4 {
  margin-bottom:5px;
  margin-top:0;
}

/* #Footer
================================================== */
ul.footer > li{
  width:100%;  
}

ul.footer > li > a{
  color:#bbb
}

ul.footer > li:before{
  content: "\f105\f105";
  font-family: FontAwesome;
  margin-right:5px;
  color:#00489c
}

ul.footer > li.first{
  padding-left:5px;
}

.paiement{
  margin-top:20px;
  padding-top:20px;
  border-top:1px solid #333
}

.padding-contact{
  margin-top:8px
}




#mainNav {
	/* margin-top:1px; */
}



#pageContent{
  /* margin-top:5px; */
}

#ariane+#pageContent{
  margin-top:0px;
}

.loader{
  height:29px;
}


#modal_cgv
{
  color:#333
}


/* #Timeline
================================================== */
.timeline {
    list-style: none;
    padding: 20px 0 20px;
    position: relative;
}

.timeline:before {
top: 0;
bottom: 0;
position: absolute;
content: " ";
width: 3px;
background-color: #eeeeee;
left: 50%;
margin-left: -1.5px;
}

.timeline > li {
margin-bottom: 20px;
position: relative;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table;
}

.timeline > li:after {
    clear: both;
}

.timeline > li > .timeline-panel {
    width: 46%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

    .timeline > li > .timeline-panel:before {
        position: absolute;
        top: 26px;
        right: -15px;
        display: inline-block;
        border-top: 15px solid transparent;
        border-left: 15px solid #ccc;
        border-right: 0 solid #ccc;
        border-bottom: 15px solid transparent;
        content: " ";
    }

    .timeline > li > .timeline-panel:after {
        position: absolute;
        top: 27px;
        right: -14px;
        display: inline-block;
        border-top: 14px solid transparent;
        border-left: 14px solid #fff;
        border-right: 0 solid #fff;
        border-bottom: 14px solid transparent;
        content: " ";
    }

.timeline > li > .timeline-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 50%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
}

    .timeline > li.timeline-inverted > .timeline-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    .timeline > li.timeline-inverted > .timeline-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }

.timeline-badge.primary {
    background-color: #2e6da4 !important;
}

.timeline-badge.success {
    background-color: #3f903f !important;
}

.timeline-badge.warning {
    background-color: #f0ad4e !important;
}

.timeline-badge.danger {
    background-color: #d9534f !important;
}

.timeline-badge.info {
    background-color: #5bc0de !important;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    background-color:#fff;   
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

@media (max-width: 767px) {
    ul.timeline:before {
        left: 40px;
    }

    ul.timeline > li > .timeline-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timeline > li > .timeline-panel {
        float: right;
    }

        ul.timeline > li > .timeline-panel:before {
            border-left-width: 0;
            border-right-width: 15px;
            left: -15px;
            right: auto;
        }

        ul.timeline > li > .timeline-panel:after {
            border-left-width: 0;
            border-right-width: 14px;
            left: -14px;
            right: auto;
        }
}



/* #IconList
================================================== */
.iconWrapper {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 50px;
	height: 50px;
	font-size:20px;
}
.iconWrapper i {
	margin:0;
	line-height:40px;
	position:absolute;
	top:6px;
	left: 0px;
}
.iconWrapper i:before {
	margin:0 !important;
}
.iconBig i {
	line-height:180px;
	font-size:100px;
	width:180px;
	height:180px;
	text-shadow: -1px -1px 2px rgba(150, 150, 150, 0.5);
	line-height:180px;
}
a.iconBig:hover i {
	text-shadow:none;
}
.iconSmall {
	height: 28px;
	width: 28px;
	line-height: 28px;
}
.iconSmall i {
	line-height:28px;
	line-height:0px;
	font-size: 15px;
	top: 7px;
	left: 6px;
}
.iconMini {
	height: 20px;
	width: 20px;
	line-height: 21px;
	font-size:15px;
}
.iconMini i {
	line-height: 0;
	font-size: 11px;
	top: 5px;
	left: 4px;
}
/*.iconLink {
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}*/
.iconList-body {
	overflow: hidden;
}
.iconList h2, .iconList h3, .iconList h4, .iconList p {
	margin-top:0;
}
.iconList li {
	border-bottom:1px dotted #ededed;
}
.iconList .pull-left {
	margin-right: 10px;
}
.iconBox {
	margin-bottom:1em;
}

.iconBoxes{
  margin-top:20px;
  display:inline-block
}


.iconBox-body {
	overflow: hidden;
}
.iconBoxes .pull-left {
	margin-right: 10px;
}

.iconBoxes h5{
  font-weight:bold;
}

/* #Slider
================================================== */
#slider{
  overflow:hidden;
  height:300px;    
}
 
.royalSlider {
  width: 100%;
  height: 300px;
  margin-top:0px; 
}


.royalSlider2 {
  width: 100%;
  height: 100px;
}



#slider-with-blocks-1 {
  width: 100%; 
}

#slider-with-blocks-2 {
  width: 100%; 
}


.rsContent {
  color: #FFF;
  font-size: 24px;
  line-height: 32px;
  float: left;
  backgrou nd:url(../images/slider/background-slider.jpg);
}  


.bContainer {
  position: relative;
}
.rsABlock {
  position: relative;
  display: block;
  left: auto;
  top: auto;
}
.blockHeadline {
  font-size: 42px;
  line-height: 50px;
}
.blockSubHeadline {
  font-size: 32px;
  line-height: 40px
}
.txtCent {
  text-align: center; 
  width: 100%; 
}

.slide1 {
  background: #fff;
}

.slide2 {
    background: #ffc926;
    background: url(../images/slider/slider2.jpg);
}

@media screen and (min-width: 0px) and (max-width: 960px) { 
  .rsContent {
    font-size: 22px;
    line-height: 28px;
  }
  .blockHeadline {
    font-size: 32px;
    line-height: 32px;
  }
  .blockSubHeadline {
    font-size: 26px;
    line-height: 32px
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) { 
  #slider{
    overflow:hidden;
    height:300px;
  }
  
  .royalSlider,
  .rsOverflow {
    height: 300px !important;
  }
  .rsContent {
    font-size: 18px;
    line-height: 26px;
  }
  .blockHeadline {
    font-size: 24px;
    line-height: 32px;
  }
  .blockSubHeadline {
    font-size: 22px;
    line-height: 32px
  }
}




.nav-marketing{
  background:#fff;
  color:#fff;
  margin-top:5px;
  border-top:1px solid #00489c 
}


.nav-marketing > li > a{
  color:#333;
  padding-bottom:8px;
  padding-top:8px;
  border:none;
  text-transform:uppercase;
  margin:0
}

.nav-marketing > li > a:hover{
  background:#00489c;
  color:#fff;
  border:none;
  padding-bottom:8px;
  padding-top:8px;
  border-radius:0;
}

.nav-marketing > li.active > a{
  background:#00489c;
  border:none;
  color:#fff;
  border-radius:0;
  
} 

.nav-marketing > li.active > a:hover{
  background:#00489c;
  color:#fff;
  border:0
} 



/* #Plan
================================================== */

.plan ul{
    list-style-type:none;
    margin:0;
    font-weight:normal;
}

.plan ul.first{
    padding:0;
    font-weight:bold;
}

.plan ul a{
    color:#333;
}




/* #History
===================================================== */
.champ1{display:inline-block; width:100px;}
.champ2{display:inline-block; width:100px;}
.champ3{display:inline-block; width:100px;}
.champ4{display:inline-block; width:100px;}
.champ5{display:inline-block; width:100px;}
.champ6{display:inline-block; width:100px;}



.jaune{
  color:#f0ad4e;
}

.pointer{
  cursor:pointer;
}

.txt-center { text-align:center; }

.nc{
    color:#aaa;
    font-style:italic;  
    font-weight:normal;
    font-size:16px
}



.rounddiv{
  border-radius: 10px;
  background:#f0f0f0;
  margin-bottom:20px;
  float:left;
  width:100%;
  color:#313131
}

.rounddiv-heading{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  font-size:16px;
  line-height:14px;
  background:#00489c;
  padding:5px;
  color:#fff;
  float:left;
  width:100%;
}

.rounddiv-heading span{
  color:#00489c;
}
.blanc{
  color:#fff;
}

.rounddiv-cumul{
  font-weight:bold;
  font-size:16px;
  line-height:18px;
  text-align:center;
  margin-top:20px;
  float:left; 
  width:100%;
}

.rounddiv-cumul > .bleu{
  font-size:38px;
  line-height:38px
}

.rounddiv-body{
  font-size:12px;
  
  float:left; 
  width:100%;
  padding:10px;
}
.rounddiv-body > b{
  font-size:16px
}
.rounddiv-body > hr{
  border-top:2px dotted #aaa;
  height:1px;
  margin:0px;
  margin-top:10px;
  margin-bottom:10px
}

.rounddiv-footer{  
  float:left; 
  width:100%;
  padding:10px
}


.bleu{
  color:#00489c;
}

.help{
  cursor:help;
}
a.help{
  text-decoration:none;
}


.encart-fidele{
  border-top:1px dashed #aaa;
  border-bottom:1px dashed #aaa;
  background:#f0f0f0; 
  float:left;
  width:100%;
  padding-top:10px;
  padding-bottom:10px;
}
.fidele > i:first-child{
  color:#ffc533;
}
.fidele > i{
  color:#fff;
}

table.tablefou{
  margin-top:20px;
}

table.tablefou > thead > tr{
  background:#333333;
  color:#fff;
  text-transform:uppercase;
}

table.tablefou > tbody > tr > td{
  border:1px dashed #ccc;
  padding-top:2px;
  padding-bottom:2px
}





h2.pack{
    margin-bottom:10px; 
    margin-top:10px;   
}
hr{
margin:0px;
border-color:#cecece;
}


.cadeau{

    position:absolute;
    right:20px;
    width:142px;
    height:75px;

    background-image:url(../img/cadeau.jpg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right top;
 
}

span.pack_cadeau{
  font-size:14px;
  text-transform:normal;
  display:inline-block;
  margin: 5px 0px 5px;
  padding-right:10px;
  font-weight:normal;
}


.row-cadeau{
  opacity:0.5;
  cursor:pointer
}


.row-cadeau-active{
  opacity:1;
}


.alertCookies { position:fixed; bottom:0; left:0; right:0; margin-bottom:0 !important; z-index:1030; }
.alertCookies h3 { background:#f2dede; color:#b94a48; margin-bottom:15px; }

h1.encartpub {
  font-family:'Open Sans', Arial, sans-serif;
  background-color:#cd1d1f;
  color:#fff;  
  font-size:12px;
  font-weight:bold;
  padding:5px;
  text-transform:uppercase;
  letter-spacing:0;
  line-height:14px;
  margin-top:0px;
}


.triangle{
  position:absolute;
  top:3px;
  right:3px;
}








#itemslider h4{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 400;
  font-size: 12px;
  margin: 10px auto 3px;
}
#itemslider h5{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: bold;
  font-size: 12px;
  margin: 3px auto 2px;
}
#itemslider h6{
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;;
  font-size: 10px;
  margin: 2px auto 5px;
}


/* .badge { */
  /* background: #b20c0c; */
  /* position: absolute; */
  /* height: 40px; */
  /* width: 40px; */
  /* border-radius: 50%; */
  /* line-height: 31px; */
  /* font-family: 'Josefin Sans', sans-serif; */
  /* font-weight: 300; */
  /* font-size: 14px; */
  /* border: 2px solid #FFF; */
  /* box-shadow: 0 0 0 1px #b20c0c; */
  /* top: 5px; */
  /* right: 25%; */
/* } */



#slider-control img{
  padding-top: 60%;
  margin: 0 auto;
}
@media screen and (max-width: 992px){
#slider-control img {
  padding-top: 70px;
  margin: 0 auto;
}
}


.carousel-control.left,
.carousel-control.right
{
	background-image:none;
	backgr ound:red;
	width:auto;
	font-size:40px !important;
	color:grey;
}

.carousel-control.left{
	left:-2px;
}

.carousel-control.right{
	right:-2px;
}

.carousel-control > span{
	float:left;
	margin-top:110px;
}


.tag{
  position:absolute;
  top:25px;
  left:-6px;
  background-color: #cd1d1f;
  color:#fff;
  padding: 0px 5px;
  padding-top:2px;
  z-index:10;
  text-transform:uppercase;
  border-radius: 3px;
  font-size: 9px;
  font-weight: 700;
  line-height: 15px;
}

#grande .tag{
  top:25px;
  left:11px;
}


.menu > ul > li.desto:hover > a, .menu > ul > li.desto:hover > a >h3
{
color:#333;
background:#ffd80e
}



.desto:hover h3{
  color:#333;
}

.tag-desto{
  background-color: #ffd90c;
  color:#000;
}
.tag-promo{
  background-color: #cd1d1f;
  color:#fff;
}

.titre_encart{
  position:absolute;
  margin-top:-47px;
  left:100px;
  text-transform:uppercase;
  font-size:22px;
	color:#fff;
  font-wei ght:bold;
}

.prix_remise
{
  background:#cb1111 !important;
  position:absolute !important;
  width:60px !important;
  line-height:30px !important;
  height:auto !important;
  padding-top:0px !important;
  padding-top:10px !important;
  padding-bottom:10px !important;
  margin-right:10px !important;
  margin-top:-75px !important;
  border-radius: 3px;
}

.displayNone { display:none !important; }

.titreMilieuDroite{
  color:#00489c;
  font-size:22px;
  line-height:16px;
  font-weight:bold;
}

.row-noMargin { margin-left:0px !important; margin-right:0px !important; }

.wizard{margin-bottom:55px;}
.wizard a {color:#999; padding: 12px 12px 10px 12px; marg in-right:5px; background:#efefef; position:relative; display:inline-block; }
.wizard a:before {width:0px; height:0px; border-top: 20px inset transparent; border-bottom: 20px inset transparent; border-left: 20px solid #fff; position: absolute; content: ""; top: 0; left: 0;}
.wizard a:after {width:0px; height:0px; border-top: 20px inset transparent; border-bottom: 20px inset transparent; border-left: 20px solid #efefef; position: absolute; content: ""; top: 0; right: -20px; z-index:2;}
.wizard a:first-child:before {border:none;}
.wizard a:last-child:after {border:none;}

.wizard a:first-child {-moz-border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; border-radius:   4px 0 0 4px;}
.wizard a:last-child {-moz-border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; border-radius:   0 4px 4px 0;}

.wizard .badge {margin:0 5px 0 18px; position:relative; top:-1px;}
.wizard a:first-child .badge {margin-left:0;}

.wizard .current {background:#fdc500; color:#fff; font-weight:bold}
.wizard .current:after {border-left-color:#fdc500;}
.wizard a:hover { text-decoration: none; }

/********** COMPTE **********/

.dashboard-stat {
    display: block;
    margin-bottom: 25px;
    overflow: hidden;
    border-radius: 4px;
}

.dashboard-stat.blue {
    background-color: #3598dc;
}
.dashboard-stat.blueDark {
    background-color: #1c66be;
}

.dashboard-stat.red {
    background-color: #e7505a;
}
.dashboard-stat.orange {
    background-color: #f0ad4e;
}


.dashboard-stat.green {
    background-color: #32c5d2;
}

.dashboard-stat .visual {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    padding-top: 10px;
    padding-left: 15px;
    margin-bottom: 15px;
    font-size: 35px;
    line-height: 35px;
}

.dashboard-stat .visual>i {
    margin-left: -35px;
    font-size: 110px;
    line-height: 110px;
    color: #FFF;
    opacity: .25;
    filter: alpha(opacity=10);
}

.dashboard-stat .details {
    position: absolute;
    right: 15px;
    padding-right: 15px;
}

.dashboard-stat .details .number {
    padding-top: 25px;
    text-align: right;
    font-size: 34px;
    line-height: 36px;
    letter-spacing: -1px;
    margin-bottom: 0;
    font-weight: 300;
}

.dashboard-stat .details .number {
    color: #FFF;
}

.dashboard-stat .details .desc {
    text-align: right;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: 300;
}

.dashboard-stat .details .desc {
    color: #FFF;
    opacity: 1;
    filter: alpha(opacity=100);
}

.dashboard-stat .more {
    clear: both;
    display: block;
    padding: 6px 10px;
    position: relative;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 11px;
    opacity: .7;
    filter: alpha(opacity=70);
}

.dashboard-stat.blue .more {
    color: #FFF;
    background-color: #258fd7;
}

.dashboard-stat.blueDark .more {
    color: #FFF;
    background-color: #00489c;
}

.dashboard-stat.red .more {
    color: #fff;
    background-color: #e53e49;
}


.dashboard-stat.orange .more {
    color: #fff;
    background-color: #e0952b;
}

.dashboard-stat.green .more {
    color: #FFF;
    background-color: #2bb8c4;
}

.m-icon-swapright {
    background-position: -27px -10px;
}

.dashboard-stat .more>i {
    display: inline-block;
    margin-top: 1px;
    float: right;
}
.modifMdp { font-size:13px; letter-spacing:0px; }
.h4Param { margin-bottom:15px; border-bottom:1px dashed #c3c3c3; display:block; background:none; color:#333; }
/********** FIN COMPTE **********/

h2.h1{
    margin: 5px 0px 5px;
    padding: 0 0px 15px; 
    background: url(../images/icons/h2.gif) 0 100% repeat-x;
    font-size:20px;
    font-weight:normal;   
    color:#2e2e2e;  
    line-height:20px;   
		display:block;
}

.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs21 { font-size:21px; }
.fs25 { font-size:25px; }
.fs27 { font-size:27px; }
.fs35 { font-size:35px; }
.fs40 { font-size:40px; }

.padTop5 { padding-top:5px !important; }
.padBot5 { padding-bottom:5px !important; }
.padLeft5 { padding-left:5px !important; }
.padRight5 { padding-right:5px !important; }

.margLeft0 { margin-left:0px !important; }
.margRight0 { margin-right:0px !important; }

input.required { border: 1px solid red; background:rgba(255, 73, 73, 0.3); }
input.required:focus { border: 1px solid red; outline: none; }
input.required:hover { opacity: 1; }

/********** FIL D'ARIANE **********/
.tec__breadcrumb {	display: inline-block;	border:1px solid #f0ad4e;	overflow: hidden;	border-radius: 8px;	counter-reset: flag;   margin: 0; padding: 0; }
.tec__breadcrumb a {	text-decoration: none;	outline: none;	display: block;	float: left;	font-size: 12px;	line-height: 26px;	color: white;	padding: 0 10px 0 25px;	background: #666;	position: relative;}
.tec__breadcrumb a:first-child {	padding-left: 26px;	border-radius: 5px 0 0 5px; }
.tec__breadcrumb a:first-child:before {	left: 14px;}
.tec__breadcrumb a:last-child {	border-radius: 0 5px 5px 0;	padding-right: 20px; }
.tec__breadcrumb a.active, .tec__breadcrumb a:hover{	background: #333; }
.tec__breadcrumb a.active:after, .tec__breadcrumb a:hover:after {	background: #333;}
.tec__breadcrumb a:after {	content: '';	position: absolute;	top: 0; 	right: -13px;	width: 26px; 	height: 26px;	transform: scale(0.707) rotate(45deg);	z-index: 1;	background: #666;	background: linear-gradient(135deg, #666, #333);  border-right:1px solid #f0ad4e;  border-top:1px solid #f0ad4e; border-radius: 0 5px 0 50px; }
.tec__breadcrumb a:last-child:after {	content: none; }
.tec__flat a, .tec__flat a:after {	background: white;	color: black; }
.tec__flat a:before {	background: white;	box-shadow: 0 0 0 1px #ccc; }
.tec__flat a:hover, .tec__flat a.active, .tec__flat a:hover:after, .tec__flat a.active:after{	background: #f0ad4e;  color:#fff; }
.tec__breadcrumb>.active{  color:#fff;}
/********** FIN FIL D'ARIANE **********/

.bgTdCmd { background:#dcf6f8 !important; }

div.dataTables_filter { text-align:left !important; }
div.dataTables_length { text-align:right !important; }

.displayF { height:300px; }

#modalVersion .modal-dialog { width:750px !important; }

ul.quickMenu li.version {
    position: relative;
    height: 36px;
    padding-top: 9px;
    margin-top: 0px;
		color:#fff;
		padding-left:20px;
		padding-right:20px;
		font-size:12px;
		margin-right:0px;
}

input[type=submit]:disabled,
button:disabled {
  color:#aaa;
}


.liSsCat { max-width:none !important; }

.width90 { width: 90% !important;}
.width95 { width: 95% !important;}
.width85 { width: 85% !important;}
.width89 { width: 89% !important;}
.width79 { width: 79% !important;}
.width10 { width: 10% !important;}
.width20 { width: 20% !important;}
.width50 { width: 50% !important;}

/********** MARGIN **********/
/*top*/
.margTop-40 { margin-top:-40px !important; }
.margTop-24 { margin-top:-24px !important; }
.margTop-7 { margin-top:-7px !important; }
.margTop-5 { margin-top:-5px !important; }
.margTop0 { margin-top:0px !important; }
.margTop2 { margin-top:2px !important; }
.margTop5 { margin-top:5px !important; }
.margTop10 { margin-top:10px !important; }
.margTop12 { margin-top:12px !important; }
.margTop14 { margin-top:14px !important; }
.margTop15 { margin-top:15px !important; }
.margTop20 { margin-top:20px !important; }
.margTop23 { margin-top:23px !important; }
.margTop25 { margin-top:25px !important; }
.margTop40 { margin-top:40px !important; }
.margTop72 { margin-top:72px !important; }
.margTop80 { margin-top:80px !important; }
.margTop110 { margin-top:110px !important; }
/*bottom*/
.margBot-24 { margin-bottom:-24px !important; }
.margBot0 { margin-bottom:0px !important; }
.margBot2 { margin-bottom:2px !important; }
.margBot5 { margin-bottom:5px !important; }
.margBot10 { margin-bottom:10px !important; }
.margBot12 { margin-bottom:12px !important; }
.margBot14 { margin-bottom:14px !important; }
.margBot15 { margin-bottom:15px !important; }
.margBot20 { margin-bottom:20px !important; }
.margBot25 { margin-bottom:25px !important; }
.margBot40 { margin-bottom:40px !important; }
.margBot72 { margin-bottom:72px !important; }
.margBot80 { margin-bottom:80px !important; }
.margBot110 { margin-bottom:110px !important; }
/*left*/
.margLeft-15 { margin-left:-15px !important; }
.margLeft0 { margin-left:0px !important; }
.margLeft2 { margin-left:2px !important; }
.margLeft3 { margin-left:3px !important; }
.margLeft5 { margin-left:5px !important; }
.margLeft10 { margin-left:10px !important; }
.margLeft15 { margin-left:15px !important; }
.margLeft20 { margin-left:20px !important; }
.margLeft25 { margin-left:25px !important; }
.margLeft73 { margin-left:73px !important; }
.margLeft112 { margin-left:112px !important; }
/*right*/
.margRight-15 { margin-right:-15px !important; }
.margRight0 { margin-right:0px !important; }
.margRight2 { margin-right:2px !important; }
.margRight3 { margin-right:3px !important; }
.margRight5 { margin-right:5px !important; }
.margRight10 { margin-right:10px !important; }
.margRight15 { margin-right:15px !important; }
.margRight20 { margin-right:20px !important; }
.margRight25 { margin-right:25px !important; }
.margRight73 { margin-right:73px !important; }
.margRight112 { margin-right:112px !important; }
/********** FIN MARGIN **********/

/********** PADDING **********/
.noPad { padding:0 !important; }
.padding3 { padding:3px !important; }
.padding2 { padding:2px !important; }
.padding5 { padding:5px !important; }
.padding10 { padding:10px !important; }
.padding15 { padding:15px !important; }
/*top*/
.padTop3 { padding-top:3px !important; }
.padTop5 { padding-top:5px !important; }
.padTop10 { padding-top:10px !important; }
.padTop11 { padding-top:11px !important; }
.padTop13 { padding-top:13px !important; }
.padTop15 { padding-top:15px !important; }
.padTop25 { padding-top:25px !important; }
/*bottom*/
.padBot2 { padding-bottom:2px !important; }
.padBot3 { padding-bottom:3px !important; }
.padBot5 { padding-bottom:5px !important; }
.padBot10 { padding-bottom:10px !important; }
.padBot11 { padding-bottom:11px !important; }
.padBot13 { padding-bottom:13px !important; }
.padBot15 { padding-bottom:15px !important; }
.padBot16 { padding-bottom:16px !important; }
.padBot20 { padding-bottom:20px !important; }
.padBot25 { padding-bottom:25px !important; }
/*left*/
.padLeft0 { padding-left:0px !important; }
.padLeft1 { padding-left:1px !important; }
.padLeft2 { padding-left:2px !important; }
.padLeft3 { padding-left:3px !important; }
.padLeft5 { padding-left:5px !important; }
.padLeft10 { padding-left:10px !important; }
.padLeft25 { padding-left:25px !important; }
/*right*/
.padRight0 { padding-right:0px !important; }
.padRight1 { padding-right:1px !important; }
.padRight2 { padding-right:2px !important; }
.padRight3 { padding-right:3px !important; }
.padRight5 { padding-right:5px !important; }
.padRight10 { padding-right:10px !important; }
.padRight25 { padding-right:25px !important; }
/********** FIN PADDING **********/

.input-number{
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
  margin-bottom:0px !important;
}
/* Masquer les flèches d'incrémentation/décrémentation pour Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Masquer les flèches d'incrémentation/décrémentation pour Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}