﻿.img_article_gauche {
	float: left;
	margin: 0 10px 10px 0;
}      

/* Menu des sous rubriques pour conso-mag */
#sous_rubriques ul {
	list-style-type: none;
	padding: 0 0 32px 25px;
	margin-top: 5px;
}

#sous_rubriques ul li {
	display: block;
	float: left;
	height: 30px;
	font-size: 0.80em;
	text-align: left;
}

#sous_rubriques ul li a {
	display: block;
	float: left;
	height: 20px;
	background: transparent url(/marquerepere/images/common/consomag/bien_faire.gif) no-repeat top left;
	padding: 10px 0 0 35px;
	color: #777;
}

#sous_rubriques ul li#bien_manger a  { 
	width: 84px; 
	background-position: 0px 0; 
}
#sous_rubriques ul li#bien_trier a { 
	width: 62px !important;
	width: 65px; 
	background-position: -125px 0;
	padding: 10px 0 0 38px; 
}
#sous_rubriques ul li#bien_consommer a{ 
	width: 110px; 
	background-position: -224px 0;
	padding: 10px 0 0 38px; 
}

#sous_rubriques ul li#bien_manger a:hover, #sous_rubriques ul li#bien_manger.active a { 
	background-position: 0 -30px; 
	color: #F60;         
}   
#sous_rubriques ul li#bien_manger.active a { font-weight: bold; }
#sous_rubriques ul li#bien_trier a:hover, #sous_rubriques ul li#bien_trier.active a { 
	background-position: -125px -30px;
	color: #393;    
}                       
#sous_rubriques ul li#mbien_trier.active a { font-weight: bold; }
#sous_rubriques ul li#bien_consommer a:hover, #sous_rubriques ul li#bien_consommer.active a { 
	background-position: -224px -30px;
	color: #84A8F4;          
}
#sous_rubriques ul li#bien_consommer.active a { font-weight: bold; }

/*Style pour les pages articles*/
 
#article table.formulaire tr td {
	padding-right: 5px;    
	vertical-align: top;
	
}

#article table.formulaire tr td.label {
	text-align: right;
	font-weight: bold; 
	padding-right: 5px;
} 

div#content .texte {
	width:245px;
} 

/* Marge de 10 Ã  gauche*/
      
   
#article .titre_couleur_article_orange, #article .titre_couleur_article_vert, #article .titre_couleur_article_bleu {
	width: 100%;	  
	height: 24px; 
	margin-top: 10px;
	padding: 0;
}  

#article.bien_consommer .titre_couleur_article_orange .gauche, #article.bien_consommer .titre_couleur_article_vert .gauche, #article.bien_consommer .titre_couleur_article_bleu .gauche {
	width: 2px;
	height: 24px;        
	display: inline;     
	margin-right: 0 !important;
	margin-right: -3px;
	padding: 0;
	float: left;
} 
#article.bien_consommer .titre_couleur_article_orange .centre, #article.bien_consommer .titre_couleur_article_vert .centre, #article.bien_consommer .titre_couleur_article_bleu .centre {
	display: inline;
	height: 19px !important;
	height: 19px;                                   
	margin: 0;
	padding: 5px 5px 0 5px !important;
	float: left;
	font-size: 0.8em;
}
#article.bien_consommer .titre_couleur_article_orange .droite, #article.bien_consommer .titre_couleur_article_vert .droite, #article.bien_consommer .titre_couleur_article_bleu .droite {
	width: 2px;
	height: 24px;                                                             
	display: inline;                            
	margin: 0;
	padding: 0 !important;  
	margin-left: 0 !important;
	margin-left: -3px;                       
	float: left;
}


/*Style des article de la rubrique "bien consommer" (en bleu) */ 
/* Page d'article => Bien consommer */

#article.bien_consommer .titre_couleur_article_bleu {	
	border-bottom: 1px solid #84a8f4;
	color: #FFF;
}

/*-------------------- Les  titres ----------------------*/

h2.orange {         
	background: #FFF url(/marquerepere/images/common/fleche_titre_orange.gif) no-repeat left center; 
	color: #f44f07; 
	padding-left: 23px;
	font-size: 1.2em;         
	margin: 0; 
	text-transform: uppercase;     
	clear: both;
	font-weight:normal;
	width:420px;
} 

h2.vert {         
	background: #FFF url(/marquerepere/images/common/fleche_titre_vert2.gif) no-repeat left center; 
	color: #339933; 
	padding-left: 23px;
	font-size: 1.2em;         
	margin: 0; 
	text-transform: uppercase;     
	clear: both;
	font-weight:normal;
	width:420px;
} 

h2.bleu{ 
	background: #FFF url(/marquerepere/images/common/fleche_titre_bleu.gif) no-repeat left center; 
	color: #84A8F4;
	padding-left: 23px;
	font-size: 1.2em;         
	margin: 0 0 0 0; 
	text-transform: uppercase;     
	clear: both;
	width:420px;
}

#article.bien_consommer .cadre_intro_manger {
                background-color: #ffdab5;
                border: 1px solid #f19c41;      
                color: #555;
                margin: 8px 0 12px 0;
                padding: 7px 5px 13px 15px;
}
 

#article.bien_consommer .cadre_intro_trier {
                background-color: #d0e3aa;
                border: 1px solid #87c413;      
                color: #555;
                margin: 8px 0 12px 0;
                padding: 7px 5px 13px 15px;
}

div.lien_bas {
	    margin-top: 30px;
}              

div.liens_bas a {
	    padding: 5px 0 0 0;
}   
           
div.lien_bas a.imprimer, div.lien_bas a.envoyer {
	    height: 30px;   
	    padding: 12px 10px 7px 22px;  
	    font-size: 0.70em;          
	    text-decoration: underline;        
}

div.lien_bas a.imprimer {                             
	    background: transparent url(/marquerepere/images/common/icone_imprimer.gif) no-repeat left center;
}

div.lien_bas a.envoyer {                                  
	    background: transparent url(/marquerepere/images/common/icone_envoyer.gif) no-repeat left center;
}            


