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


#ecogeste-page { float:left; background:#FFF; width:100%; font:"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:left; margin:0px auto 0px auto; }
#ecogeste-page p{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-align:justify; 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:15%; margin-top:20px;}
#ecogeste-page .ecogeste-description { float:left; width:80%; margin:20px 0 30px 0;}

/* Configuration => Textes */
/*#ecogeste-page h3 {line-height:1em; background:url('../images/backgrounds/bg-titre-rubrique.gif') no-repeat top left; height:26px;}*/
#ecogeste-page h1 { font-family: "Titillium Web",sans-serif; font-size:1.7em; font-weight:bold; color:#666; margin-bottom: 15px; }
#ecogeste-page h2 { font-family: "Titillium Web",sans-serif; font-size:1.7em;  font-weight:bold;  color:#049CDB; line-height:1em; width: 98%; border-bottom: 1px solid #049CDB; height:25px; margin-top: 15px}
#ecogeste-page h3 { font-family: "Titillium Web",sans-serif; font-size:1.6em; font-weight:bold;  color:#666; clear:left;  }
#ecogeste-page h4 { font-family: "Titillium Web",sans-serif; font-size:1em; margin:0 0 5px 0; }
#ecogeste-page h5 { font-family: "Titillium Web",sans-serif; font-size:1.2em; color:#666; font-weight:bold; margin:0 0 10px 0; width: 100%;}
#ecogeste-page h6 { font-family: "Titillium Web",sans-serif; font-size:0.75em; color:#000; font-weight:bold; margin:0 0 10px 0; }

/* Titre de Page */
/*#ecogeste-page p.ecogeste-titre  { font-size:1.9em; font-weight:bold; color:#475b66;}*/
#ecogeste-texte {width:99%;}
#ecogeste-texte p {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #666; font-size:1.05em;}
#ecogeste-texte ul {font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; color: #666; font-size:1.05em; padding: 12px 0;}

/*Span*/
#ecogeste-page span { font-size:1em; font-weight:bold; color:#666; }
#ecogeste-texte span { font-weight:normal; font-style: italic; }

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

/*Configuration => Listes*/
#ecogeste-page, #ecogeste-texte ul li{ list-style-type: none; }

/* Configuration => Liens 
#ecogeste-page .ecogeste-description a:link, a:visited { color: #049CDB; font-weight:bold; text-decoration: none; }
#ecogeste-page .ecogeste-description a:hover{color: #fff; font-weight:normal; background: #049CDB; padding:2px;} */


/* Configuration => Liners */
#ecogeste-page p.ecogeste-liner { clear:left; width:80%;}
#ecogeste-page p.ecogeste-liner-petit { clear:left; height:20px; padding-bottom: 20px; background:#fff url('../images/backgrounds/blue-line.png') no-repeat center center;}
#ecogeste-page p.ecogeste-clear { clear:left; width:80%; height:1px;}

/*Page Accueil*/
.label-accueil {height:20%; width:20%; float: left;}
#ecogeste-page p.toggle {font-weight: bold; text-decoration: none; font-size: 0.9em; cursor:pointer; }

/* Bloc => Introduction */
#ecogeste-introduction { clear:left; margin:15px 0 35px 0;}
#ecogeste-texte-introduction {float:left; width:70%;padding-left: 20px;}
#ecogeste-visuel-introduction {float:left; width:20%; margin:0;}
#ecogeste-introduction p.classement { clear:left; width:100%; margin-bottom:20px; font-size:1em; color:#666; }
#ecogeste-introduction p.classement span { font-weight:bold; color:#666; font-size:1em;}

/* Bloc => Mieux consommer */
#ecogeste-mieux-consommer { clear:left;}
#ecogeste-mieux-consommer .ecogeste-description a:link, a:visited { color: #049CDB; font-weight:bold; text-decoration: none; }
#ecogeste-mieux-consommer .ecogeste-description a:hover{color: #fff; font-weight:bold; background: #049CDB; padding:2px;}

/* Bloc => Jeter moins */
#ecogeste-jeter-moins { clear:left; width:98%;}
#ecogeste-jeter-moins .ecogeste-description a:link, a:visited { color: #049CDB; font-weight:bold; text-decoration: none; }
#ecogeste-jeter-moins .ecogeste-description a:hover{color: #fff; font-weight:bold; background: #049CDB; padding:2px;}

/* Bloc => Bien jeter */
#ecogeste-bien-jeter { clear:left;}
#ecogeste-bien-jeter .ecogeste-description a:link, a:visited { color: #049CDB; font-weight:bold; text-decoration: none; }
#ecogeste-bien-jeter .ecogeste-description a:hover{color: #fff; font-weight:bold; background: #049CDB; padding:2px;}

/* Bloc => Bon à savoir */
#ecogeste-bon-a-savoir { clear:left; width:96%; background:#049CDB; padding:10px; margin: 5px 0 20px 2px;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-titre {font-size:1.1em; font-weight:bold; color: #fff; margin: 0 0 7px 5px;}
#ecogeste-bon-a-savoir ul li {margin: 10px 0 -18px 10px;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-plus {font-size:1em; text-align: justify; padding:15px 10px 10px 85px; background:#fff url('../images/backgrounds/Picto-OK.png') no-repeat center left; }
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-moins {font-size:1em; text-align: justify; padding:1px 10px 30px 85px; background:#fff url('../images/backgrounds/Picto-No.png') no-repeat left -5px; }

/* Bloc => Moteur de recherche accueil*/
#ecogeste-recherche-accueil { clear:left; width:100%; min-height:190px; border : 1px solid #DDD; border-radius: 5px; padding-left: 10px; box-sizing: border-box;}
#ecogeste-recherche-accueil p  { font-size:0.7em; }
#ecogeste-recherche-accueil .ecogeste-recherche-sous-titre { font-size:0.75em; color:#666; font-weight:normal; margin:10px 0 0 34px; }
#ecogeste-recherche-accueil #ecogeste-recherche-form1 { float:left; width:50%;}
#ecogeste-recherche-accueil #ecogeste-recherche-form2 { float:left; width:97%;}
#ecogeste-recherche-accueil .ecogeste-recherche-form li {list-style-type: none; list-style-image:none;}
#ecogeste-recherche-accueil legend {color: #666; font-weight:bold; font-size:1.4em;}
#ecogeste-recherche-accueil fieldset { font-size:0.8em;}

#ecogeste-recherche-accueil input { font-size:1.1em; background: #fff url("../images/formulaire/loupe.png") no-repeat 98% center;}
/*#ecogeste-recherche-accueil input #ecogeste-mots-cles { width:170px; height: 15px; }*/

#ecogeste-recherche-accueil select { font-size:1.1em; padding-left: 1px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url("../images/formulaire/icon_select.png") no-repeat 98% center;}
#ecogeste-recherche-accueil select #ecogeste-liste-categorie {vertical-align: middle;}
#ecogeste-recherche-accueil #ecogeste-recherche-form2 select { width:100%; font-size:1.1em; height: 27px; border-radius:5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url("../images/formulaire/icon_select.png") no-repeat 98% center; padding: 3px 0;}
#ecogeste-recherche-accueil ul { float:left;}
#ecogeste-recherche-accueil ul { float:left;}
#ecogeste-recherche-accueil li {display: inline; background:none;}
#ecogeste-recherche-accueil .lien-page1 {text-align: right; font-size:1em;}
#ecogeste-recherche-accueil .lien-page1 a {color:#049CDB; font-weight:bold; text-decoration: none;}
#ecogeste-recherche-accueil .ecogeste-recherche-select li {width: 100%; list-style-type: none; list-style-image:none;}
#ecogeste-recherche-accueil .ecogeste-recherche-select legend {color: #666; font-weight:bold; font-size:1.4em;}
#ecogeste-recherche-accueil .liste-actions-keyword-right ul li {list-style-type: none; list-style-image:none;}

/* Bloc => Moteur de recherche bas de fiche*/
#ecogeste-recherche { clear:left; width:100%; }
#ecogeste-recherche p  { font-size:0.7em; }
#ecogeste-recherche-titre { width:100%px; font-size:1em; font-weight:bold; color: #666; margin:10px;}
#ecogeste-recherche .ecogeste-recherche-sous-titre { font-size:0.75em; color:#000; font-weight:normal; margin:10px 0 0 34px; }
#ecogeste-recherche .ecogeste-recherche-form { float:left; width:45%; height:128px; background-color:#E5007D; margin:2px 0 5px 10px; padding:5px 0px 25px 15px; }
#ecogeste-recherche .ecogeste-recherche-form li {float:left; list-style-type: none; list-style-image:none;}
#ecogeste-recherche legend {color: #FFF; font-weight:bold; font-size:1.4em;}
#ecogeste-recherche fieldset { font-size:0.8em;}
#ecogeste-recherche input { font-size:1.2em; background: #fff url("../images/formulaire/loupe.png") no-repeat 98% center;}
#ecogeste-recherche input #ecogeste-mots-cles { width:168px; height: 15px;}
#ecogeste-recherche select { width:100%; min-width:220px; font-size:1.1em; height: 27px; border-radius:5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff url("../images/formulaire/icon_select.png") no-repeat 98% center; padding: 0 4px;}
#ecogeste-recherche ul { float:left; }
#ecogeste-recherche li { float:left; display: inline; background:none;}
#ecogeste-recherche .lien-page1 {text-align: right ; vertical-align: bottom; padding: 15px 10px 0 0;z-index:1;}
#ecogeste-recherche .lien-page1 a {font-size:0.8em; color: #FFF; font-weight:bold; text-decoration: none;}
#ecogeste-recherche .ecogeste-recherche-select li {width: 80%; list-style-type: none; list-style-image:none;}
#ecogeste-recherche .ecogeste-recherche-select legend {color: #FFF; font-weight:bold; font-size:1.4em;}
#ecogeste-recherche  .liste-actions-keyword-right ul li {list-style-type: none; list-style-image:none;}

/* Bloc => Dans la même famille */
#ecogeste-meme-famille { clear:left; background:#666; height:130px; padding:10px 15px 15px 15px; margin-bottom:20px;}
#ecogeste-meme-famille img { border:1px solid #666;}
#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; width:45%;}
#ecogeste-liste-famille-right { float:left; width:45%; padding-left:38px;}
div.ecogeste-liste-famille { width:100%; padding:0px 0px 20px 0px;}
div.ecogeste-liste-famille li { font-style:normal; padding:4px; margin-left:8px;}
div.ecogeste-liste-famille a { font-size:0.9em; font-style:normal; color: #666; text-decoration:none;}
#ecogeste-liste-famille-left h2, #ecogeste-liste-famille-right h2 { font-size:1.1em; line-height: 20px; margin-bottom: 10px; text-transform:uppercase;}

/* Bloc => Liste sites internets */
#ecogeste-jeter-moins #ecogeste-accordion {width:100%; margin-top: 15px;}
#ecogeste-jeter-moins .ecogeste-liste-actions-form {float:right; margin:-30px 10px 0 0;}
#ecogeste-jeter-moins .ecogeste-liste-actions-form .liste {list-style-type:none; list-style-image:none;}
#ecogeste-jeter-moins #ecogeste-liste-actions  {height:25px; width:150px; font-size:0.9em; color:#666;}
/*#ecogeste-jeter-moins.ecogeste-liste-actions-select ul li {list-style-type:none; list-style-image:none;}*/
#ecogeste-jeter-moins .ecogeste-accordion-titre {width:100%; height:25px; font-size:0.8em; color:#000; background:#eee; padding: 1px; border-top: 1px solid #fff;}
#ecogeste-jeter-moins .ecogeste-adresse-nom-site {font-weight:bold; width:30%;}
#ecogeste-jeter-moins .ecogeste-adresse-site {padding:0; width:45%;}
#ecogeste-jeter-moins .ecogeste-en-savoir-plus {width:13%; padding-right:18px; background:url('../images/backgrounds/puce-plus.png') right no-repeat;}
#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.8em; color:#666; background:#fff; text-align: justify; padding: 10px 2px 0 2px;}

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

#ecogeste-page .liste-produits { display:none; }
#ecogeste-page .liste-actions, #ecogeste-page .liste-actions-keyword, #ecogeste-page .liste-actions-keyword-right { display:none;}