body {
margin: 0;
padding: 0;
background-color: #58682a;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
}

body.popup {
background-color: #FDEFB0;
}
body.lecteur {
background-color: #fdefb0;
}
/***********************************************************************/
/* PAGE ****************************************************************/

#page{
margin: auto;
width: 920px;
padding-top: 15px;
}
/***********************************************************************/
/* TOTAL ***************************************************************/
#total{
float: left;
margin: auto;
width: 920px;
background-repeat: repeat-y;
}
body.presentation #total {
background-image: url(fond_vert.jpg);
}
body.actions #total {
background-image: url(fond_beige.jpg);
}
body.popup #total {
width: 600px;
color: #74170F;
background-color: #FDEFB0;
}
/***********************************************************************/
/* POPUP ***************************************************************/

#popup {
margin: 20px 20px 20px 20px;
}

body.presentation #popup {
color: #58682a;
}

body.actions #popup {
color: #74170F;
}
/***********************************************************************/
/* HEADER **************************************************************/

#header {
float: left;
border-bottom: 2px solid #ADD24E;
}
/***********************************************************************/
/* LOGO ****************************************************************/

#logo {
float: left;
width: 152px;
height: 92px;
background-image: url(logo.jpg);
background-repeat: no-repeat;
}
/***********************************************************************/
/* BANDEAU HAUT ********************************************************/

#bandeau_haut {
float: left;
width: 766px;
height: 66px;
border-left: 2px solid #ADD24E;
background-image: url(bandeau_haut.jpg);
background-repeat: no-repeat;
}
/***********************************************************************/
/* LIENS BANDEAU HAUT ***************************************************/

#liens_bandeau_haut_fr,
#liens_bandeau_haut_eh,
#liens_bandeau_haut_occ {
float: right;
padding-top: 20px;
padding-right: 2px;
}

#liens_bandeau_haut_eh {
display: none;
}

#liens_bandeau_haut_occ {
display: none;
}

body.eh #liens_bandeau_haut_fr {
display: none;
}

body.eh #liens_bandeau_haut_eh {
display: block;
}

body.occ #liens_bandeau_haut_fr {
display: none;
}

body.occ #liens_bandeau_haut_occ {
display: block;
}
/***********************************************************************/
/* MENU HAUT FR *********************************************************/

#menu_haut_fr,
#menu_haut_eh,
#menu_haut_occ {
float: left;
width: 768px;
height: 26px;
background-color: #ADD24E;
}

#header ul {
float: left;
border-left: 2px solid #ADD24E;
}

#header ul li {
float: left;
display: inline;
}

#header ul li a {
float: left;
display: block;
height: 22px;
background-color: #882812;
border-right: 2px solid #ADD24E;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 14px;
font-weight: bold;
padding-top: 4px;
}
/************************************************************************/
/* SURVOL MENU HAUT *****************************************************/

#header ul li a:hover{
background-color: #F6C123;
color: #D72027;
}

#header ul li.actualites a:hover{
background-color: #D72027;
color: #F6C123;
}
/************************************************************************/
/* BOUTONS MENU HAUT ****************************************************/

#header ul li.reduire a {
width: 80px;
}

#header ul li.collecter a {
width: 160px;
}

#menu_haut_eh ul li.collecter a {
width: 150px;
}

#menu_haut_occ ul li.collecter a {
width: 180px;
}

#header ul li.valoriser a {
width: 170px;
}

#menu_haut_eh ul li.valoriser a {
width: 190px;
}

#header ul li.actualites a {
width: 80px;
background-color: #DD541E;
}

#header ul li.accueil a {
width: 22px;
background-image: url(image_menu_accueil.jpg);
background-repeat: no-repeat;
}

#menu_haut_eh ul li.actualites a {
width: 120px;
}

#header ul li.accueil a span {
display: none;
}
/************************************************************************/
/* SELECTION MENU HAUT ***************************************************/

body.reduire #menu_haut_fr ul li.reduire a {
background-color: #F6C123;
color: #D72027;
}

body.collecter #menu_haut_fr ul li.collecter a {
background-color: #F6C123;
color: #D72027;
}

body.valoriser #menu_haut_fr ul li.valoriser a {
background-color: #F6C123;
color: #D72027;
}

body.actualites#menu_haut_fr ul li.actualites a {
background-color: #F6C123;
color: #D72027;
}
/************************************************************************/
/* MENU HAUT EH *********************************************************/

#menu_haut_eh {
display: none;
}

body.eh #menu_haut_fr {
display: none;
}

body.eh #menu_haut_eh {
display: block;
}
/***********************************************************************/
/* MENU HAUT OCC *******************************************************/

#menu_haut_occ {
display: none;
}

body.occ #menu_haut_fr {
display: none;
}

body.occ #menu_haut_occ {
display: block;
}
/***********************************************************************/
/* INTER ****************************************************************/
#inter{
width: 920px;
float: left;
}
body.accueil #inter{
width: 380px;
height: 373px;
background-image: url(image_fond_accueil_fr.jpg);
background-repeat: no-repeat;
padding-left: 370px;
padding-right: 170px;
padding-top: 50px;
font-size: 13px;
font-weight: bold;
}
body.eh #inter{
background-image: url(image_fond_accueil_eh.jpg);
}
body.occ #inter{
background-image: url(image_fond_accueil_occ.jpg); 
}

/***********************************************************************/
/* HAUT ****************************************************************/
#haut {
width: 920px;
height: 200px;
overflow: hidden;
}
/***********************************************************************/
/* BAS ******************************************************************/
#bas {
width: 920px;
height: 223px;
overflow: hidden;
}
/***********************************************************************/
/* SOUS-MENU HAUT ******************************************************/
#sous_menu_haut{
width: 764px;
/*height: 20px;*/
padding: 0px 0px 0px 153px;
}
#sous_menu_haut ul {
background-color: #F6C123;
}
#sous_menu_haut ul li {
display: inline;
background-color: #F6C123;
}
#sous_menu_haut ul li a,
#sous_menu_haut ul li a {
color: #ffffff;
font-weight: bold;
text-decoration: none;
padding-left: 15px;
padding-right: 5px;
background-color: #F6C123;
background-image: url(triangle_blanc.jpg);
background-repeat: no-repeat;
}
#sous_menu_haut ul li a:hover {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.reduire #sous_menu_collecter,
body.reduire #sous_menu_valoriser,
body.collecter #sous_menu_reduire,
body.collecter #sous_menu_valoriser,
body.valoriser #sous_menu_collecter,
body.valoriser #sous_menu_reduire,
body.actualites #sous_menu_reduire,
body.actualites #sous_menu_collecter,
body.actualites #sous_menu_valoriser {
display: none;
}
/***********************************************************************/
/* SELECTION SOUS-MENU HAUT *********************************************/
body.reduire_definition #sous_menu_haut ul li.reduire_definition a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.reduire_politique_nationale #sous_menu_haut ul li.reduire_politique_nationale a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.reduire_politique_syndicat #sous_menu_haut ul li.reduire_politique_syndicat a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.reduire_presentation_actions #sous_menu_haut ul li.reduire_presentation_actions a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.reduire_trucs_astuces #sous_menu_haut ul li.reduire_trucs_astuces a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.collecter_definition #sous_menu_haut ul li.collecter_definition a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.collecter_actions_syndicat #sous_menu_haut ul li.collecter_actions_syndicat a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.collecter_filieres_valorisation #sous_menu_haut ul li.collecter_filieres_valorisation a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.collecter_reglementation #sous_menu_haut ul li.collecter_reglementation a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.collecter_equipements #sous_menu_haut ul li.collecter_equipements a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.collecter_trucs_astuces #sous_menu_haut ul li.collecter_trucs_astuces a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.valoriser_definition #sous_menu_haut ul li.valoriser_definition a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.valoriser_reglementation #sous_menu_haut ul li.valoriser_reglementation a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.valoriser_politique_syndicat #sous_menu_haut ul li.valoriser_politique_syndicat a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.valoriser_organisation_traitement #sous_menu_haut ul li.valoriser_organisation_traitement a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
body.valoriser_recherche_sites #sous_menu_haut ul li.valoriser_recherche_sites a {
background-image: url(triangle_rouge.jpg);
color: #D72027;
}
/***********************************************************************/
/* GAUCHE ***************************************************************/
#gauche {
float: left;
width: 160px;
padding: 0px 15px 0px 15px;
}
body.actions #gauche ul li {
background-image: url(carre_rouge.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 14px;
margin-bottom: 10px;
}
body.actions #gauche ul li a {
color: #CC6633;
text-decoration: none;
}
body.actions #gauche ul li a:hover {
text-decoration: underline;
}
body.presentation #gauche ul li {
background-image: url(carre_rouge2.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 14px;
margin-bottom: 10px;
}
body.presentation #gauche ul li ul li {
background-image: url(rond_vert.gif);
}
body.presentation #gauche ul li a {
color: #58682a;
text-decoration: none;
}
body.presentation #gauche ul li a:hover {
text-decoration: underline;
}
/***********************************************************************/
/* CONTENU *************************************************************/
#contenu{
float: right;
padding: 0px 10px 0px 15px;
width: 700px;
border-left: 1px solid #ADD24E;
}
h3 {
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 14px;
font-size: small;
}
body.actions h3,
body.popup h3 {
background-image: url(carre_rouge.gif);
color: #74170F;
}
body.presentation h3 {
background-image: url(carre_rouge2.gif);
color: #58682a;
}
h4 {
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 14px;
font-size: small;
}
body.actions h4 {
color: #74170F;
background-image: url(rond_jaune.gif);
}
body.presentation h4 {
color: #58682a;
background-image: url(rond_vert.gif);
}
body.presentation #popup h4 {
color: #58682a;
background-image: url(rond_jaune.gif);
}
body.actions #contenu,
body.actions #contenu a,
body.actions #popup,
body.actions #popup a,
body.popup,
body.popup a {
color: #74170F;
}
body.presentation #contenu,
body.presentation #contenu a,
body.presentation #popup,
body.presentation #popup a {
color: #58682a;
}
#contenu ul,
#popup ul {
padding: 0px 0px 0px 20px;
}
#contenu ul li,
#popup ul li {
list-style: disc;
}
#contenu ul li ul li,
#popup ul li ul li {
list-style: square;
}
/***********************************************************************/

/* CONTENU GAUCHE ******************************************************/

#contenu_gauche,
#contenu_gauche2,
#contenu_gauche3 {
float: left;
width: 330px;
}

/***********************************************************************/

/* CONTENU DROIT *******************************************************/

#contenu_droit,
#contenu_droit2,
#contenu_droit3 {
float: right;
width: 330px;
}

/***********************************************************************/

/* DRAPEAUX ************************************************************/

#drapeaux {
width: 335px;
}

/***********************************************************************/
/* TITRE ****************************************************************/
#titre {
width: 905px;
height: 68px;
float: left;
margin: 20px 0px 20px 0px;
padding: 0px 0px 0px 15px;
}
body.actions #titre {
margin-top: 0px;
}
body.actions #titre h2 {
margin: 0;
padding: 0;
}
/***********************************************************************/

/* FOOTER **************************************************************/

#footer {
width: 920px;
height: 93px;
margin: 0px;
float: left;
}

/***********************************************************************/

/* BANDEAU *************************************************************/

#bandeau {
width: 920px;
height: 73px;
margin: 0px;
float: left;
}

body.accueil #bandeau,
body.accueil_rubrique #bandeau{
display: none;
}

body.accueil_reduire #bandeau{
display: none;
}

body.presentation #bandeau{
background-image: url(bandeau_courbe_vert.jpg);
}

body.actions #bandeau{
background-image: url(bandeau_courbe_beige.jpg);
}

/***********************************************************************/

/* LANGUE MENU BAS ******************************************************/

#menu_bas_eh {
display: none;
}

#menu_bas_occ {
display: none;
}

body.eh #menu_bas_fr {
display: none;
}

body.eh #menu_bas_eh {
display: block;
}

body.occ #menu_bas_fr {
display: none;
}

body.occ #menu_bas_occ {
display: block;
}
 
/************************************************************************/

/* MENU BAS *************************************************************/

#footer ul {
float: left;
background-color: #62A210;
border: 2px solid #ADD24E;
}

#footer ul li {
float: left;
display: inline;
}

#footer ul li.mentions{
float: right;
}

#footer ul li.webmaster{
float: right;
}

#footer ul li a {
float: left;
display: block;
height: 20px;
background-color: #62A210;
border-right: 2px solid #ADD24E;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 12px;
padding-top: 2px;
}

/************************************************************************/

/* SURVOL MENU BAS ******************************************************/

#footer ul li a:hover{
background-color: #D72027;
}

/************************************************************************/

/* BOUTONS MENU BAS *****************************************************/

#footer ul li.qui_sommes_nous a {
width: 130px;
}

#footer ul li.marches a {
width: 120px;
}

#footer ul li.liens a {
width: 95px;
}

#footer ul li.agenda a {
width: 70px;
}

#footer ul li.telecharger a {
width: 115px;
}

#footer ul li.webmaster a {
width: 100px;
border-left: 2px solid #ADD24E;
}

#footer ul li.mentions a {
border-right: none;
width: 125px;
}

/************************************************************************/

/* BOUTONS MENU BAS EH **************************************************/

body.eh #footer ul li.qui_sommes_nous a {
width: 90px;
}

body.eh #footer ul li.marches a {
width: 145px;
}

body.eh #footer ul li.liens a {
width: 150px;
}

/************************************************************************/

/* BOUTONS MENU BAS OCC *************************************************/

body.occ #footer ul li.qui_sommes_nous a {
width: 60px;
}

body.occ #footer ul li.liens a {
width: 60px;
}

/************************************************************************/

/* SELECTION MENU BAS ****************************************************/

body.qui #footer ul li.qui_sommes_nous a {
background-color: #D72027;
}

body.marches_publics #footer ul li.marches a {
background-color: #D72027;
}

body.liens #footer ul li.liens a {
background-color: #D72027;
}

body.agenda #footer ul li.agenda a {
background-color: #D72027;
}

body.telecharger #footer ul li.telecharger a {
background-color: #D72027;
}

body.mentions_legales #footer ul li.mentions a {
background-color: #D72027;
}

/************************************************************************/

/* SOUS-MENU BAS *********************************************************/

#footer ul li.qui {
display: none;
}

body.qui #footer ul li.qui {
display: block;
}

body.qui #footer ul li.webmaster{
display: none;
}

body.qui #footer ul li.mentions{
display: none;
}

body.qui #footer ul li.telecharger a {
border-right: 0px solid #ADD24E;
}

/************************************************************************/

/* SURVOL SOUS-MENU BAS *************************************************/

#footer ul li.qui a:hover{
background-color: #62A210;
color: #FFFF00;
}

/************************************************************************/

/* BOUTONS SOUS-MENU BAS ************************************************/

#footer ul li.missions a {
width: 55px;
}

#footer ul li.hommes a {
width: 75px;
}

#footer ul li.adherents a {
width: 88px;
}

#footer ul li.fonctionnement a {
width: 95px;
}

#footer ul li.chiffres a {
width: 55px;
}

/************************************************************************/

/* SELECTION SOUS-MENU BAS ***********************************************/

body.missions #footer ul li.missions a {
color: #FFFF00;
}

body.hommes #footer ul li.hommes a {
color: #FFFF00;
}

body.adherents #footer ul li.adherents a {
color: #FFFF00;
}

body.fonctionnement #footer ul li.fonctionnement a {
color: #FFFF00;
}

body.chiffres #footer ul li.chiffres a {
color: #FFFF00;
}

/************************************************************************/

/* TABLEAU ***************************************************************/

#popup table,
#popup th,
#popup td {
color: #74170F;
border: 1px solid #74170F;
font-weight: bold;
}

#popup td {
height: 40px;
}

div.celluleJaune,.celluleJaune {
background-color: #F6C123;
}

/************************************************************************/



a {
color: #333333;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--- TEXTE ---*/
div.coul01, .vert, .coul01 {
color: #58682A;
}
div.coul02, .bordeaux, .coul02 {
color: #74170F;
}
div.coul03, .orange, .coul03 {
color: #FF9900;
}
div.coul04, .gris, .coul04 {
color: #333333;
}
div.coul05, .noir, .coul05 {
color: #000000;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureVerte{
border: 1px solid #58682A;
}
img.bord02, .bordureBordeaux {
border: 1px solid #74170F;
}
img.bord03, .bordureOrange{
border: 1px solid #FF9900;
}
img.bord04, .bordureGrise {
border: 1px solid #333333;
}
img.bord05, .bordureNoire {
border: 1px solid #000000;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------*/
/*--  PAGE INTRO  --*/
body.intro a {
color: #FFFF99;
text-decoration: none;
}
body.intro a:hover {
color: #D4E5A1;
text-decoration: underline;
}