/*Général
-------------------------------------------------------------------------*/
* {
	border: 0;
	outline: none;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	}

ul, li {
	list-style: none;
	}

strong {
	font-weight: bold;
	}

table {
	border-collapse: collapse;
	}

td {
	vertical-align:top;
	padding: 0;
	}

body {
	margin: 0;
	text-align: center;
	background: #c8d7dc url(gifs/para-pharmahieu_01.jpg) repeat-x top;
	}
	
	#container {
		text-align: left;
		width: 997px;
		margin: 0 auto;
		}

	#contanier {
		border: 1px solid #aaa;
		background: url(gifs/para-pharmahieu_40.jpg) repeat-y;
		}


/*TEXTE
--------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6, h7, p {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	}

h11 {
	font-size: 18px;
	padding: 0;
	margin: 0 15px;
	color: #000;
	}

h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 15px;
	padding: .5em 0;
	color: #b8a58c;
	}


h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 15px .5em 25px;
	padding: .5em 0 0;
	color: #4595aa;
	clear: both;
	border-bottom: 1px solid #7cdc03;
	text-decoration: none;
	}
h3{
	font-size: 14px;
	font-weight: bold;
	margin: 0 15px .5em 25px;
	padding: .5em 0 0;
	color: #4595aa;
	clear: both;
	border-bottom: 1px solid #7cdc03;
	text-decoration: none;
	}
h3 a:link, h3 a:visited {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #4595aa;
	clear: both;
	border-bottom: 1px solid #7cdc03;
	text-decoration: none;
	}

p {
	font-size: 12px;
	margin: 0 15px 0 25px;
	padding-bottom: 1.2em;
	color: #555;
	line-height: 1.5em;
	text-align: justify;
	}

	.impt {
		color: #4f8ca7;
		}
		
	.link {
	text-align: right;
	}
	
	.link a:link{
	font-weight: bold;
	text-decoration: underline;
	color: #3a72b8;
	background: url(gifs/01.gif) no-repeat left .5em;
	padding-left: 10px;
	}
	
	.link a:hover, .link a:active{
	text-decoration: none;
	}

/*--------------------------------------------------------------------------*/
.imag{
border: 1px solid #7aaac9;
float: left;
margin: 5px 15px 5px 0;
}
.tpl .imag{

margin: 5px 15px 5px 10px;

}
.imag2{
border: 1px solid #7aaac9;
float: right;
margin: 5px 0 5px 15px;
}

.imag0{
border: 1px solid #7aaac9;
}
/*--------------------------------------------------------------------------*/




/*Liens
-------------------------------------------------------------------------*/
a, a:link, a:visited, a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #4f8ca7;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	color: #4f8ca7;
	}

a:focus {
	outline: 0;
	}



#footer a, #footer a:link, #footer a:visited, #footer a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #777;
	font-weight: normal;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	color: #aaa;
	}
/*--------------------------------------------------------------------------*/




/* Class 
--------------------------------------------------------------------------*/
.scrollbarre {
	overflow:auto;
}
/*--------------------------------------------------------------------------*/




/*=Newsletter 
--------------------------------------------------------------------------*/
.email_news {
	font-family: Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding:1px 2px;
}

.bouton_news {
background: url(gifs/para-pharmahieu_04.jpg) no-repeat;
height: 17px;
width: 35px;
cursor: pointer;
border: 0;
}
/*--------------------------------------------------------------------------*/




/*=LIGHTBOX
--------------------------------------------------------------------------*/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
/*--------------------------------------------------------------------------*/


/*BDD AUTO
-------------------------------------------------------------------------*/
.numpage {
}
.numpage_selec {
	color:#ff0000;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/*-------------------------------------------------------------------------*/




/*NAV
-------------------------------------------------------------------------*/
ul.MenuHorizontal {
   width: 251px;
   list-style: none;
   margin: 0;
   padding: 0;
   overflow: hidden;
}

ul.MenuHorizontal li {
   width: 251px;
}

ul.MenuHorizontal li a {
   display: block;
   color: #555;         /*Ici, changer la couleur de la police*/
   font-family: Verdana, Arial, Helvetica, sans-serif;         /*Ici, changer la police du menu*/
   font-size: 12px;         /*Ici, changer la taille de la police du menu*/
   padding:0 0 0 23px;         /*Ici, on joue sur le padding pour centrer le texte verticalement*/
   text-align: left;
   text-decoration: none;
}

li#menu0 a {
   background-image: url('gifs/para-pharmahieu_13.jpg');         /*Ici l'image de fond de la cellule*/
   height:30px;
   line-height:28px;
}

li#menu0 a:first-letter, li#menu1 a:first-letter, li#menu2 a:first-letter, li#menu3 a:first-letter, li#menu4 a:first-letter, li#menu5 a:first-letter, li#menu6 a:first-letter, li#menu7 a:first-letter, li#menu8 a:first-letter, li#menu9 a:first-letter, li#menu10 a:first-letter {
	color:#398EAC;
	text-decoration:none;
}

li#menu1 a {
   background-image: url('gifs/para-pharmahieu_15.jpg');         /*Ici l'image de fond de la cellule*/
   height:29px;
   line-height:27px;
}

li#menu2 a {
   background-image: url('gifs/para-pharmahieu_16.jpg');         /*Ici l'image de fond de la cellule*/
   height:30px;
   line-height:28px;
}

li#menu3 a {
   background-image: url('gifs/para-pharmahieu_20.jpg');         /*Ici l'image de fond de la cellule*/
   height:28px;
   line-height:26px;
}

li#menu4 a {
   background-image: url('gifs/para-pharmahieu_24.jpg');         /*Ici l'image de fond de la cellule*/
   height:29px;
   line-height:27px;
}

li#menu5 a {
   background-image: url('gifs/para-pharmahieu_25.jpg');         /*Ici l'image de fond de la cellule*/
   height:32px;
   line-height:30px;
}

li#menu6 a {
   background-image: url('gifs/para-pharmahieu_26.jpg');         /*Ici l'image de fond de la cellule*/
   height:28px;
   line-height:26px;
}

li#menu7 a {
   background-image: url('gifs/para-pharmahieu_27.jpg');         /*Ici l'image de fond de la cellule*/
   height:31px;
   line-height:29px;
}

li#menu8 a {
   background-image: url('gifs/para-pharmahieu_28.jpg');         /*Ici l'image de fond de la cellule*/
   height:30px;
   line-height:28px;
}

li#menu9 a {
   background-image: url('gifs/para-pharmahieu_29.jpg');         /*Ici l'image de fond de la cellule*/
   height:32px;
   line-height:30px;
}

li#menu10 a {
   background-image: url('gifs/para-pharmahieu_33.jpg');         /*Ici l'image de fond de la cellule*/
   height:33px;
   line-height:31px;
}

li#menu0 a:hover, a#selected-over0 {
   background-image: url('gifs/over_13.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu1 a:hover, a#selected-over1 {
   background-image: url('gifs/over_15.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu2 a:hover, a#selected-over2 {
   background-image: url('gifs/over_16.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu3 a:hover, a#selected-over3 {
   background-image: url('gifs/over_20.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu4 a:hover, a#selected-over4 {
   background-image: url('gifs/over_24.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu5 a:hover, a#selected-over5 {
   background-image: url('gifs/over_25.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu6 a:hover, a#selected-over6 {
   background-image: url('gifs/over_26.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu7 a:hover, a#selected-over7 {
   background-image: url('gifs/over_27.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu8 a:hover, a#selected-over8 {
   background-image: url('gifs/over_28.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu9 a:hover, a#selected-over9 {
   background-image: url('gifs/over_29.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
}

li#menu10 a:hover, a#selected-over10 {
   background-image: url('gifs/over_33.jpg') !important;         /*Ici l'image de fond over de la cellule*/
   color:#555;
   text-decoration:none;
} 
/*--------------------------------------------------------------------------*/




/*MODELE
-------------------------------------------------------------------------*/
#options {
position: relative;
padding: 3px 170px 3px 0;}

#options table {
position: absolute;
top: 0;
right: 0;
}

#adresse{
	background:url(gifs/para-pharmahieu_10.jpg);
	width:264px;
	height:124px;
	margin:0;
}

#adresse p{
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

#adresse span{
	margin:0;
	color:#6DA403;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
}

.un{
	font-size:13px;
	color:#3281A2;
	font-weight:bold;
	padding:30px 0 0 37px;
}

.deux{
	font-size:11px;
	color:#545454;
	padding:0 0 0 37px;
	line-height:18px;
}

.trois{
	font-size:11px;
	color:#3281A2;
	font-weight:bold;
	padding:0 0 0 37px;
}

.quatre{
	font-size:11px;
	color:#545454;
	padding:0 0 0 37px;
}
/*--------------------------------------------------------------------------*/





/*INDEX
-------------------------------------------------------------------------*/
.bloc {
position: relative;}

.bloc a:link{
background: url(gifs/01.gif) no-repeat left .5em;
padding-left: 10px;
}

#b01 {
background: url(gifs/para-pharmahieu_21.jpg) no-repeat;
height: 155px;}
#b01 a{
position: absolute;
bottom: 31px;
right: 27px;
}

#b02 {
background: url(gifs/para-pharmahieu_22.jpg) no-repeat;
height: 155px;}
#b02 a{
	position: absolute;
	bottom: 31px;
	right: 25px;
	width: 165px;
}

#b03 {
background: url(gifs/para-pharmahieu_23.jpg) no-repeat;
height: 155px;}
#b03 p{
padding-top: 3px;
margin: 0 35px 0 30px;
}
#b03new {
background: url(gifs/para-pharmahieu_23.jpg) no-repeat;
height: 155px;}
#b03new p{
padding-top: 3px;
margin: 0 35px 0 30px;
}

#texte_nouveaute{
width:190px;
margin-left:25px;
padding-top:3px;
height:108px;
}
#texte_garde{
width:190px;
margin-left:25px;
padding-top:3px;
height:108px;
}

#b04 {
background: url(gifs/para-pharmahieu_34.jpg) no-repeat;
height: 138px;}
#b04 a{
	position: absolute;
	bottom: 18px;
	right: 26px;
	width: 111px;
}

#b05 {
background: url(gifs/para-pharmahieu_35.jpg) no-repeat;
height: 138px;}
#b05 a{
	position: absolute;
	bottom: 18px;
	right: 26px;
	width: 111px;
}

#b06 {
background: url(gifs/para-pharmahieu_36.jpg) no-repeat;
height: 138px;}
#b06 a{
	position: absolute;
	bottom: 18px;
	right: 32px;
	width: 124px;
}
/*--------------------------------------------------------------------------*/





/*PAGES
-------------------------------------------------------------------------*/
.tpl {
	width: 80%;
	margin: 20px auto 0 ;
	border: 1px solid #aaa;}
.tpl p {
	margin:5px;
	padding:0;
	margin-left:110px;
}
.part {
width: 80%;
margin: 0 auto;}

.part p{
clear: both;}

.part img.imag2{
border: 0;
}


.riri td{
text-align: center;
width: 33%;
}
.riri p{
text-align: center;
margin:0;
}
div.riri div{
	float:left;
	text-align:center;
	margin:10px 5px 10px 20px;
}
.riri div{
background: url(gifs/bloc.jpg) no-repeat;
width: 215px;
margin: 0 auto;
height: 172px;
position: relative;
}
.riri div h4, .riri div h4 a:link, .riri div h4 a:visited {
color: #1e6988;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 10px 0 20px;
text-decoration: none;
}
div.riri .link {
	position: absolute;
	bottom: 0px;
	right: 10px;
}

.riri .link {
position: absolute;
bottom: 0px;
right: 0;}



.fifi td{
text-align: center;
width: 33%;
}
.fifi td div{
background: url(gifs/bloc.jpg) no-repeat;
width: 215px;
margin: 0 auto;
height: 172px;
position: relative;
}
.fifi td div h4 {
color: #1e6988;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 10px 0 15px;
}
.fifi td div h4 a:link, .fifi td div h4 a:visited {
color: #1e6988;
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
font-family: Arial, Helvetica, sans-serif;
}
.fifi td div a {
/*	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: -1px;
	top: 0px;*/
}
.fifi td div p {
line-height: normal;
margin: 0 15px 0 10px;
text-align: left;
}
.fifi td div p img.imag{
margin-right: 5px;
border: 0;
}


.fifi .link {
position: absolute;
bottom: 0px;
right: 0;}


.loulou td{
text-align: center;
width: 50%;
}
.loulou td div{
background: url(gifs/bloc.jpg) no-repeat;
width: 215px;
margin: 0 auto;
height: 172px;
position: relative;
}
.loulou td div h4 {
color: #1e6988;
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 10px 0 15px;
}
.loulou td div a {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: -1px;
	top: 0px;
}
.loulou td div p {
line-height: normal;
margin: 0 15px 0 10px;
text-align: left;
}
.loulou td div p img.imag{
margin-right: 5px;
border: 0;
}


.encart {
background: url(gifs/encart_02.jpg) repeat-y;
width: 215px;
margin: 0 15px;}
.encart h3 {
background: url(gifs/encart_01.jpg);
height: 23px;
width: 215px;
text-align: center;
padding: 12px 0 0 0;
margin: 0;
border: 0;
}


#cat_bdd select{
border: 1px solid #ddd;}

.tplDetail {
width: 80%;
margin: 15px auto;
border: 1px solid #ddd;
padding: 10px 15px;}

.tplDetail p, .tplDetail h3{
margin: 0;}
.tplDetail h3{
margin-bottom: 15px;}


h3.titreProduits {
padding-bottom: 5px;}

h3.titreProduits, h3.titreProduits a:link, h3.titreProduits a:visited{
font-variant: small-caps !important;
text-transform: capitalize !important;}

h3.titreProduits a:link, h3.titreProduits a:visited{
text-decoration: underline;
border: 0;}
h3.titreProduits a:hover{
text-decoration: none;}
/*--------------------------------------------------------------------------*/



/*CONTACT
-------------------------------------------------------------------------*/

#contact_body {
width:  70%;
margin: 0 auto;
}

#contact_body p {
text-align: justify;
margin: 0;}

fieldset{
border: 1px solid #888;
padding: 5px 0;
margin-top: 10px;}

fieldset legend{
	line-height: 16px;
	text-align: left;
	color: #306851;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 0 15px;
}

fieldset input{
border: 1px solid #aaa;}

fieldset label{}

fieldset textarea{
border: 1px solid #aaa;
vertical-align: text-top;}


	fieldset input:focus {
		border: 1px solid #306851;
		background: #fff;
	}
	
	fieldset textarea:focus {
		border: 1px solid #306851;
		background: #fff;
		}
		
#contact_body fieldset p{
margin-right: 100px;
text-align: right;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
color: #fff;
font-weight: bold;
margin: 1em 0 .5em;
padding: .5em 1em;
background: #306851;
border: 0;}
/*--------------------------------------------------------------------------*/




/*footer
--------------------------------------------------------------------------*/
#hdp {
text-align: right;}

#footer {
padding: 5px;
text-align: center;
color: #555;}
/*--------------------------------------------------------------------------*/
.encarthoraires {
	width:184px; margin:0 auto;
	padding: 0 10px;
	background-image:url(gifs/encartcote_43.jpg);
}
.encarthoraires span {
	display:block;
	padding: 5px 0 5px 0;
}
.encarthoraires strong {
	color:#3A9AA6 !important;
}
.encarthoraires .titre {
	color:#A2B51B!important;
	font-weight:bold;
	font-size:14px;
}
.encarthoraires .titre: first-letter {
	color:#3A9AA6 !important;
	font-weight:bold;
	font-size:18px;
}