﻿@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);
/****************************************/

/* 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;} /* 'outline:none' -> supprime les bordure en pointillés affiché par défaut au click sur un lien. */
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;
  font-family:Verdana, Arial, 'sans serif';
}
p.sideBarTitle{
  color:#0A7A22;
  font-size:15px;
  font-weight:bold;
  padding:0 0 0 10px;
  margin-top:0;
  margin-bottom:5px;
}

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

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;
  padding:0 0 0 30px;
}

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

.sideBar ul.articleCatalog, ul#sourceLst{
  padding:0;
}
.sideBar ul li{
  margin:0 0 5px 0;
  list-style-image:url(img/flech_lst_article.png) !important;
}

.sideBar li.level-1{
  margin-left:12px;
}

.sideBar li.level-2{
  margin-left:24px;
}

.sideBar ul li a{color:#0A7A22;}
.sideBar ul li span{
  color:#666;
  font-size:11px;
}

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

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

.sf_admin_pagination{
	text-align:center;
	clear:both;
}

#pagination_mag{padding-left:180px;}

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

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

/* 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 20px 5px;
  position:relative;
  font-family:Verdana, Arial, 'sans serif';
  color:#fff;
}

#dynamicOrderInfo a{color:#fff;}

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

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:150px 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;}
#menuLst li a{
  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: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;
}

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


















