body {
	margin: 0; 
	padding:0;
	/*font-family:Arial, Helvetica, sans-serif;*/
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	text-align: center;
	background:  #fff ;
}

/* specific divs */
#container { 
	margin: 11px auto;
	padding: 0;
    width: 804px;
    position: relative;  
    text-align: left;
    color:#696969;
}
	
* html #container
    {          
    width: 804px;
    width: 824px;  
    }
    
 a, a:hover{
  color:#696969;  
}	


#welcome-ad {   
width: 804px;     
}

#welcome-top{
margin:0px 0 0 0;	
width: 804px; 
height:270px;
padding:0;
border-top: 1px solid #999;
border-left: 1px solid #999;
border-right: 1px solid #999;
background:  url(/images/pdh_welcome_ad2.png) no-repeat;

}
#welcome_menu {  
margin: 35px 0px 0 0px;      
position:absolute;
z-index:10;
}
#welcome_menu ul {
	list-style: none;
	padding: 0;
	margin: 0px 0px 0 9px;
	width:249px;
	float:left;
}
#welcome_menu li {
     margin: 0 ;  
     height: 31px;   
     width:249px;
	 font-weight: normal;	  
 }
#welcome_menu li a, #welcome_menu li a:hover {
	height: 31px;	
	width:249px;
	padding: 0px 0 0 45px;
	margin: 0 ;
	line-height: 2em;
	color:#51880b;
	display: block;	
	text-decoration: none;
	text-align: left;	
	font-size: 13px;
}

#welcome_menu li a {	
background:  url(/images/button_menu.png) no-repeat;		
 }
     
#welcome_menu li a:hover {	
color:#fff;
	background:  url(/images/button_menu_mo.png) no-repeat;
 }
     
#welcome_menu img {
    float: left;
}

#nav-accueil, #nav-prixmedicaments, #nav-infosante, #nav-produitsetservices, #nav-votrepharmacie, #nav-gallery,#nav-contact{
height: 31px;	
width:249px;	
}

 #welcome li #nav-accueil, #prixmedicaments li #nav-prix,#infosante li #nav-infosante, 
#produitsetservices li  #nav-produits, #votrepharmacie li #nav-votrepharmacie,#galeriephotos li #nav-gallery,
 #contact li #nav-contact{
	line-height: 2em;
	padding: 0px 0 0 45px;
	background:  url(/images/button_menu_mo.png) no-repeat;
	color:#fff;
}

#welcome-bottom{
position:absolute;	
top:270px;
width:804px;
padding: 0;
margin: 0;	
}

.welcome-contact{
width:249px;
height:280px;
float:left;
margin: 175px 0 0 9px;	
}

.separator{
width:505px;
height:26px;	
}

#content{
margin: 0 0 20px 0;	
padding: 0 0 20px 0;
float:left;
width:804px;

border-left: 1px solid #999;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
}

#text {
float:left;
width: 520px;
margin:0 0 0 20px;	
}

#text p {
margin:0;
padding:0;
font-size: 12px;	
color:#000;
line-height: 2em;
}

#text .title{
color:#0e7319;	
font-size:16px;
font-weight:bold;
margin: 0 0 10px 0;
}

#text .signature{
font-style:italic;	
}

#text .member{
clear:both;
margin: 0 0 20px 0;	
}
#text .member img{
width:72px;
height:93px;
float: left;
margin: 0 10px 0 0;	
}

#text .editoimg{
float:left;	
margin:0 10px 0px 0;
}

#text .editotitle{
	width: 300px;
font-size: 12px;
font-weight:bold;
color:#fa8f47;	
display: block;
font-style:italic;
margin: 10px 0 0 0px;
}

#text .editotext{
text-align: justify;
}
#infosseparator{
height:26px;
width: 	460px;
float:left;
background-color: #333;
margin: 0 0 10px  	20px;

}
#infos-header{
margin: 20px 0 10px 0;	
float:left;
}

#infos-header ul{
margin: 0;
padding: 0;		
}

#infos-header  ul li{
float:left;
display:block;
height:30px;
margin: 0 5px 5px 0px;
padding:0;
}

#text ul li a, #text ul li a:hover{
font-weight:bold;	
font-size: 12px;
color:#fff;	
text-decoration: none;	
}

#infos-header ul li a{	
height:20px;
display:block;
padding: 5px 6px 5px 6px;
background: url(/images/pdh_letter_bg.png) repeat-x top left;
}

 #infos-header ul li a:hover, #infos-header .active-infos{
height:20px;
display:block;
padding: 5px 6px 5px 6px;
font-size: 12px;
font-weight:bold;
color:#fff;
background: url(/images/pdh_letter_bg_mo.png) repeat-x top left;
}

#infos-text{
clear:both;	

}	

#infos-text p{
font-size:12px;	
}

#infos-text ul{
margin: 0;
padding: 0;		
}

#infos-text  ul li{
font-size:12px;
color:#000;
margin: 0 0 10px 0;
padding: 0 0 0 10px;
background: url(/images/orange_chip.png)	no-repeat center left;
}

#infos-text .title{
font-size:13px;
color:#333;;	
}

#infos-text .subtitle{
font-size:13px;
color:#999;	
font-weight:bold;
}

#infos-text .infostitle{
font-size: 18px;
font-weight:bold;
color:#333;
display:block;
margin: 5px 0 	
}

#med-table{
float:left;	
margin: 50px 0 0 50px;
width:460px;
border:1px solid #999;	
}

table td{
font-size: 10px;
padding:5px;
border-left:1px solid #999;	
border-bottom:1px solid #999;	
}

tr.header{
font-weight:bold;
font-size: 11px;	
color: #333;
}

input.inputsearch {
   margin:  20px 0 0 50px; 
   padding: 0;
float:left;
   width:170px;  
   height:20px;       
   border : 1px solid #666;
}

.search-button{
float:left;
width:110px;  
height:20px; 
margin: 20px 0 0 10px;
}

#letters-box{
width: 330px;
 float:left;
margin: 15px 0 0 50px;	
}

#letters-box ul{
margin:0;
padding:0;	
}

#letters-box ul li{
float: left;
display: block;
width: 20px;
height: 20px;
text-align:center;
margin: 5px 0 0 5px;

}
 #letters-box a{
text-decoration: none;
width: 20px;
height: 20px;
color:#fff;
display: block;
background: url(/images/pdh_letter_bg.png) repeat-x top left;
}

 #letters-box a:hover, #letters-box .active-letter{
width: 20px;
height: 20px;
color:#fff;
display: block;
text-decoration: none;
background: url(/images/pdh_letter_bg_mo.png) repeat-x top left;
}

#welcome-footer{
float:left;
height:49px;
width:804px;
background: url(/images/welcome_footer.png) no-repeat;
}

/*
 * Galleria + Jcarousel
 */

#galleries{
float:left;	
width: 520px;
margin: 15px 10px;
}

#galwrap {
	width: 500px;
    padding: 5px;
    background: #E5EDF2;
}
#img {
    position: relative;
	margin: auto;
    width: 495px;
    height: 700px;
    margin-bottom: 1em;
}
#img img {
	width: 100%;
	height: 100%;
}
#galwrap #img, #galwrap #gallery li {
    border: 1px solid #223106;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
#galwrap ul li {
    float: left;
    padding: 1px;
    background: transparent url(/images/spinner_flower_green.gif) 50% 50% no-repeat;
    border-color: #345;
    cursor: pointer;
}
#galwrap .caption {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 96%;
    height: 50px;
    padding: 0 2%;
    line-height: 50px;
    color: #fff;
    background-color: #000;
    opacity: .8;
}