/*signifie que toutes les balises sont remises à zéro */
* {
margin:0;
padding:0;
}
/* Corps de la Page */
body
{
width: auto;
margin: 0 auto; /* Pour centrer notre page */
padding:0;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
background-image: url("http://www.reseau-pharmacie.com/SitePharmacies/media/commun/fond.gif");  /*image de fond---------------- SI CHOIX DEGRADE --------------------*/
background-color:#00a800;/***********************couleur de fond---------------- SI CHOIX UNI ----------------------*/
/*------------------------------------------------------------------------------------------------------------------*/
background-attachment: fixed;/*  Le fond reste fixe */
}
.newsletter{
margin-left:400px; 
margin-top:40px;
font-size:36px;
font-family: Tahoma, Arial;
font-weight: bold;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
/********************** ZONE A **************************************************************************************/
/********************************************************************************************************************/
/* L'en-tête */
#en_tete
{
width: 900px;
height: 125px;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
background-image: url("media/commun/en_tete.gif");
/*------------------------------------------------------------------------------------------------------------------*/
background-repeat: no-repeat;
margin: 0 auto; /* Pour centrer notre page */
padding-bottom: 3px;
}
.logo h1 {
	font-family: Tahoma, Arial;
	font-size: 20px;
	font-weight: bold;
	color: #666666;
}
.logo span {
font-family: Tahoma, Arial;
font-size: 20px;
font-weight: bold;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
margin-left: 20px;
line-height: 20px;
}
/* Publicité */
#pub
{
width: 450px;
height: 80px;
background-color: #EFEFEF;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 5px;
background-image: url("http://www.reseau-pharmacie.com/SitePharmacies/media/commun/pub.jpg");
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
#menu
{
width: 900px;
height: 22px;
position: absolute;
top: 96px;
-moz-margin-top: 5px;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
background-color:#00a800;
/*------------------------------------------------------------------------------------------------------------------*/
filter: alpha(opacity=25);
-moz-opacity: 0.25;
opacity: 0.25;
z-index:1;
}
/* Menu général centrer à droite */
#menu_top
{
text-align: left;
padding-left:120px;
width: 778px;
height: 21px;
position: absolute;
top: 96px;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
z-index:10;
}
/********************** ZONE B **************************************************************************************/
/********************************************************************************************************************/
#outils{
width: 850px;
height: 100%;
background-color: #FFFFFF;
margin: 3px auto; /* Pour centrer notre page */
padding-top: 5px;
padding-right:50px;
padding-bottom: 5px;
font-family: Tahoma, Arial;
font-size:10px;
text-align:right;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
.favoris{
font-family: Tahoma, Arial;
font-size:10px;
text-align:left;
font-weight:bold;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
/* Contenu */
#contenu
{
width: 900px;
height: 100%;
background-color: #FFFFFF;
margin: auto; /* Pour centrer notre page */
padding-top: 10px;
padding-bottom: 10px;
}
	/********************** ZONE B1 **********************************************************************************/
/* Fond contenu */
#fond_contenu
{
width: 620px;
height: 100%;
margin-left: 10px;
}
#titreB1
{
font-family: Tahoma, Arial;
font-size: 16px;
font-weight: bold;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
/* Bloc de texte */
#bloc_texte
{
width: 610px;
height: auto;
background-color: #EFEFEF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
padding-left: 10px;
font-family: Tahoma, Arial;
font-size: 11px;
}
/********************** ZONE B2 **********************************************************************************/
/*Modules services*/
#service
{
width: 220px;
left:800px;
top:10px;
margin-top:10px;
margin-left: 25px;
}
/*Titre*/
#titreB2
{
font-family: Tahoma, Arial;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
background-color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
/* Bloc service */
#bloc_service
{
width: auto;
height: auto;
background-color: #EFEFEF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
padding-left: 10px;
font-family: Tahoma, Arial;
font-size: 11px;
}
#LayTextSpec {
width: 300px;
height: 400px;
margin: 0 auto; /* Pour centrer notre page */
background-color: #FFFFFF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
font-family: Tahoma, Arial;
font-size: 11px;
position: absolute;
visibility: hidden;
z-index: 100;
top:180px;
margin-left:305px;
}
#Texte{
padding-left:5px;
padding-right:5px;
}
#fermer {
background-color:#FFFFFF;
font-size: 16px;
font-weight: bold;
color: #CC0000;
text-decoration: none;
height: 20px;
width: 20px;
top:5px;
text-align:center;
float:right;
}
#fermer a  {
font-size: 16px;
font-weight: bold;
color: #CC0000;
}
#fermerfenetre {
padding-right: 15px;
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
background-color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
text-align:right;
float:left;
width:260px;
height:20px;
}
/********************** ZONE B3 **********************************************************************************/
/* Base de données */
#baseActu
{
width: 610px;
height: auto; 
margin-left: 10px;
top: 10px;
background-color: #EFEFEF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
padding-left: 10px;
font-family: Tahoma, Arial;
font-size: 11px;
margin-top: 10px;
}
.agrandir{
width:15px;
height:15px;
font-size: 12px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
border:thin solid;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border-color: #00a800;
color:#00a800;
/*------------------------------------------------------------------------------------------------------------------*/
text-align:center;
}
.agrandir a.hover {
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color:#00a800;
/*------------------------------------------------------------------------------------------------------------------*/
font-size: 12px;
font-weight: bold;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-decoration: none;
}
/* Bloc service */
#bloc_actu
{
width: auto;
height: 50px;
background-color: #EFEFEF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
padding-left: 10px;
font-family: Tahoma, Arial;
font-size: 11px;
}
/********************** ZONE C **************************************************************************************/
/********************************************************************************************************************/
#pied_de_page
{
width: 900px;
height: 36px;
margin: 3px auto; /* Pour centrer notre page */
background-color:#FFFFFF;
}
#pied_fond
{
width: 900px;
height: 30px;
margin-top: 3px;
-moz-margin-top: 3px;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
background-color:#00a800;
/*------------------------------------------------------------------------------------------------------------------*/
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
text-align:center;
}
/***********************************************************************************************************************/
/************** ZONE LIENS *********************************************************************************************/
#lien_amis
{
top: 10px;
bottom: 10px;
width: 880px;
height: auto;
background-color: #EFEFEF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
padding: 10px;
text-align:center;
font-family: Tahoma, Arial;
font-size: 11px;
margin-top: 10;
margin-right: auto;
margin-bottom: 10;
margin-left: auto;
}
#logo_labo{
margin-top: 10px;
width: 890px;
margin: 0 auto;
height: auto;
background-color: #EFEFEF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
padding-left: 10px;
font-family: Tahoma, Arial;
font-size: 11px;
}
/***********************************************************************************************************************/
/********************** MISE ENFORME DU TEXTE ET FORMULAIRE ************************************************************/
/* Bouton menu */
a, ul
{
font-family: Tahoma, Arial;
font-size: 11px;
text-decoration: none;
color: #000000;
}
/* Passage de la souris */
a:hover /* Quand le visiteur pointe sur le lien */
{
font-family: Tahoma, Arial;
font-size: 11px;
text-decoration: underline;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
a.lienbp
{
font-family: Tahoma, Arial;
font-size: 8px;
text-decoration: none;
color: #999999;
}
/* Passage de la souris */
a.lienbp:hover /* Quand le visiteur pointe sur le lien */
{
font-family: Tahoma, Arial;
font-size: 8px;
text-decoration: none;
color: #999999;
}
a.lienbp2:hover 
{
color: #FFFFFF;
}
/* Menu selectionné */
.select {
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
font-variant: small-caps;
font-family: Tahoma, Arial;
font-size: 11px;
font-weight:bold;
}
/* Paragraphe */
.texte
{
font-family: Tahoma, Arial;
font-size: 10px;
color: #000000;
text-align: justify;
padding-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
ol
{
font-family: Tahoma, Arial;
font-size: 11px;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
text-align: justify;
padding-top: 10px;
padding-left: 20px;
padding-right: 10px;
padding-bottom: 10px;
list-style-type: square;
background-color: #EFEFEF;
}
ol.off{
color:#000000;
}
.titre
{
font-family: Tahoma, Arial;
font-size: 14px;
font-weight: bold;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
.titrelarge
{
	font-family: Tahoma, Arial;
	font-size: 18px;
	font-weight: bold;
	/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
	line-height: 50px;/*------------------------------------------------------------------------------------------------------------------*/
}
h1
{
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
text-align: justify;
}
h2
{
font-family: Tahoma, Arial;
font-size: 10px;
font-weight: bold;
color: #000000;
}
.texte_gras
{
font-family: Tahoma, Arial;
font-size: 10px;
font-weight: bold;
color: #000000;
text-align: justify;
padding-top: 10px;
margin-left: 10px;
margin-right: 10px;
}
.texte_12
{
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
.texte_14
{
font-family: Tahoma, Arial;
font-size: 12px;
font-weight: bold;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
/* Copyright */
.copyright
{
font-family: Tahoma, Arial;
font-size: 10px;
color: #000000;
text-align: center;
padding-top: 12px;
}
.vignette
{
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
border: 1px solid #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
input
{
font-family: Tahoma, Arial;
font-size: 10px;
color: #FFFFFF;
/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
background-color: #00a800;
/*------------------------------------------------------------------------------------------------------------------*/
}
.legende {
	font-size: 10px;
	font-style: italic;
	color: #666666;
	text-align:center;
}
.lire {
	background-image:url(http://www.reseau-pharmacie.com/SitePharmacies/media/commun/lire.gif);
	background-repeat:no-repeat;
	height:34px;
	text-align:center;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight:bold;
	/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
	color: #00a800;
	/*------------------------------------------------------------------------------------------------------------------*/
}
.voire {
	background-image:url(http://www.reseau-pharmacie.com/SitePharmacies/media/commun/voire.gif);
	background-repeat:no-repeat;
	height:34px;
	text-align:center;
	font-family: Tahoma, Arial;
	font-size: 12px;
	font-weight:bold;
	/*--------------------------------------------------- GESTION DYNAMIQUE --------------------------------------------*/
	color: #00a800;
	/*------------------------------------------------------------------------------------------------------------------*/
}
p.bloc {
	line-height: 30px;
}