
/* corp du texte principal et fond arrière OK*/
body{
background:#f5f5f5;
color:#555;
}
/* les liens */
a:visited, a{
color: #9197c5;
}
/* les liens survollé par le mulot */
a:hover {
	color: #000;
}

/* le fond derrière les textes - OK*/
#container{
	background:#f5f5f5; 
/*	background:#0066CC; */
}

/* le fond derrière les cadres (peut ajouter une ombre aux cadres) - OK*/
#surcontent{
/*	background:#b2b2b2; */
	background-position: top left ;
	background-image: url('../images/fonds/fond_erf.png') ;
 	background-attachment:fixed ;
 	background-repeat: repeat-y ;
}

/* L'en-tête et son fond plus une image saisonnière derrière le logo en option - ok*/
#header{
/*	background:#0066CC; */
	background-position: bottom left ;
	background-image: url('../images/fonds/lignebandeau_erf.png') ;
 	background-attachment:fixed ;
 	background-repeat: no-repeat ;
}

/* La couleur des H3 et H5, respectivement Titre et descriptif */
#header h3{
	color: #555;
}
#header h5 a{
	color: #FFF;
}
/* le fond derrière les bulles - OK*/
ul#nav li{
	background:#fff;
}

/* les onglets */
ul#nav a{	
	color:#666;
}

ul#nav li.oui{
	background:#e9e9e9;
}

/* met le texte en vert, en gris, en blanc, en pale */	
.vert{
	color:#009900;
	}
.gris{
	color: #999999;
	}
.blanc,.blanc a{
	color:#fff;
	}
.pale,.pale a{
	color:#888;
}
	
/* Heu... c'est quoi ce css déjà? */	
ul#nav li.active a,ul#nav a:hover{
	color:#000;
	}

/* Fond grande Boite Centrale */
#content{
	background-color: transparent;
/*	background-position: top left ; */
/*	background-image: url('../images/fonds/fond_erf.png') ; */
/* 	background-attachment:fixed ; */
/* 	background-repeat: repeat-y ;*/
	}
	
/* Fond du pied de page + couleur du texte syndication*/
#footer{
	background:#c5c5c5;
	color:#fff;
	}
	
/* Les couleurs des bouton RSS, ical, vcard, geo, ok... */
.button {
	border-color: #ededed #dcdcdc #7f7f7f #979797;
	background-color: #a6a6a6;
	color:#fff;
	}

/* Les couleurs de fond des boites  */
.grande_boite{
	background:#fff;	
}

.boite{
	background:#fff;
	}

/* le fond derrière les miniatures  */

#minipics li{
	background:#FFF;
	}

/* les deux x2 cellules/boites en haut et en bas avec le titre coloré - OK*/

#cel li h4, #celbas li h4, #cel li h4 a,#celbas li h4 a,#celptit li h4, #celptit li h4 a{
	color:#fff;
	background:#c9c9c9;
	}

/* Des textes dans les deux x2 même cellules boites - OK*/
#cel li p, #celbas li p, #celptit li p{
	background:#fff;
}
#encart li h4 , #encart li h4 a{
	color:#fff;
	background:#c9c9c9;
	}
#encart li p{
	background:#fff;
	color:#555;
}

#encart li p a:hover, #encart li p a:focus{
	color:#fff;
	background:#c9c9c9;
}	
/* les icônes. Voyez dans le source des pages pour savoir qui correspond à quoi */
.icone_fleche{
	background:url(../images/icones/couleurs/couleurs_bulle.gif);
}
.icone_filter{
	background:url(../images/icones/couleurs/couleurs_filter.gif);
}
.icone_photo{
	background:url(../images/icones/couleurs/couleurs_camera_unmount.gif);
}
.icone_forum{
	background:url(../images/icones/couleurs/couleurs_idea.gif);
}
.icone_menu{
	background:url(../images/icones/couleurs/couleurs_contents2.gif);
}
.icone_agenda{
	background:url(../images/icones/couleurs/couleurs_xfcalendar.gif);
}
.icone_stats{
	background:url(../images/icones/couleurs/couleurs_dialog-information.gif);
}
.icone_article{
	background:url(../images/icones/couleurs/couleurs_document.gif);
}
.icone_zip{
	background:url(../images/icones/couleurs/couleurs_zip.gif);
}
.icone_juk{
	background:url(../images/icones/couleurs/couleurs_audio-x-generic.gif);
}
.icone_post{
	background:url(../images/icones/couleurs/couleurs_redhat-email.gif);
}
.icone_membre{
	background:url(../images/icones/couleurs/couleurs_emblem-people.gif);
}
.icone_recherche{
	background:url(../images/icones/couleurs/couleurs_edit-find.gif);
}
.icone_site{
	background:url(../images/icones/couleurs/couleurs_internet-web-browser.gif);
}
.icone_gis{
	background:url(../images/icones/couleurs/couleurs_gis.gif);
}
.icone_arbre{
	background:url(../images/icones/couleurs/couleurs_logoeco.gif);
}
.icone_stock_pin{
	background:url(../images/icones/couleurs/couleurs_stock_pin.gif);
}
.premier{
	background:url(../images/icones/couleurs/couleurs_go-top.gif);
}
.dernier{
	background:url(../images/icones/couleurs/couleurs_go-bottom.gif);
}
.cadenas {
background: url(../images/icones/couleurs/couleurs_emblem-lock.gif);
}
.repondre a{
	background:url(../images/icones/couleurs/couleurs_undo.gif);
}

.icone_arbre,.cadenas,.repondre a,.icone_gis,.icone_site,.icone_fleche,.icone_post,.icone_membre,.icone_filter,.icone_article,.icone_photo,.icone_forum,.icone_stats,.icone_menu,.icone_agenda,.icone_zip,.icone_juk,.icone_recherche,.icone_stock_pin{
	background-repeat:no-repeat;
}

/* les fonds des forums */

.discussion{
	background:#fff;
}
.avatar{
	background:#fff;
}
.interne{
	background:#f0f0f0;
}
.interforum,.interforumgrand{
	background:#ecedf5;
}


/* les membres et leurs icônes */

.membres li a,.legende li,.forum li a{
	background-repeat: no-repeat;
}
.forum li a{
	background-image:url(../icones/48x48/forum.gif);
}
.auteur a,.leg_aut{
	background-image:url(../images/icones/bleu.gif);
color:#5890d8;
}
.visiteur a,.leg_vis{
	background-image:url(../images/icones/vert.gif);
color:#009900;
}
.modo a,.leg_mod{
	background-image:url(../images/icones/orange.gif);
color:#FF9900;
}
.attente a,.leg_att{
	background-image:url(../images/icones/noir.gif);
color:#000;
}

/* les class spip modifiees */

/* alignements des docs dans l article */

.spip_surligne{
color:#bbb;
}

/* le quote (citation) via balise <quote> */

blockquote.spip{
	background: #fff;
	background-image: url(../images/icones/couleurs/couleurs_quote.gif);
	background-repeat:no-repeat;
	background-position:10px -6px;
	border: 2px dashed #ecedf5;
}

/* les formulaires */

fieldset .focus {	
	background: #f0f0f0;
	color: #000;
}

/* les tableaux */

table.spip tr.row_first {
	background-color: #c9c9c9;
	}
table.spip tr.row_odd {
	background-color: #ebebeb;
}
table.spip tr.row_even {
	background-color: #f5f5f5;
}


/* Thickbox 2 */

#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#6a6a6a;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#TB_window {
	position: absolute;
	background: #fff;
	z-index: 102;
	color:#000;
	display:none;
	text-align:left;
	vertical-align: middle;
	 -moz-border-radius:10px 10px 0 0;	
}

#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  padding:0px 205px 10px 10px;
  color:#666;
   -moz-border-radius:0 0 10px 10px;	
}

#TB_HideSelect{
z-index:99;
position:absolute;
top: 0;
left: 0;
background-color:#fff;
border:none;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}

/* Minical */

#calendar{
	/*border-top: 1px solid #F0F0F0;*/
}

#calendar table th{
	color: #b2b2b2;
	background: transparent;
}

#calendar table td a{
	display: block;
	background: #e9e9e9;
	color: #b2b2b2;
	font-weight: bold;
	text-decoration: none;
}

#calendar table td.today{
	border: 1px solid #b2b2b2;
}

#calendar table td a:hover{
	background: #cdcdcd;
	color: #6a6a6a;
}

#calendar table td.today a:hover{
	border: 1px solid #6a6a6a;
}


#menu dt {
	color: #6FB7FF;
	background: url(../images/menurub_passif.gif) left top repeat-y;
}

#menu li {
	color: #6FB7FF;
	background: url(../images/menusousrub_passif.gif) left top repeat-y;
}

#menu li a:hover, #menu li a:focus {
	color: #0066CC;
	background: url(../images/menusousrub_actif.gif) left top repeat-y;
}

#menu dt a:hover, #menu dt a:focus {
	color: #0066CC;
	background: url(../images/menurub_actif.gif) left top repeat-y;
}


