body{
   background:url("./images/bg.jpg") #b2e1ff repeat-x top left;
   margin:0;
   padding:0;
   font-family:verdana, sans-serif;
   font-size:0.7em;
   color:#666;
   width:100%;
   position:relative;
}

/*==========================GENERAUX======================*/
span{font-weight:bold;}

.air{color:#4D92CF;}
.nature{ color:#2f980e;}
.terre{color:#e18200;}
.eau{color:#306bff;}
.recyclage, .divers{color:#52b53e;}
.white{color:#fff;}
.kyoto{color:#666;}
.source{color:#AF0000;}
.voir{color:#044F00;font-weight:bold;}
.auteur{color:#333;}
.rouge{color:red;}

 h1{
    margin:0;
    padding:22px 0 0 50px;
    z-index:1;
    position:relative;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
 }
 
 h1.gtitre{
    margin:0;
    padding:29px 0 0 150px;
    z-index:1;
    position:relative;
    color:#fff;
    font-size:1.4em;
    font-weight:bold;
    line-height:24px;
    text-transform:uppercase;
 } 

 
 h2{
    display:inline;
    font-weight:bold;
    margin:0;
    padding:0;
    font-size:1.1em;
    text-align:left;
 }
 
 .actu h2, .actun h2, .actue h2, .actua h2{
    display:inline;
    font-weight:bold;
    margin:0;
    padding:0;
    font-size:1em;
    text-align:left;
 }
 
 .entete h2{
   display:inline;
   font-weight:bold;
   padding:10px 0 0 10px;
   line-height:31px;
   font-size:1.1em;
   text-align:left;
    color:#fff;
 } 
 
 #autre4 h2{
    margin:0 10px;
    padding:0;
    line-height:30px;
    display:inline;
    color:#1e92ff;
 }
 
  h3{
    font-weight:bold;
    font-size:1.1em;
    text-align:left;
    display:inline;
    margin:0;
    padding:0;
    color:#1e92ff;
 }
 
 h4{
    font-weight:bold;
    font-size:1.1em;
    text-decoration:underline;
 }

 #autre4 h4{
    margin:0;
    padding:0;
    line-height:30px;
    display:inline;
    text-decoration:none;
 }

 #autre4 h4{
    font-weight:normal;
 }
 
 .bk-g h2{
    font-size:1em;
    margin:0;
    padding:0;
 }
 .bk-g h4{
    font-size:0.9em;
    margin:0;
    padding:0;
 }
 
 h5{
   display:inline;
   margin:0 0 0 10px;
   padding:0;
   color:#666;
   font-weight:normal;
   font-size:0.9em;
}

/*-----------------------------------------*/
/*--------------DIV GENEREAUX--------------*/
/*-----------------------------------------*/ 
#conteneur{
   background:url("./images/bg.jpg") repeat-y top center;
   margin:0 auto;
   width:779px;
   padding:20px 0 0 0;
   position:relative;
}
#quick{
   position:absolute;
   margin:0;
   width:779px;
   padding:0;
   text-align:right;
   
}
#entete{
   margin:0;
   background:url("./images/header.jpg") no-repeat top center;
   padding:0;
   height:147px;
   width:779px;
   margin:0 auto;
   text-align:left;
}
   
#menu{
   background:url("./images/menu.gif") #fff no-repeat top center;
   margin:-4px auto 0 auto;
   padding:0;
   height:36px;
   width:750px;
   border-bottom:#acacac solid 1px;
   position:relative;
}

.menuprinc{
   margin:0 12px;
   padding:0;
   line-height:30px;
   position:absolute;
   top:-14px;
}

#where{
   margin:0;
   padding:0;
   height:10px;
   width:708px;
   position:relative;
   bottom:0;
   top:21px;
   left:10px;
   font-size:0.9em;
   color:#999;
   
}

#conteneur2{
   background:url("./images/lol.jpg") repeat-y top left;
   margin:0 auto;
   padding:0;
   width:750px;
}

#contenu{
   margin:0 auto;
   width:750px;
   padding:0;
   position:relative;
}

#gauche{
   margin:0 0 20px 0;
   float:left;
   width:555px;
   padding:0px 0 30px 0;
   position:relative
}

#flashcontent{
   width:530px;
   height:325px;
   background-color: #f3f2f2;
   margin:10px auto;
}


#section{
   background:url("./images/terre_03.jpg") no-repeat top left;
   width:490px;
   height:147px;
   margin:10px auto;
}
#sectionn{
   background:url("./images/nature_03.jpg") no-repeat top left;
   width:490px;
   height:147px;
   margin:10px auto;
}
#sectione{
   background:url("./images/eau_03.jpg") no-repeat top left;
   width:490px;
   height:147px;
   margin:10px auto;
}
#sectiona{
   background:url("./images/air_03.jpg") no-repeat top left;
   width:490px;
   height:147px;
   margin:10px auto;
}
.recyc, .kyoto, .autre{
   margin:10px auto;
   width:492px;
   position:relative;
}

.actualites, .propose, .actualitesn, .actualitese, .actualitesa{
   margin:0px auto;
   width:492px;
   position:relative;
}

#droite{
   margin:0 0 0 4px;
   width:180px;
   padding:0;
   float:left;
   }
   
#flux{
   margin:10px auto 0 auto;
   width:180px;
}

#solutions{
   margin:20px auto 30px auto;
   width:185px;
}

#piedpage{
   background:#fff;
   margin:0;
   padding:0;
   width:750px;
   text-align:center;
   height:100px;
   position:relative;
   clear:both;
}

/*-----------------------------------------*/
/*-------------MENU PRINC------------------*/
/*-----------------------------------------*/
.menuprinc{
   list-style-type:none;
}
.menuprinc li{
   float:left;
   margin:0;
   padding:0;
   width:90px;
}

.menuprinc a{
   line-height:30px;
}




/*-----------------------------------------*/
/*--------BLOC GRANDS PROBLEMES------------*/
/*-----------------------------------------*/
#gproblemes ul li{
   display:block;
   line-height:20px;
}

#gproblemes ul{
   margin:7px 0px 0 183px;
   font-size:1em;
   color:#EF8100;
   list-style-type:none;
   
}

#gproblemes ul li img{
   vertical-align:top;
}

/*-----------------------------------------*/
/*-----------BLOC ACTUALITES---------------*/
/*-----------------------------------------*/
.propose{
   text-align:right;
}

.actu{
    margin:0 0 20px 0;
    text-align:left;
}


.actu{
   border:#ffc900 solid 1px;
   background:#FDFFEC;
   padding:5px;
   margin:0 0 10px 1px;
   width:170px;
   position:relative;
}

.actun{
   border:#309c0b solid 1px;
   background:#EAF5E7;
   padding:5px;
   margin:0 0 10px 1px;
   width:170px;
   position:relative;
}

.actue{
   border:#3267ff solid 1px;
   background:#EAF0FF;
   padding:5px;
   margin:0 0 10px 1px;
   width:170px;
   position:relative;
}

.actua{
   border:#8ac7ff solid 1px;
   background:#F3F9FF;
   padding:5px;
   margin:0 0 10px 1px;
   width:170px;
   position:relative;
}


.actucontenu p{
   font-size:0.9em;
   margin:5px 0 0 0;
   padding:0 5px 0 0;
   text-align:left;
   text-indent:20px;
}

.plusactu{
   text-align:right;
   margin:5px 10px 0 0;
   padding:0;
   font-size:0.9em;
   font-weight:bold;
   color:#52B534;
  
}



/*-----------------------------------------*/
/*-------------BLOC ARTICLES---------------*/
/*-----------------------------------------*/
.articles span{
   display:inline;
   margin:2px 0;
   font-weight:bold;
   font-size:0.9em;
   color:#999;
}

.comment span{
   display:inline;
   margin:2px 0;
   font-weight:bold;
   font-size:0.9em;
   color:#999;
}

.articles{
    border-bottom:#acacac 1px solid;
    margin:20px 20px;
    padding:0;
}

.articles p{
   margin:6px 0;
   padding:0;
   font-size:1em;
   text-align:justify;
}


/*-----------------------------------------*/
/*-------------BLOC QUICK------------------*/
/*-----------------------------------------*/
#quick ul{
   margin:1px 20px 0 20px;
   font-size:1em;
   color:#FFF;
}

#quick li{
   margin:0;
   padding:0;
}

/*-----------------------------------------*/
/*---------BLOC RECYCLAGE + KYOTO----------*/
/*-----------------------------------------*/

#kyoto4{
   border:#676767 solid 1px;
   background-color:white;
   padding:0;
   position:relative;
   z-index:0;
}

#recyc4{
   border:#2f980e solid 1px;
   background-color:white;
   padding:0;
   position:relative;
   z-index:0;
} 
#recyc4 p, #kyoto4 p{
   margin:0 0 5px 0;
   text-indent:20px;
   padding:10px 5px 5px 5px;
   text-align:justify;   
}

.texte{
   padding:20px;
} 
/*-----------------------------------------*/
/*----------------BLOC TEXTE---------------*/
/*-----------------------------------------*/  


#kyoto4 span, #recyc4 span{
   font-weight:bold;
}

 div.vert{
    margin:0;
    padding:0;
    z-index:1;
    position:relative;
    background:url("./images/bkv.jpg") repeat-x top center;
    color:#fff;
    font-weight:normal;
    height:26px;
 }
 
 div.gris{
    margin:0;
    padding:0;
    z-index:1;
    position:relative;
    background:url("./images/bkg.jpg") repeat-x top center;
    color:#fff;
    font-weight:normal;
    height:26px;
 } 
 
  div.hgris{
    margin:0;
    padding:0;
    z-index:1;
    position:relative;
    background:url("./images/headergris.jpg") repeat-x top center;
    color:#fff;
    font-weight:normal;
    height:43px;
    vertical-align:middle;
 } 
 
 div.hvert{
    margin:0;
    padding:0;
    z-index:1;
    position:relative;
    background:url("./images/headervert.jpg") repeat-x top center;
    color:#fff;
    font-weight:normal;
    height:43px;
    vertical-align:middle;
 } 
 
 div.hbleu2{
    margin:0 auto;
    padding:0;
    z-index:1;
    position:relative;
    background:url("./images/headerbleu.jpg") repeat-x bottom center;
    color:#fff;
    font-weight:normal;
    height:27px;
    width:492px;
    
    
    
 } 
 
  div.hbleu{
    margin:0;
    padding:0;
    z-index:1;
    position:relative;
    background:url("./images/headerbleu.jpg") repeat-x top center;
    color:#fff;
    font-weight:normal;
    height:27px;
    
 } 
 
 
 div.rouge{
    margin:0;
    padding:0;
    z-index:1;
    position:relative;
    background:url("./images/bkr.jpg") repeat-x top center;
    color:#fff;
    font-weight:normal;
    height:26px;
 }
 
 /*-----------------------------------------*/
/*AUTRES PAGES(ARTICLES LIENS POLITIQUE ETC)*/
/*-----------------------------------------*/
#autre4, #autre5{
   border:#1e92ff solid 1px;
   background-color:white;
   padding:0;
   position:relative;
   z-index:0;
   margin:0;
}
#autre5 p{
   margin:0;
}

.intro, .mintro{
   padding:1px 20px;
   text-align:justify;
   font-size:1em;
   background-color:#DFF3FF;
   
}

#autre4 div.date{
   font-weight:bold;
   font-size:1em;
   color:#666;
   display:block;
   text-align:right;
   padding:2px 5px 4px 0;
}

 .bk-g{
    background:#f1f1f1;
 }
 
 div.date img{
    margin:10px 10px 0 10px;
 }
 
 h1.atitre{
    margin:0;
    padding:8px 0 0 10px;
    color:#FFF;
 }
 
 



/*-----------------------------------------*/
/*-------------BLOC LIENS------------------*/
/*-----------------------------------------*/  
.liens{
    margin:20px;
    
}

.liens ul{
    margin:0 0 0 20px;
    list-style-type:none;
    padding:0;
    
}

.liens li{
   display:block;  
   padding:5px;
   font-size:1em;
}

.liens li a{
   font-weight:bold;
   text-decoration:none;
   color:#2F6F1B;
   font-size:1em;
}

.liens li a:hover{
   font-weight:bold;
   text-decoration:underline;
   color:#666;
   font-size:1em;
}


                     
/*-----------------------------------------*/
/*----------------BLOC RSS-----------------*/
/*-----------------------------------------*/                  
#rss{
   border:1px solid #acacac;  
   font-size:0.9em;
   padding: 0;
   text-align:justify;
   }

#rss div.beige{
   margin:0;
   background-color:#fdffec;
}

#rss div:hover{
   margin:0;
   background-color:#F3F3f3;
}

/*-----------------------------------------*/
/*-------------BLOC SOLUTIONS--------------*/
/*-----------------------------------------*/ 

#liste{
   margin:13px 0 0 7px;
}

#liste2{
   margin:13px 0 0 0;
   text-align:left;
}
 
 
div.image{
   margin:0 5px 0 0;
   padding:0;
   width:33px;
   font-weight:normal;
   font-size:1.1em;
   text-align:right;
   position:absolute;
   left:-10px;
   top:-10px;
}
 
#liste p{
   font-size:0.9em;
   margin:0 0 0 25px;
   padding:3px 5px 3px 0;
   width:135px;
   color:#666;
   text-align:justify;
}
 
#liste span{
   text-decoration:underline;
   padding:0 5px 0 0;
   font-weight:bolder;
   display:block;
   text-align:left;
}

.sol, .solair, .solnature, .solterre, .soleau{
   margin:0 0 13px 0;
   padding:0;
   border:1px solid #eaeaea;
   position:relative;
}

.solterre:hover{
   background-color:#fff;
   border:1px solid #ff9c00;
}

.soleau:hover{
   background-color:#fff;
   border:1px solid #306bff;
}

.solair:hover{
   background-color:#fff;
   border:1px solid #88c6ff;
}

.solnature:hover{
   background-color:#fff;
   border:1px solid #2f980e;
}
    
#liste div.date, #liste2 div.date{
   font-weight:bold;
   font-size:0.9em;
   color:#666;
   display:block;
   text-align:right;
   padding:2px 5px 4px 0;
}

/*-----------------------------------------*/
/*-------------FORMULAIRE------------------*/
/*-----------------------------------------*/  
.liens p{
    text-align:justify;
}
label{
   margin:0;
   line-height:25px;
   position:relative;
   display:inline;
   font-weight:bold;
   font-size:0.9em;
   
}

input, textarea, select{
  margin:0;
  border:#666 solid 1px;
}

span.formulaire{
    color:#1e92ff;
    font-weight:bold;
    display:block;
    padding:0;
    border-bottom:#1e92ff solid 1px;
}

form{
   width:300px;
   margin:0 auto;
}

p.intro{
   padding:10px;
}

p.intro a, form p a{
   color:#1e92ff;
   text-decoration:none;
}

p.intro a:hover, form p a:hover{
   text-decoration:underline;
}

   
/*-----------------------------------------*/
/*-----------------FOOTER------------------*/
/*-----------------------------------------*/                  
#menubp{
   width:750px;
   position:relative;
   top:-10px;
   
}

#quick ul, #menubp ul{
   margin:0;
   padding:0;
   list-style-type:none;
   position:relative;
}

#quick li, #menubp li{
   margin:0;
   padding:0;
   display:inline;
   position:relative;
   margin:0 3px 0 3px;
}

li img{
   position:relative;
   vertical-align:middle;
}

.linkbp{
   color:#306bff;
   font-size:1em;
   margin:18px;
}

.copy{
   color:#666;
   font-size:1em;
   margin:15px 0 0px 0;   
}
            
/*-----------------------------------------*/
/*----------------HACK CSS-----------------*/
/*-----------------------------------------*/
/*POUR IE MAC*/.plus{
   font-size:0.9em;
   text-align:center;
   position:absolute;
   right:40px;
   width:120px;
   padding:2px 5px;
   font-weight:bold;
}

/*\IE MAC HACK*/.plus{
   font-size:0.9em;
   text-align:center;
   position:relative;
   left:300px;
   bottom:-13px;
   padding:2px 5px;
   font-weight:bold;
}/**/

.plus img{
   border:0;
}
               
/*-----------------------------------------*/
/*--------------CLEAR BOTH-----------------*/
/*-----------------------------------------*/             
.end{
   clear:both;
   border-top:1px solid #acacac;
   margin:0 0 0 2px;
}

.end2{
   clear:both;
}

/*-----------------------------------------*/
/*------------LIENS HYPERTEXTES------------*/
/*-----------------------------------------*/    

/*============================*/
/*------Menu Rapide-----------*/  
#quick a{
   color:#FFF;  
   text-decoration:none;
}
#quick a:hover{
   color:#FFF;  
   text-decoration:underline;
}




/*============================*/
/*------Beadcrumb-----------*/  
#where a{
   color:#2F6BFD;  
   text-decoration:none;
}

#where a:visited{
   color:#2F6BFD;  
   text-decoration:underline;
}
#where a:hover{
   color:#2F6BFD;  
   text-decoration:none;
}





/*============================================*/
/*-----Liens GRANDS PROBLEMES TERRE-----------*/  
a.gpt{
   color:#EF8100;
   text-decoration:underline;
}
a.gpt:hover{
   color:#9F1A00;
   text-decoration:underline;
}




/*============================================*/
/*-----Liens GRANDS PROBLEMES NATURE----------*/  
a.gpn{
   color:#309c0b;
   text-decoration:underline;
}
a.gpn:hover{
   color:#194F00;
   text-decoration:underline;
}




/*===========================================*/
/*-----Liens GRANDS PROBLEMES EAU-----------*/  
a.gpe{
   color:#3267ff;
   text-decoration:underline;
}
a.gpe:hover{
   color:#082D8F;
   text-decoration:underline;
}





/*==========================================*/
/*-----Liens GRANDS PROBLEMES AIR-----------*/  
a.gpa{
   color:#4D92CF;
   text-decoration:underline;
}
a.gpa:hover{
   color:#006DCF;
   text-decoration:underline;
}





/*=================================*/
/*-----Liens avec images-----------*/  
.date img, .date2 img, .date3 img, .date4 img, #entete img, #liste img, .ele4 img, .plusactu img, .menuprinc img, .propose img{
    border:0;
}





/*================================*/
/*------En savoir plus-----------*/  
.plus a, .plusactu a{
   color:#52b532;
   text-decoration:none;
}

.plus a:hover, .plusactu a:hover{
   color:#30980f;
   text-decoration:underline;
}





/*===============================*/
/*------Actualites h2-----------*/  
.actu h2 a, .actua h2 a, .actun h2 a, .actue h2 a{
   text-decoration:none;
}

.actu h2 a:hover, .actun h2 a:hover, .actue h2 a:hover, .actua h2 a:hover{
   text-decoration:underline;
}

.actu h2 a:visited, .actun h2 a:visited, .actue h2 a:visited, .actua h2 a:visited{
   text-decoration:underline;
   color:#666;
}



/*===================================*/
/*------kyoto recyclage h1-----------*/  
.kyoto h1 a, .recyc h1 a, h1.atitre a{
   color:#fff;
   text-decoration:none;
}

.kyoto h1 a:hover, .recyc h1 a:hover, h1.atitre a:hover{
   color:#fff;
   text-decoration:underline;
}




/*=============================*/
/*------kyoto liens-----------*/  
#kyoto4 p a, #recyc4 p a{
   color:#306bff;
   text-decoration:none;
}
#kyoto4 p a:hover, #recyc4 p a:hover{
   color:#306bff;
   text-decoration:underline;
}




/*========================================*/
/*------Bas de pages 4 elements-----------*/  
#autre4 div.date a, #recyc4 div.date a, #kyoto4 div.date a, #liste div.date a,  #liste2 div.date a, .ele4 a{
   color:#666;
   text-decoration:none;
}
#autre4 div.date a:hover, #recyc4 div.date a:hover, #kyoto4 div.date a:hover, #liste div.date a:hover, #liste2 div.date a:hover, .ele4 a:hover{
   color:#666; 
   text-decoration:underline;
}




/*==================================*/
/*------Bas de page Liens-----------*/  
.linkbp a{
   color:#306bff;  
   text-decoration:none;
}

.linkbp a:visited{
    color:#306bff;
   text-decoration:none;
}
.linkbp a:hover{
   color:#306bff;
   text-decoration:underline;
}



/*===========================*/
/*------Copyright-----------*/  
.copy a{
   color:#000;  
   text-decoration:none;
}

.copy a:visited{
   color:#666;
   text-decoration:underline;
}
.copy a:hover{
   color:#333;
   text-decoration:underline;
}




/*====================================*/
/*------Liens non soulignˇs-----------*/  
#droite a{
    text-decoration:none;
}




/*===========================*/
/*---------AUTRE  -----------*/
.articles a, #liste a, .comment a{
    text-decoration:none;
    color:none;
}
.articles a:visited, #liste a:visited,{
    text-decoration:none;
    color:none;
}
.articles a:hover, .comment a:hover{
    text-decoration:underline;
    color:none;
}

#liste a:hover{
    text-decoration:none;
    color:none;
}

 
 .articles h3 a, #autre4 h4 a, .mintro p a{
     color:#1e92ff;
     text-decoration:none;
 }
 
  #autre4 h4 a{
     color:#666;
     text-decoration:none;
     font-weight:bold;
 }
 
  .articles h3 a:hover, #autre4 h4 a:hover, .mintro p a:hover{
     color:#1e92ff;
     text-decoration:underline;
 }
 
 


 
 
 
 
/*===============================*/
/*------Menu CSS HOVER-----------*/  
#menu a.button1, #menu a.button1:visited {display:block; background:url(images/links.jpg); background-position:bottom left; height:30px; width:90px; background-color:transparent; text-align:center; color:#fff; line-height:30px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal; font-size:1.1em;}
/*\IE MAC HACK*/#menu a.button1:hover{
   background-position:0px -60px; line-height:30px; overflow:hidden;
}/**/

#menu a.button2, #menu a.button2:visited {display:block; background:url(images/links2.jpg); background-position:bottom left; height:30px; width:90px; background-color:transparent; text-align:center; color:#fff; line-height:30px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal; font-size:1.1em;}
/*\IE MAC HACK*/#menu a.button2:hover{
   background-position:0px -60px; line-height:30px; overflow:hidden;
}/**/


#menu a.buttonh1, #menu a.buttonh1:visited {display:block; background:url(images/hovers.jpg); background-position:bottom left;height:30px; width:90px;  background-color:transparent; text-align:center; color:#fff;line-height:30px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal;font-size:1.1em;}
/*\IE MAC HACK*/#menu a.buttonh1:hover{
   background-position:0px -60px; line-height:30px; overflow:hidden;
}/**/

#menu a.buttonh2, #menu a.buttonh2:visited {display:block; background:url(images/hovers2.jpg); background-position:bottom left;height:30px; width:90px;  background-color:transparent; text-align:center; color:#fff;line-height:30px; text-decoration:none; font-family:verdana, sans-serif; font-weight:normal;font-size:1.1em;}
/*\IE MAC HACK*/#menu a.buttonh2:hover{
   background-position:0px -60px; line-height:30px; overflow:hidden;
}/**/