body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
margin:0;
padding:0;
line-height:1.3em;
}

body{
font-size:10px;
background-color:#FFFFFF;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
background-image:url(../images/bg.gif);
background-position:top left;
background-repeat:repeat-y;
}
a {
text-decoration:none;
}
#conteneur{
background-image:url(../images/bg-header.jpg);
background-position:top left;
background-repeat:no-repeat;
}


/*---comportement des liens de style bouton---*/

a.bouton {
display:block;
background:#DA2129;
color:#F0F0FA;
text-decoration:none;
border: #000000 solid 1px;
text-align:center;
padding:1px;
margin:10px 0px 10px 0px;
}
a.bouton:hover {
color:#DA2129;
text-decoration:none;
}

/*---comportement des logos de la colonne de gauche---*/

a.logo-sarka-spip {
display: block;
background:URL(../images/sarka-spip.png);
background-repeat: no-repeat;
border: 0px;
margin: 0px;
padding: 0px;
width: 85px;
}

a.logo-sarka-spip:hover {
display: block;
background:URL(../images/sarka-spip-hover.png);
background-repeat: no-repeat;
border: 0px;
margin: 0px;
padding: 0px;
width: 85px;
}

a.logo-spip-powered {
display: block;
background:URL(../images/spip-powered.png);
background-repeat: no-repeat;
border: 0px;
margin: 0px;
padding: 0px;
width: 85px;
}

a.logo-spip-powered:hover {
display: block;
background:URL(../images/spip-powered-hover.png);
background-repeat: no-repeat;
border: 0px;
margin: 0px;
padding: 0px;
width: 85px;
}

/*---comportement des elements de formulaires---*/


div.auteur form{
padding:10px 0 0 0;
}
.formulaire_spip fieldset {
border-left:none;
border-right:none;
overflow:hidden;
background-color:#F6F6F6;
border-top:1px dashed #999999;
border-bottom:1px dashed #999999;
padding:10px;
}

.formulaire_spip legend {
color: #333333;
font-size:1.1em;
font-weight:bold;
margin-bottom:0.3em;
}
.formulaire_spip fieldset p{
display:block;
clear:both;
width:100%;
}
.formulaire_spip fieldset .forml{
width:180px;
padding:0.1em 4px;
margin-bottom:0.7em;
border:1px solid #CCCCCC;
}
.formulaire_spip fieldset textarea{
font-size:1.1em;
font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
width:180px;
height:100px;
padding:0.1em 4px;
border:1px solid #CCCCCC;
}
.formulaire_spip label {
font-size:1em;
display:block;
clear:both;
}
.spip_bouton input {
background-color: #DA2129;
cursor:pointer;
border:0;
color:#FFFFFF;
font-size:0.8em;
font-weight:bold;
text-transform:uppercase;
height:19px;

margin-top:5px;
}


form{
padding:16px 0 16px 14px;
}
.forml{
color: #666666;
background: #FFFFFF;
border: 1px solid #666666;
width:95px;
font-size:0.9em;
padding:2px 4px;
float:left;
}
form a.exalead{
display:block;
width:84px;
height:27px;
}
.spip_bouton_gauche{
width:50px;
height:18px;
float:right;
position:relative;
left:-7px;
}
.spip_bouton_gauche input {
display: block;
font-size:8px;
font-weight:bold;
text-transform:uppercase;
width:50px;
height:19px;
background: #000000;
border: 1px solid #000000;
color: #FFFFFF;
behavior: url(squelettes/scripts/spip-bouton-hover.htc);
}
.spip_bouton_gauche input:hover {
background: #DD2029;
color: #FFFFFF;
border: 1px solid #993300;
cursor: pointer;
}

.saisie-texte{
color: #666666;
background: #FFFFFF;
border: 1px solid #666666;
width:95px;
font-size:0.9em;
padding:2px 4px;
float:left;
}
fieldset {
}

blockquote {
display: block;
border : 1px solid #666666;
border-left : 8px solid #666666;
background : #EEEEEE;
padding : 0px 5px 0px 5px;
font-style :italic;
overflow: auto;
}

/*---style des info-bulles perso adaptees au contexte (image, plan...)---*/
a.info span {
display: none;
}

a.info:hover {
background: none; /* correction d'un bug IE */
}

.images a.info:hover span {
/* style des infobulles associees aux images */
display: inline;
position: absolute;
z-index: 500;
margin:0em 0 0 1em;
background: #EEEEEE;
text-align: left;
color: #808080;
padding: 0px 3px 0px 3px;
border:1px solid #808080;
width: 200px;
}

.plan a.info:hover span {
/* style des infobulles associees aux articles syndiques (page site.html) */
display: inline;
position: absolute;
z-index: 500;
margin:0em 0 0 1em;
background: #EEEEEE;
text-align: left;
color: #808080;
padding: 0px 3px 0px 3px;
border:1px solid #808080;
}

.recherche a.info:hover span {
/* style des infobulles associees aux articles syndiques (page site.html) */
display: inline;
position: absolute;
z-index: 500;
margin:0em 0 0 1em;
background: #EEEEEE;
text-align: left;
color: #808080;
padding: 0px 3px 0px 3px;
border:1px solid #808080;
}

/*---affichage de code (pour afficher en mode texte du code html)---*/

.spip_code {
display: block;
border : 1px solid #339966;
border-left : 8px solid #339966;
background : #E0F0F0;
padding : 0px 5px 0px 5px;
margin: 1em 1em 1em 0em; /*Sarka-SPIP 1.8.2*/
font-size: 90%;
overflow: auto;
max-height: 25em;
}

/* ====================== Blocs principaux, decomposition de la page en 3 colonnes et 1 bandeau ====================== */


.gauche {
width: 180px;
float:left;
margin-top:-25px;
}
.centre {
width:557px;
min-height:1085px;
margin-left:190px;
padding:20px 8px 20px 20px;
background-color:#FFFFFF;
background-image:url(../images/bg-centre.gif);
background-position:top right;
background-repeat:no-repeat;
}
.droite {
width: 170px;
float:right;
}

/* bloc contenant la date de dernière mise à jour */
.maj {
font-size: 1.2em;
color: #000000;
padding:45px 10px 20px 20px;
clear:both;
}
.maj hr {
border: 0px;
height: 1px;
color: #808080;
background-color: #000000;
}

.stats {
font-size: 1.2em;
color: #000000;
padding:10px 10px 10px 20px;
clear:both;
}
.stats hr {
border: 0px;
height: 1px;
color: #808080;
background-color: #000000;
}
.stats .titre {
font-weight: bold;
color: #000000;
margin: 0px auto 5px auto;
}
.stats a {
font-size:1.1em;
display: block;
color: #000000;
text-decoration:underline;
background-image:url(../images/stats-icono1.gif);
background-position:0 0.5em;
background-repeat: no-repeat;
padding: 0px 0px 5px 10px;
text-align: left;
text-transform:capitalize;
}
.stats a:hover {
color: #FFFFFF;
background-image:url(../images/stats-icono2.gif);
background-position:0 0.5em;
background-repeat: no-repeat;
}
.stats a.info:hover span {
/* style des infobulles associees aux images */
display: inline;
position: absolute;
z-index: 500;
font-size:0.9em;
font-weight:bold;
margin:0em 0 0 1em;
background: #000000;
text-align: left;
text-decoration: none;
color: #ffffff;
padding: 0px 3px 0px 3px;
width: 37px;
}





/* bloc de navigation 2 --> contact + admin + formulaire + s'inscrire */

.nav2{
padding-top:5px;
}
#nav2{
padding-left:16px;
padding-top:20px;
}
#nav2b{
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
}
.nav2 .texte {
font-size: 1em;
}

/*logos des boutons du bloc de navigation 2 - avec un hack pour ie6 qui ne supporte pas les png*/

.nav2 .texte .bouton {
border:0;
background:none;
float:left;
}
.nav2 .texte .bouton span{

}
.nav2 .texte #plan {
display:block;
background-image:url(../images/sitemap.gif);
background-position:top left;
background-repeat:no-repeat;
width:31px;
height:28px;
padding:0;
margin:0;
margin-right:5px;
}
.nav2 .texte #agenda {
display:block;
background-image:url(../images/calendar.gif);
background-position:top left;
background-repeat:no-repeat;
width:31px;
height:28px;
padding:0;
margin:0;
margin-right:8px;
}
.nav2 .texte .galerie {


}
.nav2 .texte .motscles {


}
.nav2 .texte #forum span, .nav2 .texte #contact span,
.nav2 .texte #agenda span, .nav2 .texte #plan span {
display:none;
visibility:hidden;
}
.nav2 .texte #forum {
display:block;
background-image:url(../images/forum.gif);
background-position:top left;
background-repeat:no-repeat;
width:31px;
height:28px;
padding:0;
margin:0;
margin-right:8px;
}
.nav2 .texte #contact {
display:block;
background-image:url(../images/contact.gif);
background-position:top left;
background-repeat:no-repeat;
width:29px;
height:24px;
padding:0;
margin:0;
margin-right:8px;
}
.nav2 .texte .logo-referencement {


}
.nav2 .texte .logo-inscription {


}
.nav2 .texte #login {
display:block;
border-top:1px dashed #000000;
background-image:url(../images/login.gif);
background-position:27px 0.2em;
background-repeat:no-repeat;
padding:8px 18px 8px 42px;
margin:0;
margin-top:8px;
clear:both;
color:#000000;
text-transform:uppercase;
font-size:1em;
width:100px;
text-align:center;
}
.nav2 .texte #login:hover{
color:#FFFFFF;
background-color:none;
}
.nav2 .texte .logo-logout {


}
.nav2 .texte #prive{
display:block;
border-top:1px dashed #000000;
border-bottom:1px dashed #000000;
background-image:url(../images/private.gif);
background-position:31px 0.2em;
background-repeat:no-repeat;
padding:8px 23px 8px 37px;
margin:0;
clear:both;
color:#000000;
text-transform:uppercase;
font-size:1em;
width:100px;
text-align:center;
}
.nav2 .texte #prive:hover{
color:#FFFFFF;
background-color:none;
}
.nav2 .texte .auteur{

}      
.nav2 .texte .auteur a{

}      
.nav2 .texte .auteur a:hover{

}
.nav2 .saisie-texte {

}


/* ================================== Formatage des elements de la colonne centrale ============================== */
/* Style de l'intitule de chaque page */
.intitule {
font-weight: bold;
color:#333333;
font-size:1.9em;
}
/* ~~~~~~~~~~~~ sommaire ~~~~~~~~~~~~ */
/* Le bloc sommaire contient l'edito et les annonces */
/* des derniers articles et des secteurs */

.sommaire {

}

/* edito */

.edito {
font-size: 13px;
margin: 0px 30px 20px 30px;
border: 2px solid #000000;
/*background-color: #ffffe0;*/
background-color: #ffffff;
}

.edito a {
color: #666666;
text-decoration: none;
}

.edito a:hover {
color: #666666;
text-decoration: underline;
}

.edito .image .spip_logos {
display: block;
float: right;
margin: 10px;
border:0px;
}

.edito .surtitre {
color: #000000;
font-size: 120%;
font-weight: bold;
margin: 5px 10px 5px 10px;
padding: 0px;
}

.edito .titre {
color: #DA2129;
font-size: 180%;
font-weight: bold;
margin: 5px 10px 5px 10px;
padding: 0px;
}

.edito .soustitre {
color: #000000;
font-size: 130%;
font-weight: bold;
margin: 5px 10px 5px 10px;
padding: 0px;
}

.edito .detail {
font-size: 90%;
/*font-weight: bold;*/
text-align: right;
color: #000000;
padding-right: 10px;
}

.edito .texte {
color: #000000;
margin: 10px;
padding: 0px;
}

.edito .chapo {
color: #DA2129;
margin: 10px;
padding: 0px;
font-weight: bold;
}

.edito .post-scriptum {
color: #000000;
margin: 10px;
padding: 0px;
font-size: 100%;
border-top: 2px solid #000000;
}

.edito .post-scriptum .annonce {
font-weight: bold;
color:#DA2129;
padding: 0px;
margin: 10px 0px 10px 0px;
}

.edito .notes {
color: #000000;
margin: 10px;
padding: 0px;
border-top: 2px solid #000000;
font-size: 90%;
}

.edito h3 {
color: #DA2129;
font-weight: bold;
font-size: 140%;
margin: 1.5em 0em 0.5em 0em;
}

.edito table {
font-size: 90%;
border-color: #FFFFFF;
}

.edito tr.row_first {
background: #808080;
color: #FFFFFF;
text-align: center;
font-size: 100%;
}

.edito tr.row_odd {
background: #E0E0E0;
color: #000000;
}

.edito tr.row_even {
background: #E0E0E0;
color: #000000;
}

.edito td {
border: 1px solid #FFFFFF;
padding: 1px 5px 1px 5px;
}

/* annonce des rubriques-secteurs */

.sommaire .rubrique {
border: 2px solid #666666;
background: #FFFFFF;
margin: 0px 30px 20px 30px;  /*Sarka-SPIP 1.8.2*/
}

.sommaire .rubrique a.titre {
display: block;
font-size: 150%;
color: #FFFFFF;
background: #666666;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
padding: 1px 5px 1px 5px;
margin-right: 50%;
text-align:center;
font-weight:bold;
}

.sommaire .rubrique a.titre:hover {
display: block;
font-size: 150%;
color: #666666;
background: #FFFFFF;
border-right: 2px solid #666666;
border-bottom: 2px solid #666666;
padding: 1px 5px 1px 5px;
margin-right: 50%;
text-align:center;
font-weight:bold;
}

.sommaire .rubrique .texte {
margin: 10px;
}

.sommaire .rubrique .texte a {
color: #666666;
text-decoration: none;
}

.sommaire .rubrique .texte a:hover {
text-decoration: underline;
}

.sommaire .rubrique table {
font-size: 85%;
border-color: #FFFFFF;
}

.sommaire .rubrique tr.row_first {
background: #808080;
color: #FFFFFF;
text-align: center;
font-size: 100%;
}

.sommaire .rubrique tr.row_odd {
background: #E0E0E0;
color: #000000;
}

.sommaire .rubrique tr.row_even {
background: #E0E0E0;
color: #000000;
}

.sommaire .rubrique td {
border: 1px solid #FFFFFF;
padding: 1px 5px 1px 5px;
}

.sommaire .rubrique .image .spip_logos {
display: block;
float: right;
margin: 10px;
border:0px;
}

/* ~~~~~~~~~~~~ contenu ~~~~~~~~~~~~ */
/* Le bloc contenu contient les rubriques, */
/* les articles, et leurs objets associes */
/* in extenso */

.contenu {
font-size: 10px;
margin: 0px; /*Sarka-SPIP 1.8.2*/
/*width: 100%;*/ /*Sarka-SPIP 1.8.2*/
}

/* contenu --> rubriques */

.contenu .rubrique {
border-bottom:1px solid #CCCCCC;
margin-bottom:1em;
padding-bottom:15px;
}

.contenu .rubrique a.titre {
color: #333333;
font-weight:bold;
font-size:1.9em;
}

.contenu .rubrique .texte {
font-size:1.1em;
}

.contenu .rubrique .texte a {
color: #666666;
text-decoration: none;
}

.contenu .rubrique .texte a:hover {
text-decoration: underline;
}

.contenu .rubrique .image .spip_logos {
display: block;
float: right;
margin: 10px;
}

.contenu .rubrique .descriptif {
padding:1em 0;
font-size:1.1em;
}

.contenu .rubrique table {
font-size: 85%;
border-color: #FFFFFF;
}

.contenu .rubrique tr.row_first {
background: #808080;
color: #FFFFFF;
text-align: center;
font-size: 100%;
}

.contenu .rubrique tr.row_odd {
background: #E0E0E0;
color: #000000;
}

.contenu .rubrique tr.row_even {
background: #E0E0E0;
color: #000000;
}

.contenu .rubrique td {
border: 1px solid #FFFFFF;
padding: 1px 5px 1px 5px;
}

/* contenu --> rubriques filles */

.contenu .rubrique .filles {

}

.contenu .rubrique .filles a {
display: block;
color: #da2129;
font-size:1.2em;
font-weight: bold;
background-image: url(../images/arrow.gif);
background-position: left center;
background-repeat: no-repeat;
padding-left: 10px;
}

.contenu .rubrique .filles a:hover {
color: #333333;
text-decoration:underline;
}

/* contenu --> documents joints (aux articles et aux rubriques) */

.contenu .doc {
padding: 10px; /*Sarka-SPIP 1.8.2*/
color: #666666;
background: #FFFFFF;
margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.contenu .doc .en-tete {
font-size: 110%;
font-weight:bold;
margin: 5px 0px 5px 0px; /*Sarka-SPIP 1.8.2*/
}

.contenu .doc .spip_logos {
margin: 5px 0px 0px 30px;
border:0px;
}

.contenu .doc a {
display:block;
text-decoration: none;
color: #666666;
margin: 0px 0px 5px 0px;
}

.contenu .doc a:hover {
text-decoration: underline;
}

.contenu .vignette a:hover {
text-decoration: none;
}

/* contenu --> images jointes (aux articles et aux rubriques) */

.contenu .images {
margin: 0px; /*Sarka-SPIP 1.8.2*/
padding: 10px;
background: #FFFFFF;
}

.contenu .images .en-tete {
font-size: 110%;
font-weight: bold;
margin: 10px 0px 10px 0px;
color: #666666;
}

.contenu .images .vignette {
font-size: 80%;
margin: 10px;
padding: 10px 0px 10px 0px;
}

.contenu .images ul {
list-style-type: none;
padding: 0px;
margin: 0px;
color: #000000;
}



/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~~~ */

/* contenu de l'article "proprement dit" */

.contenu .article {

}
p.spip {
margin-bottom:1em;
font-size:1em;
}
.article a {
color: #DA2129;
text-decoration: none;
}

.article a:hover {
color: #666666;
text-decoration: underline;
}

.article .image .spip_logos {
display: block;
float: left;
margin: 10px;
border:0px;
}

.article .surtitre {
color: #FF0000;
font-weight: bold;
margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article .titre {
color: #333333;
font-size:1.9em;
margin-bottom:12px;
font-weight: bold;
margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article .contennu .detail{
color: #666666;
font-size:0.8em;
text-align:left;
}
.article .contenu .detail a{
color: #da2028;
}
.article .contenu .detail br{
display:none;
}

.article .soustitre {
font-weight: bold;
margin: 0px; /*Sarka-SPIP 1.8.2*/
}

.article .contenu {
background: #FFFFFF;
}



.article .texte {
color: #000000;
font-size:1.3em;
font-weight:bold;
margin-top:12px;
}

.article .chapo {
color: #DA2129;
margin: 10px 10px 0px 10px;
font-weight: bold;
}

.article .post-scriptum {
color: #000000;
margin: 10px 0px 10px 0px;
padding-top: 10px;
border-top: 2px solid #000000;
}

.article .post-scriptum .annonce {
font-weight: bold;
color:#DA2129;
padding: 0px;
margin: 0px 0px 10px 0px;
}

.article .notes {
color: #000000;
}

.article .en-tete {
color: #FFFFFF;
font-weight: bold;
margin: 10px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
}

.article h3 {
color: #DA2129;
font-weight: bold;
margin: 1.5em 0em 0.5em 0em;
}

.article table {
border-color: #FFFFFF;
}

article tr.row_first {
text-align: center;
}

.article tr.row_odd {
color: #000000;
}

.article tr.row_even {
color: #000000;
}

.article td {
padding: 1px 5px 1px 5px;
}

.article a.imprimer {
display: block;
background-image: url(../images/printer.gif);
background-repeat: no-repeat;
width: 22px;
height: 22px;
float: right;
margin-right: 10px; 
}

/* mise en forme du formulaire de petition */

.petition {
padding: 10px;
}

.petition .en-tete {
color: #DA2129;
margin: 0px 0px 5px 0px;
}

/* mise en forme de l'affichage des signataires de la petition */

.signatures {
padding: 10px;
margin: 10px 30px 10px 30px; /*Sarka-SPIP 1.8.2*/
background: #EEEEEE;
font-size: 100%;
}

.signatures .en-tete{
color: #DA2129;
margin: 0px 0px 5px 0px;
}

.signatures td {
margin: 0px;
padding: 2px 5px 2px 5px;
empty-cells: hide;
font-size: 12px;
}

.signatures thead {
font-weight: bold;
color: #FFFFFF;
}

.signatures a {
color: #666666;
text-decoration: none;
}

.signatures a:hover {
color: #666666;
text-decoration: underline;
}

/* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */

.articles-freres {
padding: 10px;
background: #f7f7f7;
border-bottom:1px dashed #CCCCCC;
border-top:1px dashed #CCCCCC;
}

.articles-freres ol {
list-style-type:none;
}

.articles-freres .en-tete{
color: #DA2129;
margin: 0px 0px 2px 0px;
font-size:1.2em;
}

.articles-freres .frere a {
/* lien vers les articles frères sauf l'article en cours */
color: #DA2129;
text-decoration: none;
font-weight: bold;
}

.articles-freres .frere a:hover {
color: #DA2129;
text-decoration: underline;
}

.articles-freres .frere .date {
color: #666666;
}

.articles-freres .en-cours {
/* affichage du titre de l'article en cours (sans lien) */
color: #333333;
font-size:1.1em;
}
.articles-freres .en-cours a{
color: #da2129;
}
.articles-freres .en-cours a:hover{

}

/* ~~~~~~~~~~~~ forum ~~~~~~~~~~~~ */

.annonce-forum {
color: #da2129;
font-weight: bold;
font-size:1em;
}

.forum {

}

a.repondre {
background-color: #da2129;
color: #FFFFFF;
text-decoration:none;
text-align:center;
padding: 1px 4px;
float: right;
font-size:1em;
}

a.repondre:hover {
background-color:#000000;
text-decoration:none;
}


.forum .en-tete {
color: #DA2129;
font-size: 150%;
margin: 0px 0px 5px 0px;
}


.forum .visualisation {
border-top: 1px dashed #cccccc;
border-bottom: 1px dashed #cccccc;
margin: 8px 0px 0px 0px;
background-color:#f7f7f7;
}

.forum .visualisation a {
color: #da2129;
text-decoration: none;
}

.forum .visualisation a:hover {
text-decoration: underline;
}

.forum .visualisation .titre{
color:#333333;
font-size:1.2em;
font-weight:bold;
padding:8px;
text-transform:capitalize;
}
.forum .visualisation .detail{
color: #666666;
font-size:1em;
text-align:left;
padding-left:8px;
}
.forum .visualisation .detail a{
color: #da2028;
}

.forum .visualisation .texte {
padding: 8px;
font-size:1.1em;
color:#333333;
}

.forum a.article-forum {
text-decoration: none;
text-transform:capitalize;
font-size: 1.4em;
color: #da2129;
font-weight: bold;
}

.forum a.article-forum:hover {
text-decoration: underline;
}

/* ~~~~~~~~~~~~ pagination des messages de forum ~~~~~~~~~~~~ */

.bande-pagination {
text-align: right;
padding-right:12px;
}

.bande-pagination span.on {
display:inline;
color:#000000;
padding:1px;
margin:10px 2px 10px 2px;
font-size:1.1em;
font-weight:bold;
}
	
.bande-pagination a {
display:inline;
color:#da2129;
margin:10px 2px 10px 2px;
font-size:1.1em;
}
.bande-pagination a:hover {
text-decoration:underline;
}

/* ~~~~~~~~~~~~ plan du site et sites references ~~~~~~~~~~~~ */

.plan {
font-size:10px;
}
.plan .intitule {
color: #da2129;
font-size: 1.3em;
font-weight: bold;
margin: 0px 0px 10px 0px;
}
.plan a.annee {
display:block;
color: #da2129;
font-weight:bold;
font-size:1.3em;
margin: 10px 0px 2px 0px;
padding-top:2px;
text-transform:uppercase;
border-top:1px solid #EEEEEE;
}

.plan a.annee:hover {

}

.plan a.rubrique {
display:block;
color: #da2129;
font-weight:bold;
font-size:1.3em;
margin: 10px 0px 2px 0px;
padding-top:2px;
text-transform:uppercase;
border-top:1px solid #EEEEEE;
}
.plan a.rubrique:hover {
text-decoration:underline;
}

.plan a.article {
color: #DA2129;
font-size:1.1em;
margin-bottom:2px;
}
.plan a.article:hover {
text-decoration: underline;
}

.plan a.breve {
color: #808080;
padding: 0px 0px 0px 10px;
font-size: 11px;
}
.plan a.breve:hover {
text-decoration: underline;
}
.plan .date {
color: #666666;
}
.plan ul {
list-style-type: none;
margin: 0px;
border: 0px;
}
.plan li {
padding:0px;
margin:0px;
border: 0px;
}
.plan ul li ul li a.rubrique{
border:0;
margin-top:0;
font-size:95%;
}
.plan hr {
display:none;
}
.plan a.article-syndic {
display: block;
color: #000000;
padding: 0px 0px 0px 10px;
margin: 0px;
font-size: 12px;
font-weight: bold;
}
.plan a.article-syndic:hover {
text-decoration:underline;
}

.plan .date-syndic {
color: #666666;
font-weight: bold;
}

.plan .a-propos {
display: block;
border: 0px;
background: #FFFFFF;
color: #909090;
font-size: 11px;
padding: 3px 30px 5px 40px;
}

.plan .a-propos .site-pere {
font-weight: bold;
}

.plan .a-propos .auteur-pere {
font-weight: bold;
}

/* ~~~~~~~~~~~~ auteur ~~~~~~~~~~~~ */
form#login{
margin-bottom:10px;
}
.auteur {
padding: 0px 0px 10px;
margin-bottom:0.8em;
border-bottom:1px solid #CCCCCC;
}

/* Style de l'intitule de chaque page */
.auteur .intitule {
font-weight: bold;
}

.auteur div {
text-align: left !important;
}

.auteur .image .spip_logos {
display: block;
float: right;
margin: 10px;
border:0px;
}

.auteur .nom {
color: #DA2129;
font-size: 150%;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px;
}

.auteur .tchak {
color: #000000;
font-size: 130%;
font-weight: bold;
margin: 30px 0px 10px 0px;
padding: 0px;
}

.auteur .spip_encadrer {
border: 1px solid #000000;
color: #DA2129;
font-size: 100%;
margin: 5px 0px 10px 0px;
padding: 5px;
}

.auteur a {
color: #DA2129;
text-decoration: none;
font-size:1em;
padding:5px;
margin:10px 0;
}

.auteur a:hover {
text-decoration: underline;
}

/* ~~~~~~~~~~~~ FORM BUSCAR ~~~~~~~~~~~~ */
.nav2 .forml{

}
.recherche {

}

.recherche .intitule {
color: #333333; 
font-size: 1.9em;
font-weight: bold;
}

.recherche .elements-trouves {
color: #666666;
font-size: 150%;
font-weight: bold;
margin: 0px 0px 15px 0px;
padding: 0px;
text-decoration: underline;
}

.recherche .mot-cle {
color: #DA2129;
font-size: 130%;
font-weight: bold;
margin: 0px 0px 20px 0px;
padding: 0px;
text-decoration: underline;
}

.recherche .derniers-articles {
margin: 0px; /* Sarka-SPIP 1.8.2 */
}

.indentation {
padding-left: 40px;
}

.redimensionnement {
font-size: 11px; /* Sarka-SPIP 1.8.2 */
}



/* ////////////////RIGHT CONTENT///////////////////// */ 

/* Agenda */
.agenda {
color: #666666;
position:relative;
top:-21px;
}
.agenda .en-tete {
display:none;
}
.agenda a.en-tete {
display:none;
}
.agenda .contenu .mes {
text-align:center;
background-color:#000000;
color:#FFFFFF;
text-transform:uppercase;
font-weight:bold;
font-size:0.8em;
padding:4px 0 3px 0;
}
.agenda .contenu .mes a{
color: #FFFFFF;
font-weight: bold;
text-decoration:none;
}
.agenda .contenu .events{
background-color:#FFFFFF;
color:#666666;
font-weight:bold;
padding:4px 5px;
border-top:1px dashed #999999;
text-align:left;
}
.agenda .contenu .events a{
color:#da2129;
}
.agenda .contenu .events a:hover{
text-decoration:underline;
}
.agenda .contenu .mois table.tableau{
padding:0 0 4px 0;
}
.agenda .contenu .mois table.tableau a{
color:#FFFFFF;
}
.tableau {
font-size:0.9em;
color:#666666;
text-align:center;
font-style:normal;
}
.calendar_this_day {  /* surligne le jour d'aujourd'hui */
font-weight:bold;
font-size:1em;
color :#000000;
padding:0;
}
.calendar_this_month {  /* couleur des cases appartenant au mois en cours */
background-color: #FFFFFF;
font-size:0.9em;
}
.calendar_this_month a{
background-color: #DD2028;
color:#FFFFFF;
padding:0 4px;
}
.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => debut et fin de mois */
background: #FFFFFF;
color:#FFFFFF;
}
.calendar_head_mini {    /* corespond à la ligne des jours : lu ma me je ve sa di*/
background-color:#FFFFFF;
text-align: center;
font-size: 0.9em;
color: #333333;
font-style:normal;
padding:4px 0;
}
/* ~~~~~~~~~~~~ agenda annuel ~~~~~~~~~~~~ */
.agenda_annuel {
font-size: 10px;
}
.agenda_annuel .intitule {
color: #333333;
font-size: 1.9em;
font-weight: bold;
margin: 0px 0px 10px 0px;
}
.agenda_annuel a.mois {
display:block;
color: #da2129;
font-weight:bold;
font-size:1.3em;
margin: 10px 0px 2px 0px;
padding-top:2px;
text-transform:uppercase;
border-top:1px solid #EEEEEE;
}
.agenda_annuel a.mois:hover {

}
.agenda_annuel a.evenement {
color: #DA2129;
font-size:1.1em;
margin: 0px;
}
.agenda_annuel a.evenement:hover {
text-decoration: underline;
}
.agenda_annuel .date {
color: #666666;
}
.agenda_annuel ul {
list-style-type: none;
margin: 0px;
border: 0px;
}
.agenda_annuel li {
padding:0px;
margin:0px;
border: 0px;
}

/* ~~~~~~~~~~~~ galerie/albums ~~~~~~~~~~~~ */
.galerie {
font-size: 24px;
margin: 0px 30px 0px 30px; /*Sarka-SPIP 1.8.2*/
}

.galerie .intitule {
color: #808080;
font-size: 100%;
font-weight: bold;
margin: 0px 0px 20px 0px;
}

.galerie .album {
font-size: 12px;
margin: 0px;
padding: 0px 0px 10px 0px;
border-top: 2px solid #000000;
}

.galerie .album  .vignette {
display: block;
float: left;
width: 220px;
}

.galerie .album  .vignette .spip_logos {
padding: 10px;
display: block;
background: #EEEEEE;
border-left: 2px solid #000000;
border-right: 2px solid #000000;
border-bottom: 2px solid #000000;
}

.galerie .album  .detail {
color: #DA2129;
font-size: 85%; /*Sarka-SPIP 1.8.2*/
font-weight: bold;
text-align: center;
margin: 0px 0px 10px 0px; /*Sarka-SPIP 1.8.2*/
padding: 1px 5px 1px 5px;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
width: 200px;
float: right;
}

.galerie .album  .detail a {
color: #666666;
}

.galerie .album  .detail a:hover {
text-decoration: underline;
}

.galerie .album   a.titre {
display: block;
color: #DA2129;
font-size: 130%;
font-weight: bold;
margin: 0px 10px 0px 10px;
text-decoration: none;
padding-top: 5px;
}

.galerie .album   a.titre:hover {
color: #DA2129;
font-size: 130%;
font-weight: bold;
margin: 0px 10px 0px 10px;
text-decoration: underline;
}

.galerie .album .texte {
display: block;
float: left;
margin: 10px;
}

.galerie .album .introduction {
color: #000000;
margin: 10px 10px 0px 10px;
}

.galerie .album a.suite {
color: #666666;
text-align: right;
display: block;
padding-right : 25px;
}

.galerie .album a.suite:hover {
text-decoration: underline;

}


.listing_annuel a.mois {
display:block;
color: #666666;
font-weight:bold;
padding-left:15px;
margin: 0.5em 0px 0px 0px;
}

.listing_annuel a.mois:first-letter {
text-transform: uppercase;
}

.listing_annuel a.mois:hover {
background-image:url(../images/puce0.jpg);
background-position: left center;
background-repeat: no-repeat;
}

.listing_annuel a.article {
color: #DA2129;
padding: 0px 0px 0px 10px;
margin: 0px;
font-size: 11px;
}

.listing_annuel a.article:hover {
background-image:url(../images/puce-n0.gif);
background-position: left center;
background-repeat: no-repeat;
text-decoration: underline;
}

.listing_annuel .date {
color: #666666;
}

.listing_annuel ul {
list-style-type: none;
padding: 0px 0px 0px 20px; /*Sarka-SPIP 1.8.2*/
margin: 0px;
border: 0px;
}

.listing_annuel li {
font-size: 80%;
padding:0px;
margin:0px;
border: 0px;
}


/* ~~~~~~~~~~~~ album ~~~~~~~~~~~~ */

.album_menu a:hover {
text-decoration: none !important;
}

.album_menu {
margin-top:25px;
padding-top:10px;
padding-bottom:10px;
border-top:2px #000000 solid;
width:100%;
color: #DA2129;
}


.album_boutons {
border: 1px #000000 solid;
background-color: #FFFFFF;
min-width: 150px; !important
min-width: 100px;
margin: 5px 30% 5px 30%;
padding: 2px;
font-weight: bold;
color: #DA2129;
_height: 20px;      /*hack pour ie : pour espacement entre boutons et bordure du bloc de navigation*/
}



.album_menu a.fleche-rew {
display: block;
background-image: URL(../images/_prem.gif);
background-repeat: no-repeat;
width: 16px;
height: 16px;
float: left;
margin-right: 2px;
}

/*cadre vise aux mêmes dimensions que cadre contenant les boutons, pour garder la numerotation centree*/
.album_menu a.fleche-rew:hover {
background-image: URL(../images/_premon.gif);
}

.album_menu a.fleche-previous {
display: block;
background-image: URL(../images/_prec.gif);
background-repeat: no-repeat;
width: 16px;
height: 16px;
float: left;
}

/*cadre vise aux mêmes dimensions que cadre contenant les boutons, pour garder la numerotation centree*/
.album_menu a.fleche-previous:hover {
background-image: URL(../images/_precon.gif);
}

.album_menu .fleche-previous-vide {
width: 16px;
height: 16px;
float: left;
}

.album_menu .fleche-gauche-vide {
width: 32px;
height: 16px;
float: left;
}

.album_menu a.fleche-next {
display: block;
background-image: URL(../images/_suiv.gif);
background-repeat: no-repeat;
width: 16px;
height: 16px;
float: right;
_margin-left: 2px; /*hack pour ie : permet de creer une bordure uniforme autour des boutons*/
}

.album_menu a.fleche-next:hover {
background-image: URL(../images/_suivon.gif);
}

.album_menu a.fleche-fwd {
display: block;
background-image: URL(../images/_fin.gif);
background-repeat: no-repeat;
width: 16px;
height: 16px;
float: right;
margin-left: 2px; 
}

.album_menu a.fleche-fwd:hover {
background-image: URL(../images/_finon.gif);
}

.album_menu .fleche-droite-vide {
width: 34px;
height: 16px;
float: right;
}

.album_menu .entre-fleches {
display: inline;
}


.album_vignette {
/*float:left; */
width: 100%;
text-align: center;

}

.album_vignette a:hover {
text-decoration: none !important;
}

/*hack pour ie : permet de creer le fond bleu des vignettes et l'espacement entre elles*/

.album_vignette a.image-vignette {
_background-color: #E0E0E0;
_padding: 0px;
_margin: 5px;
_height: 100px;
}

/*style valable pour ff, equivalent au style precedent pour ie*/

.album_vignette IMG {
/*padding: 5px;*/
/*margin: 5px;
background-color: #E0E0E0; */
}

.album_vignette table{
text-align: center;
margin : auto;
}

.album_vignette TD{
background-color: #E0E0E0; 
height : 130px ;
width : 130px;
padding : 5px;
margin :0px;
}

.album_photo {
border-top:2px #000000 solid;
width:100%;
margin:10px 0px 10px 0px;
text-align:center;
padding-top:20px;
}

.album_photo .album_titre {
text-align: center;
padding: 0px;
margin: 10px;
color: #DA2129;
font-size: 150%;
font-weight: bold;
}

.album_photo .album_descriptif {
text-align: left;
padding: 10px;
border: 1px solid #000000;
background-color: #E0E0E0;
margin: 10px 20px 10px 20px;
color: #DA2129;
}

/* ~~~~~~~~~~~~ sites syndiques ~~~~~~~~~~~~ */
.web {
border-bottom:1px solid #DDDDDD;
padding-bottom:15px;
}
.web a.en-tete {
display: block;
width:170px;
background-color: #000000;
font-size:1em;
font-weight: bold;
text-transform:uppercase;
color: #FFFFFF;
text-align: center;
padding:4px 0;
margin-bottom:10px;
}
.web a.en-tete:hover {
text-decoration:underline;
}
.web a.article-synd {
display: block;
color: #808080;
text-decoration: none;
background-image:url(../images/puce-n0.gif);
background-position: left top;
background-repeat: no-repeat;
padding: 0px 0px 5px 10px;
margin: 0px 5px 0px 5px;
}
.droite .web a.article-synd:hover {
color: #808080;
text-decoration: underline;
}
.centre .web a.article-synd:hover {
color: #808080;
text-decoration: none;
background-image:url(../images/puce-n0.gif);
background-position: left top;
background-repeat: no-repeat;
}
.web .site {
margin-top:0.5em;
padding-left:5px;
}
.web .site .descriptif {
font-size:1em;
color:#666666;
padding: 3px 5px 3px 8px;
}
.web .site a.nom-site {
color: #dd2028;
font-size:1.1em;
padding-left:8px;
background-image:url(../images/lista-icono.gif);
background-position:0 0.5em;
background-repeat:no-repeat;
}
.web .site a.nom-site:hover {
text-decoration:underline;
}





/* ~~~~~~~~~~~~ brèves ~~~~~~~~~~~~ */

.breves {
margin: 0px 0px 0px 0px;
font-size: 100%;
color: #808080;
}

.breves a.en-tete {
display: block;
background-color: #808080;
font-weight: bold;
font-size: 200%;
color: #FFFFFF;
text-align: center;
border: 1px solid #808080;
}

.breves a.en-tete:hover {
background-color: #EEEEEE;
color: #808080;
border: 1px solid #808080;
}

.breves .contenu .titre {
border-bottom: 1px solid #808080;
font-size: 120%;
font-weight: bold;
text-align: center;
color: #808080;
margin: 0px;
padding: 1px;
background: #EEEEEE;
}

.breves .contenu {
border: 1px solid #808080;
margin: 10px 0px 10px 0px;
padding: 0px;
font-size: 100%;
}

.breves .contenu a.nom-breve {
display: block;
border-bottom: 1px solid #808080;
font-size: 150%;
font-weight: bold;
text-align: center;
color: #808080;
margin: 0px;
padding: 1px;
background: #EEEEEE;
}

.breves .contenu a.nom-breve:hover {
color: #FFFFFF;
background: #808080;
text-decoration: none;
}

.breves .contenu .date {
border-bottom: 1px solid #808080;
border-left: 1px solid #808080;
font-size: 90%;
text-align: center;
color: #808080;
margin-left: 40%;
padding: 1px;
background: #EEEEEE;
text-align: center;
}

.breves .contenu .texte {
margin: 0px;
padding: 5px;
font-size: 100%;
line-height: 110%;
}

.breves .contenu .texte h3 {
margin:0.3em 0em 0.3em 0em;
padding:0px;
font-size: 120%;
line-height: 110%;
}

.breves .contenu .texte p {
margin:0.7em 0em 0.7em 0em;
padding:0px;
}

.breves .contenu .texte strong {
color: #000000;
}

.breves .contenu  a {
color:#666666;
}

.breves .contenu a:hover {
text-decoration: underline;
}

.breves .contenu blockquote {
margin : 2px;
}

.breves .contenu .notes {
margin: 0px;
padding: 5px;
font-size: 100%;
line-height: 110%;
border-top: 1px solid #808080;
}

/* !!!!!!!!!!! Sarka-SPIP 1.1.1 !!!!!!!!!!!! */
/* ~~~~~~~~~~~~ mots-cles ~~~~~~~~~~~~ */

.droite .mots-cles {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color: #808080;
}

.droite .mots-cles hr {
border: 0px;
height: 1px;
color: #339966;
background-color: #339966;
margin-left: 0px;
margin-right: 0px;
}

.droite .mots-cles a.en-tete {
	display: block;
	background-color: #339966;
	font-weight: bold;
	font-size: 200%;
	color: #FFFFFF;
	text-align: center;
	border: 1px solid #339966;
}

.droite .mots-cles a.en-tete:hover {
	background-color: #FFFFFF;
	color: #339966;
	border: 1px solid #339966;
}

.droite .mots-cles .contenu {
	border: 1px solid #339966;
	margin: 10px 0px 20px 0px;
	padding: 0px;
	font-size: 100%;
}

.droite .mots-cles .contenu a {
	display: block;
	color: #339966;
	padding: 0px 5px 3px 5px;
	font-size: 110%;
	text-decoration: none;
}

.droite .mots-cles .contenu a:hover {
	text-decoration: underline;
}

.droite .mots-cles .contenu span {
	display: block;
	color: #666666;
	padding: 0px 5px 3px 5px;
	font-size: 110%;
	text-decoration: none;
}

.droite .mots-cles .contenu .nom-groupe {
	display: block;
	padding: 2px 5px 0px 5px;
	font-size: 110%;
	text-decoration: none;
	font-weight: bold;
}

.droite .mots-cles .contenu a.type {
	display: block;
	border-bottom: 1px solid #339966;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #339966;
	margin: 0px;
	padding: 1px;
	background: #FFFFFF;
	margin-bottom: 10px;
	text-decoration:none;
}

.droite .mots-cles .contenu a.type:hover {
	color: #FFFFFF;
	background: #339966;
}

.spip_surligne { background: #FFFF66; }

/* Puces generees par un tiret seul en debut de ligne */
/* Ces puces ne sont pas incluses dans une balise <ul> et le code obtenu est <li class="spip"> */

li.spip {
list-style-image:URL(../images/puce-n0.gif);
list-style-position: outside;
padding: 0;
margin: 5px 0 0 20px;
}

/* Puces generees par un tiret suivant d'un ou plusieurs asterisques (ex: -* blabla...) */
/* Ces puces sont incluses dans une balise <ul class="spip"> et le code de chaque item est <li class="spip"> */

ul.spip  {
padding: 0;
margin: 5px 0 0 20px;
}

ul.spip li.spip {
list-style-image: URL(../images/puce-n1.gif);
padding: 0px;
margin: 5px 0 0 0;
}

ul.spip ul.spip li.spip {
list-style-image:URL(../images/puce-n2.gif);
}

img {
border: 0px;
}

/* Puces generees par un tiret suivant d'un ou plusieurs diez (ex: -# blabla...) */
/* Ces puces sont incluses dans une balise <ol class="spip"> et le code de chaque item est <li class="spip"> */

ol.spip  {
padding: 0;
margin: 5px 0 0 20px;
}

ol.spip li.spip {
list-style-type: decimal;
list-style-image: none;
list-style-position: outside;
padding: 0px;
margin: 5px 0 0 0;
}

ol.spip ol.spip li.spip {
list-style-type: lower-alpha;
}

ol.spip ol.spip ol.spip li.spip {
list-style-type: lower-roman;
}

/* !!!!!!!!!!! Sarka-SPIP 1.9.1 !!!!!!!!!!!! */

/*---style des documents---*/

.spip_documents_left {
display: block;
float: left;
margin: 0 10px 10px 0;
}

.spip_documents_center {
display: block;
width: 100%;
text-align: center;
}

.spip_documents_right {
display: block;
float: right;
margin: 0 0 10px 10px;
}

div.spip_documents_no-float {
clear: both;
margin: 0 0 10px 0;
}

div.spip_documents_left .spip_documents, div.spip_documents_center .spip_documents, div.spip_documents_right .spip_documents {
text-align: center;
font-size: 90%;
border: 1px solid #000000;
padding: 5px 0 5px 0;
margin: auto;
}

div.spip_documents_no-float .spip_documents {
text-align: center;
font-size: 90%;
border: 1px solid #000000;
padding: 5px 0 5px 0;
}

.spip_doc_titre {
clear: both;
font-weight: bold;
font-size: 100%;
margin-left: auto;
margin-right: auto;
padding: 5px 0px 5px 0px;
text-indent: 0;
}

.spip_doc_descriptif {
clear: both;
margin-left: auto;
margin-right: auto;
font-size: 90%;
color: #808080;
}

.droite .spip_documents {
width: 130px !important;
}

.droite .spip_doc_titre {
width: 120px !important;
}

.droite .spip_doc_descriptif {
width: 120px !important;
}

.clearer {
display: none;
}

.reponse_formulaire { 
font-size: 10px; 
font-weight: bold; 
color:#da2129;
padding-bottom:10px;
}





/*//////HEADER//////*/
/*bandeau*/
#bandeau{
clear:both;
height:202px;
width:768px;
background-image:url(../images/bg-header-bottom.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
a.bandeau {
/*bandeau contenant le titre du site*/
background: #FFFFFF;
color: #DA2129;
}
a.bandeau:hover {
text-decoration: none;
}
.bande-chemin {
/*bande accrochee au bandeau de titre, contenant le chemin hierarchique de la page en cours*/
background-color:#000000;
text-align: left;
font-size: 1em;
padding:0.4em 0 0.4em 20px;
margin:0 0 0 190px;
width:558px;
color: #FFFFFF;
font-weight: bold;
text-transform:uppercase;
}
.bande-chemin a {
color: #FFFFFF;
text-decoration:none;
}
.bande-chemin a:hover {
text-decoration:underline;
}

div.logo{
float:left;
width:168px;
height:159px;
padding:33px 0 0 24px;
}
div.new{
float:right;
width:192px;
height:192px;
}
div.new a{
display:block;
width:192px;
height:192px;
background-image:url(../images/new.gif);
background-position:top left;
background-repeat:no-repeat;
}
div.new a span{
display:none;
}

/*WRAPPER*/
div.wrapper{
width:952px;
}

/*RIGHT*/
.droite ul{
list-style-type:none;
margin:30px 0;
}
.droite ul li{
padding:35px 0 25px 0;
text-align:center;
}

/*FOOTER*/
.footer {
clear: both;
text-align: center;
font-size: 1.1em;
background-color:#000000;
color:#FFFFFF;
width:768px;
padding:30px 0 30px 0;
}
.footer a {
color: #FFFFFF;
text-decoration: none;
}
.footer a.atolon {
font-size:0.9em;
}
.footer a:hover {
text-decoration: underline;
}
.footer p{
text-align:center;
}
.footer p img{
margin-top:25px;
}


/*////articulos/////*/
.derniers-articles {

}
.derniers-articles a {
color:#da2129;
text-decoration: none;
}
.derniers-articles a:hover{
text-decoration:underline;
}
.derniers-articles .image .spip_logos {
display: block;
float: left;
border:0px;
}
.derniers-articles .en-tete {
display:none;
}
.derniers-articles .annonce {
border-bottom:1px solid #CCCCCC;
padding-right:20px;
padding-bottom:1em;
margin-bottom:2em;
}
.derniers-articles .surtitre {
color: #DA2129;
font-size:1em;
font-weight: bold;
}
.derniers-articles a.titre {
color: #DA2129;
font-weight: bold;
font-size:1.8em;
line-height:1em;
text-transform:capitalize;
display:block;
padding-bottom:0.8em;
}
.derniers-articles a.titre:hover {
text-decoration: underline;
}
.derniers-articles .soustitre {
color: #DA2129;
font-weight: bold;
margin: 0px;
padding-top: 5px;
}
.derniers-articles .detail {
color: #666666;
font-size:1em;
text-align:right;
}
.derniers-articles .detail a{
color: #da2028;
}
.derniers-articles .detail br{
display:none;
}
.derniers-articles .chemin {
color: #666666;
font-weight: bold;
font-size:1em;
text-transform:uppercase;
}
.derniers-articles .chemin a{
color: #666666;
}

.derniers-articles .introduction {
color: #333333;
font-size:1.1em;
}
.derniers-articles a.suite {
color: #da2028;
display:block;
padding-left:10px;
width:120px;
margin-left:405px;
text-align:right
}
.derniers-articles .introduction p{
margin-bottom:1em;
}
div.image img{
padding:6px;
border:1px solid #ededed;
}
div.agenda .contenu{
font-size:13px;
}

div.pusher{
overflow:hidden;
height:0;
clear:both;
}