/* Document CSS => Description: Feuille de styles du module ECO GESTE // Autheur: ECO GESTE // Version :v.1 */

/* Initialisation Balises */
html, body, div, span, strong, iframe, h1, h2, h3, h4, p, a, em, font, img, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td, center, u, b, i{ margin:0px;padding:0px; border:0px; /*background:none;*/ color:inherit;}
ul, li {margin:0; padding:0; -webkit-padding-start: inherit; }
#centre ul li {}
/* Configuration => Page globale */
body { background:#fff;}
                        
/* A Modifier en clear:left apres suppression maquette ===> */ 
#ecogeste-page { float:left; background:#fff; width:550px; font-family:inherit; font-size:inherit; font:100% Arial, sans-serif; color:#000; text-align:left; margin:0px 10px 0px 10px; }

/* Configuration => Encarts Pictos et Description */
#ecogeste-page .ecogeste-image{
   float: left;
   display: block;
}

#ecogeste-page .ecogeste-image-right{
   float: right;
   display: block;
} 
#ecogeste-page .ecogeste-pictos { float:left; width:75px; margin:20px 10px 20px 10px;}
#ecogeste-page .ecogeste-description { float:left; width:430px; margin:20px 0 20px 0;}

/* Configuration => Textes */
#ecogeste-page h1 {
   font-size: 0.85em;
   font-weight: bold;
   color: #71C303;
   padding: 10px 0 5px 10px;
   margin: 25px 0 10px 0;
}
#ecogeste-page h2 {
   font-size: 1.2em;
   font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 2px;
    color: #005128;
}
#ecogeste-page h3 {
   font-size: 1.2em;
   background-image:url('../images/backgrounds/puce_chapitre_moins.gif'), url('../images/backgrounds/fondtitle.jpg') /*repeat-x scroll -4px 0 transparent,*/;
background-position:5px 7px, -4px 0 ;
background-repeat:no-repeat, repeat-x;
    border: 1px solid #6B8C23;
    color:#fff;
    font-weight: bold;
    height: 18px;
    padding-bottom: 6px;
    padding-top: 4px;
    padding-left: 25px;
    width: 525px;
}
#ecogeste-page h4 { font-size:1.2em; font-weight:bold; color: #0C7400; margin:0 0 5px 0; }


/* Hack Titres h3 formulaire pages jaunes */
#ecogeste-page div.ecogeste-description h3 { color:inherit; background: inherit; font: inherit; padding:inherit; height:inherit;}

/* Titre de Page */
#ecogeste-page p.ecogeste-titre { font-size:1.3em; font-weight:normal; color:#000; padding:5px 0 5px 10px; margin:5px 0 25px 0; background-color:#f2eeef; border-top:1px solid #526777; border-bottom:1px solid #000;}
#ecogeste-page div.ecogeste-texte p { font-size:0.75em; margin:10px 10px 0 10px; line-height:1.4em;}
#ecogeste-page div.ecogeste-texte ul li { background-position: 3px 3px; font-size:0.75em; background:url('../images/backgrounds/bg-puce.gif') no-repeat 3px 2px;padding-left: 20px;}

#ecogeste-page div.ecogeste-texte-accueil ul { background-position: 3px 3px; font-size:0.75em; padding-left:5px; font-size:0.75em; margin:10px 0 0 25px;}

#ecogeste-texte ul{ font-size:0.75em; margin:10px 0 0 25px;}
div.reduisons_position {width:142px; height:122px; float:right;margin:0 5px 5px 10px;display:block;}

/*#ecogeste-page span { font-weight:bold; color:#6d2bcd; }*/
#ecogeste-page span { font-weight:bold; color: #000; }
#ecogeste-texte span { font-weight:normal; font-style: italic; }

#ecogeste-bien-jeter strong { font-weight:bold; color: #005128; }

/* Contenu WYSIWYG englobé dans une balise DIV */
#ecogeste-page .ecogeste-description div { font-size:0.75em; }
#ecogeste-page p.ecogeste-texte { font-size:0.75em;}
#ecogeste-texte-introduction div {float:left; width:390px; color: #005128; margin-left: 6px; font-size:0.75em; line-height:1.4em;}

/* Bloc => Pages jaunes (reset font) */



#ecogeste-page .widgetPJForm .widgetSearchTab label.title { font-size:1.2em;}
#ecogeste-page .widgetPJForm .dropList,  
#ecogeste-page .widgetPJForm select
{ font-size:1.5em; background:#fff; width: 100%; text-align:left; margin-top:0px; padding: 0 0 0 5px; line-height: 1.5em;}
#ecogeste-page .widgetPJForm input{ font-size:1.4em;}
#ecogeste-page .widgetPJForm ul  { font-size:2em;}
#ecogeste-page .widgetPJForm .widgetSearchValid input{ font-size:3em;}
#ecogeste-page .widgetPJForm .widgetTitle {font: inherit; font-size: 2em; margin: 0px 10px 20px 9px; font-weight:bold;}



#ecogeste-page #ecogeste-pages-jaunes { clear:both; font:inherit; margin:20px auto 30px 30px; list-style-image:url('../images/backgrounds/arrow.gif');}
#ecogeste-page #ecogeste-pages-jaunes ul li { background:none; list-style-type: none; list-style-image: none;}
#ecogeste-page #ecogeste-pages-jaunes #dropListQuoiYes1 {background:white;}
#ecogeste-page #ecogeste-pages-jaunes ul { padding-top:0px;}
#ecogeste-page #ecogeste-pages-jaunes ul li  {text-align:left; padding-bottom:0px; padding-left:5px;}

/* Configuration => Listes */
#ecogeste-page ul { background: none; padding-top:10px;}
#ecogeste-page ul li { text-align:justify; background: none; list-style-type: none; /*background:url('../images/backgrounds/puce-verte.gif') no-repeat 3px 2px;*/ padding-bottom:10px; padding-left:10px;}

#ecogeste-bien-jeter ul li { text-align:justify; background: none; list-style-type: none; background:url('../images/backgrounds/puce-verte.gif') no-repeat 3px 2px; padding-bottom:10px; padding-left:15px;}

#ecogeste-jeter-moins ul li, #ecogeste-mieux-consommer ul li{ text-align:justify; background: none; list-style-type: none; background:url('../images/backgrounds/arrow.gif') no-repeat 3px 2px; padding-bottom:10px; padding-left:18px;}

/* Configuration => Liens */
#ecogeste-page a:link, a:visited{ color:#000; font-weight:bold; text-decoration: none; }
#ecogeste-page a:hover{ text-decoration: underline; }

/* Configuration => Liners */
#ecogeste-page p.ecogeste-liner { clear:left; border-top: 1px solid #6B8C23;
    height: 4px;
    margin-top: 11px;
    padding: 5px 0 0;}
#ecogeste-page p.ecogeste-liner-petit {clear:left; border-top: 1px solid #6B8C23;
    height: 4px;
    margin-top: 11px;
    padding: 5px 0 0;}
#ecogeste-page p.ecogeste-clear {clear:both;}

/* Bloc => Introduction */
#ecogeste-introduction { clear:left; margin:5px 0 0 0;}
#ecogeste-texte-introduction {float:left; width:390px; margin:30px 0 15px 0px;}
#ecogeste-visuel-introduction {float:left; width:150px; margin:30px 0;}
#ecogeste-introduction p.classement { clear:left; font-size:0.95em; color:#314c60;  background-color: #EEFFC7;
    border: 1px solid #6B8C23;
    height: 24px;
    padding-left: 2px;
    padding-top: 6px;
    width: 345px;
     font-weight: bold;}
#ecogeste-introduction p.classement img { padding:0 5px 0 0;  vertical-align: bottom;}
#ecogeste-introduction p.classement span { font-weight:normal; color:#314c60; padding:0 0 0 0; margin:0 0 0 0;}

/* Bloc => Mieux consommer */
#ecogeste-mieux-consommer { clear:left;
background-color: #EEFFC7;
    border: 1px solid #6B8C23;
    color: #005128;
    display: block;
    width: 550px; margin-top: 3px;
    border-top: none;}

/* Bloc => Jeter moins */
#ecogeste-jeter-moins { clear:left;
background-color: #EEFFC7;
    border: 1px solid #6B8C23;
    color: #005128;
    display: block;
    width: 550px;
    margin-top: 3px;border-top: none;}

/* Bloc => Bien jeter */
#ecogeste-bien-jeter { clear:left;
background-color: #EEFFC7;
    border: 1px solid #6B8C23;
    color: #005128;
    display: block;
    width: 550px;border-top: none;margin-top: 3px;}

#ecogeste-page .clear {clear:both;}

/* Bloc => Bon à savoir */
#ecogeste-bon-a-savoir { clear:left;
background-color: #EEFFC7;
    border: 1px solid #6B8C23;
    color: #005128;
    display: block;
    width: 550px; 
    margin: 15px 0 15px;
    border-top: none;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-titre { background: url('../images/backgrounds/fondtitle.jpg') repeat-x scroll -4px 0 transparent;
    border: 1px solid #6B8C23;
    color: #FFFFFF;
    font-size: 1.2em;
    font-weight: bold;
    height: 18px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-top: 5px;
    width: 545px;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-plus {font-size:0.75em; padding:10px 10px 10px 55px; background:#EEFFC7 url('../images/backgrounds/bg-plus.jpg') no-repeat center left; }
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-moins {font-size:0.75em; padding:10px 10px 10px 55px; background:#EEFFC7 url('../images/backgrounds/bg-moins.jpg') no-repeat center left; }

/* Bloc => Moteur de recherche */
#ecogeste-recherche { clear:left; height:130px; background-color:transparent; margin:0; }
#ecogeste-recherche-titre { width:511px; height:30px; color:#fff;  background:#fff url('../images/backgrounds/bg-recherche-titre.jpg') no-repeat; padding:15px 0 0 30px; }
#ecogeste-recherche .ecogeste-recherche-sous-titre { }
#ecogeste-recherche .ecogeste-recherche-form { font-size:0.70em; background-color: #EEFFC7;border: 1px solid #006282;float: right;height: 120px;margin: 3px 0px 5px 10px;width: 245px; }
#ecogeste-recherche .ecogeste-recherche-form p a { color:#000; font-weight:bold; text-decoration:none; padding-left:15px; }
#ecogeste-recherche .ecogeste-recherche-form li {padding:0;}
#ecogeste-recherche fieldset ul{margin:0 0 0 25px; }
#ecogeste-recherche legend { font-weight:bold; color:#fff; font-size:1.3em; width:225px; background: url('../images/backgrounds/fondtitle.jpg') repeat-x scroll -4px 0 transparent; border-bottom: 1px solid #6B8C23; height: 18px; margin-bottom: 3px; padding: 5px 10px;}
#ecogeste-recherche label { color:#fff; vertical-align:middle;}
#ecogeste-recherche input {margin-top: 7px;padding-left:103px;}
#ecogeste-recherche input#ecogeste-input-mots-cles {color:#000; font-weight:normal; border: 3px solid #61C41C; height: 23px; width: 170px; background: url('../images/backgrounds/recherche_mini.gif') no-repeat #fff 0px 3px; padding-left:30px; margin-top:-2px;
}
#ecogeste-recherche select {width: 190px; }
#ecogeste-recherche ul { }
#ecogeste-recherche ul li { float:left; display: inline; margin:0; background:none; padding:0; }
#ecogeste-recherche ul li.liste { margin-bottom:10px;}
#ecogeste-recherche .ecogeste-recherche-select li { margin:0 0 0 0;}
#ecogeste-recherche .ecogeste-recherche-select legend { margin:0 0 3px 0;}
#ecogeste-recherche p  { font-size:0.95em;color: #000;font-weight: bold;text-decoration: none; }
#ecogeste-recherche a { background: url('../images/backgrounds/arrow_v3.gif') no-repeat transparent 0px 2px; float:left;margin-left:25px;}
p.ecogeste-recherche-sans-resultat {font-size:0.8em; color:#e35910;}


/* Bloc => Moteur de recherche FICHE */
#ecogeste-recherche-mots-cles .ecogeste-recherche-form, #ecogeste-recherche-guidee .ecogeste-recherche-form{ font-size:0.70em; background-color: #EEFFC7;border: 1px solid #006282;float: right;height: 120px;margin: 3px 0px 5px 10px;width: 245px; }

#ecogeste-recherche-mots-cles fieldset ul{margin:0 0 0 15px; }

#ecogeste-recherche-mots-cles legend,  #ecogeste-recherche-guidee legend{ font-weight:bold; color:#fff; font-size:1.3em; width:225px; background: url('../images/backgrounds/fondtitle.jpg') repeat-x scroll -4px 0 transparent; border-bottom: 1px solid #6B8C23;height: 18px;margin-bottom: 3px;padding: 5px 10px;}
    
#ecogeste-recherche-mots-cles input#ecogeste-input-mots-cles {
color:#000;font-weight:normal;border: 3px solid #61C41C;height: 23px;width: 170px;background: url('../images/backgrounds/recherche_mini.gif') no-repeat #fff 0px 3px;padding-left:30px;margin-top:-2px;}

#ecogeste-recherche-mots-cles input {padding-left:103px;}
#ecogeste-recherche-guidee select {width: 190px; }
#ecogeste-recherche-guidee a { background: url('../images/backgrounds/arrow_v3.gif') no-repeat transparent 0px 3px; float:left;margin-left:10px;padding-left:15px;}


/* Bloc => Dans la même famille */
#ecogeste-meme-famille { clear:left; background-color: #EEFFC7;
    border: 1px solid #005128;
    float: left;
    height: 249px;
    margin-top: 3px;
    margin-bottom: 20px;
    width: 285px;}
#ecogeste-meme-famille img { border:1px solid #d9dadb;}
#ecogeste-meme-famille ul { float:left;}
#ecogeste-meme-famille ul li { float:left; display: inline; height: 75px; width:75px; margin:15px 6px 0 10px; background:none; padding:0;}
#ecogeste-meme-famille .egogeste-titre-meme-famille{ font-size:0.95em; background: url('../images/backgrounds/fondtitle.jpg') repeat-x scroll -4px 0 transparent;
    border-bottom: 1px solid #6B8C23;
    color: white;
    font-weight: bold;
    height: 18px;
    margin-bottom: 3px;
    padding: 5px 10px; }

/* Page => Liste des familles */

#ecogeste-liste-famille-left { float:left; margin-top:20px; }
#ecogeste-liste-famille-right { float:left; margin-top:20px; margin-left:8px; padding-left:30px; border-left:1px solid #000; }
div.ecogeste-liste-famille { width:250px; margin-bottom:10px; padding:0px 0px 5px 5px; }
#ecogeste-liste-famille-left div.ecogeste-liste-famille ul li, #ecogeste-liste-famille-right div.ecogeste-liste-famille ul li { font-style:normal; padding:0; margin:0 0 0 10px; padding:0 0 0 3px; text-align:left;}
#ecogeste-liste-famille-left div.ecogeste-liste-famille a, #ecogeste-liste-famille-right div.ecogeste-liste-famille a { font-size:0.7em; font-weight:bold; color:000; padding:0 0 0 15px; background:#fff url('../images/backgrounds/bg-puce.gif') no-repeat;}
#ecogeste-liste-famille-left h2, #ecogeste-liste-famille-right h2 { border:none; background-color:inherit; font-size:0.75em; font-weight:bold;  color: #3FB000;}
#ecogeste-liste-fiche h1{ font-size:1.0em; font-weight:bold;  color: #3FB000; margin:0 0 5px 0;background:none }

/* Page => Pied de page */
#ecogeste-pied-de-page {clear: both; padding: 4px 0px 0px 4px; margin-left: 257px; margin-right: 212px; margin-top: 25px;}
#ecogeste-pied-de-page-source {font-size: 11px; padding-top: 4px; font-family: Arial;}
#ecogeste-pied-de-page-source .ecogeste-float-right {float:right;}
#ecogeste-page .clear {clear:both;}