@charset "iso-8859-1";

body {margin: 0.2em; font-size: small; font-family: sans-serif}

a {text-decoration: none; color: #a02020}
a:hover {text-decoration: none; background-color: #a02020; color: white}

h1 {margin: 0; color: #336699}
h2 {margin: 0; color: #336699}
h3 {margin: 0; color: #336699}

/* ------------------------------------ */
/* 3 grandes zones */
#nav_1 {position: absolute; left: 0; top: 0; width: 20%; margin: 0; padding: 0.2em;}
html> body #nav_1 {}

#nav_2 {margin: 0; padding: 0.1em; margin-left: 21%}

#princip {margin: 0; padding: 0.2em; margin-left: 20%}
html> body #princip {margin-left: 21%}

/* #princip contient : début, 2 colonnes et fin  */
/* colonnes avec centre + grand (articles ...) */
/* #princip_deb {}
#col_1 {width: 44%; float: left; padding: 0.2em}
html> body #col_1 {width: 58%}
#col_2 {width: 30%; float: left; padding: 0.2em}
html> body #col_2 {width: 40%}
#princip_fin {clear: both} */

/* 2 colonnes égales (rubriques, accueil ...) */
#princip_deb {}
#col_1 {width: 59%; float: left; padding: 0.5em}
html> body #col_1 {width: 68%}
#col_2 {width: 19%; float: left; padding: 0.5em}
html> body #col_2 {width: 28%}
#princip_fin {clear: both}
/* ------------------------------------ */

/* 2 colonnes pour la salle */
#princip_deb {}
#col_1_salle {width: 20%; float: left; padding: 0.5em}
html> body #col_1_salle {width: 25%}
#col_2_salle {width: 20%; float: left; padding: 0.5em}
html> body #col_2_salle {width: 70%}
#princip_fin {clear: both}

/* ------------------------------------ */

/* rubrique 4 colonnes */
.colonnes_4 {margin-left: 5px; width: 18%; float: left; border-left: 2px solid #336699; border-bottom: 2px solid #336699; background-color: #FFFFCC; padding: 0.2em}
html> body .colonnes_4 {width: 23%}

/* grandes catégories */
.article {margin: 0; padding: 0.5em; background-color: #F5F5F5; border-right: 1px solid #336699; border-bottom: 1px solid #336699; margin-bottom: 0.6em}
.sousrubrique {border-left: 2px solid #336699; border-bottom: 2px solid #336699; margin-bottom: 0.5em; margin-top: 0.5em; padding: 0.5em; background-color: #FFFFCC; float: left}
.mot {}
.site {}
.archives {margin-left: 1em; margin-top: 1em; padding-left: 0.5em; padding-right: 0.5em; font-size: 90%; background-color: #DCDCDC}

/* début de pricipal avant les 2 col */
#princip_deb {padding: 0.5em; color: #336699}
#princip_deb h1 {font-size: 250%; text-align: center}
/* ------------------------------------ */

/*  pages rubriques */
.rubrique {}
.rubrique .rub_description {color: #336699}
.sousrubrique .article {float: right; width: 52%; font-size: 70%}
.sousrubrique .sousrubrique {float: right; width: 52%; padding: 3px}
.sousrubrique .rub_titredescription {float: left; width: 40%}
.sousrubrique .rub_description {color: #336699}
.sousrubrique h2 {color: #336699; font-size: 160%}
.sousrubrique .sousrubrique h2 {color: #336699; font-size: 120%}

/* article*/
.article .detail {width: 50%; float: center; text-align: center; font-style: italic; padding: 0.2em}
.article .detail0 {float: center}


.lepar {color: #808080;}
.det-forum {color: #2F4F4F}
.det-forum0 {color: #2F4F4F; font-size: 85%; padding: 0.1em}
.petition {color: #FF4500}
.petition0 {color: white; background-color: #FF4500}
.dossier {color: #808080}
.dossier0 {color: #808080}

.communique {text-align: left; font-weight: normal; font-style: italic; margin-bottom: 5px; background-color: #D3D3D3; padding: 1px; border: thin dashed gray; border-right: none; border-left: none}

.article .surtitre {text-align: center; font-size: 120%}
.article h1 {font-size: 180%; text-align: center}
.article .soustitre {text-align: center; font-size: 120%; font-style: italic}
.article .chapo {font-weight: bold; margin-left: 2em; margin-right: 1em; margin-top: 1em}
.article .texte {margin-top: 1em; margin-left: 1em; margin-right: 1em}
.article .ps {}
.article .notes {}
.impression {border: ; border-top: medium dotted white; margin: ; margin-top: 5px; padding-top: 5px}

/* listes d'articles */
.listearticles {display: block; margin: 0; padding: 0; list-style: none}
.listearticles .article {font-size: 90%}

.listearticles .article-on {background: none}

.listearticles .article .surtitre {text-align: center}
.listearticles .article h1 {text-align: center; font-size: 140%}
.listearticles .article .soustitre {text-align: center; font-style: italic}

.asso_liste {display: block; margin: 0px; padding: 0px; list-style: none; margin-left: 1em}
.asso_liste li {background-image: url(../IMG/puce0.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 1em}


/* images de navigation (flêches en roll over */

.hautpage {/* conteneur */
width: 13px; height: 13px; background: url(../IMG/ht2.GIF) top left no-repeat; float: right; margin-top: 5px; margin-bottom: 5px}

.hautpage a { /* définition du lien qui occupera toute la place du conteneur */
display: block;
width: 100%;
height: 100%;         
background: white url(../IMG/ht1.GIF) top left no-repeat;	/* placement de l'image 1 au premier plan */
color: #000;
}

.hautpage a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}
/* bas */
.bas {/* conteneur */
width: 13px; height: 13px; background: url(../IMG/bas2.GIF) top left no-repeat; float: right}

.bas a {/* définition du lien qui occupera toute la place du conteneur */
display: block; width: 100%; height: 100%; background: url(../IMG/bas1.GIF) #eeeeee top left; /* placement image 1 au premier plan */
color: #000}

.bas a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* lire suite */
.suite { /* conteneur */
width: 13px; height: 13px; background: url(../IMG/suite2.GIF) top left no-repeat}

.suite a {/* définition du lien qui occupera toute la place du conteneur */
display: block; width: 100%; height: 100%; background: url(../IMG/suite1.GIF) #eeeeee top left; /* placement image 1 au premier plan */
color: #000}

.suite a:hover {	/* masquage de l'image1 au survol */
background: transparent none;
}

/* assos assos assos assos assos assos assos assos assos assos assos */

.nom_asso {font-weight: normal; font-size: 250%}
.general_asso {border: 1px solid #336699; padding: 5px; margin-top: 10px; margin-bottom: 10px}
.present_asso {border: 1px solid #336699; padding: 5px; overflow: auto; max-height: 200px; height: expression(this.scrollHeight > 200? "200px" : "auto" );}
.site_asso {border: 1px solid #336699; padding: 3px; margin-top: 10px; margin-bottom: 10px}

/* conférences */
.conf {background-color: #e8f8f8}

/* agenda aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa */
.agenda {background-color: #FFEFD5}
.agenda .ps {background-color: #DCDCDC; margin-left: 2em; padding: 0.3em; margin-top: 1em}
.hebdo .article {font-size: 90%;}
.hebdo .article h1 {text-align: center; font-size: 140%}

.date {background-color: #336699; color: #eeeeee; padding-left: 3px; padding-right: 3px; font-weight: bold; text-align: left; font-size: 120%}
.date3 {background-color: #FF4500; color: white; padding-left: 3px; padding-right: 3px; font-weight: bold; text-align: left; font-size: 120%}
.date2 {background-color: #2F4F4F; color: white; padding-left: 3px; padding-right: 3px; font-weight: bold; text-align: left; font-size: 120%}

.heure {color: #336699; font-weight: bold; text-align: left; font-size: 100%; margin-bottom: 0.5em}
.heure3 {color: #FF4500; font-weight: bold; text-align: left; font-size: 100%}
.heure2 {color: #2F4F4F; font-weight: bold; text-align: left; font-size: 100%}

	/*onglets hebdos */
.tteslessemaines {color: #336699; font-style: italic; text-align: center; font-size: 150%; margin: 0}

.ongleact {background-color: #F5F5F5; border-right: 1px solid #336699; border-top: 2px solid #336699; color: #336699; font-weight: bold; font-size: 90%; text-align: center}

.onglepas {border-right: 1px solid #336699; font-size: 90%; text-align: center; border-bottom: 2px solid #336699}

/* sites */
.z_sites {background-color: #eeeeee; padding: 2px; margin-bottom: 0.5em; margin-top: 0.5em; float: left}
.col_sites {width: 49%; float: left}
.sites_col1 {width: 49%; float: left}
.sites_col2 {margin-left: 51%}
.site {background-color: #FFFFF0; PADDING: 5px; border-bottom: 1px solid #336699; border-right: 1px solid #336699; margin: 5px; text-align: justify}
.site .titre {font-size: 110%; text-align: center; margin-top: 3px; margin-bottom: 3px; font-weight: bold}
.mot_choisi {color: #336699; padding: 5px; text-align: center; font-size: 130%; font-weight: bold}
.theme {border-top: 2px dotted #eeeeee; font-size: 90%; margin-top: 10px; padding-top: 3px}

/* * Habillage des forums ffffffffffffffffffffffffffffffffffffffffffffff */
.forum-repondre {text-align: left; font-size: 130%; font-weight: bold; margin-bottom: 1em}

.forums {background-color: #e8f8f8;}

.forums .menu-titre {background-color: #f0fcfc; text-align:center;}

ul.forum-total {display: block; padding: 0px; margin: 0px; list-style: none}

.forum-fil {margin-top: 0;}

.forum-fil ul {display: block;   margin: 0px;   margin-left: 2em;   padding: 0px;   list-style: none;}

.forum-titre {font-weight: bold;   font-size: 120%;}

.forum-item {margin: 0px;   padding: 1em;   padding-top: 0.5em;   padding-bottom: 0em;   text-align: justify;   color: #303030}

.forum-repondre-message {text-align: right; font-weight: bold}

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum {border: 1px solid #909090;   padding: 0px;   margin: 0px;   margin-bottom: 1em;}

ul ul .forum {border: 1px solid #a4a4a4;}

ul ul ul .forum {border: 1px solid #b8b8b8;}

ul ul ul ul .forum {border: 1px solid #cccccc;}

ul ul ul ul ul .forum {border: 1px solid #e0e0e0;}

ul ul ul ul ul ul .forum {border: 1px dashed #e0e0e0;}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo {border: 0px;   border-bottom: 1px dashed #b8b8b8;   margin: 0px;   padding-left: 6px;   padding-right: 6px;   padding-top: 3px;   padding-bottom: 2px;   font-size: 90%;   background: #c4e0e0;}

ul ul .forum-chapo {background: #d4e8e8;}

ul ul ul .forum-chapo {background: #e4f0f0;}

ul ul ul ul .forum-chapo {background: #f4f8f8;}

ul ul ul ul ul .forum-chapo {background: #ffffff;}


/*
 * Petitions
 */
.petitionform {float: left}

/* NAVIGATION PERMANENTE ===================================== */

.menu {border: 1px solid #336699; margin: 0.3em; padding: 0.3em; list-style-type: none}
.menu li {background-image: url(../IMG/puce02.gif); background-repeat: no-repeat; background-position: 0 6px; padding-left: 1em; margin-top: 0.3em; margin-bottom: 0.3em; font-weight: bold}
#menu li a.lienon {border-bottom: 1px solid #336699}
.menu ul {list-style-type: none; border-left: 1px solid #336699; padding-left:0.3em}
.menu ul li {background-image: url(../IMG/puce0.gif); background-repeat: no-repeat; background-position: 0 6px}
.menu ul ul li {background-image: url(../IMG/puce3.gif); background-repeat: no-repeat; background-position: 0 6px}
#dossiers {}
#reponsecs {color: red; font-weight: bold; font-size: 150%; font-style: italic}
#present {}
#logo {float: left; margin-top: 2px; margin-left: 4px}
#logo img {border: 0px;}
#milbab {color: red; font-weight: bold; font-size: 16px; margin-bottom: 20px; padding-top: 10px}
#milbab a {text-decoration: none; color: red}
#milbab a:hover {text-decoration: none; background-color: red; color: white}
#mediateq {color: #336699; font-style: italic; font-weight: bold; font-size: 14px}
#mediateq a {text-decoration: none; color: #336699}
#mediateq a:hover {text-decoration: none; background-color: #336699; color: white}
#adresse {font-size: 85%; margin-top: 10px; margin-right: 10px; text-align: right; font-weight: bold; font-style: italic; color: #696969}
#mail1 {}
#mail2 {display: none}

#menu {}
#formrecherche {padding-left: 0.6em; margin-top: 1em}
#newsletter {}
#abnezvous {background-color: #336699; color: white; padding: 3px}
#cetsemaineform {}
#inscrits_cs {font-size: 80%; margin-left: 3px}

#inscrip_redac {}
#devenez_redacteur {background-color: #336699; color: white; padding: 3px}
#inscription {}

#rss {}
#syndication {background-color: #336699; color: white; padding: 3px; font-weight: bold; font-style: italic; text-align: center}
#rss2 {}

#redaction {text-align: center; font-style: italic; font-weight: bold}

#pub {margin-bottom: 10px; margin-left: 10px}
#stats {color: #A9A9A9; margin-bottom: 10px; margin-left: 10px}

/*  modifs de spip_style.css  */
table.spip tr.row_first {
	background-color: #336699;
	color: white;
}

table.spip tr.row_odd {
	background-color: #d0d0d0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {padding: 3px; text-align: left; vertical-align: middle; border: 1px solid #336699}

.spip_logos {
	margin: 3px;
	border-width: 0px;
}

h3.spip {
	font-size: 120%;
	text-align: center;
	margin : 0;
	padding: 0em;
}
.spip_encadrer {
	border: 1px #336699 solid;
}

.spip-admin-bloc {position: fixed; right: 0; top: 0}