/* *** Generated by www.csscreator.com *** */

/* couleurs 

-- MENU --

*/

.bleu_fonce{ color : #2F4873; }

.bleu_clair{ color : #D9E3E9; }

.fond_bleu_fonce{ background-color : #2F4873; }

.fond_bleu_clair{ background-color : #D9E3E9; }

/*

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

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

}

.fond

{

	background-image:url(images/fond_centre.jpg);

	background-position:top left;

	background-repeat:no-repeat;

}

#centre.peau

{

	margin-top:30px;

	background-image:url(images/fond_ronds.gif);

	background-position:top right;

	background-repeat:no-repeat;

}

.peau

{

	margin-top:30px;

	background-image:url(images/fond_ronds.gif);

	background-position:top right;

	background-repeat:no-repeat;

}

#centre.contact

{

	margin-top:30px;

	min-height:533px;

	background-image:url(images/fond_ronds.gif);

	background-position:180px 0px;

	background-repeat:no-repeat;

}

div.contact/* Pour IE */

{

	margin-top:30px;

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

}

.marge_centre{padding:0 25px;}

#centre.accueil

{

	/*

	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;

	min-height:405px;

	height:inherit !important;

	height:405px;

}

.entreprise

{

	padding:50px 0 10px 93px;

	width:907px;

	min-height:405px;

	height:inherit !important;

	height:405px;

}

/* ##################### 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:#fff;/*blanc*/

	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:2px;

	background-image:url(images/separation_menu.jpg);

	background-position:top right;

	background-repeat:no-repeat;

}	



#menu dt a

{

	color:#646770; /* gris foncé */

	height:20px;

	display: block;

	width:132px;

	padding:0;

	font-size:13px;

	letter-spacing:1px;

	text-decoration:none;

	background-color:#fff;/*blanc*/

}

#menu dt a:hover

{

	color:#fff;

	text-decoration:none;

	background-color:#2F4873;/*bleu fonce*/

}

#menu dt a.select 

{

	color:#fff;

	text-decoration:none;

	background-color:#2F4873;/*bleu fonce*/

}

#degrade_menu_haut

{

	margin:0 0 -8px 25px !important;

	margin:0 0 -18px 25px;

	width: 957px;

	height:10px;

	background-image:url(images/ombre_menu_haut.jpg);

	background-repeat:no-repeat;

}

#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:132px !important;

	width:132px;

	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{color:#fff;background-color:#2F4873;/*bleu fonce*/display: block;height:20px;padding-left:5px;}

#menu dd a:hover{color:#646770; /* gris foncé */background-color:#fff;height:20px;}

/*

#################################################################

###################### 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:108px;left:350px;

	width:406px;

}

#presentation_accueil h1

{

	color:#EE7900; /* orange foncé */

	font-size:14px;

	font-weight:bold;

	font-style:italic;

	margin:0 0 15px 65px;

}

#presentation_accueil img{float:left;margin:0 -30px 0px 0;}

#presentation_accueil p{font-size:12px;}



a#acces_medecins

{

	display:block;

	position:absolute;

	top:25px;right:25px;

	width:275px;height:145px;

	z-index:3;

	/*border:1px solid #fff;*/

}



#drapeau_fr{position:absolute;top:250px;left:766px;}

#drapeau_en{position:absolute;top:296px;left:739px;}

#drapeau_es{position:absolute;top:341px;left:723px;}

#drapeau_de{position:absolute;top:390px;left:721px;}



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

		LA  PAGE CATEGORIE DE SOINS

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

#sous_menu{margin-top:10px;margin-left:25px;}

#sous_menu a

{

	font-style:italic;

	font-weight:bold;

	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:bold;

	text-decoration:none;

	font-size:14px;

	letter-spacing:-1px;

	color:#2F4873; /* bleu foncé */

	padding-left:10px;

	background-image:url(images/puce_on.gif);

	background-repeat:no-repeat;

}

/*2F4873*/



.decale_gauche{margin-left:25px !important;margin-left:15px;}



.module_soins

{

	float:left;

	width:165px !important;

	width:190px;

	margin-top:40px;

	padding:0 10px 5px 12px;

	border-left:2px solid #cecce1;/* gris */

	color:#68676B;/*texte gris*/

}

.module_soins h1{color:#2F4873;margin:0;padding:0;font-size:14px;font-weight:bold;font-style:italic}

.soins_text

{

	padding:5px 0px;

	margin:0;

	/*

	height:180px !important;

	height:200px;

	overflow:hidden;

	*/

	font-size:12x;

	line-height:1.4em;

}

.soins_produits

{

	padding:10px 0 10px 0px;

	margin:0;

}

.soins_produits a{color:#8E949B;/*texte gris*/}

.soins_produits img{vertical-align:middle;margin:5px 5px 5px 0;}

.soins_produits span{text-decoration:underline;font-weight:bold;}



.separe_categorie{width:25px;float:left}

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

		LA  PAGE PRODUITS

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

#produits_gauche

{

	float:left;

	margin-top:105px;

	width:175px;

	letter-spacing:0em;

	/*background-color:#5E89B7;*/

}

#produits_centre

{

	float:left;

	width:690px !important;

	width:740px;

	margin:30px 0 0 45px;

	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

{

	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:-25;height:5px;}

#produits_gauche dl.select img.img_b_menu{position:absolute;bottom:-8px;left:0 !important;left:-2500;height:8px;}



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



#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:14px;

	letter-spacing:0px;

	line-height:20px;

	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-right:5px;*/

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



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



/* les informations du produit au centre */

#produits_content{color:#646770; /* gris foncé */padding-left:0px;font-size:13px;}

#produits_content h1{color:#c2c3c5/* gris*/;font-size:28px;margin-bottom:10px;font-weight:bold;font-style:italic}

#produits_content h2 img{vertical-align:-10px;margin-right:13px}

#produits_content h2{color:#2F4873;margin:18px 0 28px 0;padding:0;font-size:18px;font-weight:normal;}

#produits_content li{list-style-position:inside;}



#produits_content p{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;

	background-color:#d3dee4;

	/*float:left;*/

	color:#fff;

}

#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;

}







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

		LA  PAGE   PEAUX 

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

.ss_menu_peau

{

	margin:20px 0 25px 0;

}

#peau_gauche

{

	margin-left:20px;

	width:210px;

	float:left;

}



#peau_centre

{

	float:left;

	width:690px;

	color:#68676B; /* Gris texte */

	padding-left:20px;

	border-left:2px solid #cecce1;/* gris */

	margin-bottom:10px;

}

#peau_centre li{list-style-type:disc;list-style-position:inside;}

#peau_centre h1{margin:0px 0 20px 0px;}

#peau_centre img{margin:0px 10px !important;}



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

		LA  PAGE   ENTREPRISE

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



.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:300px;

	height:inherit !important;

	height:300px;

	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

{

	height:2px;

	margin:-6px 0 0 20px;

	font-size:1px;

	background-color:#cecce1; /* bleu lavande */

	z-index:-1;

	position:relative;

}

#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;/* texte gris */

	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   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 

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

.surligne_jaune

{

	color:#000000;

	background-color:#FFFF66;

}