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

/* Montage Maquette EVRY */
/* A Supprimer ===> */ #evry { width:1002px; margin:0px auto 0px auto; background:url('../images/maquette/bg-evry.gif') repeat-y;}
/* A Supprimer ===> */ #evry-top { clear:left; width:1002px; height:237px; background:url('../images/maquette/bg-evry-top.jpg') no-repeat;}
/* A Supprimer ===> */ #evry-left { float:left; width:239px; height:1336px; background:url('../images/maquette/bg-evry-left.jpg') no-repeat;}
/* A Supprimer ===> */ #evry-right { float:left; width:223px; height:1336px; background:url('../images/maquette/bg-evry-right.jpg') no-repeat;}
/* A Supprimer ===> */ #evry-bottom { clear:left; width:1002px; height:312px; background:url('../images/maquette/bg-evry-bottom.jpg') no-repeat;}

/* A Modifier en clear:left apres suppression maquette ===> */ #ecogeste-page { float:left; background:#fff; width:540px; 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:435px; 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 { font-size:1.9em; font-weight:bold; color:#475b66; }
#ecogeste-page h2 { font-size:1.4em; font-weight:bold; color:#000; margin-bottom:10px;}
#ecogeste-page h3 { font-size:1.1em; line-height:1em; font-weight:bold; color:#6d2bcd; 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:1em; font-weight:bold; margin:0 0 5px 0; }
#ecogeste-page h5 { font-size:0.85em; color:#fff; font-weight:normal; 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.7em; 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.7em; }
#ecogeste-page p.ecogeste-texte { font-size:0.7em; }
#ecogeste-texte-introduction div {float:left; width:380px; margin:0 10px 0 0; font-size:0.7em;}

/* Bloc => Pages jaunes (reset font) */
#ecogeste-page #ecogeste-pages-jaunes { clear:left; font:inherit; padding-left: 155px; margin:20px auto 30px auto; list-style-image:url('../images/backgrounds/bg-puce.gif');}
#ecogeste-page #ecogeste-pages-jaunes ul li { background:none; list-style-type: none; list-style-image: none; padding:0 0 0 5px;}
#ecogeste-page .widgetPJForm .dropList {background:#fff; height: 100%; z-index:1000; visibility: visible;  overflow: scroll; line-height:1.4em; font-size:3.8em; width:auto;}
#ecogeste-page .widgetPJForm .widgetTitle {font-size:2.3em;}
#ecogeste-page .widgetPJForm label{font-size:3.6em;}
#ecogeste-page .widgetPJForm input{font-size:3.6em;}

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

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

/* Configuration => Liners */
#ecogeste-page p.ecogeste-liner { clear:left; width:540px; height:10px; 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:380px; margin:0 10px 0 0;}
#ecogeste-visuel-introduction {float:left; width:150px; margin:0;}
#ecogeste-introduction p.classement { clear:left; width:370px; margin-top:10px; padding:4px; font-size:0.6em; color:#000; background-color:#ecedf1; }
#ecogeste-introduction p.classement span { font-weight:bold; color:#6d2bcd; }

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

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

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

/* Bloc => Bon à savoir */
#ecogeste-bon-a-savoir { clear:left; background:#28434c; padding:10px 15px 15px 15px; margin-bottom:20px;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-plus {font-size:0.6em; 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.6em; 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:220px; background-color:#ced4d7; margin:0 0 5px 0; }
#ecogeste-recherche-titre { width:485px; height:21px; background:#fff url('../images/backgrounds/bg-recherche-titre.jpg') no-repeat; padding:15px 0 0 55px; }
#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:230px; height:100px; background-color:#fff; margin:15px 0 0 14px; padding:10px 0 0 20px; }
#ecogeste-recherche fieldset { font-size:0.70em; margin:0 0 10px 0; }
#ecogeste-recherche legend { font-weight:bold; }
#ecogeste-recherche input { font-size:1em; }
#ecogeste-recherche input#ecogeste-mots-cles { width:110px; }
#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;}
#ecogeste-recherche ul { 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:2px 0 0 0;}
#ecogeste-recherche .ecogeste-recherche-select legend { margin:0 0 3px 0;}
#ecogeste-recherche p  { font-size:0.7em; }

/* Bloc => Dans la même famille */
#ecogeste-meme-famille { clear:left; background:#ebedef; 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:#ecedf1; width:250px; margin-bottom:20px; padding:0px 0px 20px 0px;  border-top: 3px solid #4b5f6a;}
div.ecogeste-liste-famille li { font-style:normal; padding:1px 1px 1px 0; margin-left:8px;}
div.ecogeste-liste-famille a { font-size:0.6em; font-style:normal;}
#ecogeste-liste-famille-left h2, #ecogeste-liste-famille-right h2 { font-size:0.7em; text-transform:uppercase; margin-bottom:15px; padding:6px; background:#fff url('../images/backgrounds/bg-titre.gif') repeat-x;}

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

#ecogeste-jeter-moins .ecogeste-accordion-titre { font-size:1.2em; color:#000; background:#cbece2; padding: 5px; border-top: 1px solid #fff; width:460px;}
#ecogeste-jeter-moins .ecogeste-adresse-nom-site {font-weight:bold; width:140px;}
#ecogeste-jeter-moins .ecogeste-adresse-site {padding:0px 0 0 30px;}
#ecogeste-jeter-moins .ecogeste-en-savoir-plus {float:right;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:1.5em; color:#3b3b3b; background:#fff; padding: 10px 10px 2px 10px;}

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