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

/* Initialisation Balises */
html, body, div, span, iframe,  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; }

/* Configuration => Page globale */
/* A Supprimer ===> */ body { background:#e5dcc6;}


/* A Modifier en clear:left apres suppression maquette ===> */ #ecogeste-page { clear:left; background:#fff; width:530px; font:100% Verdana, Arial, sans-serif; color:#000; text-align:left; margin:0px auto 0px auto; }

/* Configuration => Encarts Pictos et Description */
#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:410px; margin:20px 0 20px 0;}

/* Configuration => Textes */
/*#ecogeste-page h1 { font-size:1.4em; font-weight:bold; color:#000; margin-bottom:10px;}*/
/*#ecogeste-page h2 { font-size:1.1em; font-weight:bold; margin:0 0 5px 0; }*/
/*#ecogeste-page h3 { font-size:1.1em; line-height:1em; font-weight:bold; color:#6d2bcd; background:url('../images/backgrounds/bg-titre-rubrique.gif') no-repeat top left; height:26px; padding:0 0 0 20px; }*/
#ecogeste-page h1 { color: white;
   font-family: formataregular, Helvetica;
    font-size: 1.2em;
    text-transform: uppercase;
     }
#ecogeste-page h1 { 
   background-color: #A20A3F;
    border-top-right-radius: 20px;
    clear: both;
    display: inline-block;
    line-height: 25px;
    margin: 0;
    padding: 0 40px 0 5px;
     }
     
#ecogeste-page h2 { 
   color: #FFFFFF;
    font-family: Helvetica;
    font-size: 1.2em;
    }
#ecogeste-page h2 { 
background-color: #A3A3A3;
    border-top-right-radius: 20px;
    display: inline-block;
    line-height: 25px;
    margin: 15px 0 10px;
    padding: 0 20px 0 5px;
    }   
    
#ecogeste-page h3 { font-size:1.1em; line-height:1em; font-weight:bold; color:#A20A3F; clear:left; background:url('../images/backgrounds/bg-titre-rubrique.gif') no-repeat top left; height:26px; padding:0 0 0 20px; }
#ecogeste-page h4 { font-size:0.95em; font-weight:bold; margin:0 0 5px 0; color:#A20A3F;}
#ecogeste-page h5 { Verdana,Arial,Helvetica,sans-serif; font-size:0.9em; color:#fff; font-weight:bold; margin:2px 0 2px 0; }
#ecogeste-page h6 { font-size:0.85em; color:#000; font-weight:bold; margin:0 0 10px 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.9em; font-weight:bold; color:#475b66;}*/
#ecogeste-texte p, #ecogeste-texte ul{ font-size:0.9em; margin-top:10px;}

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

/* Contenu WYSIWYG englobé dans une balise DIV */
#ecogeste-page .ecogeste-description div { font-size:0.9em; }
#ecogeste-page p.ecogeste-texte { font-size:0.9em; }
#ecogeste-texte-introduction div {float:left; width:345px; margin:0 10px 0 0; font-size:0.9em;}

/* Bloc => Pages jaunes (reset font) */
#ecogeste-pages-jaunes { clear:left; font:inherit; padding: 10px; margin:20px auto 0px auto;}
#ecogeste-pages-jaunes ul li { background:none; font-size: 1.1em;}
#ecogeste-page .widgetPJForm .widgetTitle {font: inherit; font-size: 1.4em; margin: 0px 10px 20px 9px; font-weight:bold;}
#ecogeste-page .widgetPJForm input {font: inherit; font-size: 1.5em; }
#ecogeste-page .widgetPJForm .widgetSearchTab label.title { font-size: 1.5em; }
#ecogeste-page .widgetPJForm .dropList{ font-size:1.6em; background:#fff; width: 100%; text-align:left; margin-top:20px; padding: 0 0 0 5px; line-height: 1.2em;}
#ecogeste-page form label { font-size:1.1em;
    display: block;
    float: left;
    width: 72px;
}

/* Configuration => Listes */
#ecogeste-page ul {  }
#ecogeste-page li { 
font-size: 1.0em; background:url('../images/backgrounds/puce_liste.png') no-repeat 3px 0px; padding-left:15px; list-style: none; border: none;}

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

/* Configuration => Liners */
#ecogeste-page p.ecogeste-liner {
   height: 2px;
   border-bottom: #ccc 1px solid;
   width: 95%;
   float:left;
   margin-left:10px;
}
#ecogeste-page p.ecogeste-liner-petit { clear:left; height:9px; background:#fff url('../images/backgrounds/bg-liner-petit.gif') no-repeat center center;}
#ecogeste-page p.ecogeste-clear { clear:left; width:540px; height:1px;}

/* Bloc => Introduction */
#ecogeste-introduction { clear:left; margin:25px 0 35px 0;}
#ecogeste-texte-introduction {float:left; width:350px; margin:0 10px 0 0;}
#ecogeste-visuel-introduction {float:left; width:150px; margin:0;}
#ecogeste-introduction p.classement { clear:left; background-color: #A30A40;
    color: #FFFFFF;
    height: auto;
    margin-top: 10px;
    padding: 7px;
    width: 370px;
    font-size:0.8em; }
#ecogeste-introduction p.classement span { font-weight:bold; color: #FFFFFF; }

/* Bloc => Mieux consommer */
#ecogeste-mieux-consommer { clear: both;}

/* Bloc => Jeter moins */
#ecogeste-jeter-moins {float:left;}

/* Bloc => Bien jeter */
#ecogeste-bien-jeter {float:left;}

/* Bloc => Mieux consommer  -  Cadre hachure */
#ecogeste-mieux-consommer .ecogeste-hachure{
   width: 510px;
   background: #fff url('../images/backgrounds/bg-fond_hachure.jpg') repeat-y;
   margin: -10px 0;
   padding: 10px;
   margin-bottom:20px;
}
#ecogeste-mieux-consommer .ecogeste-cadre {
   width: 510px; 
   height: auto; 
   background-color: #fff;
}

#ecogeste-mieux-consommer .clear {clear:both;}

/* Bloc => Jeter moins  -  Cadre hachure */
#ecogeste-jeter-moins  .ecogeste-hachure{
   width: 510px;
   background: #fff url('../images/backgrounds/bg-fond_hachure.jpg') repeat-y;
   margin: -10px 0;
   padding: 10px;
   margin-bottom:20px;
}
#ecogeste-jeter-moins .ecogeste-cadre{ width:510px; height:auto; background-color:#fff;}

#ecogeste-jeter-moins .clear {clear:both;}

/* Bloc => Bien jeter  -  Cadre hachure */
#ecogeste-bien-jeter  .ecogeste-hachure{
   width: 510px;
   background: #fff url('../images/backgrounds/bg-fond_hachure.jpg') repeat-y;
   margin: -10px 0;
   padding: 10px;
   margin-bottom:20px;
}
#ecogeste-bien-jeter .ecogeste-cadre{
   width: 510px; 
   height: auto; 
   background-color: #fff;
}

#ecogeste-bien-jeter  .clear {clear:both;}

/* Bloc => Bon à savoir */
#ecogeste-bon-a-savoir { clear:left; background:#A30A40;; padding:10px 15px 15px 15px; margin-bottom:20px;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-plus {font-size:0.9em; padding:10px 10px 10px 55px; background:#fff url('../images/backgrounds/bg-plus.jpg') no-repeat center left; }
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-moins {font-size:0.9em; padding:10px 10px 10px 55px; background:#fff url('../images/backgrounds/bg-moins.jpg') no-repeat center left; }

/* Bloc => Liste sites internets */
#ecogeste-jeter-moins .ecogeste-liste-actions-form {float:right; width:230px; margin:-30px 10px 0 0;}
#ecogeste-jeter-moins #ecogeste-liste-actions  {float:right; width:225px;}

#ecogeste-jeter-moins .ecogeste-accordion-titre { font-size:0.9em; color:#000; background:none; padding: 5px; border-top: 1px solid #A3A3A3; width:100%;}
#ecogeste-jeter-moins .ecogeste-adresse-nom-site {font-weight:bold; width:130px; border-top: none;}
#ecogeste-jeter-moins .ecogeste-adresse-site { border-top: none;}
#ecogeste-jeter-moins .table tr td {border-top: none;}
#ecogeste-jeter-moins .ecogeste-en-savoir-plus {float:right;padding-right:18px; background:url('../images/backgrounds/puce-plus.png') right no-repeat; border-top: none;}
#ecogeste-jeter-moins div.acteurtitre {cursor:pointer; font-size:1.2em;}
#ecogeste-jeter-moins div.acteurdiv {margin-bottom: 1px;}
#ecogeste-jeter-moins div.acteurdesc {display:none;}

#ecogeste-accordion  p {font-size:0.95em; color:#3b3b3b; background:#fff; padding: 10px 10px 2px 10px;}

#ecogeste-jeter-moins .ecogeste-accordion-lien {padding:10px; text-align:right;}

/* Bloc => Moteur de recherche */
#ecogeste-recherche { clear:left; height:180px; background:#fff url('../images/backgrounds/bg-fond_hachure.jpg'); margin:0 0 5px 0; }
#ecogeste-recherche-titre { width:475px; height:21px; background:transparent url('../images/backgrounds/bg-recherche-titre.jpg') no-repeat; padding:15px 0 0 55px; }
#ecogeste-recherche .ecogeste-recherche-sous-titre { font-size:0.9em; color:#000; font-weight:normal; margin:10px 0 0 24px; }
#ecogeste-recherche .ecogeste-recherche-form { float:left; width:230px; height:80px; background-color:#fff; margin:15px 0 0 15px; padding:10px 0 0 12px;}
#ecogeste-recherche fieldset { font-size:0.9em; margin:0 0 10px 0; }
#ecogeste-recherche legend { font-weight:bold; }
#ecogeste-recherche input { font-size:1.0em;  padding:0px 4px 4px 0px; }
#ecogeste-recherche input#ecogeste-mots-cles { width:150px; }
#ecogeste-recherche select { width:200px; font-size:1em; -moz-border-radius: 1px;-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);-moz-padding-end: 0px;-moz-padding-start: 2px;-moz-user-select: none; padding:4px; margin-bottom: 5px;}
#ecogeste-recherche ul { float:left; }
#ecogeste-recherche li { float:left; display: inline; margin:10px 3px 0 0; background:none; padding:0; list-style: none; }
#ecogeste-recherche .ecogeste-recherche-select li { margin:2px 0 0 0; list-style: none;}
#ecogeste-recherche .ecogeste-recherche-select legend { margin:0 0 3px 0;}
#ecogeste-recherche p  { font-size:0.9em; }
#ecogeste-recherche .ecogeste-tousproduit {
list-style-type: none; background:url('../images/backgrounds/puce_liste.png') no-repeat 3px 2px; padding-left:15px; 
text-decoration: underline; color:#A30A40; }


/* Bloc => Dans la même famille */
#ecogeste-meme-famille { clear:left; background:#E4DCC7; height:130px; padding:10px 15px 15px 15px; margin-bottom:20px;}
#ecogeste-meme-famille img { border:1px solid #d9dadb;}
#ecogeste-meme-famille ul { float:left; }
#ecogeste-meme-famille li { float:left; display: inline; height: 75px; width:75px; margin:10px 6px 0 2px; background:none; padding:0; }

/* Page => Liste des familles */
#ecogeste-liste-famille-left { float:left; margin-top:20px; margin-right:20px; }
#ecogeste-liste-famille-right { float:left; margin-top:20px;}
div.ecogeste-liste-famille { background-color:#fff; width:250px; margin-bottom:20px; padding:0px 0px 20px 0px;}
div.ecogeste-liste-famille li {
   font-style: normal;
   padding: 1px 1px 1px 0;
   margin-left: 8px;
   list-style: none;
   text-decoration: underline;
}
div.ecogeste-liste-famille a { font-size:0.9em; font-style:normal;}
#ecogeste-liste-famille-left , #ecogeste-liste-famille-right { 
font-size:0.9em; 
    color: black;
    font-size: 11px;
    font-weight: bold;
}

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