
/* Le fond de toute la page !!! Corp du texte principal et fond arrière*/  /* A garder MV */ 
body{
background:#f5f5f5;
color:#555;}

/* 1er boite ! L'en-tête et son fond */ /* A garder MV */ 
#header{
	background:#FFFFFF;
	background-image:url(../images/fonds/banner.jpg);}

/* Grande boite principale !!! Le fond derrière les textes ! Ne pas modifier, lié au background! */  /* A garder MV */ 
#container{
	background:#f5f5f5;}

/* 2eme boite ! liées à la 3eme !! Affichage du menu horizontal */   /* A garder MV */
.menu{
	background:#fff;}

/* 3eme boite ! liées à la 2eme !! Le fond derrière les cadres */  /* A garder MV */ 
#surcontent{
	background:#ffffff;}

li.actif{
background:#DF4914;}

/* Fond grande Boite Centrale */ /* A garder MV */ 
#content{
	background:#ffffff;}




/* ONGLETS */   /* A garder MV */
a.image_accueil{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_accueil.gif) no-repeat 0 0;}
a.image_accueil2{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_accueil_off.gif) no-repeat 0 0;}
a.image_accueil2:hover, a.image_accueil2:focus{
background-image:url(../images/icones/ong_accueil_on.gif);}

a.image_association{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_association.gif) no-repeat 0 0;}
a.image_association2{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_association_off.gif) no-repeat 0 0;}
a.image_association2:hover, a.image_association2:focus{
background-image:url(../images/icones/ong_association_on.gif);}

a.image_television{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_television.gif) no-repeat 0 0;}
a.image_television2{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_television_off.gif) no-repeat 0 0;}
a.image_television2:hover, a.image_television2:focus{
background-image:url(../images/icones/ong_television_on.gif);}

a.image_reportages{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_reportages.gif) no-repeat 0 0;}
a.image_reportages2{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_reportages_off.gif) no-repeat 0 0;}
a.image_reportages2:hover, a.image_reportages2:focus{
background-image:url(../images/icones/ong_reportages_on.gif);}

a.image_partenaires{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_partenaires.gif) no-repeat 0 0;}
a.image_partenaires2{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_partenaires_off.gif) no-repeat 0 0;}
a.image_partenaires2:hover, a.image_partenaires2:focus{
background-image:url(../images/icones/ong_partenaires_on.gif);}

a.image_presse{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_presse.gif) no-repeat 0 0;}
a.image_presse2{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_presse_off.gif) no-repeat 0 0;}
a.image_presse2:hover, a.image_presse2:focus{
background-image:url(../images/icones/ong_presse_on.gif);}

a.image_contact{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_contact.gif) no-repeat 0 0;}
a.image_contact2{
display:block;
width:135px;
height:28px;
background:url(../images/icones/ong_contact_off.gif) no-repeat 0 0;}
a.image_contact2:hover, a.image_contact2:focus{
background-image:url(../images/icones/ong_contact_on.gif);}
/*FIN DES ONGLETS */   /* A garder MV */


/* SOUS-MENU */  /* A garder MV */
#sous_menu_accueil{
	background-color:#ffffff;
	background-image:url(../images/fonds/ban_accueil.jpg);}
	#sous_menu_accueil ul.titre{
		color:#DF4914;}
	#sous_menu_accueil ul.texte, #sous_menu_accueil ul.texte a{
		color:#ffffff;}
#sous_menu_association{
	background-color:#ffffff;
	background-image:url(../images/fonds/ban_association.jpg);}
	#sous_menu_association ul.titre{
		color:#DF4914;}
	#sous_menu_association ul.texte, #sous_menu_association ul.texte a{
		color:#ffffff;}
#sous_menu_television{
	background-color:#ffffff;
	border-color:#DF4914;
	background-image:url(../images/fonds/ban_television.jpg);}
	#sous_menu_television ul.titre{
		color:#DF4914;}
	#sous_menu_television ul.texte, #sous_menu_television ul.texte a{
		color:#ffffff;}
#sous_menu_reportages{
	background-color:#ffffff;
	border-color:#DF4914;
	background-image:url(../images/fonds/ban_reportages.jpg);}
	#sous_menu_reportages ul.titre{
		color:#DF4914;}
	#sous_menu_reportages ul.texte, #sous_menu_reportages ul.texte a{
		color:#ffffff;}
#sous_menu_partenaires{
	background-color:#ffffff;
	border-color:#DF4914;
	background-image:url(../images/fonds/ban_partenaires.jpg);}
	#sous_menu_partenaires ul.titre{
		color:#DF4914;}
	#sous_menu_partenaires ul.texte, #sous_menu_partenaires ul.texte a{
		color:#ffffff;}
#sous_menu_presse{
	background-color:#ffffff;
	border-color:#DF4914;
	background-image:url(../images/fonds/ban_presse.jpg);}
	#sous_menu_presse ul.titre{
		color:#DF4914;}
	#sous_menu_presse ul.texte, #sous_menu_presse ul.texte a{
		color:#ffffff;}
#sous_menu_contact{
	background-color:#ffffff;
	border-color:#DF4914;
	background-image:url(../images/fonds/ban_contact.jpg);}
	#sous_menu_contact ul.titre{
		color:#DF4914;}
	#sous_menu_contact ul.texte, #sous_menu_contact ul.texte a{
		color:#ffffff;}
/*FIN DES SOUS-MENUS */ 


/* Les COINS des boites!!!! */   /* A SUPPRIMER MV bientot !!!!!!!!!!!!!!!!!!!! */
#hautdroit_o, #hautdroit_a, #hautdroit_ve, #hautdroit_al, #hautdroit_m, #hautdroit_vi, #hautdroit_r, #hautdroit_g, #basgauche_o, #basgauche_a, #basgauche_ve, #basgauche_al, #basgauche_m, #basgauche_vi, #basgauche_r, #basgauche_g {
width:20px;
height:20px;
background-repeat:no-repeat;
font-size:1px;
}
#hautdroit_o{
float:right;
background-image:url(../images/icones/coinminihaut_o.gif);}
#basgauche_o{
background-image:url(../images/icones/CoinsRondsEnBasJus.gif);}
#hautdroit_a{
float:right;
background-image:url(../images/icones/CoinsRondsEnHautAmethyste.gif);}
#basgauche_a{
background-image:url(../images/icones/CoinsRondsEnBasAmethyste.gif);}
#hautdroit_ve{
float:right;
background-image:url(../images/icones/CoinsRondsEnHautJade.gif);}
#basgauche_ve{
background-image:url(../images/icones/CoinsRondsEnBasJade.gif);}
#hautdroit_al{
float:right;
background-image:url(../images/icones/CoinsRondsEnHautLavande.gif);}
#basgauche_al{
background-image:url(../images/icones/CoinsRondsEnBasLavande.gif);}
#hautdroit_m{
float:right;
background-image:url(../images/icones/CoinsRondsEnHautMagenta.gif);}
#basgauche_m{
background-image:url(../images/icones/CoinsRondsEnBasMagenta.gif);}
#hautdroit_vi{
float:right;
background-image:url(../images/icones/CoinsRondsEnHautViolet.gif);}
#basgauche_vi{
background-image:url(../images/icones/CoinsRondsEnBasViolet.gif);}
#hautdroit_r{
float:right;
background-image:url(../images/icones/CoinsRondsEnHautRougeMars.gif);}
#basgauche_r{
background-image:url(../images/icones/CoinsRondsEnBasRougeMars.gif);}
#hautdroit_g{
float:right;
background-image:url(../images/icones/CoinsRondsEnHautGris.gif);}
#basgauche_g{
background:url(../images/icones/CoinsRondsEnBasGris.gif);
float:bottom;}



/* Fond du pied de page + couleur du texte syndication*/ /* A garder MV */ 
#surcontent_bas{
	background:#ffffff;
	background-image:url(../images/fonds/pied.gif);
	background-repeat:no-repeat;
}
#surcontent_bas{
	color:#000000;
	}
#surcontent_bas a,#surcontent_bas a:hover{
	color:#000000;
}


/* Les couleurs des bouton RSS, ical, vcard, geo, ok... */
.button {
	border-color: #ededed #dcdcdc #7f7f7f #979797;
	background-color: #a6a6a6;
	color:#fff;
	}
	
.red {
	color:#ff0000;
	font-size: 1.3em;
	}
