/* 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{ font-family: Verdana, Arial, sans-serif; margin:0px;padding:0px; border:0px; }


/* Montage Maquette */

#fond {
    width: 100%;
    margin: 0px auto 0px auto;
background: url('../images/backgrounds/carreaux.png') repeat;}

#container { width:80%; position: center; background-color: #fff; border: 1px solid #CED4D7; margin:0px auto 0px auto; }
#demo-top {clear:left; width:100%; background :url('../images/backgrounds/carreaux.png') repeat;}
#demo-top .top-image img { width: 100%;}
/*#demo-left { float:left; width:22%; height:1050px; background: #fff url('../images/maquette/bg-evry-left.jpg') no-repeat;}*/
#demo-module{ float:left; background-color:#fff; width:80%; margin: 30px 10px 10px 30px; }

#demo-right { float:right; width:15%;}
#demo-right .demo-pav { float:left; background: #fff;}
#demo-right #ecogeste-bloc-moteur { float:left;}
#demo-right .image1 { margin: 0px 0 5px 0; text-align:center;}
#demo-right .image1 img {width:100%;}
#demo-right .image2 {clear: left; margin-bottom: 5px; text-align:center;}
#demo-right .image2 img {width:100%;}
#demo-bottom { clear:left; width:100%;background :url('../images/backgrounds/carreaux.png') repeat;}
#demo-bottom .bot-image img { width: 100%;}


/* Configuration => Encarts Pictos et Description */

#ecogeste-page .ecogeste-image-right{
   float: right;
   display: block;
} 
#ecogeste-page .ecogeste-pictos { float:left; width:15%; margin-top: 10px;}
#ecogeste-page .ecogeste-description { float:left; width:80%; margin:20px 0 20px 0;}

/* Configuration => Textes */

#ecogeste-page #ecogeste-texte {text-align:justify; width:95%;padding-left: 10px;}
#ecogeste-page h1 {font-family: Verdana, Arial, sans-serif; font-size:1.7em; font-weight:bold; color:#7ac642; }
#ecogeste-page h2 { font-family: Verdana, Arial, sans-serif; font-size:1.5em; font-weight:bold; color:#7ac642; margin: 0 0 5px 15px;}
#ecogeste-page h3 {font-family: Verdana, Arial, sans-serif; font-size:1em;  color:#fff; width:94%; height:23px; background: #7ac642; padding:4px;}
#ecogeste-page h4 { font-family: Verdana, Arial, sans-serif; font-size:1em; font-weight:bold; color:#7ac642; margin:0 0 5px 0; }
#ecogeste-page h5 {font-family: Verdana, Arial, sans-serif; font-size:0.9em; color:#7ac642; font-weight:bold; width:95%;}
#ecogeste-page h6 {font-family: Verdana, Arial, sans-serif; font-size:0.75em; color:#7ac642; font-weight:bold; margin:0 0 10px 0; }

#ecogeste-texte p { font-size:0.8em; color:#5c5c5c;margin-top: 10px;}
#ecogeste-texte h3 {width:99%}
#ecogeste-texte ul li { font-size:0.8em; color:#5c5c5c;}
#ecogeste-page span { font-size:1em; font-weight:bold; color:#5c5c5c; }
#ecogeste-texte span { font-weight:normal; }


/* Contenu WYSIWYG englobé dans une balise DIV */
#ecogeste-page .ecogeste-description div { font-family: Verdana, Arial, sans-serif; font-size:0.8em; color:#5c5c5c; text-align: justify;}
#ecogeste-page .ecogeste-texte p { font-family: Verdana, Arial, sans-serif; font-size:0.8em; text-align: justify;}
#ecogeste-texte-introduction div {float:left; font-family: Verdana, Arial, sans-serif; font-size:0.8em; color:#5c5c5c; }


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

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

/* Configuration => Liners */
#ecogeste-page p.ecogeste-liner { clear:left; width:100%; height:0.8px; background:transparent url('../images/backgrounds/greyline.png') no-repeat center center;}
#ecogeste-page p.ecogeste-liner-petit { clear:left; height:0.3px; background:#CED4D7 url('../images/backgrounds/greyline.png') no-repeat center center;}
#ecogeste-page p.ecogeste-clear { clear:left; width:100%; height:1px;}

/* Bloc => Introduction */
#ecogeste-introduction { clear:left; width:100%; margin:25px 0 25px 0;}
#ecogeste-texte-introduction {float:left; width:75%; font-family: Verdana, Arial, sans-serif; font-size:1em; text-align: justify;}
#ecogeste-visuel-introduction {float:left; width:20%; margin-bottom:20px;}
#ecogeste-visuel-introduction .ecogeste-image {width:80%; height:80%;}
#ecogeste-introduction p.classement { clear:left; width:100%; font-size:0.95em; margin-top:8px; margin-bottom:20px; color:#5c5c5c; }
#ecogeste-introduction p.classement span { font-weight:bold; color:#5c5c5c; }

/* 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; width:94%; margin: 0 0 10px 10px; text-align:justify;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-titre {font-size:1em; color: #FFF; background:#5c5c5c; padding:2px 5px;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-plus {font-size:0.8em; min-height:40px; padding:10px 10px 10px 75px; background:#CED4D7 url('../images/backgrounds/Picto-OK.png') no-repeat center left; }
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-moins {font-size:0.8em; min-height:40px; padding:20px 10px 20px 80px; background:#CED4D7 url('../images/backgrounds/Picto-No.png') no-repeat center left; }

/* Bloc => Recherche accueil */
#ecogeste-recherche-titre-accueil { font-family: Verdana, Arial, sans-serif; font-size:1.2em; font-weight:bold; color:#5c5c5c; padding:10px 0 10px 10px;}

/* Bloc => Moteur de recherche */
#ecogeste-recherche {clear:left;}
#ecogeste-recherche .ecogeste-recherche-titre { font-family: Verdana, Arial, sans-serif; font-size:1.2em; font-weight:bold; color:#5c5c5c; padding:10px 0 10px 10px;}
#ecogeste-recherche .ecogeste-recherche-form { float:left; width:43%; min-height:164px; background-color:#7ac642; margin: 0 0 5px 10px; padding:5px 0 0 20px;}
#ecogeste-recherche .ecogeste-recherche-form-2 { float:left; width:43%; min-height:164px; background-color:#7ac642; margin: 0 0 5px 10px; padding:5px 0 0 30px;}

#ecogeste-recherche legend {font-family: Verdana, Arial, sans-serif; color:#5c5c5c; font-size:1.3em; font-weight:bold; margin:20px 0 0 10px;}
#ecogeste-recherche fieldset {font-family: Verdana, Arial, sans-serif; font-size:0.8em; margin:0 0 10px 0;}
#ecogeste-recherche input {width:70%; height: 23px; font-size:1.1em; color:#5c5c5c; border-radius: 5px; background: #fff url("../images/formulaire/loupe.png") no-repeat 98% center; border:#666; padding-left: 5px;}

#ecogeste-recherche .ecogeste-recherche-form select { width:72%; height: 24px; font-size:1.1em; color:#5c5c5c; border:#666; border-radius: 5px; margin-top:8px;appearance: none; -webkit-appearance: none;-moz-appearance: none; background: #FFF url("../images/formulaire/icon_select.png") 98% center no-repeat;}
#ecogeste-recherche .ecogeste-recherche-form-2 select {width: 65%; height: 24px; font-size:1.1em; color:#5c5c5c;  border:#666; border-radius: 5px; margin-top:5px;appearance: none; -webkit-appearance: none;-moz-appearance: none; background: #FFF url("../images/formulaire/icon_select.png") 98% center no-repeat;}

#ecogeste-recherche li {background:none; }
#ecogeste-recherche .ecogeste-recherche-select li { margin-top:2px;}

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

#ecogeste-recherche .lien-page1 a  {text-decoration:none; }
#ecogeste-recherche .lien-page1 {font-family: Verdana, Arial, sans-serif; font-size:0.7em; font-weight:bold; text-decoration: none; text-align: right; padding: 20px 10px 0 0;}

/* 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; width:46%; }
#ecogeste-liste-famille-right { float:left; margin-top:20px; width:46%; padding-left:38px; background:#fff url('../images/backgrounds/bg-liner-liste-famille.gif') repeat-y; }
div.ecogeste-liste-famille { background-color:#ecedf1; margin-bottom:20px; padding:0px 0px 20px 0px;  border-top: 3px solid #4b5f6a;}
/*div.ecogeste-liste-famille ul li { font-style:normal; list-style-type:none; background:none; 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;}
#ecogeste-liste-famille-left ul li, #ecogeste-liste-famille-right ul li { font-style:normal; list-style-type:none; background:none; padding:1px 1px 1px 0; margin-left:8px;}

/* Bloc => Liste sites internets */
#ecogeste-jeter-moins .ecogeste-liste-actions-form {float:right; width:30%; margin-bottom: 10px;}
#ecogeste-jeter-moins #ecogeste-liste-actions  {float:right;}
#ecogeste-jeter-moins .ecogeste-accordion-titre { width:100%; font-size:1em; color:#000; background:#CED4D7; padding: 2px; border-top: 1px solid #fff;}
#ecogeste-jeter-moins .ecogeste-adresse-nom-site {font-weight:bold; width:28%;}
#ecogeste-jeter-moins .ecogeste-adresse-site {padding:0px 0 0 5px;}
#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 5px 2px 5px;}

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

#ecogeste-page p.toggle { color:#5c5c5c; font-weight: bold; text-decoration: none;font-size: 0.7em;cursor:pointer; list-style-type:none; background:none;}
#ecogeste-page a.toggle { color:#5c5c5c;}