@charset "utf-8";
@import url(../default.css);
@import url(../search_gen.css);
@import url(ind01_home.css);
@import url(ind01_banner.css);
@import url(ind01_pharmacie.css);
@import url(ind01_produits.css);
@import url(ind01_order_validation.css);
@import url(ind01_messagerie.css);
@import url(ind01_articles.css);
@import url(ind01_steps.css);
@import url(ind01_user_account.css);
@import url(newsletter.css);
@import url(../lstBrand_gen.css);


/****************************************/

/* Règles globales */
body{margin:0; padding:0; background:url(img/bg_body2.jpg) 0 0 repeat-x;}
ul{list-style:none !important; margin:0; padding:0;}
li{margin:0; padding:0;}
a{text-decoration:none; outline:none; color:#0A7A22;} /* 'outline:none' -> supprime les bordure en pointillés affiché par défaut au click sur un lien. */
a:focus{color:#98278c;}
img{border:none;}
.clear{clear:both;}

h1{color:#0A7A22; font-size:22px;}
h2{color:#0A7A22; font-size:17px;}
h3{color:#0A7A22; font-size:16px;}
h4{color:#0A7A22; font-size:13px;}

#monCompteEpharmDefault, #moncompte{display:none;} /* Cache les élements des autres skin */


/*-----------------*/

/* Principaux blocs */
#topContainer{
  width:810px;
  height:213px;
  background:url(img/bg_top_03.png) 50% 0 no-repeat;
  margin:0 auto;
  position:relative;
}

#header{width:810px; height:213px; margin:0 auto;}

#globalContainer{
  width:810px;
  background:url(img/bg_globalContainer.png) 50% 0 no-repeat;
  margin:0 auto; 
  position:relative;
  padding-top:8px;
  padding-bottom:20px;
  height:100%;
  min-height:590px;
}

#cartouche{
  width:42px;
  height:125px;
  position:absolute;
  left:-55px;
  background:url(img/bg_cartouche.png) 0 0 no-repeat;
  z-index:-1; 
  top:78px;
 }

#mainContainer{
  width:775px;
  min-height:600px;
  margin:0 auto;
  padding-top:3px;
  font-family:Verdana, Arial, 'sans serif';
}

.sideBar{
  width:205px;
  height:auto;
  background-color:#e5f4cd;
  float:left;
  margin:24px 15px 0 -12px;
  padding:20px 0 15px 0;
  border-width:1px 1px 1px 0;
  border-style:solid;
  border-color:#ccc;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  border-radius:0 10px 10px 0;
  font-family:Verdana, Arial, 'sans serif';
}

#sideBar_message ul{
  margin-bottom:10px;
}

p.sideBarTitle{
  color:#0A7A22;
  font-size:15px;
  font-weight:bold;
  padding:0 0 0 10px;
  margin-top:0;
  margin-bottom:5px;
}

.fav a,
p.sideBar_lst_Title{
  color:#0A7A22;
  font-size:15px;
  font-weight:bold;
  padding:0 0 0 10px;
  margin-top:0;
  margin-bottom:5px;
}

.fav a:hover{
    text-decoration: underline;
}

p.sideBarTitle a, p.sideBar_lst_Title a{
  color:#0A7A22;
}

p.sideBarTitle span{
  font-size:12px;
}
.sideBar ul{
  font-size:12px;
/*  list-style-image:url(img/flech_lst_article.png);
  margin-bottom:20px;*/
}

.sideBar > ul.catalog{
    padding-left:0px;
}

.sideBar > ul.catalog ul.catalog{
  padding-left:0xp;
} 

/*.sideBar ul.catalog ul{padding-left:0;}
.sideBar ul.catalog li.level-1 ul{margin-top:5px;}
.sideBar ul.catalog li.level-2 ul{margin-left:12px;}*/

.sideBar ul.articleCatalog, ul#sourceLst{
  padding:0;
}

.sideBar ul li{
  position:relative;
  list-style-image: none;
}

.sideBar ul li span.products_nb{
  color:#0A7A22;
}

.sideBar ul li:hover span.products_nb{
  color:#fff;
}


.sideBar ul li a{
    background: url("img/flech_lst_article.png") no-repeat scroll 10px 8px transparent;
    padding:5px 0 5px 25px;
    display: block;
    color:#0A7A22;
}

.sideBar ul li.level-2 a{
  margin-left:10px;
}

.sideBar ul li.level-3 a{
  margin-left:20px;
}

.sideBar ul li.level-4 a{
  margin-left:30px;
}

.sideBarPrescriptionContainer ul li a,
.sideBarMeetingContainer ul li a,
.sideBarOrderContainer ul li a,
.sideBarMailContainer ul li a{
    display: inline-block;
}

.sideBar ul li span{
    display: inline-block;
    color:#666;
    font-size:11px;
}

.sideBar li.level-1 li a,
.sideBar li:hover > a{
    background: url("img/flech_lst_article_white.gif") no-repeat scroll 10px 8px #0A7A22;
    color: #fff;
}

.sideBar li.level-1 ul{
    background-color: #0A7A22;
    position: absolute;
    top:0px;
    left:195px;
    display: none;
    width: 205px;
    padding:5px 0;
}

.sideBar li:hover > ul{
    display: block;
}

.sideBar li.level-1 li:hover > a{
    text-decoration: underline;
}

.sideBar img{margin:10px 10px 20px 10px;}

#ariane, #ariane a{
  color:#0A7A22;
  margin-bottom:20px;
}

#arianeRoot a{color:#0A7A22;}

.arianeSep{
  font-family:Arial;
  font-weight:bold;
  color:#FF2FEC; 
  margin:0 5px;
}
#arianeCurrent{
  font-weight:bold;
}

#sideBarContainer{
    position: relative;
    z-index:6;
}

#dataContainer{
    position: relative;
    float:left;
    width:565px;
    height:auto;
    margin:25px 0 0 0;
    font-family:Verdana, Arial, 'sans serif';
    font-size:12px;
    color:#666;
    z-index:1;
}

.sf_admin_pagination{
	text-align:center;
	clear:both;
  margin-top:10px;
}

/*#pagination_mag{padding-left:180px;}*/

#footContainer{
  background:url(img/bgRepeatFooter.png) 2px 0 repeat-y;
  width:810px;
  margin:0 auto;
  font-family:Verdana,Arial;
  padding-bottom:15px;
}

ul.error_list li{
  color:#f00;
  padding:3px;
  font-size:11px !important;
  font-weight:bold !important;
}

p.noResultsNotice, .noResultsTitle{
  font-size:13px;
  font-weight:normal;
  color:#666;
  background:#E0EBEF url(img/info.png) 3px 3px no-repeat;
  padding: 7px 0 7px 34px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  margin-top:20px;
  border:1px solid #C3D8DF;
}

/*moyens de paiement*/

#footContainer #payment_types{
  clear:both;
  height:auto;
  overflow:hidden;
  border-top:1px solid #fff;
  margin:10px 20px;
}

#footContainer #payment_types h4{
  /* width:auto;
  float:left;
  margin:17px 0;
  font-size:14px;
  color:#01498C;
  font-size:12px; */
  display:none;
}

#footContainer #payment_types ul{
  margin-top:15px;
  margin-right:0px;
}

#footContainer #payment_types ul#payment_typesList li{
  display:block;
  float:left; 
  margin-left:10px;
}

/*Ordonnances*/
#ordonnance th {
  vertical-align: top;
  padding-top: 5px;
  text-align: left;
}

.note {
  font-size: 13px;
  font-weight: normal;
}

.filDariane a {
  color: #1D8C82;
}

/*-----------------------*/

/* Mise en page à l'intérieur de 'topContainer->header' */

#avert_afmps{
  position:absolute;
  top:80px;
  right:5px;
  color:#fff;
  text-align:right;
  height:auto;
  font-size:10px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:220px;
  overflow:hidden;
}

#num_ordre, #num_apb{
  position:absolute;
  top:65px;
  right:5px;
  color:#fff;
  text-align:right;
  height:auto;
  font-size:10px;
  font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
  width:220px;
  overflow:hidden;
}



#header-links{display:none;}
#header-left{display:none;} /* Temporaire, en attendant le module */

#dynamicMsg{
  width:789px;
  height:26px;
  background-color:#07324d;
  padding:0 5px;
  /* background:url(img/bg_dynamicMsg.png) 0 0 no-repeat; */ /* Pour IE si pas la possiblité d'arrondir les angles autrement. */
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  /* On utilise les propriétés CSS3 reconnu par Gecko et webkit pour arrondir les angles sous les navigateurs respectants les normes W3C et on utilisera un script special pour IE (roundies)*/
  margin:0 auto;
  color:#fff;
  position:relative; /* Pour pouvoir placer l'onglet d'info des réservations */
}

#mask{height:25px; overflow:hidden;}
ul#dynamicLst{padding:0; position:relative; width:800px;  overflow:hidden;}
#dynamicLst li{
  float:left;
  font-family:Verdana,Arial;
  font-size:11px;
  font-weight:bold;
  padding:5px 0 0 10px;
  margin:0 20px 0 0;
}

#dynamicOrderInfo {
  background:transparent url(img/bg_dynamicOrderInfo.png) no-repeat scroll 50% top;
  color:#FFFFFF;
  display:inline-block;
  font-size:10px;
  font-weight:normal;
  left:0px;
  padding:3px 10px 5px 10px;
  position:relative;
  font-family:Verdana, Arial, 'sans serif';
  color:#fff;
  height:55px;
  width:164px;
}

#dynamicOrderInfo #nbProdContainer{
  display:block;
  margin-top:3px;
}

#dynamicOrderInfo #total_cart{
  position:absolute;
  right:10px;
  margin:0px;
  top:3px;
  font-weight:bold;
}

#dynamicOrderInfo #total_cart span{
  display:none;
}

#dynamicOrderInfo a{color:#fff;}


#dynamicOrderInfo p{
  margin-top:5px;
}

#dynamicOrderInfo p a{
  text-decoration:underline;
}

div.noticeCart, div.notice, div.pre-notice, div.warningCart{
  text-align: center;
  margin: 0 auto;
  color:#fff;
  font-size:13px;
  font-weight:bold;
  padding: 20px;
  position: fixed;
  top: 33%;
  width: 525px;
  z-index: 10;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color:#96CF40;
}

.mainContainerLstProducts .noticeCart,
.mainContainerLstProducts .warningCart{
  margin-left:210px;
}

.warningCart{
  background-color:#cb0907 !important;
}

form#q{
  width:215px;
  height:55px;
  background:url(img/bg_rechercher.png) 0 -5px no-repeat;
  padding:3px 0 0 15px;
  position:absolute;
  top:0;
  right:0;
  z-index:10;
}

form#q p{margin-top:0;}

input#s{
  width:133px;
  height:21px;
  border:none;
  float:left;
  margin-right:8px;
  padding:0px 3px 2px 23px;
  background:transparent url(img/new_search.png) 0px 0px no-repeat;
}

form#q select{
  background:transparent url(img/new_search_filter.png) no-repeat scroll 0 0;
  border:none;
  padding:0 3px 2px 23px;
  width:157px !important;
  height:21px;
  padding-top:2px;
  margin-top:2px;
}

input#search{
  width:31px;
  height:20px;
  font-size:0;
  border:none;
  background:url(img/bgbtnSearch.jpg) 0 1px no-repeat;
  cursor:pointer;
  position:absolute;
  top:3px;
  left:184px;
}

#menu{
  width:739px;
  height:46px;
  background:url(img/bg_menu.png) 0 0 no-repeat;
  margin:106px auto 0 auto;
  position:relative; /* Pour placer le bouton de déconnexion */
}

#menuLst{
  overflow:hidden;
  padding-left:37px;
  font:normal bold 11px Verdana, Arial, sans-serif;
  letter-spacing:-1px;
}

#menuLst li{float:left; max-width:190px;}
#menuLst li a,
#menuLst li span{
  display:inline-block;
  padding-top:18px;
  padding-bottom:15px;
  color:#fff;
  text-transform:uppercase;
}
li#menuLst00{
  display:inline-block;
  width:20px;
  height:20px;
  background:url(img/home.png) 50% no-repeat;
  font-size:0;
  position:absolute;
  top:20px;
  left:11px;
  font-size:0;
}
li#menuLst00 a{padding:0; width:20px; height:20px;}
li#menuLst01 a{padding-left:12px; padding-right:12px;}
li#menuLst02 a{padding-left:14px; padding-right:14px;}
li#menuLst03 a{padding-left:13px; padding-right:13px;}
li#menuLst04 a{padding-left:14px; padding-right:14px;}
li#menuLst05 a{padding-left:12px; padding-right:12px;}
li#menuLst06 a{padding-left:14px; padding-right:14px;}

#btn_mon_compte{
	position:absolute;
	bottom:12px;
	right:52px;
}

#btn_mon_compte a{
	font:bold 11px Verdana,Arial,sans-serif;
	letter-spacing:-1px;
	color:#fff;
	text-transform:uppercase;
}

#btnDeco{
  position:absolute;
  top:165px;
  right:35px;
  height:15px;
  width:15px;
  background:url(img/btnDeco.png) 0 0 no-repeat;
  cursor:pointer;
}

.disconnectBtnDeco{display:none;}

.note{font-size:11px; color:#666;}
.note a{color:#0A7A22; text-decoration:underline;}

/* Pagination */
.sf_admin_pagination img{display:none;} /* Masque les images de pagination par défaut */
.sf_admin_pagination a.firstPage{
  display:inline-block;
  width:15px;
  height:11px;
  background:url(img/firstPage.gif) 50% no-repeat;
  vertical-align:middle;
}
.sf_admin_pagination a.previousPage{
  display:inline-block;
  width:15px;
  height:11px;
  background:url(img/prevPage.gif) 50% no-repeat;
  vertical-align:middle;
  border-right:1px solid #ccc;
}
.sf_admin_pagination a.lastPage{
  display:inline-block;
  width:15px;
  height:11px;
  background:url(img/lastPage.gif) 50% no-repeat;
  vertical-align:middle;
}
.sf_admin_pagination a.nextPage{
  display:inline-block;
  width:15px;
  height:11px;
  background:url(img/nextPage.gif) 50% no-repeat;
  vertical-align:middle;
  border-left:1px solid #ccc;
}
.off{
  padding:0px 4px;
  font-size:11px;
}
.on{
  font-weight:bold;
  color:#D84AC9;
  font-size:14px;
}
.off{
  color:#999;
}

.boite_connection02 a{
  color:#DA53CC !important;
  font-weight:bold;
}

#footContainer{width:810px;}
#footContainer p{
  margin-top:0;
  font-size:11px;
  float:left;
  padding:10px 0 0 25px;
  color:#01498c;
}
#footContainer ul{float:right; margin-right:20px; margin-top:25px; margin-bottom:10px;}
#footContainer ul li{display:inline; list-style-type:none;}
#footContainer ul li, div#footContainer ul li a{
  font-size:11px;
  font-family:Verdana, Arial, sans-serif;
  color:#01498c;
  text-decoration:none;
}

div#footContainer ul li a:hover{
  text-decoration:underline;
}

/* FAQ & Légales */
.faqAndLegal{
  padding:0 20px;
  font:normal 12px Verdana;
  line-height:1.8em;
}
.faqAndLegal ol{
  padding-left:15px;
}

.faqAndLegal .questionLst a{
  color:#0A7A22;
}

.faqAndLegal .anchorLst{
  color:#0A7A22;
  font-weight:bold;
  margin-bottom:15px;
}

ol.responseLst, #globalLegalLst{
  color:#666;
  font-weight:normal;
}

#globalLegalLst li{margin-bottom:10px;}

p#announce_faq{
  background:url(img/help.jpg) 0 0 no-repeat;
  color:#0A7A22;
  font-size:16px;
  font-weight:bold;
  padding-top:4px;
  padding-left:31px;
}

p#announce_legal{
  color:#0A7A22;
  font-weight:bold;
}
/* ---- */

/*search*/

.dataContainerSearchResults{
  width:770px !important;
}

.dataContainerSearchResults p.readMore a img{
  float:right;
  margin-left:0px;
  border:none;
  margin-top:3px;
}

.dataContainerSearchResults p.readMore a{
  margin-right:0px;
}

.dataContainerSearchResults .articleLstElmt{
  position:relative;
}

.dataContainerSearchResults .articleLstElmt #discount_home{
  top:0px !important; 
  left:720px;
}

.dataContainerSearchResults .price_symbol{
  left:0px;
  top:0px;
  position:relative;
  margin-right:10px;
}

.dataContainerSearchResults .articleLstElmt h3{
  padding-left:80px;
}

.dataContainerSearchResults .articleLstElmt h3 a{
  padding-right:55px;
  padding-left:0px;
  margin-left:10px;
}

/*certificat footer*/

#epharm_certificat{position:relative; float:right; margin:10px 10px 0 0;}


/*liste des marques*/

#listMarkContainer{width:770px;}

ul.listMark p.markLetter{
  color:#0A7A22;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border:1px solid #72B408 !important;
  font-family:Verdana,Arial,'sans serif';
  background:none !important;
}

ul.listMark li{
  border-left:none;
}

ul.listMark li a{
  font-family:Verdana,Arial,'sans serif';
  font-size:12px;
  color:#0A7A22;
}

ul.listMark li a:hover{
  color:#72B408;
  text-decoration:underline;
}

ul.listMark li a:visited{
  color:#72B408;
}

/*vhrb spe*/

#vhrb_link{
  clear:both;
  float:right;
  margin:13px 23px 0 0;
}

#vhrb_link a{
  display:block;
  width:258px;
  height:114px;
  font-size:0px;
  background:url(img/bg_vhrb.png) no-repeat;
}

/*visualiser la newsletter*/


.dataContainerNewsletter .flapProd,
.dataContainerNewsletter .flapProd .cut_price,
.dataContainerNewsletter .prodPrice,
.dataContainerNewsletter .discount{
  background:none !important;
  margin:0 !important;
  padding:0 !important;
  text-align:right;
  position:relative !important;
  top:inherit !important;
  left:inherit !important;
  text-align:right;
  color:#000 !important;
  height:auto !important;
  width:auto !important;
  cursor:inherit !important;
}

.dataContainerNewsletter .prodPrice{
  font-size:14px !important;
}




/*ui-autocomplete*/

.ui-autocomplete{
  width:10%;
  padding:5px;
  list-style-type:none;
}

.ui-autocomplete li{
  padding:5px;
  border-bottom:1px dotted #adadad;
}

.ui-autocomplete li:hover{
  background:#ccc;
}

.ui-autocomplete li a{
  font-size:11px;
  cursor:pointer;
  text-decoration:none;
}

.ui-autocomplete li a:hover{
  background:none;
  border:none;
}

/* CGV */

.cgv{
  line-height:inherit !important;
  padding:0 20px;
}

.cgv ul li p{
  font-size:12px !important;
  color:#666666;
  line-height:1.5em;
}

.cgv ul li p.title{
  color:#0A7A22 !important;
}

.cgv ul li{
  padding-bottom:0px !important;
  border-bottom:none;
}