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

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

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

/* Montage Maquette Erdre & Gesvres*/
/* A Supprimer ===> */ #erdregesvres{ width:1114px; margin:0px auto 0px auto; background:url('../images/maquette/bg-erdregesvres.gif') repeat-y;}
/* A Supprimer ===> */ #erdregesvres-top { clear:left; width:1114px; height:403px; background:url('../images/maquette/bg-erdregesvres-top.jpg') no-repeat;}
/* A Supprimer ===> */ #erdregesvres-left { float:left; width:58px;   height:403px; background:url('../images/maquette/bg-erdregesvres-left.jpg')  no-repeat;}
/* A Supprimer ===> */ #erdregesvres-right { float:right; width:304px; height:244px; background:url('../images/maquette/bg-erdregesvres-right.jpg') no-repeat;}
/* A Supprimer ===> */ #erdregesvres-bottom { clear:left; width:1114px; height:131px; background:url('../images/maquette/bg-erdregesvres-bottom.jpg') no-repeat;}

/* A Modifier en clear:left apres suppression maquette ===> */ 
#ecogeste-page {
   float: left; /*background:#fff;*/
   width: 700px;
   font: 110% Helvetica, Verdana, Geneva,  Arial,  sans-serif;
   color: #434343;
   text-align: left;
   margin: -250px auto 0px -20px;
   padding: 0 10px 0 25px;
}


header nav ul li a, header nav ul li a:link, header nav ul li a:visited {
    color: #FFFFFF;
}
/* 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:600px; 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: #434343; font-size: 1.1em;margin-bottom: 15px;}
#ecogeste-page h2 { font-size:1.5em; color:#ff6600; margin-bottom:10px;}
#ecogeste-page h3 { font-size:1.0em; line-height:1em; font-weight:bold; color:# 434343; 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:1.2em; font-weight:bold; margin:0 0 5px 0; color:#434343;}
#ecogeste-page h5 { font-size:0.95em; color:#fff; font-weight:bold; margin:0 0 10px 0; }
#ecogeste-page h6 { font-size:0.75em; 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.95em; color:#434343; margin-top:5px;margin-bottom:0px;}

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

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

/* Bloc => Pages jaunes (reset font) */
#ecogeste-pages-jaunes { clear:left; font:inherit; padding-left: 155px; margin:20px auto 30px auto;}
#ecogeste-pages-jaunes ul li { background:none; font-size: 0.85em;}
#ecogeste-page .widgetPJForm input, .widgetPJForm select, .widgetPJForm textarea, .widgetPJForm button { font-size: 0.95em; }

/* Configuration => Listes */
#ecogeste-page ul { margin:0; padding:0; }
#ecogeste-page li { list-style-type: none; background:url('https://www.ecogeste.fr/module/views/erdregesvres/images/backgrounds/bg-puce-tiret.gif') no-repeat 3px 2px; color: #515151; font-size:1.1em; line-height: 22px; margin:0; padding:0 0 0 15px;}

#ecogeste-texte li{ list-style-type: none; background:url('https://www.ecogeste.fr/module/views/erdregesvres/images/backgrounds/bg-puce.gif') no-repeat 3px 2px; color: #515151; font-size:1.0em; line-height: 22px; margin:0; padding:0 0 0 15px;}


/* Configuration => Liens */
#ecogeste-page  a:link, a:visited{ color: #ff4500; text-decoration: none;}
#ecogeste-page a:hover{ text-decoration: none; }



/* Configuration => Liners */
#ecogeste-page p.ecogeste-liner { clear:left; width:700px; height:20px; background:url('../images/backgrounds/bg-liner.gif') no-repeat;}
#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:520px; margin:0 0 20px 0; padding:0;}
#ecogeste-visuel-introduction {float:left; width:150px; margin:0;}
#ecogeste-introduction p {margin:0; padding:0;}
#ecogeste-introduction p.classement { clear:left; width:500px; margin:2px 0 0 0; padding:4px; font-size:0.75em; color:#000; border: 1px solid #d3ceca; }
#ecogeste-introduction p.classement-famille { clear:left; width:500px; margin:2px 0 0 0; padding:4px; font-size:0.75em; color:#000; border: 1px solid #d3ceca; background-color:#d3ceca; }
#ecogeste-introduction p.classement span { font-weight:bold; color:#ff6600; }

/* Bloc => Mieux consommer */
#ecogeste-mieux-consommer {clear:left;}
#ecogeste-titre-conso {
   background: #fff url('../images/backgrounds/puce-mieuxconsommer.gif') no-repeat;
   border-bottom: solid 1px #c0c0c0;
   font-size: 1.4em;
   line-height: 1em;
   font-weight: bold;
   color: #434343;
   clear: left;
   height: 20px;
   padding: 10px 0 5px 35px;
}

/* Bloc => Jeter moins */
#ecogeste-jeter-moins { clear:left;}
#ecogeste-titre-jetermoins {
   background: #fff url('../images/backgrounds/puce-jetermoins.gif') no-repeat;
   border-bottom: solid 1px #c0c0c0;
   font-size: 1.4em;
   line-height: 1em;
   font-weight: bold;
   color: #434343;
   clear: left;
   height: 20px;
   padding: 10px 0 5px 35px;
}
/* Bloc => Bien jeter */
#ecogeste-bien-jeter { clear:left;}
#ecogeste-titre-bienjeter {
   background: #fff url('../images/backgrounds/puce-bienjeter.gif') no-repeat;
   border-bottom: solid 1px #c0c0c0;
   font-size: 1.4em;
   line-height: 1em;
   font-weight: bold;
   color: #434343;
   clear: left;
   height: 20px;
   padding: 10px 0 5px 35px;
}

/* Bloc => Bon à savoir */
#ecogeste-bon-a-savoir { clear:left; background:#99999b; padding:10px 15px 15px 15px; margin-bottom:20px;}

#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-cadre {background-color:#fff;
   }
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-plus {font-size:.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:.9em; padding:10px 10px 10px 55px; background:#fff url('../images/backgrounds/bg-moins.jpg') no-repeat center left; }

/* Bloc => Moteur de recherche */
#ecogeste-recherche { clear:left; height:200px; background-color:#fff; margin:0 0 5px 0; }
#ecogeste-recherche-titre { /*width:485px;*/ clear:left; height:21px; background: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:#434343; font-weight:normal; margin:10px 0 0 34px; }
#ecogeste-recherche .ecogeste-recherche-form { float:left; width:255px; height:140px; background:#fff url('../images/backgrounds/bg-recherche-bloc.jpg') no-repeat center left; margin:0px 0 0 14px; padding:0px 0 0 30px; }
#ecogeste-recherche fieldset { font-size:0.8em; margin:0 ; }
#ecogeste-recherche legend { margin-top:0px; padding-top:20px; font-weight:bold; }
#ecogeste-recherche input {font-size:1em;}
#ecogeste-recherche #ecogeste-input-mots-cles { width:160px; height: 23px; margin:0; padding:0;}
#ecogeste-recherche select { width:200px; height:25px; 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: 4px;-moz-user-select: none; padding:25px 0 0 0;}
#ecogeste-recherche ul { padding: 0px; float:left; }
#ecogeste-recherche li { float:left; display: inline; margin:10px 3px 0 0; background:none; padding:0; }
#ecogeste-recherche .ecogeste-recherche-select li {margin:0 0 0 0;}
#ecogeste-recherche .ecogeste-recherche-select legend { margin:0 0 10px 0;}
#ecogeste-recherche p  { font-size:0.8em; }

#ecogeste-recherche #ecogeste-liste-categorie, #ecogeste-recherche #ecogeste-liste-produits { margin:5px 0; padding: 0;}

/* Bloc => Dans la même famille */
#ecogeste-meme-famille { clear:left; background:#f1f1f2; 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 4px; background:none; padding:0; }

/* Page => Liste des familles */
#ecogeste-liste-famille-left { float:left; margin-top:20px; }
#ecogeste-liste-famille-right { float:left; margin-top:20px; padding-left:38px; background:#fff url('../images/backgrounds/bg-liner-liste-famille.gif') repeat-y; }
div.ecogeste-liste-famille { background-color:#fff; width:250px; margin-bottom:20px; padding:0px 0px 20px 0px;  border-top: 3px solid #ccc;}
div.ecogeste-liste-famille li { font-style:normal; padding:1px 1px 1px 0; margin-left:8px;}
div.ecogeste-liste-famille a { font-size:0.95em; font-style:normal;}
#ecogeste-liste-famille-left h2, #ecogeste-liste-famille-right h2 { font-size:1.0em; text-transform:uppercase; margin-bottom:10px; padding:6px; background-color:#fff;}

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

/* Page => Pirobleme side bar */
#ecogeste-page #sidebar {position:absolute; top:75px; float:right; margin-left:275px;
width: 220px;}


#ecogeste-page aside div.widget {
    clear: both;
    margin-bottom: 20px;
}

#ecogeste-page div.widget {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 0 0 0 0;
    box-shadow: 0.5px 0.5px 3px 3px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    padding: 20px 20px 10px;
}

#ecogeste-page div.widget h5 {
    border-bottom: 1px dashed #C9C9C9;
    margin-bottom: 15px;
    padding-bottom: 5px;
    color: #FF6600;
    font-size: 16px;
    text-decoration: none;
}

#ecogeste-page div.widget a {
    color: #7D7D7D;
}

#ecogeste-page div.widget li {
    line-height: 20px;
    list-style: none outside none;
    font-family: "Helvetica Neue",helvetica,sans-serif;
    font-size: 14px;
    background:none;
    padding:0;
}