/* *** Generated by www.csscreator.com *** */
/* couleurs 
-- MENU --
texte gris foncé : #646770
texte gris : #8E949B
texte bleu foncé : #2F4873
texte vert : #78C1BE

bord produit : #cbcdd9
*/
.bleu_fonce{ color : #2F4873; }
.bleu_turquoise{ color : #A4D6D1; }
.fond_bleu_fonce{ background-color : #2F4873; }
.fond_bleu_turquoise{ background-color : #A4D6D1; }
/*
-- CATEGORIE --
*/
.bleu_1{ color : #2F4873; }
.bleu_2{ color : #045F95; }
.bleu_3{ color : #357EB5; }
.bleu_4{ color : #5E89B7; }
.fond_bleu_1{ background-color : #2F4873; }
.fond_bleu_2{ background-color : #045F95; }
.fond_bleu_3{ background-color : #357EB5; }
.fond_bleu_4{ background-color : #5E89B7; }


html, body{ 
	margin:0; 
	padding:0; 
	text-align:center; 
	font-family: "Trebuchet MS",Verdana,Arial, Helvetica,  sans-serif;
	font-size:12px; 
	color:#000;
} 
 
#conteneur{ 
 width:1000px;
 text-align:left;
 margin-left:auto; 
 margin-right:auto; 
 border:0px solid #000;
}

/* ##################### HEADER ################################ */
#header
{
	position:relative;
	height:115px;
	margin-bottom:0px;
}
#header #logo{position:absolute;top:30px;left:55px}
#header #logo_fleur{position:absolute;top:00px;left:0px}

#header #connexion_membre
{
	position:absolute;
	z-index:10;
	top:100px;
	left:25px;
	color:#68676B;/* gris texte */
	background-color:#fff;
}
#header #connexion_membre a{color:#68676B;/* gris texte */}
/* ##################### CENTRE ################################ */
#centre
{
	position:relative;	
	width:100%;
	margin:0;
	min-height:456px;
	height:inherit !important;
	height:456px;
	letter-spacing:0.05em;
	/*height:360px;*/
	/*border:1px solid #000;*/
}
#centre.fond
{
	background-image:url(images/fond_centre.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.marge_centre{padding:0 25px;}
#centre.accueil
{
	/*	
	position:relative;
	background-image:url(images/fond_accueil.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	*/
}

#centre.entreprise
{
	margin:50px 0 10px 93px;
	padding:0 !important;
	width:907px;
	/*border:1px solid #000;*/
	min-height:485px;
	height:inherit !important;
	height:485px;
}
div.entreprise
{
	padding:50px 0 10px 93px;
	width:807px;
	/*border:1px solid #000;*/
	min-height:485px;
	height:inherit !important;
	height:485px;
}

#centre.contact
{
	margin-top:15px;
	min-height:533px;
	background-image:url(images/fond_ronds.gif);
	background-position:180px 0px;
	background-repeat:no-repeat;
}
div.contact/* Pour IE */
{
	margin-top:15px;
	padding-bottom:inherit !important;
	padding-bottom:50px;
	background-image:url(images/fond_ronds.gif);
	background-position:180px 0px;
	background-repeat:no-repeat;
	/*border:1px solid #000;*/
}
/* ##################### MENU ################################ */
ul,li,dl,dt,dd {margin:0;padding:0}
#menu
{
	clear:both;
	margin:0px 0 0 25px;
	padding:0px;
	position:relative;
	width: 957px;
	height:20px;
	line-height:20px;
	text-align: center;
	background-color:#D2DDE3;/*bleu clair*/
	background-image:url(images/degrade_droit_menu.jpg);
	background-position:top right;
	background-repeat:no-repeat;
	z-index:3;
}
dl#menu {list-style-type: none;}
#menu dt {float: left;}
#menu dt.separation
{
	padding-right:3px;
	background-image:url(images/separation_menu.jpg);
	background-position:top right;
	background-repeat:no-repeat;
}	

#menu dt a
{
	/*color:#fff;*/
	color:#646770; /* gris foncé */
	height:20px;
	display: block;
	width:131px;
	padding:0;
	font-size:13px;
	letter-spacing:1px;
	text-decoration:none;
	background-color:#D2DDE3;/*bleu clair*/
}
#menu dt a:hover
{
	/*color:#D2DDE3;bleu clair*/
	text-decoration:none;
	background-color:#fff; /* blanc */
}
#menu dt a.select 
{
	/*color:#D2DDE3; bleu clair*/
	text-decoration:none;
	background-color:#fff; /* blanc */
}

#degrade_menu
{
	margin:0 0 0 25px;
	width: 957px;
	height:9px;
	background-image:url(images/degrade_bas_menu.jpg);
	background-repeat:no-repeat;
}
/*########## LES SOUS MENU ###########*/
#menu dd
{
	width:130px !important;
	width:130px;
	padding:0;margin:0;
}
#menu dd ul{margin:0;padding:0}
#menu dd li
{
	margin:0;padding:0;
	line-height:20px;
	text-align:left;
	list-style-type:none;
	list-style-position:outside;
	
}
#menu dd a{background-color:#fff;color:#646770; /* gris foncé */display: block;height:20px;padding-left:5px;}
#menu dd a:hover{background-color:#D2DDE3; /*bleu clair*/height:20px;}

/* Hack pour l'allemand */
#menu.menu_de dt a{font-size:10px;}
/*
#################################################################
###################### PARTIE CENTRALE ##########################
#################################################################
*/

#colonne_gauche
{
	float:left;
	width:178px !important;
	width:215px;
	margin-top:57px;
	padding:0 0 0px 37px;
	/*border:1px solid #000;*/
}
#colonne_droite
{
	float:right;
	width:226px !important;
	width:226px;
}
#colonne_centre
{
	float:left;
	width:559px !important;
	width:559px;
	padding:20px 0px 0px 0px;
	/*border:1px solid #000;*/
}


.clr{clear:both;border:0px solid #000;}
.spacer{clear:both;visibility:hidden;height:0px}
/* ###########################################################
		Les differents modules 
########################################################### */


/* ###########################################################
		MISE      EN     FORME     DU       TEXTE
########################################################### */

h1{	margin:0;font-size:16px;}
h2{	font-size:14px;}
h3{	margin:0;font-size:12px;}
h4{	margin:0;font-size:10px;}

h6{	margin:0;font-size:9px;line-height:9px;font-weight:lighter;}
p{margin:0;padding:0;}

.pad_20_10{padding:20px 0 10px 0;}
.pad_20_0{padding:20px 0 0 0;}
.pad_0_10{padding:0 0 10px 0;}

a{text-decoration:none;} /* brique */
a:hover{text-decoration:none;} /* gris bleu */

hr
{
	margin:0;
	border:none;
	height:1px;
	margin-top:5px;
	clear:both;
}


.important{	color:#FF0000;}

.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}

/* ###########################################################
		MISE EN FORME DES IMAGES
########################################################### */
img{border:none;}

.img_gauche{float:left;	margin:0 15px 10px 0;}
.img_droite{float:right;margin:0 0 10px 15px;}


/* ###########################################################
		LA  PAGE   D'ACCUEIL
########################################################### */
#presentation_accueil
{
	position:absolute;
	top:135px;left:25px;
}
#actualites_accueil_titre
{
	position:absolute;
	top:20px;left:825px;
	width:150px;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	letter-spacing:-0.5px;
	/*border:1px solid #fff;*/
	text-align:right;
	color:#ADD2CB;/*bleu turquoise*/
	/*color:#314A74;/*bleu foncé*/
}
#actualites_accueil
{
	position:absolute;
	top:44px;left:825px;
	width:155px;
	/*border:1px solid #fff;*/
}
#actualites_accueil li
{
	list-style-type:none;
	list-style-position:inside;
	text-align:right;
	/*padding-right:20px;*/
	margin-bottom:10px;
	/*
	background-image:url(images/puce_actualites_accueil.gif);
	background-position:100% 2px;
	background-repeat:no-repeat;
	*/	
}
#actualites_accueil li a{color:#8E949B;font-size:11px;}
#actualites_accueil li a:hover{}

#drapeau_es{position:absolute;top:248px;left:655px;}
#drapeau_en{position:absolute;top:285px;left:620px;}
#drapeau_fr{position:absolute;top:325px;left:594px;}
#drapeau_de{position:absolute;top:365px;left:588px;}

#membres_accueil_titre
{
	position:absolute;
	top:240px;right:12px;
	width:150px;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	letter-spacing:-1px;
	/*border:1px solid #fff;*/
	text-align:right;
	color:#314A74;/*bleu foncé*/
}
#membres_accueil
{
	position:absolute;
	top:264px;right:20px;
	width:120px;
	/*border:1px solid #fff;*/
	text-align:left;
	color:#fff;
}
#membres_accueil fieldset
{
	border:0px solid #fff;
	width:120px;
}
#membres_accueil label
{
	margin:0px;
	width:50px;
	
}
#membres_accueil input{width:auto;}
#membres_accueil input.ligne{width:120px;border:1px solid #fff}
#membres_accueil #valider{font-size:10px;background-color:#FBC100;float:right}
#membres_accueil a.oubli_pass_accueil{margin-bottom:10px;font-size:11px;color:#fff;text-decoration:underline;clear:both;}
#membres_accueil a.comment_pass{font-size:12px;color:#2F4873;text-decoration:underline;font-weight:normal}

#membres_accueil p{margin-left:20px;}
/* ###########################################################
		LA  PAGE CATEGORIE
########################################################### */
#sous_menu{margin-top:10px;margin-left:25px;}

#sous_menu a
{
	font-style:italic;
	font-weight:600;
	text-decoration:underline;
	font-size:14px;
	color:#646770; /* gris foncé */
	padding-left:10px;
	background-image:url(images/puce_off.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
#sous_menu a.select
{
	font-style:italic;
	font-weight:600;
	text-decoration:none;
	font-size:14px;
	color:#2F4873; /* bleu foncé */
	padding-left:10px;
	background-image:url(images/puce_on.gif);
	background-repeat:no-repeat;
}

.decale_gauche{margin-left:25px;}
.module_produits
{
	float:left;
	margin:50px 30px 10px 0;
	width:280px !important;
	width:292px;
	height:162px !important;
	height:162px;
	padding:0px 0px 0 12px;
	color:#8E949B; /* gris */
	border-left:2px solid #ccceda;/* lavande*/
}
.module_produits h1{/*margin:0 0 30px 0;*/font-weight:bold;color:#2F4873; /* bleu foncé */}
.module_produits div{float:right;margin-top:-17px;}
.module_produits p{margin:10px 0 15px 0;}
.module_produits ul{display:block;float:left}
.module_produits li{list-style-type:disc;list-style-position:inside;color:#2F4873; /* bleu foncé */}
.module_produits li a{text-decoration:none;color:#2F4873; /* bleu foncé */}



#module_categorie_medecin
{
	float:left;
	width:195px !important;
	width:225px;
	padding:15px;
	margin:50px 15px 10px 0;
	background-color:#78C1BE;/* vert */
	color:#fff;
	font-weight:bold;
}
#module_categorie_medecin a{color:#fff;}

.decale_gauche #module_categorie_medecin
{
	float:left;
	width:275px !important;
	width:300px;
	padding:10px;
	margin:50px 30px 10px 0;
	background-color:#78C1BE;/* vert */
	color:#fff;
	font-weight:bold;
}
/* ###########################################################
		LA  PAGE PRODUITS
########################################################### */
#produits_gauche
{
	float:left;
	margin-top:59px;
	width:229px;
	/*background-color:#5E89B7;*/
}
/* sous menu categorie 
.sous_menu{margin-left:25px;}
.sous_menu a
{
	font-style:italic;
	font-weight:bold;
	text-decoration:underline;
	font-size:14px;
	color:#739AC3;
	padding-left:10px;
	background-image:url(images/puce_off.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
.sous_menu a.select
{
	font-style:italic;
	font-weight:bold;
	text-decoration:none;
	font-size:18px;
	letter-spacing:-1px;
	color:#2F4873;
	padding-left:10px;
	background-image:url(images/puce_on.gif);
	background-repeat:no-repeat;
}
*/

#produits_centre
{
	float:left;
	width:690px !important;
	width:710px;
	margin:30px 0 0 10px;
	padding:25px 0px 15px 20px;
	border-left:3px solid #cbcdd9;
}

.produits_img_gauche{float:left;margin:0 15px 10px 0;border:3px solid #fff;}
.produits_img_droite{float:right;margin:0 0px 10px 15px;}

#produits_gauche dl{position:relative;}
#produits_gauche dl.select
{
	position:relative;
	background-image:url(images/ssmenu_droit.jpg);
	background-position:right top;
	background-repeat:repeat-y;
}
#produits_gauche dl.select img.img_h_menu
{
	position:absolute;
	top:-5px;
	left:0 !important;
	left:-25px;
	height:5px;
}
#produits_gauche dl.select img.img_b_menu
{
	position:absolute;
	bottom:-8px;
	left:0 !important;
	left:-2500px;
	height:8px;
}

#produits_gauche dl.select dt a{color:#2F4873/*bleu fonce*/;font-weight:normal;}

#produits_gauche ul{padding-bottom:10px;}
#produits_gauche dt a{color:#8E949B/*gris*/;}

/* LISTE DES PRODUITS A GAUCHE */
.module_menu_produits dt
{
	/*background-color:#2F4873;*/
	margin-left:0px;
	/*font-style:italic;
	font-weight:bold;*/
	text-decoration:none;
	font-size:13px;
	letter-spacing:0px;
	line-height:30px;
	color:#fff;
	padding-left:25px;	
}
.module_menu_produits ul{margin-top:3px;}
.module_menu_produits li
{
	list-style-position:inside;
	list-style-type:none;
	margin-left:40px;
	/*margin-top:2px;*/
	padding-left:10px;
	/*font-weight:bold;*/
	/*border-left:5px solid #2F4873;*/
}
.module_menu_produits li a{color:#8E949B/*gris*/;}
.module_menu_produits li a.select{color:#2F4873/*bleu fonce*/;font-weight:normal;}

/* ########################################### */

/* les informations du produit au centre */
#produits_content{color:#646770; /* gris foncé */padding-left:0px;font-size:13px;}
#produits_content h1{color:#2F4873;font-size:18px;margin-bottom:0px;}
#produits_content h1 img{vertical-align:-5px}
#produits_content h2{color:#2F4873;margin:10px 0 0px 0;padding:0;text-decoration:underline;}
#produits_content li{list-style-position:inside;}

#produits_content p{margin-bottom:10px;}
#produits_content p.intro{color:#2F4873/*bleu fonce*/;margin-bottom:10px;}

#produits_graph{float:left;/*clear:both;padding-left:40px;*/margin-top:15px;}
#module_resultats
{
	width:217px !important;
	width:225px;
	padding:8px 8px 8px 0;
	text-align:right;
	/*float:left;*/
	color:#fff;
	background-color:#d3dee4;
}
#module_resultats h1{line-height:20px;}

#module_produit_medecin
{
	padding:15px;
	line-height:14px;
	margin:20px 0px 0 0px;
	background-color:#FFD400;
	color:#000;
	font-weight:bold;
}

/* ###########################################################
		LES  PAGES TYPES 
########################################################### */
.fond_30ans
{
	background-image:url(images/background_main.jpg);
	background-position:100% 20%;
	background-repeat:no-repeat;
}

#page_centre
{
	position:relative;
	z-index:3;
	min-height:400px;
	margin:5px 0 10px 93px;
	padding-top:40px;
	border-left:2px solid #cecce1; /* bleu lavande */
	color:#68676B; /* Gris texte */
}
#page_centre p
{
	margin:0px 296px 0 20px;
}
#page_centre p span{background-color:#ffffff;padding-right:2px;}

#filet
{
	position:relative;
	height:2px;
	margin:-6px 0 0 20px;
	font-size:1px;
	background-color:#cecce1; /* bleu lavande */
	z-index:-1;
}
#image_entreprise_1
{
	margin-left:178px;
	margin-top:20px;
}
#image_entreprise_2
{
	margin-left:-9178px;
}
#image_entreprise_3
{
	margin-left:35px;
	margin-top:25px;
}
/* ###########################################################
		LES  PAGES ACTUALITES
########################################################### */
#actualite_gauche
{
	float:left;
	margin-top:30px;
	width:229px;
	/*background-color:#5E89B7;*/
}
#sous_menu_actu{margin-bottom:25px;}
#sous_menu_actu{margin-top:10px;margin-left:25px;}
#sous_menu_actu a
{
	font-size:14px;
	text-decoration:none;
	color:#646770; /* gris foncé */
	padding-left:10px;
	background-image:url(images/puce_off.gif);
	background-position:center left;
	background-repeat:no-repeat;
}
#sous_menu_actu a.select
{
	color:#2F4873; /* bleu foncé */
	background-image:url(images/puce_on.gif);
	background-repeat:no-repeat;
}

#actualite_centre
{
	float:left;
	width:690px !important;
	width:710px;
	margin:30px 0 0 45px;
	padding:10px 0px 15px 20px;
	border-left:2px solid #cbcdd9;
	color:#68676B; /* Gris texte */
	font-size:13px;
}
#actualite_centre h1{color:#c2c3c5/* gris*/;font-size:22px;margin-bottom:10px;margin-top:0;font-weight:bold;font-style:italic}
#actualite_centre li{list-style-position:inside;}
#actualite_centre img{float:left;padding-right:10px;background-color:#fff;}
#actualite_centre span{background-color:#fff;}
#actualite_centre p{width:600px;margin-bottom:10px;}
#actualite_centre p a{background-color:#fff;color:#646770; /* gris foncé */}

#filet_actu
{
	height:2px;
	margin:-17px 0 0 0px;
	font-size:1px;
	background-color:#cecce1; /* bleu lavande */
	z-index:-1;
	position:relative;
}

/* ###########################################################
		LA  PAGE   ESPACE MEMBRE
########################################################### */
#membre_centre
{
	position:relative;
	z-index:3;
	min-height:400px;
	margin:80px 0 10px 186px;
	padding:0px;
	border-left:3px solid #cecce1; /* bleu lavande */
	color:#68676B; /* Gris texte */
}
#membre_centre_old
{
	float:left;
	width:690px !important;
	width:740px;
	margin:30px 0 0 45px;
	padding:10px 0px 15px 20px;
	border-left:2px solid #cbcdd9;
	color:#68676B; /* Gris texte */
	font-size:13px;
}
#membre_centre h1{color:#68676B; /* Gris texte */font-size:14px;margin-bottom:20px;margin-top:20px;margin-left:20px;font-weight:normal;}
#membre_centre h1 a{color:#68676B; /* Gris texte */font-size:14px;text-decoration:underline;font-weight:normal;}
#membre_centre p{width:600px;margin-bottom:10px;margin-left:20px;}

#filet_membre
{
	height:2px;
	margin:-14px 0 0px 395px;
	font-size:1px;
	background-color:#cecce1; /* bleu lavande */
	z-index:-1;
	position:relative;
}

#image_membre
{
	margin-left:395px;
	margin-top:30px;
}

#membre_centre #module_login
{
	position:relative;
	width:345px !important;
	width:365px;
	padding:10px 10px;
	margin:20px 15px 10px 20px;
	background-color:#a4d7d0; /* vert */
	color:#fff;
	/*font-weight:bold;*/
	z-index:3;
}
#module_login fieldset
{
	border:0px solid #fff;
}
#module_login fieldset span.oubli_texte{text-decoration:underline}
#module_login label
{
	width:70px;
	float: left;
	text-align:left;
}
#module_login input{width:auto}
#module_login input.ligne{width:245px;margin-bottom:10px;}
#module_login #valider{font-size:10px;background-color:#FBC100;float:right}
#module_login a{color:#fff;}

#liste_fichiers{margin-left:20px;color:#646770;}
#liste_fichiers h1{margin:0 0 0 0px;}
#liste_fichiers h2{margin:0 0 0 10px;}
#liste_fichiers h3{margin:0 0 0 20px;}
#liste_fichiers a{margin:0 0 0 30px;color:#646770; /* gris foncé */}
#liste_fichiers a:hover{text-decoration:underline}
/* ###########################################################
		LA  PAGE   CONTACT
########################################################### */

#contact_gauche
{
	margin:30px 0 0px 25px;
	width:340px;
	float:left;
	color:#646770; /* gris foncé */
}
#contact_gauche #sous_menu{margin-bottom:25px;}
#logo_contact{margin-top:45px;}

#module_formulaire
{
	padding:13px 0;
	background-image:url(images/fond_formulaire_contact.gif);
	background-repeat:repeat-y;
}
#contact_centre
{
	float:left;
	margin-top :10px;
	width:500px;
	color:#2F4873; /* bleu foncé */
}
#contact_centre .reponse{margin:5px}

#contact_centre label
{
	margin-left:40px !important;
	margin-left:20px;
	margin-right:10px;
	float: left;
	width:67px !important;
	width:87px;
	text-align:right;
}

#contact_centre input{width:336px;margin-bottom:5px;margin-left:14px;}
#contact_centre textarea{border:1px solid #75848D;width:336px;margin-bottom:5px;margin-left:14px;}
#contact_centre select{margin-bottom:5px;margin-left:14px;}

#contact_centre input.bouton{margin-left:380px;width:22px;height:22px;background-color:#fff;color:#2F4873;font-weight:bold}


/* ###########################################################
		LA  PAGE   PLAN DU SITE
########################################################### */

#plan
{
	
}
#plan h2{margin:10px 0}
#plan ul,li{margin:0;padding:0}
#plan li{margin-left:20px;list-style-type:square;list-style-position:inside;color:#D87B2E;}

#plan .sous_li{margin-left:20px;}

#plan li a{color:#000;text-decoration:none;}
#plan li a:hover{color:#75848D;text-decoration:none;}

/* ###########################################################
		LES STYLES DE L'EDITEUR WISIWYG 
########################################################### */
.couleur_vert
{
	color:#78C1BE;/* vert */
}