/*================================================= 
	STYLES PERSONALIS�S Squelette R�CIT-FP Partenaire
		
	NOTE IMPORTANTE:
	
	- Cette feuille de style permet de faire des 
	  modification de base.  Pour aller plus loin
	  voir le fichier "style.css".
	  
	- Le bandeau se modififie via la configuration
	  l'interface prive avec le logo du site SPIP
	
	- Les boutons d'admin de SPIP se modifient dans
	  le fichier squelettes/spip_admin_perso.css
	  
	- Pour modifier le format de la page, r�cup�rer
	  le css dans squelettes/css/styles.css
	  
	Modifi� le 28 sept 2005 (PB)
==================================================*/

/* ==============================================================
        IMAGES DE FOND                 
 ============================================================= */
body {
	background: url(images/fond.png) repeat-y center;
	background-color: #d7d7d7;
}

#entete { 
	background: none;
	height: 174px;
}

#contenant { 
	width: 935px; /* Largeur de la page */
	background: none;
	margin: 0px auto;
}	

#pied { 
	background: none;
	height: 50px;
}



/*=================================================== 
   		COULEURS DES LIENS PAR D�FAUT
  ==================================================*/
a:link, 
a:visited, 
a:active { 

	color: black; /* Couleur */ 
	} 


/* ======================================== 
	MENU VERTICAL 
 ======================================== */
.menuGauche ul {} /* Contenant */
.menuGauche li {
	margin-bottom: 6px; /* Distance entre les liens */
	position: relative;	
	left: -15px;
	}
.menuGauche li a:link, .menuGauche li a:visited ,
.menuGauche li a:active, .menuGauche li a:focus {
	width: 164px; /* Largeur du menu */
	padding: 3px 0 3px 10px; /* Espace int�rieur  */
	text-decoration: none; /* Format du soulignement */
	border-width: 1px; /* Dimention de la bordure */
	border-style: solid; /* Type de bordure */
	border-color: black; /* red; /* #BFBFBF; /* Couleur de la bordure */
	font-weight: bold; /* Style du lien ("bold" = gras ou "normal") */
	color: white;  /* #828282; /* Couleur du lien */
	background-color: red; /* Couleur de fond */
	} 
.menuGauche li a:hover {
	color: red; /* Couleur du lien en survol  */
	background-color: white; /* Couleur de fond en survol */
	border-color: red; /* Couleur de la bordure */
	}  

/*=============================================================
	COULEURS DES TITRES DE NOUVEAUT�S (ACCUEIL) ET DES PAGES
 ==============================================================*/
 
 
#colcentre h3, /* Titre des nouveaut�s sur la page d'accueil  */
#contenu h2 /* Titre de la page d'un article */ {

	color: #FFFFFF; /* couleur du titre */
	background-color: red; /* red; /* #193485; /* couleur du fond */	
	}

#contenu { 
	margin-left: 195px; 
	margin-right: 0px; 
	padding: 10px 0 1em 0; 
	width: 727px;
	}

#colcentre { 
	position: relative;
	top: 10px;
	margin-left: 195px; 
	margin-right: 200px; 
	padding: 0 0 1em 0;
	}

#coldroite { 
	float: right; 
	width: 192px; 
	padding-top: 0px;
	margin-right: -2px;
	display: block; /* On le cache puisque l'on veut seulement 2 colonnes sur la page d'accueil */
	}

#colgauche { 
	float: left; 
	width: 170px; 
	margin-top: -3px; 
	margin-left: 25px;
	padding: 0;
	}

/* =============================================
        MENU HORIZONTAL
 ============================================ */

#topmenu {
	position: absolute; 
	top: 20px; 
	left: 755px;
	}

/* =============================================
        ENTETE
 ============================================ */

h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover { 
	display: block;
	background: none; /* url(images/logo-site.gif) no-repeat left top; /* Le logo */
	height: 48px; /* Hauteur de l'image */
	position: absolute; /* Acive le positionnement relative � l'ent�te  */
	top: 15px; /* Position du LOGO du haut de la page */
	left: 0px; /* Position du logo de la gauche de la page */
	padding-left: 40px; /* Position du TEXTE de la gauche de la page */
	padding-top: 0px; /* Position du TEXTE du haut de la page */
	font-size: 18px; /* Grosseur du caract�re */
	font-weight: normal; /* Enl�ve le gras par d�faut du H1 */
	color: black; /* #0a56a4; /* black; /* Couleur du texte */
	} 

#entete p {
	margin: 0; 
	padding: 0;
	position: absolute; /* Acive le positionnement relative � l'ent�te  */
	top: 0px; /* Position du haut de la page */
	left: 3px; /* Position de la gauche de la page */	
	width: 930px; /* Largeur de l'image du bandeau */ 
	height: 125px; /* Hauteur de l'image du bandeau */ 
	background: none; /* url(images/bandeau.png) repeat-x center top; /* L'image du bandeau */

}

/*------------------------------------------------
	12. AGENDA
 ------------------------------------------------*/
#calendrier {
	background-color: #EAEAEA; 
	margin: 0; 
	padding-bottom: 15px;  
	}
#calendrier table {
	width: 490px; 
	margin: 1px auto; 
	padding: 15px 0; 
	border-style: none;
	font-size: 10px;
	border-collapse: collapse; 
	} 
table.agenda {
	border-collapse: collapse; 
	}
table.agenda th.agendaNav {
	border-collapse: collapse; 
	border-style: none; 
	background-color: red; /*#EAEAEA;*/
	text-align: center;
	}
table.agenda th.agendaNav form {
	margin: 0 auto;
	width: 250px;
	}
table.agenda th.agendaNav form input.agendaBouton { 
	border-style: none; 
	color: #FFFFFF; 
	background-color: #BABEBF; 
	padding: 1px 10px;
	}
table.agenda th.agendaHead {
	background-color: red; /* #BBBFC0; */
	border: 1px solid #7A7A7A;
	}

table.agenda a, 
table.agenda a:link, 
table.agenda a:visited, 
table.agenda a:active { 
	text-decoration: none; 
	color: #000; 
	padding: 2px; 
	font-size: 9px;
	}
table.agenda a:hover { 
	text-decoration: underline; 
	}

table.agenda td {
	border: 1px solid #BFBFBF;
	}
table.agenda td.agendaThisMonth {
	background-color: #FFFFFF;
	}
table.agenda td.agendaThisDay {
	background-color: #BBC9E3;
	}
table.agenda td.agendaNotThisMonth { 
	background: #EFEFEF;
	}
table.agenda td.agendaNav {
	text-align: center; 
	border: none;
	}

/*
* AGENDA
*/
.agenda {
	margin: 10px 10px 0px 0px;
	font-size: 10px;
	color: #666;
}

.agenda .en-tete {
	display: block;
	background-color: red;
	font-weight: bold;
	font-size: 10px;
	color: white; /* #666; */
	text-align: center;
	border: 1px solid black; /* #BFBFBF; */
}

.agenda a.en-tete {
	display: block;
	background-color: #666;
	font-weight: bold;
	font-size: 10px;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid black; /* #BFBFBF; */
}

.agenda a.en-tete:hover {
	background-color: #EEEEEE;
	color: #666;
	border: 1px solid black; /* #BFBFBF; */
}
.agenda .contenu {
	border: 1px solid black; /* #BFBFBF; */
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 10px;
	/*width:150px;*/
}
.agenda .contenu .mois {
	border-bottom:1px solid red; /* #BFBFBF; */

	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	/*width:150px;*/
	text-align:center;
}

.agenda .contenu .mois a{
    	color: black; /* #051272; */
	font-weight: bold;
    text-decoration: none ;
	font-size: 10px;
}
.agenda .contenu .mois a:hover{
    	text-decoration: underline;
	color: red;
}

.tableau {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-align:center;
	font-style:normal;
}

.calendar_this_day {  /* surligne le jour d'aujourd'hui */
    	background: red;
	font-weight:bold;
	color : white;
}

.calendar_lien {  /* surligne un lien*/
    	background: red;
	font-weight:bold;
	color :#ffffff;
}

.calendar_this_month {  /* couleur des cases appartenant au mois en cours */
	background-color: #fefefe;
	color: black; /* #666; */
}

.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => d�but et fin de mois */
	background: #ececec;
	color:#aaa;
}

.calendar_head_mini {    /* corespond � la ligne des jours : lu ma me je ve sa di*/
	background-color: black; /* #051272; */
	text-align: center;
	font-size: 10px;
	color: #EEE;
	font-family: Verdana, Arial, Helvatica, sans-serif;	
	font-style:normal;
}