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

/* A Modifier en clear:left apres suppression maquette ===> */ #ecogeste-page { clear:left; background:#fff; width:auto; color:#000; 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:75px; margin:20px 10px 20px 10px;}
#ecogeste-page .ecogeste-description { float:left; width:560px; margin:20px 0 20px 0;}
#ecogeste-visuel-introduction{ float:left; width:199px; margin:0 25px 20px 10px;}
#ecogeste-image-intro { float:left; width:199px; margin:0 25px 20px 0px;}
#ecogeste-image-intro-monsieur{ float:left; width:119px; margin:0 20px  20px 0; }

/* Configuration => Textes */

#ecogeste-page h1 { color: #008000; 
   font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 1.8em;
     }
     
#ecogeste-page h2 {color: #000; font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size: 1.7em;} 
    
#ecogeste-page .ecogeste-titre-virgule{ font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size: 1.4em; }

#ecogeste-page h3 {font-size:1.5em; line-height:1.6em; font-weight:bold; color: #008000; background-color: #D8E8D8;  height:28px; padding-left:5px;}
#ecogeste-page h4 {font-size:1.3em; margin: 15px 0 0 20px;}
#ecogeste-page h5 { font-size:1.2em; font-weight:bold; color: #000; margin-top: 10px;}
#ecogeste-page h6 { font-size:1.5em; font-weight:bold; margin:15px 0 20px 0;}

#ecogeste-listeacteurs h5 { font-size:1.4em; font-weight:bold; color: #008000;}


/* Page => Annexe */
#ecogeste-page .ecogeste-texte {
font-family: Segoe UI,sans-serif; font-size: 1.1em; margin-top:20px;width: 675px; }

/* 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:1.1em; 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 {line-height: 20px;}
#ecogeste-page p.ecogeste-texte { font-size:1.0em; }
#ecogeste-texte-introduction div {float:left; width:520px; margin:5px 0 0 15px; font-size:1em;}

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

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

/* Configuration => Liners */
#ecogeste-page p.ecogeste-liner {
	clear:left;
	height: 2px;
	margin-left:10px;
	border-top: 1px dashed #888888;
	margin-top:15px;
}
#ecogeste-page p.ecogeste-liner-petit { 
    clear:left; 
    border-top: 1px dashed #888888;
    height: 4px;
    margin-left: 14px;
    margin-top: 11px;
    width: 96%;}
#ecogeste-page p.ecogeste-clear { clear:left; width:740px; height:1px;}

/* Bloc => Introduction */
#ecogeste-introduction { width:740px; margin:25px 0;}
#ecogeste-visuel-introduction {float:left; width:150px; margin:0;}
#ecogeste-introduction p.classement { 
   clear:left; 
    height: 30px;
    padding-left: 2px;
    font-size:0.95em;
    line-height: 30px;
    font-weight:bold; 
     }
#ecogeste-introduction p.classement span { margin-left:5px; font-weight:normal; color: #000; }

/* Bloc => Seconde vie */
#ecogeste-second-vie {width:684px; }
#ecogeste-second-vie .text-second-vie {padding:10px 2px; }

/* Bloc => Mieux consommer */
#ecogeste-mieux-consommer { clear: both; width:684px;}
#ecogeste-mieux-consommer .titre-conseil-achat { font-size:1.2em; font-weight:bold; color: #000; margin-top:20px;}
#ecogeste-mieux-consommer .text-conseil-achat { font-size: 1em; font-weight: normal; color: #000; margin:5px 0 20px 0;}

/* Bloc => Jeter moins */
#ecogeste-jeter-moins {float:left;width:684px;}
#ecogeste-jeter-moins h5 { font-size:1.4em; font-weight:bold; color: #008000;}
#ecogeste-jeter-moins .text-compostage { font-size: 0.7em; font-weight: normal;color: #000;}


/* Bloc => Bien jeter */
#ecogeste-bien-jeter {float:left;width:684px;}
#ecogeste--bien-jeter h5 { font-size:1.4em; font-weight:bold; color: #008000;}

#ecogeste-mieux-consommer .clear, #ecogeste-jeter-moins .clear, #ecogeste-bien-jeter .clear  {clear:both;}

/* Bloc => Moteur de recherche ACCUEIL */
#ecogeste-recherche_accueil { clear:both; height:230px; background-color:#D8E8D8; margin:0 0 5px 0; width:680px;}

#ecogeste-recherche_accueil-titre {color:#FFF; font-weight:bold; font-size:1.2em; height:23px; background:#49933A; padding:10px; width:660px;}

#ecogeste-recherche_accueil .ecogeste-recherche-form { float:left; width:310px; height:130px; background-color:#D8E8D8; margin:0; padding:15px 0 0px 20px; }

#ecogeste-recherche_accueil fieldset { font-size:0.85em; margin:0 0 0px 0;}
#ecogeste-recherche_accueil legend { font-size:1.4em; font-weight:bold; color:#333; margin-bottom:5px;}
#ecogeste-recherche_accueil input { font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size:1.2em; color:#333; width:230px; background: #fff url("../images/formulaire/loupe.png") no-repeat 98% center; border:none;}
#ecogeste-recherche_accueil-form .ui-autocomplete-input { width:200px; padding:2px;}
#ecogeste-recherche_accueil input #ecogeste-mots-cles-btn { width:20px; }
#ecogeste-recherche_accueil select { width:240px; font-size:1.2em; border-radius: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #FFF url("../images/formulaire/icon_select.png") 98% center no-repeat; padding:2px; margin-bottom:5px;}
#ecogeste-recherche_accueil ul { float:left; width:245px; padding:0px 0 5px 0;}
#ecogeste-recherche_accueil li { float:left; display: inline; margin:10px 3px 0 0; background:none; padding:0; }
#ecogeste-recherche_accueil .ecogeste-recherche-select li { margin:5px 0 0 0;}
#ecogeste-recherche_accueil .ecogeste-recherche-select legend { margin:0 0 10px 0;}
#ecogeste-recherche_accueil p  { font-size:1em; margin-top: 5px;}
#ecogeste-recherche_accueil a:link, a:visited  { padding:10px 0 0 15px;
text-decoration: none; line-height:25px; background: url("../images/backgrounds/arrow.gif") no-repeat scroll 0 14px rgba(0, 0, 0, 0);}

/* Bloc => Moteur de recherche */
#ecogeste-recherche { float:left;width:300px; height:140px; }
#ecogeste-recherche-titre { width:320px; height:21px; font-size:1.2em; color: #008000; font-weight:bold; padding-left:20px; }
#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 { 
   width: 335px;
   background-color: #D8E8D8;
   float: left;
   min-height: 194px;
   padding: 0 0 10px 0;
    }
    
#ecogeste-recherche fieldset { font-size:0.9em; margin:0 0 10px 0; }
#ecogeste-recherche legend {font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size:1.1em; padding: 28px 0 2px 25px;color: #333;}
#ecogeste-recherche .ecogeste-recherche-select legend {font-family: "Segoe UI",Arial,Helvetica,sans-serif; font-size:1.1em;padding: 0 0 15px 25px;  color:#333;}
#ecogeste-recherche input { padding:2px; margin: 5px 0px 5px 25px;}

#ecogeste-recherche #ecogeste-input-mots-cles{  list-style-type: none; color:#5c5c5c; border-radius: 5px; width:230px; height:23px; font-size:0.95em; background: #fff url("../images/formulaire/loupe.png") no-repeat 98% center; padding: 2px 0 2px 5px;}
#ecogeste-recherche select { width:240px; font-size:1em; color:#5c5c5c; border-radius: 5px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #FFF url("../images/formulaire/icon_select.png") 98% center no-repeat; padding:2px; margin: 5px 0px 5px 25px;}
#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-type: none;}

#ecogeste-recherche p  { font-size:0.9em; padding: 0 0 0 25px;}
#ecogeste-recherche .titre-ecogeste-recherche {font-size:1.2em; background: #D8E8D8; width: 320px; padding: 15px 0 3px 15px;}
#ecogeste-recherche .ecogeste-tousproduit {margin-left: 25px; list-style-type: none; background:url('../images/backgrounds/arrow.gif') no-repeat 3px 2px; padding-left:15px; color: #0081CF; text-decoration: none; font-size:0.95em; }
#ecogeste-recherche .ecogeste-tousproduit a { color: #0081CF;  }

#ecogeste-recherche .ui-autocomplete-input {list-style-type: none; background-color: #fff;}
#ecogeste-recherche #ecogeste-keyword-actions {width: 237px; height:26px;}


/* Page => Liste des familles */
#ecogeste-liste-famille-left , #ecogeste-liste-famille-right {font-size:0.8em; color: black; padding-top:20px;}
div.ecogeste-liste-famille .titre-categorie {font-size: 1.2em; font-family: "Segoe UI",Arial,Helvetica,sans-serif; color: black; padding-bottom:10px; }
#ecogeste-liste-famille-left { float:left; margin-top:0px; margin-right:20px;}
#ecogeste-liste-famille-right { float:left; margin-top:0px; padding-left: 25px; }
div.ecogeste-liste-famille { background-color:#fff; width:250px; margin-bottom:20px; padding:0px 0px 20px 0px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size: 1.5em; color: #008000;
font-weight: bold;}

#ecogeste-page div.ecogeste-liste-famille li {
   padding: 1px 1px 1px 0;
   margin-left: 8px;
   list-style: none;
   text-align: left;
   background-color:#fff;
}
div.ecogeste-liste-famille a, #ecogeste-liste-famille-left a:link, #ecogeste-liste-famille-right a:link {
   font-size: 0.9em;
   text-decoration: none;
   font-weight:normal;
   color: #0081CF; 
   background:#fff url('../images/backgrounds/puce_liste.png') no-repeat 0px 4px;
   padding-left:15px;
}

div.ecogeste-liste-famille div.rub {cursor: pointer; color: #008000; font-size: 0.9em; padding: 5px 0;}
div.ecogeste-liste-famille ul.display {display: none;}
	
/* MODULE ACTEUR */

/* Configuration => Acteurs Textes */
#ecogeste-page h3.ecogeste-acteurs-autresinfos {background:#D8E8D8; width:auto; padding:10px 0 10px 15px;}
#ecogeste-page h3.ecogeste-acteurs-evenements { background:url('../images/backgrounds/bg-titre-evenements.gif') no-repeat top left; padding:26px 0 0 50px;}
#ecogeste-page h3.ecogeste-acteurs-derniersacteurs {padding:0 0 0 10px; margin: 0 0 20px 0;}
#ecogeste-page h3.ecogeste-acteurs-listeacteurs { background:url('../images/backgrounds/bg-titre-listeacteurs.gif') no-repeat top left; padding:27px 0 0 48px;}
#ecogeste-page h3.ecogeste-acteurs-cartographie { background:url('../images/backgrounds/bg-titre-cartographie.gif') no-repeat top left; padding:30px 0 0 0;}


/* Bloc => Acteurs => Autres infos */
#ecogeste-autresinfos {float:left; background-color:#D8E8D8; padding-bottom:10px; margin-bottom:20px; width:330px;}
#ecogeste-autresinfos div.ecogeste-acteurs-autresinfos-bloc {float:left; width:300px; padding:10px 10px 10px 25px; font-size:0.9em;}
#ecogeste-autresinfos p {padding:18px 0 0 25px; font-weight:bold; margin-bottom:10px; font-size:0.9em;}
#ecogeste-autresinfos ul li ul li {list-style-type: none; background:none; padding-left:5px;}
#ecogeste-autresinfos ul li.listerub {list-style-type: none; background:none;}
#map_content {display:none; margin:10px 0 10px 0; text-align:center;}
#map_google {height: 400px; width: 600px; margin: 10px 0 10px 0; color:#006B8B;}
#map_google a {color:#006B8B;}
#map_google2 {height: 400px; width: 685px; margin: 10px 0 10px 0; color:#006B8B;}
#map_google2 a {color:#006B8B; font-weight:bold;}
#map_legende {width: 600px; margin: 10px 0 0 0;}
#map_legende2 {clear:left; width: 600px; margin: 20px auto 0 auto; text-align: center;}

#ecogeste-page a.showmap {background-color:#009e58; float:right; padding:1px 5px 2px 5px; cursor:pointer; color:#fff; text-decoration:none; font-size:1.1em;}
#ecogeste-page a.showmap2 {float: right; background-color:#009e58; padding:1px 5px 2px 5px; cursor:pointer; color:#fff; text-decoration:none; font-size:1em;}

/* Bloc => Acteurs => Evénements */
#ecogeste-evenements {clear:left; margin:20px 0;}
#ecogeste-evenements p {font-size:0.8em;}
#ecogeste-evenements p.date {font-size:0.7em; margin-bottom:20px;}
#ecogeste-evenements p.titre {font-size:0.8em; font-weight:bold; text-transform:uppercase; margin-top:5px;}
#ecogeste-evenements p.ecogeste-liner {margin:15px 0 10px 0;}

/* Bloc => Acteurs => Derniers acteurs */
#ecogeste-derniersacteurs {clear:left; margin:20px 0;}
#ecogeste-derniersacteurs p.ecogeste-liner {margin:15px 0 10px 0;}
#ecogeste-derniersacteurs p {font-size:1em;}
#ecogeste-derniersacteurs p.titre {font-size:1.2em; font-weight:bold; color:#006B8B; text-transform:uppercase; margin-top:5px;}
#ecogeste-derniersacteurs p.titre a {font-weight:bold; color:#006B8B; text-decoration:none;}
#ecogeste-derniersacteurs p.titre a:hover {text-decoration:underline;}
#ecogeste-derniersacteurs p.acteur-infos {float:left; width:340px; margin:20px 0 20px 0;}
#ecogeste-acteurs-cat {font-size:0.9em; clear:left; margin-top:10px;}
#ecogeste-acteurs-cat span {font-weight:bold; color:#006B8B;}
p.acteur-autres {font-size:0.8em; margin:20px 0 30px 15px;}

/* Bloc => Acteurs => Derniers acteurs */
#ecogeste-listeacteurs {clear:left; margin:20px 0; width: 684px;}
#ecogeste-listeacteurs p {font-size:1em; width: 660px;}
#ecogeste-listeacteurs p.titre {font-size:1em; font-weight:bold; color:#006B8B; text-transform:uppercase; margin-top:20px;}
#ecogeste-listeacteurs p.acteur-infos {float:left; width:660px; margin:5px 0;}

/* Bloc => Formulaire inscription acteur */
#ecogeste-form-acteur { clear:both; width: 685px; margin-bottom:30px; background:#f0f0f0; }
#ecogeste-form-acteur .head { color:#FFF; background:#EB5926; width : 645px; padding: 8px 20px; font-family: segoe UI,sans-serif; font-size:15px; font-weight : bold;}
#ecogeste-form-acteur .line {font-family: segoe UI,sans-serif; font-size:17px; font-weight : bold; color:#4d4d4d; margin:10px 0; padding:0 20px; }
#ecogeste-form-acteur .line label { width:220px; display:inline-block; color: #4d4d4d; font-family: segoe UI,sans-serif; font-size:14px; font-weight : bold;}
#ecogeste-form-acteur .line input, textarea, select {font-family: segoe UI,sans-serif; color:#333; border:none; margin-top:5px; }
#ecogeste-form-acteur .line select {height:23px; color: #333; width: 180px;}
#ecogeste-form-acteur .champs_obligatoires { font-size:12px; font-style:italic; color:#AAA; margin-top:20px;}
#ecogeste-form-acteur #btn_valider { float:right; width:65px; padding : 4px; background:#EB5926; margin-right:20px; color:#FFF; cursor:pointer; text-align: center; font-size:1em;}
#ecogeste-form-acteur-content { display:none; }
#form-acteur-message { display:none; }
#form-acteur-message .error { color:red; }

#ecogeste-page .ui-dialog { padding:0px; }
.ui-dialog .ui-dialog-titlebar {font-size:12px; background:#fb8102; border:none; }
#ecogeste-form-acteur-dialog { font-size:12px; }

/*Bloc sites nationaux*/
#ecogeste-page .titre-acteur-nationaux {font-size:1.4em; color:#008000; font-weight:bold;}
#ecogeste-page .ecogeste-accordion-titre { font-size:0.85em; color:#000000; background:#D8E8D8; padding: 5px; border-top: 1px solid #fff; width:685px;}
#ecogeste-page .ecogeste-adresse-nom-site {font-weight:bold; width:35%;font-size:0.9em; color:#000000;}
#ecogeste-page .ecogeste-adresse-site {width:45%;}
#ecogeste-page .ecogeste-en-savoir-plus {float:right; padding-right:5px; font-size:0.9em; color:#000000;}
#ecogeste-page .ecogeste-liste-actions-select {margin-top:-20px; width:230px; float:right; padding-right:10px;}
#ecogeste-page .ecogeste-liste-actions-form ul{float:right; list-style: none;width:230px;}
#ecogeste-page .ecogeste-liste-actions-form li{list-style: none; background: none;width:230px;}
#ecogeste-page  #ecogeste-liste-actions { width:240px;}

#ecogeste-page #acteur-nationaux {clear:both;cursor:pointer; font-size:1.2em;}

#ecogeste-page #acteur-nationaux div.acteurdesc {display:none;  padding:10px; font-size:0.80em;}

#ecogeste-page div.acteurdiv {margin-bottom: 1px;}

#ecogeste-accordion  p {font-size:0.95em; color:#3b3b3b; background:#fff; padding: 10px 10px 2px 10px;} 
#ecogeste-page .ecogeste-accordion-lien {text-align:right; padding-right:10px; margin-top:10px;}
#ecogeste-page .ecogeste-adresse-site a {color:#000; text-decoration:none; font-size:0.9em;}
/*#ecogeste-page .ecogeste-accordion-lien a { background:#EB5926; url("../images/backgrounds/puce-blanche.png") no-repeat scroll right center ; color:#fff;  padding: 3px 10px 3px 3px; text-decoration:none; font-size:0.90em;}*/
#ecogeste-page .ecogeste-pictos-acteurs { float:left; width:75px; margin:-5px 10px 0px 10px;}

/* Bloc => Bon à savoir */
#ecogeste-bon-a-savoir {
    background-color: #D8E8D8;
    float: left;
    margin-bottom: 10px;
    padding: 0;
    width: 685px;
}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-plus {font-size:1.0em; padding:20px 10px 10px 75px; background:transparent url('../images/backgrounds/plus.png') no-repeat center left; }
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-moins {font-size:1.0em; padding:10px 10px 30px 75px; background:transparent  url('../images/backgrounds/moins.png') no-repeat center left; }

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