pre{opacity:0.95;}

.myTitleClass .ui-dialog-content {
          background:#AEAEAE;
    }

/* 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: 'Open Sans', sans-serif;
  font-size:11px;
  color:#333;
  /* background: url(http://img0.gtsstatic.com/wallpapers/2e3bae4212b41807403f329ac59460a1_large.jpeg) no-repeat top; */
  background-size: 1920px;     
  background-attachment:fixed; 
  background-position:top center;  
  background-color:#ccc;
  /* background:url(../images/background/carbon.jpg); */
}


#bg{
  background:#fff;
  padding:5px;
}



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

#footer{
    padd ing:5px;
    color:#bbbbbb;  
    margin-bottom:10px; 
		background:#efefef;     
} 



@media (max-width: 767px) {
    #bg{
        padding:15px;
    }
    
    #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:20px;
    font-weight:normal;   
    color:#2e2e2e;  
    line-height:20px;   
}

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

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;
}

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;
}

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

/*
.outer-h4{
  background-color:#202020;
  background-image:url(../images/icons/border-header-10.png);
  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-transform:uppercase;
  letter-spacing:-1px;
  display:inline-block;
  margin:0px;
  padding-right:10px;
  font-weight:bold;
}
*/

.prefooter, .prefooter a{
color:#323232;
font-family:'Open Sans', Arial, sans-serif;
font-size:13px;
}

.prefooter a:hover{
  color:#f8ce0e;
}

.prefooter .fa{
  color:#999999;
 
}

.prefooter h2{
  font-family:'Open Sans', Arial, sans-serif;
  font-weight:normal; 
  font-size: 20px;
  marg in:0px;
}

.prefooter h4{
  font-family:'Open Sans', Arial, sans-serif;
  color:#999999;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
}


.footer, .footer a{
color:#cbcbcb
}

.footer a:hover{
  color:#f8ce0e;
}

.footer h4{
  font-family:'Open Sans', Arial, sans-serif;
  color:#cbcbcb;
  text-transform:normal;
  font-size:18px;
  font-weight:normal;
}


.postfooter, .postfooter a{
color:#4e4e4e
}

.postfooter a:hover{
  color:#f8ce0e;
}




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


button[disabled]{
  cursor:not-allowed;
}


.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[type="file"] { margin-bottom:10px; }

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



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


a{
  color:#00489c;
  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
}

.margin10top{
  margin-top:10px
}

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

.margin20all{ margin:20px; }


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

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


.gris{
  color:#333;
}
.bggris{
  background:#e8e8e8;
}
.bgblanc{
  background:#fff;
}
.vert{
  color:#669900;
}
.orange{
  color:#00489c;
}
.orangeDevis{
  color:#f0ad4e;
}
.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;
}

blockquote.has-warning{
	background:#fcf8e3;
	border-left-color:#f4cf75;
}



/* #Header
================================================== */
#preheader .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;
}

ul.quickMenu li a {
	margin:0px;
  margin-left:0.75em;
  margin-right:0.75em;
	padding:0;
	display:block;
	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:6px;
  margin-top:0px;
}

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

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




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

.bgBleu{
	background:#041d5b !important;
}

.bgRouge{
	background:#ff0000 !important;
}

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

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

#header .panier{
  background:#f7f7f7;
  border:1px solid #e7e7e7;
  margin:0px;
  margin-right:5px !important;
  padding:5px;
  margin-top:5px;
}
#header .panier dt{
  width:auto;
  color:#00489c;
  text-transform:uppercase; 
}
#header .panier dd{
  /*color:#fff;*/
  text-transform:uppercase;
}





/* #Menu
================================================== */
#mainNav>.navbar{    
  border:0px;
  min-height:20px;
  margin:0px; 
  background-image:linear-gradient(#555, #222);
  border-radius:0px   
}



#mainNav .nav > li > a {
	font-size:11px;	
  color:#CCC;
  text-transform:uppercase;  
  padding:10px 15px;  
  bac kground:#333;
  border-right:1px solid #2a2a2a;
  font-weight:bold;
  text-align:center;
}

#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 15px;
  border-rig ht: 1px solid #fff;
  border-left: 5px solid #00489c;
  margin-top:5px
}
.bs-sidebar .nav > li > a:hover,
.bs-sidebar .nav > li > a:focus {
  text-decoration: none;
  background-color: #e8e8e8;
  border-ri ght: 1px solid #00489c;
}


.tab-pane > li.hovered{
  text-decoration: none;
  background-color: #e8e8e8;
  border-ri ght: 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: 15px;
  margin-top:0px;
  border-left:5px solid #858585;
}

.bs-sidebar .nav .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 30px;
  margin-top:0px;
  border-left:5px solid #939292;
}

.bs-sidebar .nav .nav .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 45px;
  margin-top:0px;
  border-left:5px solid #a2a0a0;
}

.bs-sidebar .nav .nav .nav .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 60px;
  margin-top:0px;
  border-left:5px solid #b0afaf;
}

.bs-sidebar .nav .nav .nav .nav .nav .nav > li > a {
  padding-top:    3px;
  padding-bottom: 3px;
  padding-left: 75px;
  margin-top:0px;
  border-left:5px solid #bebcbc;
}

.bs-sidebar .nav .nav .nav > li > a:hover {
	background:#d6d5d5;
}

/* 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;
  padding:10px;
  float:left;  
  /*box-shadow: 1px 1px 12px #3b3b3b;*/
} 

.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; 
}

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




.photo-titre-categorie{
  height:200px;
  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:285px; 
  
  box-shadow: 1px 1px 12px #3b3b3b;
}

.product-box{
  height:285px;
}

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



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


.photo-product-box{
  height:175px;
  ov erflow:hidden;
  position:relative;
  
}
.photo-product-box img{
  max-height:175px;
  position:relative; 
  margin:auto; 
}

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



.product-box .caption {
  height:56px; 
  padding:5px; 
}

.product-box .pvc{
  height:45px;
  background:url(../images/icons/box-jaune.png) right repeat-x;
}

.etiquette{  
  padding-top:12px;
  padding-right:10px;
  font-weight:bold;
  font-size:16px;
}

.etiquettebarre{  
  padding-top:12px;
  padding-left:15px;
  padding-right:15px;
  font-weight:bold;
  font-size:16px;
  background:url(../images/icons/box-rouge.png) repeat-x;
  height:45px;
  color:#fff;
}

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









div.tire-box h2,
div.product-box h2{
  margin:0px;
  margin-top:2px;
  font-size:12px;
  font-weight:bold;
}

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

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

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:14px;
  padding-top:34px;
  line-height:12px
}

div.tire-box .prix-barre,
div.product-box .prix-barre{
  padding-top:30px;
  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-bottom:15px
}

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

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

  *zoom: 1;
}

.breadcrumb li a{
  color:#666;
}

.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 !important;
}



.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:0.5em;
}

.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;
}

.btn-bleu,
a.btn-bleu {
  color: #ffffff;
  background-color: #00489c;
  border-color: #123a6a;
}

.btn-bleu:hover,
.btn-bleu:focus,
.btn-bleu:active,
.btn-bleu.active,
.open .dropdown-toggle.btn-bleu {
  color: #ffffff;
  background-color: #023066;
  border-color: #123a6a;
}

.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:90px;
  width:auto;
  margin:0px;  
}

table.miniphoto td{
  text-align:center;
  width:95px;
}

#grande{
height:260px;
}

.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:#666;
}

.conseil{
  margin-top:20px
}

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

.detail-produit>.prix-catalog>.ttc{
  font-size:0.5em;
}

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







 .ttc{
 font-size:0.5em;
 }




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{
  width:100px;
  height:100px;
  cursor:none;
}


.padding5{
  padding:5px;
}

.padding5>img{
  margin:5px;
}


                                            


/* #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}



/* #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;
}


/* #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;
  marg in-top:5px;
}


.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;
}
.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;
}
.slide1 .bContainer {
  top: 0%;
}
.slide2 {
    background: #ffffff;
    color:#000;
}
.slide2 .bContainer {
  top: 24px;
}
.slide2 .txtCent {
  line-height: 44px;
}
.slide2 .blockHeadline {
   line-height: 66px;
}
.slide3 {
    background: #45aab8;
    color:#FFF;
}
.slide3 .bContainer {
   top: 24px;
}
.slide3 span {
  line-height: 44px;
}
.slide4 .bContainer {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
  top: 24px;
}

@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
  }
}




/* #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;
}

div.imite{border:none; overflow:hidden; height:150px}

a.carousel-control.left > i.fa{
    position:absolute;
    top:50%;
    left:10px;
    margin-top:-10px
}

a.carousel-control.right > i.fa{
    position:absolute;
    top:50%;
    right:10px;
    margin-top:-10px
}

.carousel-control{
    width:5%;
    z-index:100;
}

.carousel-caption{
  bottom:0px;
  left:0;
  padding:0;
  right:0;
  text-shadow:none;
}

#carousel-example-generic2, #carousel-example-generic2 > .carousel-inner{
/* height:90px; */
}

.encartpub{
margin-bottom:20px
}

.jaune{
  color:#f0ad4e;
}

.orange2{
  color:#ff6600;
}

.pointer{
  cursor:pointer;
}

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

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

.bg-blue{
background-color: #00489c;
}

.select_loader{
    width:25px;
    position:absolute;
    left:0px;
    margin-left:20px;
    margin-top:5px;
    display:none;
}





.grid-item { 
	border-radius:8px;
	margin-bottom:20px;	
	heig ht:200px
}

.grid-item-link__title {
	margin:0;      
	background:#00489c;
	font-size:14px;
	padding:10px;
	color:white;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;  
	margin-bot tom:10px;
	font-family: 'Roboto', sans-serif;
}



.grid-item-link__body {
	background:#fff;
	padding-left:10px;
	padding-right:10px;
	border-left:5px solid #d0d0d0;
	margin-top:5px;
}

.grid-item-link__body a{
	color:#333;
}

.grid-item-link__footer
{
	color:#333;
	border-top: 3px solid #ddd;
	position:relative;
	width:100%;	
	margin-top:4px;
	margin-bottom:0px;
}



/* TECDOC CSS */
.piece{
	border : 1px solid #dbdbdb;
	margin-bottom:10px;
	padding:16px
}
.piece__titre{
	border-bottom : 1px solid #dbdbdb;
	width:100%;	
	margin-bottom:18px;
		
}

.piece__titre > h2{
	border-left:4px solid #00489c;
	padding-left:10px;
	margin-bottom:10px;	
}

.piece__price{
	height:36px;
	background: #00489c;
	color:#fff;
	width:auto;
	font-size:18px;
	font-weight:bold;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	margin-top:-5px
}

.piece__nousconsulter, .piece__nousconsulter a, .piece__nousconsulter a:hover{
	height:36px;
	background: #d9534f;
	color:#fff;
	width:auto;
	font-size:16px;
	padding-top:6px;
	padding-left:10px;
	padding-right:10px;
	margin-top:-5px;
	text-decoration:none;
}

.piece__price__promo{	
	background: #d9534f;
}

.piece__dispo{
	padding:2px;	
	color:#fff;	
	width:auto;
	height:auto;
	display:inline-block;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px
}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {
    border: none;
    padding:2px
}

.btn-circle {
  width: auto;
  height: 30px;
  text-align: center;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 15px;
}

.tec_box{
	background-color:#fff;
	border-radius: 10px;
	margin-top:-75px;
	margin-bottom:20px;
	padding:0px;
	border:1px solid #d0d0d0
}

.marginless{
	margin:0px;
}


.immatriculation_box{
	width:258px;
	height:54px;
	background:url(../images/immatriculation.jpg);	
}

.immatriculation_box > input{
	width:199px;
	height:49px;
	margin-top:3px;
	margin-left:29px;
	padding-top:1px;
	font-size:24px;	
	text-transform:uppercase;
	text-align:center;
}


.immatriculation_box > ::-webkit-input-placeholder {
   	padding-top:7px;
	font-size:24px;	
	text-transform:uppercase;
	text-align:center;
}
 
 
 
.grid-item-link__title2 {
	margin:0;      
	background:#ddd;
	font-size:14px;
	padding:10px;
	co lor:white;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;  
	margin-bot tom:10px;
	font-family: 'Roboto', sans-serif; 
}
 
.round-div{
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	background:#ddd; 
	padding:10px;
	bo rder:1px solid #999;
	height:150px;	
		
} 

.round-div-hovered:hover > .round-div
{
	background:#00489c;
	
}

.round-div-hovered:hover > .grid-item-link__title2
{
 	background:#00489c;
 	color:#fff;
}

.round-div-hovered:hover  p
{
	color:#fff;
}

.round-div-hovered:hover > .grid-item-link__footer
{
	color:#333;
	b order-color:#00489c;
}

.icone__teccat{
	position:absolute;
	right:10px;
	top:-5px
}

.logo__brand{
	max-height:40px
}







.layout_loader {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .75 ) 
                url('../images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
		            
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .layout_loader {
    display: block;
}


.search_jaune{
	background:#f0ad4e;
	/*background-image:linear-gradient(#f0d56e,#f6b841);*/
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	border:1px solid #f6b841;
	padding:5px;
	margin-bottom:8px;
	color:#fff;
}

.btn-jaune, .btn-jaune:hover{
	background:none;
	color:#fff
}


.image-link{
cursor:zoom-in
}


.tec__body > .nav-tabs > li > a{
    background-color:#5590d5;
    color:#fff;
    border:0px;
    padding-top:5px;
    padding-bottom:5px;
		padding-left:11px;
		padding-right:11px;
               
}

.tec__body > .nav-tabs > li.active > a{
    /*background-color:#00489c;*/
    /*color:#fff;   */
    /*border:0px;     */
    background: url(../images/fondDegradeRech.jpg) repeat-y;
    color:#fff;
    border:0px;
}

.tec__body > .tab-content{
    /*background-color:#00489c;*/
    /*color:#fff;    */
    background: url(../images/fondDegradeRech.jpg) repeat-y;
    color:#fff;
}

.tec__body{
    back ground-color:#5590d5;
    border:0px;
}

.tec__body > .nav-tabs{
    border:0px;
    backgr ound-color:#5590d5;
    height:auto;
    margin-bottom:1px
}


h4 {
    font-size: 14px;
    line-height:18px;
    text-transform: normal;
    display: inline-block;
    margin: 5px 0px 5px;
    padding-right: 10px;
    font-weight: normal;
    color: #333;
}

.margintop20{
  margin-top:20px;
}

.marginbottom20{
  margin-bottom:20px;
}

.marginbottom5{
  margin-bottom:5px;
}

.btn-panier,
.btn-panier:hover, 
.btn-panier:focus, 
.btn-panier:active 
{
  background:#00489c;
  color:#fff;
}

.bg-bleu{
  background:#00489c;
  color:#fff;
}

.bg-jaune{
  background: #f0ad4e;  
  color:#fff;
}

.bg-bleu h2, .bg-bleu h2 small,
.bg-jaune h2, .bg-jaune h2 small{
  color:#fff
}

.car-info{
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-radius : 8px;
}

.padding20all{
	padding:20px
}

.color-grey{
	color:#333;
}

.table-remplacement,
{
	font-size:12px;
}

.table-payment td{
	font-size:12px;
}

.table-payment td .label{
 	font-size:12px;
}

.table-remplacement th,
.table-payment th{
	font-size:12px
}

#contentHolder{
	bac kground:#78a54f
}

.immat{
	background:#fff;
	background:url(../images/plaque-154x342.png);
	
	float:left;
	
	
	width:154px;
	height:29px;
	margin:auto;
	
	color:#333;
	margin-right:10px;
	text-align:center;
	padding-top:10px;
	text-transform:uppercase;
}

#immat{
  text-transform:uppercase; 
  font-size:28px; 
  border:0px; 
  text-align:center; 
  margin-top:9px; 
  margin-left:34px; 
  width:180px; 
  -webkit-box-shadow:none; 
  box-shadow:none;
}

@media only screen and (max-width:1200px) {
 #immat {
   margin-left:0px; 
   width:160px;
 }
}

.vim{
	background:#fff;
	background:url(../images/carte-grise2.png);
	
	float:left;
	
	
	width:154px;
	height:29px;
	margin:auto;
	
	color:#333;
	margin-right:10px;
	text-align:center;
	font-size:12px;
	padding-top:7px;
	padding-left:11px;
	text-transform:uppercase;
}

.input-number{
	padding-left:5px !important; 
	padding-right:5px !important;	
}



.dashboard-stat {
    display: block;
    margin-bottom: 10px;
    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: 27px;
    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;
}


.margintop10{
	margin-top:10px
}

table.table-attribute > tbody > tr > td{
	padding:2px;
	border:0px;
}

.badge-remise{
	background:#d9534f;
	color:#fff;
	margin-left:10px;
}

.alertCookies{
	z-index:1031;
	background:#333;
	color:#fff;
	padding-top:20px;
	padding-bottom:20px;
	opacity:0.99;
}

.alertCookies > p{
	margin:0px;
}

.alertCookies .btn{
	margin-left: 10px;
	color:#333;
	background:#fff;
	font-weight:bold;
}

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

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

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;
}
#article_comparateur{
	position:absolute;
	width:320px;
	height:auto;
	background:#fff;
	padding:10px;
	border:5px solid #444;
	right:0;
	display:none;
}


.label-orange{
	background-color:#ed761c;
}

.chosen-container-single .chosen-single{
    display: block;
    width: 100%;
    height: 34px; 
    padding: 6px 12px; 
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.hide { display:none; }
.refArticle { font-size:13px; }
.priConsigne { font-size:9px; color:#5a5a5a; }
.priGris { font-size:9px; color:#5a5a5a; }

.compteurArticle { font-size:11px; float:right; color:#989898; font-style:italic; }
.boxCategorie { margin-bottom:20px; margin-top:20px; cursor:pointer; }
.borderBot { border-bottom:1px solid #dedede; }
.noMargin { margin-bottom:0; margin-top:0; margin-left:0; margin-right:0; }
.noPadding { padding-bottom:0; padding-top:0; padding-left:0; padding-right:0; }
.padLeft5 { padding-left:5px; }
.padRight5 { padding-right:5px; }

.marRight0 { margin-right:0 !important; }
.marLeft0 { margin-left:0 !important; }
.marBot10 { margin-bottom:10px !important; }

.filAriane { color:#929292; }


.icone{
  font-size:40px;
  width:33%;
  float:left;
  padding:5px;
}

.icone > div{
  background:#1c66be;
  border-radius: 6px;
  padding-bottom:2px;
}

.icone > div:hover,
.icone > div:active,
.icone.active > div{
  background:#5590d5;
}

.rechDatatable { height:28px !important; }
div.dataTables_filter label { float:left !important; }
div.dataTables_length label { float:right !important; }

.bg-plaque{
  background:url(../images/plaque.png); 
  background-size:100%; 
  float:left; 
  height:53px; 
  width:100%; 
  margin-bottom:8px;
}

@media only screen and (max-width:1200px) {
 .bg-plaque {
 background:none;
 }
}

.btnRadio { margin-right:10px !important; }

.modal-lg { width:80% !important; }
.form-group { margin-bottom:0px !important; }
label { margin-bottom:0px !important; }

.noPaddingR { padding-right:0px; }
.noPaddingL { padding-left:0px; }
.noPaddingT { padding-top:0px; }
.noPaddingB { padding-bottom:0px; }

.noMargB { margin-bottom:0px !important; }

.ui-dialog { z-index:9999 !important; }

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

.h4Param { margin-bottom:15px; border-bottom:1px dashed #c3c3c3; display:block; }

.ui-dialog-titlebar { background:#428bca; color:#fff; }

.nav-tabs > li > a { background:#eeeeee; }

.divArt, .divMo, .divForfait, .divVehicule ,.divDevis { background:#e3eef7; padding:10px; }
.divDevis { margin-left:0px; margin-right:0px; }

.refArt { border: 1px solid #cccccc; line-height: 20px; padding: 4px 6px; vertical-align: middle; border-radius: 4px; display: inline-block; height: 28px; margin-bottom: 10px; background-color: #eeeeee; cursor: not-allowed; width:100%; }

.pad10 { padding-top: 10px; padding-bottom: 10px; }

.btnNoCss { border:none; padding:0; }
h3.popover-title { color:#000; }
.popover { width: 600px; max-width:none; }

.plaqueWgvehicule { background-repeat:no-repeat; width:auto; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #168cbe; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { font-weight: bold; font-size: 14px; color: #000; display: block; border-bottom: 1px solid #000; }



.tec__breadcrumb {
	/*centering*/
	display: inline-block;
	border:1px solid #f0ad4e;
	overflow: hidden;
	border-radius: 8px;
	/*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
	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;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 25px;
	background: #666;
	/*background: linear-gradient(#666, #333);*/
	position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.tec__breadcrumb a:first-child {
	padding-left: 26px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.tec__breadcrumb a:first-child:before {
	left: 14px;
}
.tec__breadcrumb a:last-child {
	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
	padding-right: 20px;
}

/*hover/active styles*/
.tec__breadcrumb a.active, .tec__breadcrumb a:hover{
	background: #333;
}
.tec__breadcrumb a.active:after, .tec__breadcrumb a:hover:after {
	background: #333;
}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.tec__breadcrumb a:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -13px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumb a */
	width: 26px; 
	height: 26px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #666;
	background: linear-gradient(135deg, #666, #333);
  
  border-right:1px solid #f0ad4e;
  border-top:1px solid #f0ad4e;
  

	/*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/
.tec__breadcrumb a:last-child:after {
	content: none;
}
/*we will use the :before element to show numbers*/



.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;
}

.ui-dialog-titlebar-close { background:#ededed url(../img/croix.jpg) no-repeat !important; border:none !important; }

.input-group-addon { padding-left:6px !important; padding-right:6px !important;}

.addListe {border:none; }
.addListe:hover, .addListe:active, .addListeTop:hover, .addListeTop:active, .addListeTop::after { background:none; }
.addListeTop:hover,.addListeTop:after,.addListeTop:focus { color:#fff; background:none;  }
.addListeTop { border:none; background:none; color:#fff; padding:0px; }

.totalDevis { font-size:14px; }

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.btn-refuse {  background-color: #313131; border-color: #000; color: #ffffff; }

.top-modal {
  z-index: 99999;
}
.btn-refuse:hover { color: #ffffff; }

.btnDisabled { opacity: 0.65; }

#dialogSearchClient { background: #e1ecf6; }

.label-exclu { font-size:11px; margin-top:5px; margin-bottom:5px; }
.margBot5 { margin-bottom:5px; }
.margBot8 { margin-bottom:8px; }

.tag{
  position:absolute;
  top:10px;
  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;
}

.tag-desto{
  background-color: #ffd90c;
  color:#000;
}
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs21 { font-size:21px; }
.fs25 { font-size:25px; }
.fs35 { font-size:35px; }
.fs40 { font-size:40px; }

.displayNone { display: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; }
.margTop8 { margin-top:8px !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 **********/

.ongletPickup { padding: 2px 14px !important;  background: #a8c9ef !important; }

.colorNoir { color:#000 !important;}
.color777 { color: #777 !important; }


.separateur { background: url(../images/icons/h2-bleu.jpg) repeat-x center !important; font-size: 20px !important;  height:10px; }

/******** RMA ********/
.divDemandeRmaEC { padding: 5px; background:#f2f0f0;  margin: 25px 0; }
.tableListFibondRma > tbody > tr > td { padding: 5px !important; }
/******** FIN RMA ********/

#countdown { font-size:30px; font-weight:bold; color:#ef0101;}

.open { border-top: 1px solid rgba(0, 0, 0, 0.15) !important; border-right: 1px solid rgba(0, 0, 0, 0.15) !important; border-left: 1px solid rgba(0, 0, 0, 0.15) !important; background:#fff; z-index:2000; }
.dropdown-menu { border:none !important; border-bottom: 1px solid rgba(0, 0, 0, 0.15) !important; border-right: 1px solid rgba(0, 0, 0, 0.15) !important; border-left: 1px solid rgba(0, 0, 0, 0.15) !important; min-width:400px; text-align:left; padding:12px; font-size:11px; box-shadow: 0px 36px 30px 0px rgba(0,0,0,0.1); border-radius:0px; margin:0px; left:-1px; }