body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

select {
	font-size: 10px; 
}

form{border:0px;}

hr{
   height:1px;
   background:#58585a;
   border:0;  
   color: #58585a;
}

.rubrique {
	height:36px;
	font-size: 20px;
	/*font-weight:bold;*/
	text-transform: uppercase;	
	
}



#rubrique_metarom{color: #76ac0f;}
#rubrique_actualite{color: #fb1602;}
#rubrique_acces{color: #d0267a;}
#rubrique_produits{color: #ae5d31;}

.lien_ssrubrique a{	
	font-size: 16px;
	color: #58585a;
	text-decoration:none;	
	
}

.lien_ssrubrique a:hover{
	font-size: 16px;
	font-weight:bold;
}

.cadre_ssrubrique{
	height:26px;
	
}

.groupe_metarom{
	text-align:right;
	padding-right:40px;
	padding-top:125px;
}

.groupe_acces{
	text-align:left;
	padding-left:50px;
	padding-top:115px;	
}

.groupe_actualite{
	text-align:right;
	padding-right:50px;
	padding-top:20px;
}

.groupe_produits{
	text-align:left;
	padding-left:250px;
	padding-top:20px;
}

.titre_actualite{
	color :#4a4a4b;
	font-size: 16px;
}

.actualite {
	font-size:10px;	
	color:#58585a
}

.actualite a{	
	color:#6c5a77;
	text-decoration:none;
}

.actualite a:hover{	
	color:#6c5a77;
	text-decoration:underline;
}

/* ----------------------- MENU ---------------------------------------------------------------------------- */

.menu {
	/*height:25px;*/
	font-size: 18px;
	/*font-weight:bold;*/
	text-transform: uppercase;
	text-align:right;
	padding-right:25px;		
}


#menu_metarom{color: #76ac0f;}
#menu_client{color: #d0267a;}
#menu_actualite{color: #fb1602; cursor:pointer}
#menu_produits{color: #ae5d31;}

.lien_ssmenu a{	
	font-size: 14px;
	color: #58585a;
	text-decoration:none;		
}

.lien_ssmenu a:hover{
	font-size: 14px;
	font-weight:bold;
}

.cadre_ssmenu{
	height:20px;
	text-align:right;
	padding-right:27px;	
}

/* ---------------------- FILET ----------------------------------------------------------------------------- */

.filet {
	width:202px;
	height:1px;
	text-align:right;
	background-repeat:no-repeat;
	padding-bottom:10px;
}

#filet_metarom{ background-image:url(../gfx/filet_metarom.jpg)}
#filet_client{ background-image:url(../gfx/filet_client.jpg)}
#filet_produits{ background-image:url(../gfx/filet_produits.jpg)}
#filet_actualite{ background-image:url(../gfx/filet_actualite.jpg)}

/* --------------------------------------------------------------------------------------------------- */
.langue {
	color:#bd3c10;
	font-size: 12px;
	text-decoration:underline;
}

.lien_langue a{
	font-size: 12px;
	color:#58585a;
	text-decoration:none;
}

.lien_langue a:hover{
	font-size: 12px;
	color:#58585a;
	font-weight:bold;
	text-decoration:none;
}

.cadre_langue{
	width:200px;
	height:15px;
	text-align:center;	
}

/* ----------------------------------------------------------------------- */
.lien_bas a{
	font-size: 11px;
	color:#5b5b5b;
	text-decoration:none;
	/*width:80px;
	float:left;
	padding-left:50px;	*/
	
	
}
.lien_bas a:hover{
	font-weight:bold;
	text-decoration:underline;
}
.cadre_lien_bas{	
	height:15px;
	text-align:center;
}

/* ----------------------------------------------------------------------- */

.bande_entete{
	width:1024px;
	height:157px;
	cursor:pointer;
}
.bande_centrale_actualite{
	width:1024px;
	/*height:415px;*/
	text-align:left;
	background-image:url(../gfx/bande_centrale_actualite.jpg);
	background-repeat: no-repeat;
}
.bande_pied{
	padding-top:25px;
	width:1024px;
	height:17px;
	text-align:center;	
}



/* ----------------------- ACTUALITE ------------------------------------------------- */
.cadre_entete_actualite{
	/*
	background-image:url(../gfx/entete_metarom_actualite_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_actualite{
	width:206px;
	height:415px;

}
.cadre_droite_actualite{
	width:197px;
	padding-top:120px;
}
.cadre_main_actualite{	
	padding-left:45px;
	padding-top:20px;
}

.actualite_date{
	color: #58585a;
	font-size: 12px;	
	font-weight:bold;
}
.actualite_titre{
	color: red;
	font-size: 15px;	
	font-weight:bold;
}
.actualite_texte{
	color: #58585a;
	font-size: 11px;	
	/*font-weight:bold;*/
}
.actualite_toutes{
	color: red;
	font-size: 11px;
	font-style:italic;
	text-transform: uppercase;	
	/*font-weight:bold;*/
}

/* -------------------- SE CONNECTER ------------------------------------------------------------------------ */
.bande_centrale_se_connecter{
	width:1024px;
	text-align:left;
	background-image:url(../gfx/bande_centrale_se_connecter.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_se_connecter{
	background-image:url(../gfx/entete_metarom_se_connecter_fr.jpg);
	background-repeat: no-repeat;
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_se_connecter{
	width:206px;
	height:415px;
}
.cadre_droite_se_connecter{
	width:197px;
	padding-top:120px;
}
.cadre_main_se_connecter{
	padding-left:45px;
	padding-top:20px;
}

.libelle_champ{
	color: #d0267a;
	font-size: 10px;	
	font-weight:bolder;
	font-style:italic;
}

.libelle_champ_blanc{
	color: white;
	font-size: 10px;	
	font-weight:bolder;
	font-style:italic;
}

.se_connecter_important{
	color: #d0267a;
	font-size: 11px;	
	font-weight:bold;
}

.se_connecter_important a{
	color: #58585a;
	font-size: 11px;	
	font-weight:bold;
	text-decoration:underline;
}
.se_connecter_texte{
	color: #58585a;
	font-size: 11px;		
}


/* -------------------- S INSCRIRE ------------------------------------------------------------------------ */
.bande_centrale_sinscrire{
	width:1024px;	
	text-align:left;
	background-image:url(../gfx/bande_centrale_sinscrire.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_sinscrire{
	background-image:url(../gfx/entete_metarom_sinscrire_fr.jpg);
	background-repeat: no-repeat;
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_sinscrire{
	width:206px;
	height:415px;
}
.cadre_droite_sinscrire{
	width:197px;
	padding-top:80px;
}
.cadre_main_sinscrire{
	padding-left:45px;
	/*padding-top:10px;*/
}

.texte_conditions{
	color: #58585a;
	font-size: 10px;	
	font-style:italic;
}
.texte_conditions_rose{
	color: #d0267a;
	font-size: 10px;	
	font-style:italic;
}
.texte_conditions_rose a{
	color: #d0267a;
	text-decoration:underline;
}
.texte_conditions_rose a:hover{
	color: #d0267a;
	text-decoration:underline;
}

/* -------------------- AROMES ------------------------------------------------------------------------ */
.bande_centrale_aromes{
	width:1024px;	
	text-align:left;
	background-image:url(../gfx/bande_centrale_aromes_recherche.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_aromes{
	/*
	background-image:url(../gfx/entete_metarom_aromes_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_aromes{
	width:206px;
	height:415px;
}
.cadre_droite_aromes{
	width:197px;
	padding-top:80px;
}
.cadre_main_aromes{
	padding-left:10px;	
}

.arome_titre{
	color: #ba0000;
	font-size: 16px;
	font-weight:bold;
}
.arome_txt{
	color: #ba0000;
	font-size: 11px;
	line-height:20px;
}


.bande_centrale_resultats_aromes{
	width:1024px;	
	text-align:left;
	background-image:url(../gfx/bande_centrale_aromes_resultats.jpg);
	background-repeat: no-repeat;
}

.recherche_nb_aromes{
	color: #BA0001;
	font-size: 14px;
	font-weight:bold;
}
.recherche_critere_aromes{
	color: #BA0001;
	font-size: 14px;	
}
.entete_arome{
	color: #BA0001;
	font-size: 11px;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:center;
}
.entete_categorie_arome{
	color: white;
	font-size: 12px;
	font-weight:bold;
	background-color:#DB7C7A;
	text-transform: uppercase;
}
.entete_ligne_arome1{
	color: #58585a;
	font-size: 11px;	
	background-color:#F8E9E6;
	text-align:center;	
}
.entete_ligne_arome2{
	color: #58585a;
	font-size: 11px;	
	background-color:#F5E0DB;
	text-align:center;	
}

/* -------------------- COLORANTS ------------------------------------------------------------------------ */
.bande_centrale_colorants{
	width:1024px;	
	text-align:left;
	background-image:url(../gfx/bande_centrale_colorants_recherche.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_colorants{
	/*
	background-image:url(../gfx/entete_metarom_colorants_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_colorants{
	width:206px;
	height:415px;
}
.cadre_droite_colorants{
	width:197px;
	padding-top:80px;
}
.cadre_main_colorants{
	padding-left:10px;	
}

.colorant_titre{
	color: #ff8900;
	font-size: 16px;
	font-weight:bold;
}
.colorant_txt{
	color: #ff8900;
	font-size: 11px;
	line-height:20px;
}


.bande_centrale_resultats_colorants{
	width:1024px;	
	text-align:left;
	background-image:url(../gfx/bande_centrale_colorants_resultats.jpg);
	background-repeat: no-repeat;
}

.recherche_nb_colorants{
	color: #ff8900;
	font-size: 14px;
	font-weight:bold;
}
.recherche_critere_colorants{
	color: #ff8900;
	font-size: 14px;	
}
.entete_colorant{
	color: #ff8900;
	font-size: 11px;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:center;
}
.entete_categorie_colorant{
	color: white;
	font-size: 12px;
	font-weight:bold;
	background-color:#ffc47f;
	text-transform: uppercase;
}
.entete_ligne_colorant1{
	color: #58585a;
	font-size: 11px;	
	background-color:#fdefdc;
	text-align:center;	
}
.entete_ligne_colorant2{
	color: #58585a;
	font-size: 11px;	
	background-color:#fef0e0;
	text-align:center;	
}

.recherche_infos_colorants{
	color: #ff8900;
	font-size: 11px;	
	font-style:italic;	
}


/* -------------------- CARAMELS ------------------------------------------------------------------------ */
.bande_centrale_caramels{
	width:1024px;	
	text-align:left;
	background-image:url(../gfx/bande_centrale_caramels_recherche.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_caramels{
	/*
	background-image:url(../gfx/entete_metarom_caramels_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_caramels{
	width:206px;
	height:415px;
}
.cadre_droite_caramels{
	width:197px;
	padding-top:80px;
}
.cadre_main_caramels{
	padding-left:10px;	
}

.caramel_titre{
	color: #ae5d31;
	font-size: 16px;
	font-weight:bold;
}
.caramel_txt{
	color: #ae5d31;
	font-size: 11px;
	line-height:20px;
}


.bande_centrale_resultats_caramels{
	width:1024px;	
	text-align:left;
	background-image:url(../gfx/bande_centrale_caramels_resultats.jpg);
	background-repeat: no-repeat;
}

.recherche_nb_caramels{
	color: #ae5d31;
	font-size: 14px;
	font-weight:bold;
}
.recherche_critere_caramels{
	color: #ae5d31;
	font-size: 14px;	
}
.entete_caramel{
	color: #ae5d31;
	font-size: 11px;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:center;
}
.entete_categorie_caramel{
	color: white;
	font-size: 12px;
	font-weight:bold;
	background-color:#D3A78E;
	text-transform: uppercase;
}
.entete_ligne_caramel1{
	color: #58585a;
	font-size: 11px;	
	background-color:#F7F0EA;
	text-align:center;	
}
.entete_ligne_caramel2{
	color: #58585a;
	font-size: 11px;	
	background-color:#F6E9E3;
	text-align:center;	
}

.recherche_infos_caramels{
	color: #ae5d31;
	font-size: 11px;	
	font-style:italic;	
}



/* ------------------- RECHERCHE et RESULTAT ---------------------------------------------------------------- */
.recherche{
	color: #58585a;
	font-size: 11px;
}
.recherche_nb{
	color: #58585a;
	font-size: 14px;
	font-weight:bold;
}
.recherche_critere{
	color: #58585a;
	font-size: 14px;
	
}
#color{
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	font-size: 6px;
	margin-right:2px;
}
.recherche_infos{
	color: #58585a;
	font-size: 11px;	
	font-style:italic;	
}

/* ---------------- info bulle ------------------------*/
a:link {color: #58585a; text-decoration:none;}
a:hover {color: #58585a; text-decoration:none;}
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:230px;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}

/* -------------------- CERTIFICATION ------------------------------------------------------------------------ */
.bande_centrale_certification{
	width:1024px;
	text-align:left;
	background-image:url(../gfx/bande_centrale_certification.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_certification{
	/*
	background-image:url(../gfx/entete_metarom_certification_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_certification{
	width:206px;
	height:415px;
}
.cadre_droite_certification{
	width:197px;
	padding-top:120px;
}
.cadre_main_certification{
	padding-left:45px;
	/*padding-top:20px;*/
}
.certification_titre {	
	font-size: 20px;
	color: #76ac0f;
}
.certification_texte {	
	font-size: 14px;
	color: #76ac0f;
}
.certification_texte a{	
	font-size: 14px;
	color: #58585a;
	text-decoration:none;
}

.certification_texte a:hover{	
	font-size: 14px;
	color: #76ac0f;
	text-decoration:underline;
}

/* -------------------- CONTACTER ------------------------------------------------------------------------ */
.bande_centrale_contacter{
	width:1024px;
	text-align:left;
	background-image:url(../gfx/bande_centrale_contacter.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_contacter{
	/*
	background-image:url(../gfx/entete_metarom_contacter_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_contacter{
	width:206px;
	height:415px;
}
.cadre_droite_contacter{
	width:197px;
	padding-top:120px;
}
.cadre_main_contacter{
	padding-left:25px;
	/*padding-top:20px;*/
}
.contacter_gros_titre
{
	font-size: 18px;
	color: #76ac0f;
}
.contacter_metarom
{
	font-size: 12px;
	color: #76ac0f;
	font-weight:bold;
}
.contacter_texte
{
	font-size: 12px;
	color: #58585a;
}
.contacter_texte_important
{
	font-size: 12px;
	color: #58585a;
	font-weight:bold;
}
.contacter_texte_vert
{
	font-size: 12px;
	color: #76ac0f;
}
.contacter_texte_vert a
{
	font-size: 12px;
	color: #76ac0f;
	text-decoration:underline;
}
.contacter_texte_vert a:hover
{
	font-size: 12px;
	color: #76ac0f;
	/*font-weight:bold;*/
	text-decoration:none;
}


/* -------------------- ENTREPRISE ------------------------------------------------------------------------ */
.bande_centrale_entreprise{
	width:1024px;
	text-align:left;
	background-image:url(../gfx/bande_centrale_entreprise.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_entreprise{
	/*
	background-image:url(../gfx/entete_metarom_entreprise_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_entreprise{
	width:206px;
	height:415px;
}
.cadre_droite_entreprise{
	width:197px;
	padding-top:120px;
}
.cadre_main_entreprise{
	padding-left:25px;
	/*padding-top:20px;*/
}

/* -------------------- RESS HUM ------------------------------------------------------------------------ */
.bande_centrale_ress{
	width:1024px;
	text-align:left;
	background-image:url(../gfx/bande_centrale_ress.jpg);
	background-repeat: no-repeat;
}
.bande_centrale_ress2{
	width:1024px;
	text-align:left;
	background-image:url(../gfx/bande_centrale_ress2.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_ress{
	background-image:url(../gfx/entete_metarom_ress_fr.jpg);
	background-repeat: no-repeat;
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_ress{
	width:206px;
	height:415px;
}
.cadre_droite_ress{
	width:197px;
	padding-top:120px;
}
.cadre_main_ress{
	padding-left:25px;
	/*padding-top:20px;*/
	text-align:justify
}
.txt_humaine_rouge
{
	color: #ba0000;
	font-size: 11px;
	font-weight:bold;
}
.txt_humaine_titre
{
	color: #7cad19;
	font-size: 16px;
	font-weight:bold;	
}
.txt_humaine_normal
{
	color: #58585a;
	font-size: 11px;	
}
.txt_humaine_normal_vert
{
	color: #7cad19;
	font-size: 11px;	
}

.cadre_offre
{
 	padding-top:20px;
	background-image:url(gfx/cadre_vert.png);
 	background-repeat:no-repeat;
	background-position:right;
	margin-bottom:30px;
}
.une_offre
{
padding-bottom:20px;
padding-top:20px;
 	
}
/* -------------------- PLAN DU SITE ------------------------------------------------------------------------------ */
.cadre_entete_plan{
	/*
	background-image:url(../gfx/entete_metarom_plan_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
/* -------------------- MENTIONS LEGALES---------------------------------------------------------------------------- */
.cadre_entete_mentions{
	/*
	background-image:url(../gfx/entete_metarom_mentions_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
/* -------------------- COMPTE UTILISATEUR ------------------------------------------------------------------------ */
.bande_centrale_compte_utilisateur{
	width:1024px;
	text-align:left;
	background-image:url(../gfx/bande_centrale_compte_utilisateur.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_compte_utilisateur{
	background-image:url(../gfx/entete_metarom_se_connecter_fr.jpg);
	background-repeat: no-repeat;
	width:1024px;
	height:157px;
	}

.cadre_entete_selection{
	/*
	background-image:url(../gfx/entete_metarom_selection_fr.jpg);
	background-repeat: no-repeat;
	*/
	width:1024px;
	height:157px;
	}
.bande_centrale_selection{
	width:1024px;
	text-align:left;
	background-image:url(../gfx/bande_centrale_selection.jpg);
	background-repeat: no-repeat;
}
.cadre_entete_compte_utilisateur2{
	background-image:url(../gfx/entete_metarom_espace_fr.jpg);
	background-repeat: no-repeat;
	width:1024px;
	height:157px;
	}
	
.cadre_gauche_compte_utilisateur{
	width:206px;
	height:415px;
}
.cadre_droite_compte_utilisateur{
	width:197px;
	padding-top:120px;
}
.cadre_main_compte_utilisateur{
	padding-left:25px;
	/*padding-top:20px;*/
}

.entete_selection{
	color: #FF00CC;
	font-size: 11px;
	font-weight:bold;
	background-color:#FFFFFF;
	text-align:center;
}
.entete_ligne_selection{
	color: #58585a;
	font-size: 11px;	
	background-color:#FFFCFF;
	text-align:center;	
}
.selection_gros_titre{
	color: #d0267a;
	font-size: 14px;
	font-weight:bold;	
}