/* corp du texte principal et fond arrière*/
body{
background:#fefced;
color:#000;
}
/* les liens */
a:link{
color: #000000;
}
a:visited {
color: #9197c5;
}

/* les liens survollé par le mulot */
a:hover {
	color: #000;
}

/* sous-menu */
#sousmenu{
	background:#f8f9f0;

}

.sousmenubouton{
      color: #000;
      background:#E5e7be;
	  	text-decoration: none;

}


.sousmenulink A:link {text-decoration: none}
.sousmenulink A:visited {text-decoration: none; color: #000000;}
.sousmenulink A:active {text-decoration: none; color:  #320508;}
.sousmenulink A:hover {text-decoration: none; color: #320508;}

/* menu_acces-rapide */
.marcontainer
{
margin-left:20px;	
}
#marlist
{
font: normal 10px, Verdana, sans-serif;
width:178px;

}
.marlink
{
font: normal 10px, Verdana, sans-serif;
}

ul#marlist, ul#marlist li {
list-style: none;
list-style-image: url("");
margin-left:0px;
padding-left:0px;
}

#marlist li#btn1
{

width: 178px;
height:31px;


background:url("../../IMG/gif/mar/btnA.gif") no-repeat;
}

#marlist li#btn2
{

width: 178px;
height:31px;

background:url("../../IMG/gif/mar/btnB.gif") no-repeat;
}
#marlist li#btn3
{

width: 178px;
height:31px;

background:url("../../IMG/gif/mar/btnC.gif") no-repeat;
}
#marlist li#btn4
{

width: 178px;
height:31px;

background:url("../../IMG/gif/mar/btnD.gif") no-repeat;
}

#marlist a
{
width: 99%;
width: 178px;
display: block;
text-decoration: none;
color:#320508;
background: none;
}

#marlist li a:hover
{

background: none;

}
/* Habillage du mini calendrier */
#calendar { -moz-border-radius: 1em;text-align: center; border: 1px dotted #ccc; padding: 2px; padding-top: 0.5em; width:216px;}
#calendar table { width: 100%; margin: 0 auto; padding: 0; }
#calendar caption { font-size:0.8em;padding: 5px ; font-weight: bold; }
#calendar th { -moz-border-radius: 1em;background: #ADC7D6; font-weight: normal; color: #666; }
#calendar th abbr { border: none; cursor: help; }
#calendar td {-moz-border-radius: 0.7em; margin: 0; padding: 0; border: none; text-align: center; background: #ddd; line-height: 1.6em; }
#calendar td.horsperiode { background: #ececec; color: #ccc; }
#calendar td.occupe { background: #FFD98F; }
#calendar td a { display: block; }
#calendar td span { color: #aaa; }
#calendar td a:hover { border:0px }
#calendar tr { font-size:0.9em; }

/* Habillage agenda */
#agenda h3{
        text-align: center;
	padding: 2px 0 2px 0px;
}
#agenda dl{
	padding: 0;
}
#agenda dt{
        background-color: #FFD98F;
        -moz-border-radius: 10px;
        padding: 2px 0px 2px 10px;
        margin: 0px 0px 0px 0px;
}
#agenda dd{
        font-size: 0.9em;
        padding: 2px 0px 2px 20px;
        margin: 0px 0px 0px 0px;
}
/* le fond derrière les textes */
#container{
	background:#3a5748;
}

/* le fond derrière les cadres (peut ajouter une ombre aux cadres)*/
#surcontent{
	
	/*  background:#418b5a; */
	background:#2d7a4b;
}
/* Fond grande Boite Centrale */
#content{
	/*  background:#e5e7be; */
	background:#f4f4de;
	}
	
/* Fond du pied de page + couleur du texte syndication*/
#footer{
	z-index:1;
	position: relative;
	background:url("../../IMG/jpg/bg_footer_deg-vert-jaune.jpg") repeat bottom;
	font-size: 9px;
	width:806px;
	color:  #320508;
	-moz-border-radius: 8px;
	border-radius: 8px;
	}
/* L'en-tête et son fond plus une image saisonnière derrière le logo en option */

#footer p {
	padding-top:5px;
	padding-bottom:5px;
}

#headerimg{
    z-index:1;
	background:url("../../IMG/jpg/cjp_banniere2.jpg") no-repeat;
	position: relative;
	width: 810px;
	height: 119px;
	line-height: 119px;
	text-align: center;
}
#header{
	background:#EDE6DD;
	width: 810px;                                                      
	height: 119px;
	line-height: 119px;
}
#separateur{
	background:url("../../IMG/jpg/separateur.jpg") repeat bottom;
    position: relative;
	z-index:1;
	width: 810px;
	font: 10px, verdana,"Trebuchet MS",sans-serif;
	font-weight: bold;
	color:  #320508;
	line-height: 26px;
	height: 26px;
	text-align: right;
}
/* La couleur des H3 et H5, respectivement Titre et descriptif */
#header h3{
	color: #555;
}
#header h5 a{
	color: #FFF;
}
/* le fond derrière le menu horizontal */
#menu{
    font: 11px Verdana, sans-serif;
	background:url("../../IMG/jpg/bg_menu_deg-vert.jpg") repeat;
	
}
/* le fond derrière les bulles */


/* les onglets */
ul#nav a{	
	text-decoration:none;
}
ul#nav li{	
	background:#072a1e;
}
ul#nav li a:hover{	
	color:  #f1ecb8;
}
ul#nav li a{	
	color: #f1ecb8;
}
ul#nav li.oui a{
    color:  #320508;
	font: 9px;
	cursor:default;
}
ul#nav li.non a{
   	color: #f1ecb8;
}

ul#nav li.oui a:hover{
    color: #320508;
}
ul#nav li.non a:hover{
   	color: #fbfcf0;
}

ul#nav li.oui{
	background:#f4f4de;
	text-align:center;
	margin-top:1px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	margin-right:3px;

}
ul#nav li.non {
	background:#072a1e;
   	color: #f1ecb8;
	text-align:center;
	margin-top:1px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	margin-right:3px;

}

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

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

.boite{
	background:#f8f9f0;
	}
	
.boitemar{
	background:#f8f9f0;
	}

/* le fond derrière les miniatures  */

#minipics li{
	background:#FFF;
	}

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

#cel li h4, #celbas li h4, #cel li h4 a,#celbas li h4 a{
	color:#fff;
	background:#7E93AB;
	}

/* Des textes dans les deux x2 même cellules boites*/
#cel li p, #celbas li p{
	background:#fff;
}
	
/* 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_pulse{
	 position:relative;
     background-position: left top;
	 background:url(../images/icones/couleurs/flarepulse3bw.gif) no-repeat;
}
.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_punaise.gif);
}
.icone_arbre{
	background:url(../images/icones/couleurs/couleurs_logoeco.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{
	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;
}

div.formulaire_login ul {
	padding-left:0px;
	margin-left:0px;
	width:220px;
	list-style-type:none;
}

li.editer_login input {
	padding-left:0px;
	margin-left:0px;
	width:90%;
}

li.editer_password input {
	padding-left:0px;
	margin-left:0px;
	width:90%;
}

/* Thickbox 2 */

#TB_overlay {
	position: absolute;
	z-index:100;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	min-height:100%;
	background-color:#666666;
	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;
}