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

/* Initialisation Balises */
html, body, div, span, strong, 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; color:inherit;}
ul, li {margin:0; padding:0; -webkit-padding-start: inherit; }
#centre ul li {}
/* Configuration => Page globale */
body { background:url("http://www.beauvaisis.fr/img/templates/beauvaisis/background.jpg") repeat-x fixed center top #E0DEDF;}
                        
/* A Modifier en clear:left apres suppression maquette ===> */ #ecogeste-page { float:left; background:#fff; width:712px; font-family:inherit; font-size:inherit; font:100% Verdana, Arial, sans-serif; color:#000; text-align:left; margin:0px auto 0px auto; }

#ecogeste-page-reparation { background:#fff; }


#page {
    background: url("http://www.beauvais.fr/img/templates/beauvais/page/fond_menu.gif") repeat-y scroll left top #fff;;
    float: left;
    width: 980px;
}

/* Configuration => Encarts Pictos et Description */
#ecogeste-page .ecogeste-image{
   float: left;
   display: block;
}

#ecogeste-image-intro-accueil{
   float: left;
   display: block;
   margin:15px;
}

#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:580px; 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: #1060A8;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 2px;
}
#ecogeste-page h2 { font-size:1.2em; 
   border: 1px solid #F2FFF2;
    color: #4787CE;
    font-weight: bolder;
    height: 30px;
    margin-top: 3px;
    padding-bottom: 10px;
    padding-top: 5px;
    }
    
#ecogeste-page h3 {
   background: url("../images/backgrounds/header.gif") no-repeat scroll left top #4687CF;
    color: white;
    font-size:1.0em; 
    font-weight: bolder;
    padding: 7px 5px 8px 27px;
    text-shadow: 1px 1px 1px #214462;
    margin-top:15px;
}
#ecogeste-page h4 { font-size:1.em; font-weight:bold; color: #0055BA;  margin:0 0 5px 0; }



/* Hack Titres h3 formulaire pages jaunes */
#ecogeste-page div.ecogeste-description h3 { color:inherit; background: inherit; font: inherit; padding:inherit; height:inherit;}
#ecogeste-page label{ font-size:2.8em; }


/* Titre de Page */
#ecogeste-page p.ecogeste-titre { font-size:1.3em; font-weight:normal; color:#000; padding:5px 0 5px 10px; margin:5px 0 25px 0; background-color:#f2eeef; border-top:1px solid #526777; border-bottom:1px solid #000;}
#ecogeste-page div.ecogeste-texte p { font-size:0.8em; 
    border-left: 1px solid #D7D7D7;
    padding: 0px 10px 8px 10px; line-height:1.4em;}
#ecogeste-page div.ecogeste-texte ul li { background-position: 3px 3px; font-size:0.8em;}
#ecogeste-texte ul{ font-size:0.8em; margin:10px 10px 0 10px;}

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

/* Contenu WYSIWYG englobé dans une balise DIV */
#ecogeste-page .ecogeste-description div { font-size:0.8em; }
#ecogeste-page p.ecogeste-texte { font-size:0.8em; }
#ecogeste-texte-introduction div {float:left; width:530px; margin:0 10px 20px 0; font-size:0.8em; line-height:1.4em;}

/* Bloc => Pages jaunes (reset font) */
#ecogeste-page #ecogeste-pages-jaunes { clear:left;  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;}

#ecogeste-page .widgetPJForm .dropList { background:#fff; height:100%; z-index:1000; visibility:visible; overflow:scroll; line-height:1.5em;font-size:2.8em;width:auto;}
#ecogeste-page .widgetPJForm .widgetTitle { font-size:2.3em;}
#ecogeste-page .widgetPJForm .widgetSearchTab label.title { font-size:3.1em;}
#ecogeste-page .widgetPJForm .widgetSearchTab input.inputText { font-size:3.1em;}
#ecogeste-page .widgetPJForm .widgetSearchValid input { font-size:3.1em;}

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

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

/* Configuration => Liners */
#ecogeste-page p.ecogeste-liner { 
clear:both; 
width:auto;
 border-top: 1px solid #4687CF;
    height: 4px;
    margin-top: 11px;
    padding: 5px 0 0;
    }
    
#ecogeste-page p.ecogeste-liner-petit { 
   clear:left; 
   border-top: 1px solid #7FB75C;
    height: 4px;
    margin-top: 11px;
}}
#ecogeste-page p.ecogeste-clear { clear:left; width:540px; height:1px;}

/* Bloc => Introduction */
#ecogeste-introduction { clear:left; margin:5px 0 35px 0;}
#ecogeste-texte-introduction {float:left; width:380px; margin:0 0 0 35px;}
#ecogeste-visuel-introduction {float:left; width:150px; margin:0;}
#ecogeste-introduction p.classement { clear:left; font-size:inherit; width:332px; padding:5px; margin:0 0 2px 0; font-size:0.9em; color: #4687CF; font-weight:bold; background-color:#f2eeef; }
#ecogeste-introduction p.classement img { padding:0 5px 0 0;  vertical-align: bottom;}
#ecogeste-introduction p.classement span { font-weight:normal; color:#000; padding:0 0 0 0; margin:0 0 0 0;}

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

#ecogeste-mieux-consommer .ecogeste-cadre, #ecogeste-jeter-moins .ecogeste-cadre, #ecogeste-bien-jeter .ecogeste-cadre {
   width: 693px; 
   border-left: 1px solid #D7D7D7;
    border-right: 1px solid #D7D7D7;
    display: block;
    padding: 10px 8px 0px;
}
/* Bloc => Jeter moins */
#ecogeste-jeter-moins { clear:left;}

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

#ecogeste-page .clear {clear:both;}

/* Bloc => Bon à savoir */
#ecogeste-bon-a-savoir { clear:left;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-titre {  
   background-color: #7FB75C;
    border: 0 solid #FFFFFF;
    color: white;
    font-size: 16px;
    font-weight: bolder;
    height: 18px;
    margin-top: 3px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;}
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-cadre{ 
   background-color: #FFFFFF;
    border: 1px solid #7FB75C;
    color: #000000;
    min-height: 60px;
    padding: 0 16px 6px;
    margin-bottom:20px;
    }
#ecogeste-bon-a-savoir .ecogeste-bon-a-savoir-plus {font-size:0.8em; 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.8em; 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:130px; margin:0; }
#ecogeste-recherche-titre { width:511px; height:30px; color:#fff; padding:15px 0 0 55px; }
#ecogeste-recherche .ecogeste-recherche-sous-titre { font-size:0.80em; color:#000; font-weight:normal; margin:10px 0 0 34px; }
#ecogeste-recherche .ecogeste-recherche-form {
    background-color: #EFEFEF;
    border-bottom: 1px solid #D7D7D7;
    border-right: 1px solid white;
    border-top: 1px solid #D7D7D7;
    float: right;
    height: 120px;
    margin: 5px 0;
    padding-left: 35px;
    padding-top: 10px;
    position: relative;
    width: 300px;
}

#ecogeste-recherche  .ecogeste-recherche-form-mot-cle{
    background: #EFEFEF url('../images/backgrounds/search_bg.gif') no-repeat bottom left 20px;
    border-bottom: 1px solid #D7D7D7;
    border-left: 1px solid #D7D7D7;
    border-top: 1px solid #D7D7D7;
    float: right;
    height: 120px;
    float: right;
    margin: 5px 0 10px;
    padding-top: 10px;
    width: 372px;
}

#ecogeste-recherche .ecogeste-recherche-form p a { color: #4169E1;
    font-weight: bold; text-decoration:underline; padding-left:2px; }
#ecogeste-recherche .ecogeste-recherche-form li {padding:0;}
#ecogeste-recherche fieldset { font-size:0.70em; margin:1px 0 0px 0; background:none; }
#ecogeste-recherche legend {
    color: #4687CF;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin-left: 85px;
    margin-top: 10px;
}
#ecogeste-recherche label {  
    color: #000000;}
#ecogeste-recherche input { float: left;}
#ecogeste-input-mots-cles {  
    color:#000000; border:0px;  border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; height: 26px; width: 230px; float: left
    }
#ecogeste-recherche select {
border: 1px solid #D6D6D6;
    margin-left: 2px;
    margin-top: 6px;
    width: 230px; }
#ecogeste-recherche .ecogeste-recherche-form-mot-cle ul {  
margin-left: 100px; 
margin-top: 10px;
   background-color: #EFEFEF;
    float: left;
    }
#ecogeste-recherche ul {  
   background-color: #EFEFEF;
    border: 0 solid #F5F5F5;
    float: left;
    }
    
#ecogeste-recherche ul li { float:left; display: inline; margin:10px 0 0 0; background:none; padding:0; }
#ecogeste-recherche ul li.liste {  clear:left;margin:0; padding:0; height:34px;}
#ecogeste-recherche .ecogeste-recherche-select li { margin:0 0 0 0;}
#ecogeste-recherche .ecogeste-recherche-select legend { margin:0 0 3px 0;}
#ecogeste-recherche p  { font-size:0.7em; }
div.mascotte_position {position:absolute;width:114px; height:135px; margin-left: 440px;margin-top: -80px;z-index:2;background:url('../images/backgrounds/bg-mascotte.png') no-repeat;}
p.ecogeste-recherche-sans-resultat {font-size:0.8em; color:#e35910;}

/* Bloc => Dans la même famille */
#ecogeste-meme-famille {  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #EFEFEF;
    border-color: #DFDFDF #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    clear:left;
    height:130px; padding:10px 15px 15px 15px;;
     margin-bottom:20px; 
     margin-top:20px;}
#ecogeste-meme-famille img { border:1px solid #d9dadb;}
#ecogeste-meme-famille ul { float:left;}
#ecogeste-meme-famille ul li { float:left; display: inline; height: 75px; width:75px; margin:10px 6px 0 4px; background:none; padding:0;}
#ecogeste-meme-famille .egogeste-titre-meme-famille{ font-size:0.85em; color: #4687CF; font-weight:bold; margin:0 0 5px 0; }/*font-size:0.85em; color:#fff; font-weight:bold; margin:0 0 10px 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; }
div.ecogeste-liste-famille { width:250px; margin-bottom:10px; padding:0px 0px 5px 5px; }
#ecogeste-liste-famille-left div.ecogeste-liste-famille ul li, #ecogeste-liste-famille-right div.ecogeste-liste-famille ul li { font-style:normal; padding:0; margin:0 0 0 30px; padding:0 0 0 3px;}
#ecogeste-liste-famille-left div.ecogeste-liste-famille a, #ecogeste-liste-famille-right div.ecogeste-liste-famille a { font-size:0.7em; font-weight:bold; color:#4169E1,
text-decoration: underline; padding-left:15px; background:#fff url('../images/backgrounds/puce.png') no-repeat left;}
#ecogeste-liste-famille-left h2, #ecogeste-liste-famille-right h2 { border:none; background-color:inherit; font-size:0.70em; font-weight:bold; color:#000; margin: 0 0 5px 0; padding:0; height:15px;}

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