/***********************/
/* styles généralistes */
/***********************/

body {
	text-align : center
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 ;
	padding: 0;
	background-color: #ffffff;
}

/* les liens */
a:link {
	color: #333399;
	text-decoration: none;
}

a:visited {
	color: #003366;
	text-decoration: none;
}

a:hover {
	color: #6666FF;
	text-decoration: none;
}

/* les logos, documents et images */
img {
	margin: 0;
	padding: 0;
	border: 0;
}
.spip_logos {
  float: left;
  margin-right: 5px;
	padding: 0;
	border: 0;
}

.spip_documents {
	text-align: center;
}
.spip_documents_center {
	width: 100%;
	margin: auto;
	display: block;
}
.spip_documents_left {
	float: left;
	margin: 2px 15px 2px auto;
}
.spip_documents_right {
	float: right;
	margin: 10px auto 10px 15px;
	}
.spip_doc_titre {
	font-weight: bold;
	font-size: 0.8em;
}
.spip_doc_descriptif {
	clear: both;
	font-size: 0.8em;
}

.logocadre {
	position: relative;
	margin: -15px 0 0 -15px;
	z-index:1;
	width:36px;
	height:36px;
	float:left;
}
.logorub {
	position: relative;
	float: right;
	margin: 5px 5px 0px 0px;
}

#logoacad{
	position: absolute;
	top:0px;
	right:20px;
}


/* intertitre correspondant à la typo {{{  }}} */ 
h3.spip {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#006898; 
	text-align: left;
}

/* couleur de surlignage pour un mot trouvé par "recherche" */
.spip_surligne { background-color: #FFFF66; }

/***************************/
/* mise en place des blocs */
/***************************/

#page{
	padding: 20px 0 5px 0;
	margin: 20px 1em 0 1em;
}

#gauche{
	float:left;
	width: 11.5em;
}
#droite{
	float:right;
	width: 11.5em;
}
#centre{
	margin: 0 12.5em 0 12.5em;
}
#centre-article{
	margin: 0 0 0 12.5em;
}
#pied{
	clear: both;
	padding: 5px;
}
#pied img{
	margin: 0 10px 0 10px;
}

/* pour retrouver le flux normal d'affichage */
.nettoyeur {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
}
.nettoyeur2 {
	clear: right;
	margin: 0;
	padding: 0;
	border: none;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	visibility: hidden;
}

/*********************/
/* styles du bandeau */
/*********************/

#bandeau {
	background-color: #82ADE2;
}

#nom-site{
	position: absolute;
	font-family: cursive;
	top: 10px;
	left: 170px ;
	font-size: 2.5em;
	font-weight: bold;
	color: white;
}
#nom-site-ombre{
	position: absolute;
	font-family: cursive;
	left: 172px ;
	top: 12px;
	font-size: 2.5em;
	font-weight: bold;
	color: #003399;
}
#bandeau-droite {
	float: right;
}

#recherche {
	text-align: center;
	font-size: 0.8em;
	margin: 30px 5px 0 0;
}

#recherche img{
	float:left;
}
#recherche input {
	text-align: center;
	width: 10em;
	padding: 2px;
	margin: 10px 0 0 0;
	background-color: #E5EFF8;
	border-bottom: 2px solid #444444;
	border-left: 1px solid #777777;
	border-right: 2px solid #444444;
	border-top: 1px solid #777777;
}
.formulaire_recherche label {
	display: none;
}
#cadre-recherche{
	text-align: center;
	font-size: 11px;
	width: 12em;
	padding: 2px;
	background-color: #E5EFF8;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	border-bottom: 2px solid #444444;
	border-left: 1px solid #777777;
	border-right: 2px solid #444444;
	border-top: 1px solid #777777;
}



/**************************************************************/
/* habillage des cadres de couleur communs à toutes les pages */
/**************************************************************/
.entete{
	padding: 0.5em 0;
	text-align:center;
	height: auto;
	font-weight:bold;
	font-size: 12px;
	-moz-border-radius: 8px 8px 0 0; /*bords arrondis que pour mozilla*/
}
.texte{
	font-size: 11px;
	text-align: left;
	margin: 5px;
}


.cadre-bleu{
	background-color: #E5EFF8;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	border-bottom: 2px solid #82ADE2;
	border-left: 1px solid #82ADE2;
	border-right: 2px solid #82ADE2;
	border-top: 1px solid #82ADE2;
	margin-bottom: 15px;
}
.cadre-bleu .entete{
	background-color: #82ADE2;
}

.cadre-jaune{
	background-color: #FFF8AC;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	border-bottom: 2px solid #FFED00;
	border-left: 1px solid #FFED00;
	border-right: 2px solid #FFED00;
	border-top: 1px solid #FFED00;
	margin-bottom: 15px;
}
.cadre-jaune .entete{
	background-color: #FFED00;
}

.cadre-vert{
	background-color: #D6EACA;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	border-bottom: 2px solid #51B169;
	border-left: 1px solid #51B169;
	border-right: 2px solid #51B169;
	border-top: 1px solid #51B169;
	margin-bottom: 15px;
}
.cadre-vert .entete{
	background-color: #51B169;
}

.cadre-gris{
	background-color: #e9e9e9;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
  border-bottom: 2px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-right: 2px solid #c1c1c1;
	border-top: 1px solid #c1c1c1;
	margin-top: 15px;
}
.cadre-gris .entete{
	background-color: #c1c1c1;
}

/* largeur du cadre de saisie du login */
#formulaire_login ul li{
	list-style: none;
	margin-left: -30px;
 }
#var_login, #password {
	width: 140px;
}

.editer_login label{

display: block;
float: left;

}

/* 2 styles spécifiques pour les cadres "derniers articles" et "meme rubriques" */
.titre-article-cadre{
	margin: 0 5px 0px 41px;
	font-size: 1.2em;
	font-weight:bold;
	text-align: left;
}
.date-auteur-cadre{
	margin: 0 5px 10px 41px;
}

#pied{
	background-color: #E5EFF8;
	font-size: 10px;
	text-align: center;
	border:1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
}

/************************************************/
/* les styles de la partie centrale du sommaire */
/************************************************/

.cadre-articles-sommaire {
	border:1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	text-align:left;
	font-size: 12px;
	margin: 5px 0px 10px 10px;
	padding: 0 5px;
	background-color: #E5EFF8;
}



/****************************************************/
/* les styles communs aux pages rubrique et article */
/****************************************************/

.cadre-chemin {
	text-align:left;
	font-size: 10px;
	margin: 0px 0px 10px 0px;
	padding: 0 5px;
}
.cadre-chemin img{
	margin: 0 2px 0 4px;
}



/********************/
/* la page rubrique */
/********************/


#cadre-rubrique {
	border: 1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	background-color: #E5EFF8;
	padding: 5px;
}
#titre-rubrique {
	text-align: left;
	color: #006898;
	font-size: 18px;
	font-family: Tahoma;
	margin: 0px 5px;
}
#descriptif-rubrique {
	font-size:14px;
	color: #336699;
}
#texte-rubrique {
	font-size:12px;
	color: #333333;
	margin-left:5px;
}

.texte-insert{
	font-size: 12px;
	margin: 10px 0 0 0 ;
	font-weight: bold;
	font-style: italic;
}

.cadre-articles-rubrique {
	border:1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	text-align:left;
	font-size: 12px;
	margin: 5px 0px 10px 10px;
	padding: 0 5px;
}
.titre-articles-rubrique {
	font-size: 12px;
	font-weight: bold;
	margin-top: 15px;
}
.introduction-articles-rubrique{
	font-size: 12px;
	margin: 20px 0px 10px 25px;
}
.auteur-articles-rubrique{
	text-align: right;
	font-size: 10px;
	margin: 5px;
}

.cadre-sous-rubrique {
	border:1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	text-align:left;
	font-size: 12px;
	margin: 5px 0px 10px 20px;
	padding: 0 5px;
}
.titre-sous-rubrique {
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 10px 5px;
}
.descriptif-sous-rubrique {
	font-size: 12px;
	margin: 0px 25px 5px 25px;
}
.nombre-articles-rubrique{
	text-align: right;
	font-size: 10px;
	margin: 0 5px 5px 5px;
}
.titre-site{
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 5px 5px;
}
.descriptif-site{
	font-size: 10px;
	margin: 0px 5px 5px 10px;
}



/*******************/
/* la page article */
/*******************/

#cadre-article{
	border: 1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	background-color: #ffffff;
}
#cadre-titre-article{
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	background-color: #E5EFF8;
	padding: 5px;
}

#titre-article {
	text-align:left;
	color:#006898;
	font-size: 18px;
	font-family: Tahoma;
	margin:0px 5px;
}
#descriptif-article {
	font-size:14px;
	color: #336699;
	margin:0px 5px 0 10px;
}
#auteur-article{
	text-align: right;
	font-size: 10px;
	margin: 5px;
}
#imprime-article{
	font-size:10px;
	margin: 0 0 15px 0 ;
}
#imprime-article img{
	vertical-align: middle;
}

#texte-article {
	text-align: left;
	font-size: 12px;
	margin: 0px 5px;
}
#chapeau{
	color: #777879;
	font-style: italic;
}
#notes{
	padding: 0 0 0 10px;
	font-size: 10px;
}
#ps{
	background-color: #efefef;
	padding: 10px;
	font-size: 12px;
	-moz-border-radius: 12px; /*bords arrondis que pour mozilla*/
}
#site{
	padding: 10px 5px 10px 20px;
	font-size: 12px;
}
#cadre-telechargement {
	border:1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	background-color: #E6E6E6;
	text-align:left;
	font-size: 10px;
	margin: 50px;
}

.titre-doc {
	font-size: 12px;
	font-weight: bold;
}
.texte-doc{
	font-size: 10px;
	text-align: left;
	margin: 5px;
}
.texte-doc ul{
	list-style-type: none;
}
#cadre-telechargement ul {
	margin: 10px 5px 5px 0;
}
#cadre-telechargement ul li {
	font-size: 10px;
	margin: 0 0 0 10px;
}
#haut {
	font-size: 10px;
	text-align: right;
}

/***************************/
/* les forums des articles */
/***************************/

#texte-forum {
	text-align: left;
	font-size: 12px;
	margin: 0px 5px;
}
#texte-forum img{
	float: left;
}
#repondre-article{
	font-size:14px;
	margin: 0 0 20px 40px;
}
#repondre-article img{
	margin-right: 10px;
}
.forum_thread {
	border:1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	padding: 5px;
	margin: 20px 0 0 0;
}
.forum_thread a{
	font-size: 14px;
	font-weight: bold;
}
.titre-message{
	background-color: #EFEFF8;
	padding: 5px;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
}
.texte-message{
	margin: 5px 5px 5px 20px;
}

.decal-reponse{
	margin-left: 30px;
}

.forum_reponse {
	border:1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	padding: 5px;
}
.forum_reponse a{
	font-size: 12px;
	font-weight: bold;
}
.titre-reponse{
	background-color: #E5EFF8;
	padding: 5px;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
}

.reponse {
	text-align: right;
}
.reponse a{
	font-size: 12px;
	font-weight: normal;
}

/******************************/
/* les pages forum et message */
/******************************/

#cadre-titre-forum{
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	background-color: #E5EFF8;
	padding: 5px;
	font-size: 16px;
	font-weight: bold;
}

#titre-article-forum{
	padding: 5px;
	text-align: left;
	background: #FFFFFF;
	border: 1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
}
#auteur-article-forum{
	padding: 5px;
	font-size: 10px;
}
#texte-article-forum{
	margin : 5px 5px 20px 20px;
}

/***************************/
/* la page du plan du site */
/***************************/

.titre-secteur {
	padding: 15px 0 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}
.plan-rubrique {
	font-size: 14px;
	list-style-type: disc;
	margin: 0 0 5px 0;
}
.plan-rubrique a{
	color: #000000;
}
.plan-article {
	font-size: 10px;
	list-style-type: circle;
}
.plan-article a{
	color: #333399;
}

/****************************/
/* la page des statistiques */
/****************************/

#stats{
	margin: 5px
}

.titre-stats{
	width: 100%;
	background-color: #82ADE2;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	margin: 0 0 5px 0;
}
.article-stats{
	float:left;
	font-size: 12px;
	text-align: left;
	line-height: 3;
}
.article-stats img{
	vertical-align: middle;
	margin: 0px 5px 0 0;
}
.nombre-stats{
	float:right;
	text-align: right;
	line-height: 36px;
	font-size: 12px;
}

/*********************/
/* la page recherche */
/*********************/

.cadre-resultat{
	border:1px solid #C4CCD4;
	-moz-border-radius:10px; /*bords arrondis que pour mozilla*/
	text-align:left;
	font-size: 14px;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	padding: 5px 0 5px 20px;
}

/********************************************/
/* les pages pour la recherche par mot-clés */
/********************************************/

.titre-moteur{
	font-size: 12px;
	width: 100%;
	font-weight: bold;
	margin-top: 5px;
}
.titre-moteur img{
	vertical-align: middle;
}
.choix{
	float: left;
	text-align: left;
	font-size:10px;
	margin: 5px 20px 0 5px ;
}
.choix input{
	vertical-align: middle;
}
#lancer-recherche{
	margin: 20px;
	text-align: center;
}

/**********************************/
/* les tableaux dans les articles */
/**********************************/

table.spip {
	margin-left: auto;
	margin-right: auto;
	border-collapse:collapse;
	font-size:12px;
}

table.spip caption{
	caption-side: bottom; /* bottom pas pris en compte par IE qui le mettra en haut */
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 80%;
}

table.spip tr.row_first {
	color: #fcf4d0;
	background-color: #82ADE2;
	text-align: center;
	padding: 2px 5px 2px 5px;
}

table.spip tr.row_even {
	background-color: #E5EFF8;
}
table.spip tr.row_odd {
	background-color: #ccccff;
}

table.spip td {
	padding: 3px 5px 5px 5px;
	text-align: left;
	vertical-align: middle;
}

/***************************************************************/
/* autres styles pour les articles avec la barre typo enrichie */
/***************************************************************/
.texteencadre-spip {
	color: #000033;
	background: #EEF;
	border-bottom: 2px solid #0066CC;
	border-left: 1px solid #3399FF;
	border-right: 2px solid #0066CC;
	border-top: 1px solid #3399FF;
	margin: 1em 0;
	padding: .25em;
	position: relative;
}

.caractencadre-spip {
	color: #F60;
	font-weight: bold;
}

.caractencadre2-spip {
	color: #009;
	font-weight: bold;
}

acronym.spip_acronym {
	cursor: help;
	border-bottom: 1px dotted;
}

a[hreflang]:after {
content: "\0000a0[" attr(hreflang) "]";
color: #999;
background : transparent;
}

a.spip_blank {
	color: #F00;
}
/*****************************/
/* styles pour le calendrier */
/*****************************/

/* les boutons de sélection du mois et de l'année */
.formbuscar_ag {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 55px;
	font-size: 10px;
	border: 1px solid ;
	color:#666666;
	padding: 0px;
	margin: 0 0 3px 0;
}
/* le bouton "Go" */
.botonbuscar_ag {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#006699;
	padding: 0px;
	margin: 0 0 3px 0;
}

.small_mini {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	text-align:center;
	font-style:normal;
	border: 1px solid #82ADE2
}
/* liste jours de la semaine */
.calendar_head_mini {
	background-color: #82ADE2;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
}


}
.calendar_this_month {
	background-color: #E5EFF8;
}
.calendar_not_this_month {
	background: #dfdfdf;
	color:white;
}
.calendar_this_day {
	background-color: #B1C3D9;
	font-weight: bold;
	border: 1px solid ;
	color: black;
}

.calendar_mini_event {
	display: block;
	background-color: #FFFFCC;
	border: 1px solid #666;
}
.entete-evenement{
	background-color: #82ADE2;
	margin-top: 10px;
	padding: 2px 0;
	text-align:center;
	font-weight:bold;
	font-size: 12px;
	-moz-border-radius: 8px 8px 0 0; /*bords arrondis que pour mozilla*/
}
.liste-evenements{
  font-size:9px;
	color:#999999;
	margin: 2px 0 2px 0;
}
.voir-agenda{
	background-color: #82ADE2;
	padding: 1px 0;
	margin: 10px auto 10px auto;
	width: 80%;
	/width: 100%; /* pour IE qui ne comprend pas margin:auto !*/
	text-align:center;
	font-weight:bold;
	font-size: 10px;
	-moz-border-radius: 8px; /*bords arrondis que pour mozilla*/
}

