body{
	font-size: 13px;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.font_droid{
	font-family: 'Droid Sans', sans-serif;
}

.font_arial{
	font-family: Arial, sans-serif;
}

.btn{border-radius:0;} 
.btn-default{border-radius:0;}
.btn-grey{background-color: #ccc; color: #333;}
.clear{clear: both;}
.blanc{color: #FFF;}
.noir{color: #000;}
.gris{color: #666666;}
.orange {color: #ed6f00;}
.rouge {color: red;}
.center{text-align: center;}
.left{text-align: left;}
.petit{font-size: 0.9em;}


h1{font-size: 3.2em; padding: 3px;}
h2{font-size: 2.8em;padding: 3px;}
h2.petit{font-size: 2.2em;padding: 3px;margin: 7px 0px 5px 0px; }

h3.leger{ font-size: 2.5em;font-weight: 100;margin: 7px 0px 5px 0px; }

h3.petit{ font-size: 1.6em;font-weight: 100; padding: 3px; margin: 7px 0px 5px 0px; }
h4.petit{ font-size: 1.3em;font-weight: 100; padding: 3px; margin: 17px 0px 8px 0px; }
h5.leger{ font-size: 1.4em;font-weight: 100;margin: 7px 0px 5px 0px; }
h5.petit{ font-size: 1.1em;font-weight: 100; padding: 10px 0px 10px 0px; margin: 5px 10px 8px 0px; }

.erreur{color:red; font-size: 1em; font-weight: bold;}
.valide{color:green; font-size: 1em; font-weight: bold;}
/* FOOTER  */
footer{text-align: center; }
footer .menufooter ul{ margin-right: auto; margin-left: auto; width: 95%; }
footer .menufooter ul li {display: inline-block;}
footer a {color: #000;}



/* HEADER  */
header{ background: url(../img/bg_menu.jpg) repeat-x top left;  }
.logo{ max-width:298px;}


.ligne_panier{height:25px; text-align: right; padding-right: 5px; font-size: 1.5em; position: relative; }
.ligne_panier a {text-decoration: none; z-index: 10; position: relative; padding-right:5px }
.ligne_panier #nbarticle{color: #ed6f00;z-index: 10; position: relative;}

.ligne_panier .bglignevertical {background: url(../img/bg_lignevertical.png) no-repeat top right; z-index:1; position: absolute;top:0; right:18px;}

.ligne_logo{ height: 35px; padding: 5px 0px 0px 10px;  margin-bottom: 8px; position: relative;z-index: 10; }
.btnlogin{text-align: right;}


/* MENU */
.menu{height: 37px; }
.menu .navbar{ min-height: 37px; position: relative;z-index: 1000; }

.menu .navbar-default{ height: 37px; background-color: #ed6f00; border-radius: 0px;  color: #FFF; padding-bottom: 0px; padding-top: 0px; margin-bottom: 0px; margin-top: 0px; }

.menu .navbar-default .navbar-nav {width: 100%; margin: 0; padding: 0; }
.menu .navbar-default .navbar-nav li {	min-width: 18%; }
.menu .navbar-default .navbar-nav li  a { color: #FFF;  font-weight: bold; padding-top: 10px; padding-bottom: 7px; padding-left: 10px;}
.menu .navbar-default .navbar-nav li  a:hover{ background-color: #FFF; color:#888; }
.menu .navbar-default .navbar-toggle{padding-bottom: 5px; padding-top: 5px; margin-top: 4px; margin-bottom: 4px; border-color:#FFF; }
.menu .navbar-default .navbar-toggle:hover, .menu .navbar-default .navbar-toggle:focus{background-color: #FFF;border-color:#ddd;}
.menu .navbar-default .navbar-toggle .icon-bar{background-color: #FFF;}
.menu .navbar-default .navbar-toggle:hover .icon-bar, .menu .navbar-default .navbar-toggle:focus .icon-bar{background-color: #888;}
.menu #navbar-menu {position: relative;z-index: 1000; background-color: #ed6f00; height: auto; padding: 0;  margin: 0; border:0px; }


.menu .navbar-default .navbar-nav li.active  a {background-color: #FFF; color:#888; }



/* Slider */
.slider  { background: url(../img/bg_slider.jpg) repeat-x top left;  }



/*CONTENU*/
.blocinfo{padding: 3em;}
.bloccell{display: table-cell;    vertical-align: middle;}
.bg_grisclair{background-color: #f0f1f1;}/*bg_antibiogarde5H*/
.bg_grisclair2{background-color: #f9f7f8;}
.bg_grisfonce{background-color: #dfe0e0;} /*bg_antibiogarde5S*/
.bg_grisfonce2{background-color: #7d7d7c;}
.bg_grisfonce3{background-color: #919293;}

.bg_noir{background-color: #000; color: #FFF;}
.bg_orange{background-color: #ed6f00;}
.bg_orangeclair{background-color: #f0ad4e;}

.borderLeftBlanc{border-left: 3px solid #FFF;}
.borderRightBlanc{border-right: 3px solid #FFF;}

.blocinfo h4{color:#000; font-size: 1.6em; font-weight: bold;}


.pixbarre{position: relative;}
.pixbarre .croix{position: absolute;top: 4px; left: 15px; margin: 0; padding: 0; }


/*Historique*/
.Historique { width: 630px ;margin-left:auto; margin-right: auto; position: relative; display: block;  }
.Historique .blocG{ border-right: 5px solid #ed6f00;  width: 315px;padding-bottom: 10px; position: relative; z-index: 10}
.Historique .blocD{ border-left: 5px solid #ed6f00; width: 315px; padding-bottom: 10px;  margin-left: 7px;position: relative; z-index: 10; text-align: left;}
.Historique h4{text-align: center; padding-top: 2px; margin-top: 0px; }
.Historique .txt{background-color: #FFF; font-size: 1em; color: #000; text-align: right;}
.Historique .blocG .txt{margin-right:30px;  }
.Historique .blocD .txt{margin-left:30px; text-align: left; }
.Historique .HcadreGauche{background: url(../img/histo-cadreFlecheD.png) no-repeat top right;  width: 321px; position: relative; z-index: 100}
.Historique .HcadreDroit{background: url(../img/histo-cadreFlecheG.png) no-repeat top left;    width: 350px;  margin-left: 303px; position: relative; z-index: 100 }


.borderbtn{border-right: 1px solid #000; }
.borderbtn2 {border-top: 1px solid #000; }

.legende{font-size: 0.8em; color:#666666;}
.big{font-size: 1.3em}

/*BOUTIQUE*/

.connexionboutique{float: right;}




/* COMPTE */
.moncompteform label{text-align: right;}

@media (min-width: 768px) {
  .colheight {
    height: auto;
    height: 100%;
  }
   .borderbtn{border-right: none;} 

 }
@media (min-width: 992px) {
   .borderbtn{border-right: 1px solid #000; }
  

 }

 @media (max-width: 768px) {


.Historique { width: 320px ;margin-left:auto; margin-right: auto; position: relative; display: block;  }
.Historique .blocG{ border-right: 5px solid #ed6f00;  width: 153px;padding-bottom: 10px; position: relative; z-index: 10}
.Historique .blocD{ border-left: 5px solid #ed6f00; width: 180px; padding-bottom: 10px;  margin-left: 7px;position: relative; z-index: 10; text-align: left;}
.Historique h4{text-align: center; padding-top: 2px; margin-top: 0px; }
.Historique .txt{background-color: #FFF; font-size: 1em; color: #000; text-align: right;}
.Historique .blocG .txt{margin-right:30px;  }
.Historique .blocD .txt{margin-left:30px; text-align: left; }
.Historique .HcadreGauche{background: url(../img/histo-cadreFlecheD.png) no-repeat top right;  width: 160px; position: relative; z-index: 100}
.Historique .HcadreDroit{background: url(../img/histo-cadreFlecheG.png) no-repeat top left;    width: 160px;  margin-left: 141px; position: relative; z-index: 100 }

.borderLeftBlanc{border-left: none;}
  .borderRightBlanc{border-right: none;}

  .borderbtn{border-right: none;}


  .connexionboutique{float: none; clear: both;}
 }

.paragraphe_mention{ padding: 5px 20px; text-align: justify !important; }

.texte_noir_sans_lien{ color: black; }
.texte_noir_sans_lien:hover{ color: black; }
.lien_blanc{ color: #FFFFFF; }