body {
	background: #FFFFFF;
	padding: 0px;
	margin: 0px;
}

#conteneur1{
	background-image:url(../images/branche_repeat7_3.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	/*min-width: 1000px;*/
    min-width:907px;
	min-height:668px;
/*	min-height: 768px;*/
	}

#conteneur2{
	background-image:url(../images/tronc_repeat.jpg);
	background-repeat:repeat-y;
	background-position:right top;
		min-height:668px;

	}

#conteneur3{
	background-image:url(../images/blanc.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
		min-height:668px;
	}

#conteneur4{
	background-image:url(../images/tree_top_right7.jpg);
	background-repeat:no-repeat;
	background-position:right top;
		min-height:668px;
	}

#conteneur5{
	background-image:url(../images/tree_top_left7.jpg);
	background-repeat:no-repeat;
	background-position:left top;
		min-height:668px;
	}

#conteneur6{
	background-image:url(../images/terre.png);
	background-repeat:no-repeat;
	background-position:bottom;
	min-height:668px;
	}

#conteneur7{
	background-image:url(../images/tree_bottom_right2.png);
	background-repeat:no-repeat;
	background-position:right bottom;
/*	display: none;*/
	min-height:668px;
	z-index:1000;
	}

a {
	text-decoration:none;
}

a:link {
color:none;
}

.wrapper {
    position: relative;
    top: 100px;
    margin: 0px 0px 240px 0px;
/*    float:left;*/
}
/* ================================ */
/*---comportement des liens de style bouton---*/

a.bouton {
    display:block;
    background: #333333;
    color:#F0F0FA !important;
    text-decoration:none;
    border:  #333333 solid 1px;
    text-align:center;
    padding:1px;
	margin:10px 0px 10px 0px;
}
a.bouton:hover {
	background:#F0F0FA;
	color: #333333;
	text-decoration:none;
}
/* ================================ */
/*---comportement des logos ---*/

.logo-rss {
    float:none !important; position:relative; right:-50px; top:-45px;
    }

a.logo-rss-valid {
	display: block;
	background:URL(../images/feed-icon.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.tpl_article a.logo-rss-valid {
float:right;
height:40px;
position:relative;
bottom:-18px;
width:40px;
}

a.logo-rss-valid:hover {
	display: block;
	background:URL(../images/feed-icon2.png);
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;position:relative;
	width: 40px;top:10px;
	height:40px;
}

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

.formulaire_spip fieldset {
	border: 1px solid  #333333;
	margin: 10px 0px 10px 0px;
	padding: 10px;
}

.formulaire_spip legend {
	color:  #333333;
	background: #EEEEEE;
	font-weight: bold;
	border: 1px solid  #333333;
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 5px 0px;
}

.formulaire_spip label {
	font-weight: bold;
}

.saisie-texte, .forml {
	display:block;
	color:  #333333;
	background: #F0F0FA;
	border: 1px solid  #333333; /*2C341F*/
	margin:5px 0px 5px 0px;
	padding:1px;
}

.spip_bouton input {
	display: block;
	float: right;
/*	background:  #333333;*/
	background:#990000 none repeat scroll 0% !important;
/*	color: #F0F0FA;*/
    color:#FFFFFF !important;
/* border: 1px solid  #333333;*/
    border:1px solid #990000 !important;
	margin:5px 0px 5px 0px;
/*behavior: url(squelettes/scripts/spip-bouton-hover.htc); ne s applique qu a ie*/
}

.spip_bouton input:hover {
	background: #F0F0FA;
	color:  #333333;
	border: 1px solid  #333333;
	cursor: pointer;
}

.spip_bouton_gauche input {
	display: block;
	background:  #333333;
	color: #F0F0FA;
	border: 1px solid  #333333;
	margin:5px 0px 5px 0px;
/*behavior: url(squelettes/scripts/spip-bouton-hover.htc); ne s applique qu a ie*/
}

.spip_bouton_gauche input:hover {
	background: #F0F0FA;
	color:  #333333;
	border: 1px solid  #333333;
	cursor: pointer;
}

fieldset {
	margin: 0px;
	padding: 0px;
}

blockquote {
	display: block;
	border : 1px solid #990000;
	border-left : 8px solid #990000;
	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: #990009;
	padding: 0px 3px 0px 3px;
	border:1px solid #990009;
	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: #990009;
	padding: 0px 3px 0px 3px;
	border:1px solid #990009;
}

.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: #990009;
	padding: 0px 3px 0px 3px;
	border:1px solid #990009;
}

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

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

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

a.bandeau {
	/*bandeau contenant le titre du site*/
	display: block;
	/*background:  #333333;*/
/*	border:2px solid  #333333;*/
	margin: 0px;
	font-family: Verdana,Helvetica,Arial,sans-serif;
	padding: 0px;
	font-size: 40px;
	font-weight: bold;
	color:  #333333; /* frage replace #6262A4 */
	height: 50px;
	padding: 10px 20px 10px 10px;
	text-align: right;
}

a.bandeau:hover {
	color: #EEEEEE;
	text-decoration: none;
}

.bande-chemin {
color:#990000;
display:inline;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
font-weight:bold;
height:42px;
/*left:185px;*/
/*margin:0 0 0 -200px;*/
/*padding:4px 10px;*/
position:relative;
text-align:left;
/*top:-5px;*/
top:-10px;
}

.bande-chemin a {
/*	color: #EEEEEE;*/
	color: #990000 !important;
	font-weight: bold;
	/*white-space:nowrap;*/
}

.bande-chemin a:hover {
	color: #FF0000;
}

.gauche {
	/*colonne de gauche*/
	border: 0px;
	width: 180px;
	position: relative;
	left: 20px;
    clear: both;
    float: left;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.centre {
	border: 0px;
	margin-left: 180px;
	margin-right: 170px;
    margin:25px 170px 65px 180px;
	font-family: Arial,Verdana,Helvetica,sans-serif;

}

.droite {
	border: 0px;
	width: 170px;
/*	position: absolute; */
	position: relative;
    float: right;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 10px;
	right: 5px;
}

.tpl_article .droite {top:-45px! important;}
.tpl_article .droite #nav4{margin:0px 0px 20px 0px;}
.tpl_article .gauche {top:-100px;}
.tpl_article .centre {position:relative; top:-4px;}
.tpl_article .wrapper {top:195px;}
.tpl_article .sans_pub .centre {top:-100px}

.tpl_mot         .droite{
    top:34px;}

.tpl_rubrique    .droite{top:84px;}

.tpl_sommaire    .droite{top:99px;}

.tpl_auteur      .droite,
.tpl_recherche   .droite,
.tpl_album       .droite,
.tpl_contact     .droite,
.tpl_inscription .droite,
.tpl_login       .droite,
.tpl_breve       .droite,
.tpl_agenda      .droite,
.tpl_plan        .droite,
.tpl_loginpublic .droite,
.tpl_forum       .droite,
.tpl_forumnews   .droite {
    /*top:69px;}*/
    top:104px;}

.tpl_login .centre, .tpl_loginpublic .centre {margin:116px 170px 0 180px !important;}

.centre form fieldset li {margin-bottom:10px;}

.tpl_forum .contenu_forum .formulaire_forum div { float:left; margin: 0px 20px;}
.tpl_forum .contenu_forum .derniers-articles {top:30px;}

.tpl_evenement .agenda {position:relative; top:85px !important;}

/* ================================ */
/* ===== Formatage des elements du bandeau =============== */

a.bandeau .spip_logos {
	float: left;
	border: 0px;
}

a.bandeau  .nom-site {
	margin: 0px;
	padding: 0px;
	float : left;
	position : relative;
	top : 10px;
	left : 0px;
}

.nom-site a  {
color:#990009 !important;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-weight:bold;
}

.nom-site .accroche {
color:#990009;
font-size:10px;
font-weight:bold;
left:0;
position:relative;
width:438px;
}

#bandeau #nav_recherche{
    float:left;
    left:530px;
    position:relative;
    top:-60px;
}
#bandeau #nav_recherche .spip_bouton_gauche{
position:relative; top:-25px; left:160px;
}

#bandeau .nom-site {
/*background: url(../../IMG/titre.png) no-repeat;*/
height: 50px;
width:350px;
left:82px;
position:absolute;
top:20px;
}

#bandeau .anom-site a {
height: 36px;
width:347px;
}

#bandeau .anom-sitetitre {
background: url(../../IMG/titre.png) no-repeat;
height: 36px;
width:347px;
display:block;
}

/* ================================ */
/* ===== Formatage des elements du pied de page ========== */
.footer {
	clear: both;
	text-align: center;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
    color:#FFFFFF;
    padding:50px 20px 0px;
}
.footer span {background-color:#333333;opacity:0.7; }
.footer b {background-color:#FFFFFF;color:#990000; opacity:0.9;}

/* ================================ */
/* ========================== bloc contenant la date de dernière mise à jour ======== */

.maj {
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #990009;
	width: 100%;
	text-align: center;
	padding: 3px 0px 3px 0px;
	color: #990009;
	margin: 20px 0px 20px 0px;
}

.maj hr {
	border: 0px;
	height: 1px;
	color: #990009;
	background-color: #990009;
	margin-left: 0px;
	margin-right: 0px;
}

/* ================================ */
/* ===== bloc contenant les statistiques  ================ */
.stats {
	background: #FFFFFF;
	font-size: 11px;
	border: 1px solid #990009;
	width: 197px;
	padding: 3px 0px 3px 0px;
	color: #990009;
	margin: 20px 0px 20px -10px;
}

.stats hr {
	border: 0px;
	height: 1px;
	color: #990009;
	background-color: #990009;
	margin-left: 0px;
	margin-right: 0px;
}

.stats .titre {
	font-weight: bold;
	color: #990009;
	text-align: center;
	margin: 0px auto 5px auto;
}

.stats a {
	display: block;
	color:  #333333;
	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;
	text-align: left;
	text-decoration: none;
}

.stats a:hover {
	background-image:url(../images/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
	color:  #333333;
	text-decoration: underline;
}

.stats a.info:hover span {
	/* style infobulles images */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background:  #333333;
	text-align: left;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0px 3px 0px 3px;
	border:1px solid  #333333;
	width: 30px;
}

/* ===== ======== */
.rubriques_parent0, .menu-titre {
color:#FFFF99;
font-weight:bold;
margin:2px;
padding:0px 0px 0px 5px;

}

#bord ul li { margin-right : 2px !important;}

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

.nav2 {
border: 1px solid  #333333;
background-position: left top;
font-weight: bold;
background-image: url(../images/bloc3.png);
background-repeat: repeat-y;
width:  auto;
margin: 20px 25px 20px 0px;
}

.nav2 .texte {
	margin:10px;
	font-size: 12px;
}

.nav2 .texte .bouton {
	margin: 17px 0px 17px 22px;
	text-indent: -20px;
	text-align: left;
	text-indent: 5px;
}

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

.nav2 .texte .logo-plan {
	background-image: url(../images/_plan.png) !important;
	background-image: url(../images/_plan.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px !important; /*hack pour le 1er bouton du bloc positionne differemment sous ie*/
	bottom: 10px;
	right: 21px;
	margin: 0px -50px 0px -0px;
}

.nav2 .texte .logo-agenda {
	background-image: URL(../images/_agenda.png) !important;
	background-image: URL(../images/_agenda.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px 0px -0px;
}

.nav2 .texte .logo-galerie {
	background-image: URL(../images/_galerie.png) !important;
	background-image: URL(../images/_galerie.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px 0px -0px;
}

.nav2 .texte .logo-motscles {
	background-image: URL(../images/_mots-cles.png) !important;
	background-image: URL(../images/_mots-cles.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px 0px 0px;
}

.nav2 .texte .logo-forum {
	background-image: URL(../images/_forum.png) !important;
	background-image: URL(../images/_forum.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 17px;
	right: 21px;
	margin: 0px -50px -30px -0px; /*marge basse de -30 px pour dimension bloc de navigation sous ie*/
}

.nav2 .texte .logo-contact {
	background-image: URL(../images/__contact.png) !important;
	background-image: URL(../images/__contact.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px !important; /*hack pour le 1er bouton du bloc positionne differemment sous ie*/
	bottom: 11px;
	right: 19px;
	margin: 0px -50px 0px 0px;
}

.nav2 .texte .logo-referencement {
	background-image: URL(../images/__proposer-site.png) !important;
	background-image: URL(../images/__proposer-site.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px 0px 0px;
}

.nav2 .texte .logo-inscription {
	background-image: URL(../images/__inscription.png) !important;
	background-image: URL(../images/__inscription.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px 0px 0px;
}

.nav2 .texte .logo-login {
	background-image: URL(../images/__public-in.png) !important;
	background-image: URL(../images/__public-in.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/
}

.nav2 .texte .logo-logout {
	background-image: URL(../images/__public-out.png) !important;
	background-image: URL(../images/__public-out.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/
}

.nav2 .texte .logo-prive {
	background-image: URL(../images/__prive.png) !important;
	background-image: URL(../images/__prive.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 50px;
	height: 50px;
	float: left;
	position: relative;
	bottom: 18px;
	right: 19px;
	margin: 0px -50px -30px 0px; /*marge basse de -30 px pour dimension bloc sous ie avec logos*/
}

.nav2 .texte .auteur{
	margin: 17px 0px 17px 0px;
	padding-top: 3px;
	padding-bottom: 2px;
	background: #F0F0FA;
	color:  #333333;
	border: 1px solid  #333333;
	text-align: center;
}

.nav2 .texte .auteur a{
	color: #990000;
}

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

.nav2 .saisie-texte {
	width:90%;
}

.nav2 .forml{
	width:90%;
}

/* ================================ */
/* =========== Formatage des elements de la colonne centrale ======================== */

/* Style de l'intitule de chaque page */
.intitule {
	color: #990009;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 30px 20px 30px;
}

/* ~~~~~~~~~~~~ sommaire ~~~~~~~~~~~~ */
/* Le bloc sommaire contient l'edito et les annonces */
/* des derniers articles et des secteurs */

.sommaire {
	font-size: 12px;
	margin: 0px;
	width: 100%;
	float : left;
}
.tpl_rubrique .derniers-articles {
margin:0 55px 128px 21px;
}

.tpl_recherche .sommaire {position:relative; left:5px;}


.tpl_recherche .recherche .derniers-articles {
margin:41px 42px 40px -25px;
}

.tpl_recherche .indentation {padding-left:0px !important;}

/* edito */

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

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

.edito a:hover {
	color: #990000;
	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: #000000;
	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:  #333333;
	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: #333333;
	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:  #333333;
	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: #990009;
	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 #990000;
	background: #FFFFFF;
	margin: 0px 30px 20px 30px;
}

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

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

.sommaire .rubrique .texte a {
	color: #990000;
	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: #990009;
	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: 13px;
	margin: 0px;
	/*width: 100%;*/
}
/* ================================ */
/* contenu --> rubriques */

.contenu .rubrique {
	border: 2px solid #990000;
	background: #FFFFFF;
margin:0px 40px 40px 50px;
/*width:92%;*/
	float:left;
}

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


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

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

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

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

.contenu .rubrique .descriptif {
	margin: 10px 150px 5px 10px;
	border-top: 1px solid;
	border: 1px solid;
	font-size: 85%;
	padding: 5px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

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

.contenu .rubrique tr.row_first {
	background: #990009;
	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 {
	margin: 10px;
    font-size:140%;
}

.contenu .rubrique .filles a {
	display: block;
	color: #000000;
	font-weight: bold;
	background-image: url(../images/puce0.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin: 5px 0px 5px 30px;
}

.contenu .rubrique .filles a:hover {
	background-image: url(../images/puce1.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}
/* ================================ */
/* contenu --> documents joints (aux articles et aux rubriques) */

.contenu .doc {
	padding: 10px;
	color: #990000;
	background: #FFFFFF;
	margin: 0px;

position:relative;
top:-62px;
}

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

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

.contenu .doc a {
    float:left;
	display:block;
	text-decoration: none;
	color: #990000;
	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;
	padding: 10px;
	background: #FFFFFF;
}

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

.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;
}
/* ================================ */
/* ===  derniers articles       === */
/* La classes "derniers articles" est mal nommee : */
/* elle correspond aux annonces d'articles, dans les */
/* pages sommaire, plan, recherche, auteur, etc. */

.derniers-articles {
	background:  #333333;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
/*	height:100%;*/
   left: 15px;
   float:left;

margin:0 55px 111px 21px;
padding:0 0 10px;
position:relative;
top:-26px;
}

.derniers-articles a {
	color: #990000;
	text-decoration: none;
}

.derniers-articles .image .spip_logos {
	display: block;
	float: left;
	margin: 10px;
	border:0px;
    margin-bottom:-30px;
}


.derniers-articles a:hover {
	color: #990000;
	text-decoration: underline;
}

.derniers-articles .en-tete {
	color: #FFFFFF;
	font-size: 150%;
	font-weight: bold;
	margin: 0px 10px 10px 10px;
}

.derniers-articles .en-tete {
color:#FFFFFF;
font-size:190%;
}

.derniers-articles .annonce {
	background: #FFFFFF;
	float:left;
height:368px;
margin:10px 0px 10px 16px;
padding:0 0 15px;
width:29%;
float:left;
}
.derniers-articles .annonce .spip_logo { margin-bottom:-30px;}

.derniers-articles .surtitre {
	color:  #333333;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
	float:right;
}

.derniers-articles a.titre {
	display: block;
	color:  #333333;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	padding-top: 5px;
	float:left;
/*	white-space:nowrap;*/
}

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

.derniers-articles .soustitre {
	color:  #333333;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
	/*float:left;*/
}

.derniers-articles .detail {
	color:  #333333;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 1px 5px 1px 5px;
	border-left: 1px solid  #333333;
	border-bottom: 1px solid  #333333;
	width: 150px;
	float: right;
}

.derniers-articles .chemin {
	color: #990000;
	font-weight: bold;
	padding: 10px 10px 5px 10px;
}

.derniers-articles .introduction {
	color: #000000;
	margin: 10px 10px 0px 10px;
	float:left;
}

.derniers-articles a.suite {
	text-align: right;
	display: block;
    clear:both;
    float:right;
}
/* ================================ */
/* ~~~~~~~~~~~~ article (affichage presque semblable à "derniers articles" ~~~~~~~~~~ */

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

.contenu .article, .contenu .organisme {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
border-top:medium ridge black;
margin:4px 40px 20px 36px;
padding:10px;
position:relative;
top:50px;
}



.article a, .organisme a{
	color: #990000 !important;
	text-decoration: none;
}

.article a:hover , .organisme a:hover {
	color: #990000;
	text-decoration: underline;
}

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

.article .surtitre {
	color:#990000;
	font-size: 120%;
	font-weight: bold;
	margin: 0px;
}

.article .titre {
	color:#990000;
	font-size: 180%;
	font-weight: bold;
	margin: 0px;
}

.organisme .titre {
	font-size: 180%;
	font-weight: bold;
	margin: 0px;
	color:#990000;
}

.article .soustitre {
	color:#990000;
	font-size: 130%;
	font-weight: bold;
	margin: 0px;
}

.article .contenu  {
	background: #FFFFFF;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
}


.tpl_article_outils .article .contenu {/*background: #FFCC00; Gold;*/
background:#F6FECB none repeat scroll 0 0;

}

.organisme .contenu {
	background: #FFCC00; /*Gold;*/
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 50px 0px;
}

.article .detail {
	color:  #333333;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 0px;
	padding: 1px 5px 1px 5px;
/*	border-left: 1px solid  #333333;*/
/* border-bottom: 1px solid  #333333;*/
	width: 222px;
	float: right;
  /*     position:relative;
 right:-25px;
    top:-100px;*/

    position: absolute;
    right:-8px;
    top:-35px;
}



.tpl_evenement .article .titre {padding:10px 0;color:#FFFFFF;}
.tpl_evenement .article .contenu {min-height:200px; position:relative}
.tpl_evenement .contenu .article {border-top:none; background-color:#333333;}
.tpl_evenement .contenu .article .contenu { padding: 1px 0 10px;}
.tpl_evenement .contenu .article .contenu p {margin-top: 10px ;}
.tpl_evenement .contenu .article .contenu a {font-size:1.2em;}

.tpl_evenement .articles-freres { font-size:12px;margin:20px 35px 10px !important; }
.tpl_evenement .articles-freres a {color:#990000 !important;}

.tpl_evenement .article .titre .date {font-size:0.8em}
.tpl_evenement .article .evenement-associe a {color:#FFCC00 ; font-size:1em; /*gold*/}
.tpl_evenement .article .evenement-associe .pass {color:#990000 !important}
.tpl_evenement .article .detail {width: 50%;  position:relative; right:-7px; top:7px;}
.tpl_evenement .article .detail .detail_eve {
background-color:#FFFF99;
border:3px solid #990009;
position:relative;
right:10px;
}

.tpl_evenement .article div.socialtags { margin:-20px 10px 2px 0px;}

.tpl_evenement .article .detail .desc_eve { font-weight:normal;  text-align:justify; padding:5px;}

.tpl_art_eve   .article .titre .date {font-size:0.8em}
.tpl_art_eve   .article .evenement-associe a {color:#FFCC00 /*gold*/}
.tpl_art_eve   .article .evenement-associe .pass {color:#990000 !important}
.tpl_art_eve   .article .detail {width: 400px; }
.tpl_art_eve   .article .detail .detail_eve{border : #990009 solid 3px ; background-color:#FFCC00; margin:0 0 5px;}
.tpl_art_eve   .article .detail .desc_eve { font-weight:normal;  text-align:justify;}




.article .texte {
	color: #000000;
	margin: 0px 10px 0px 10px;
	text-align:justify;
}

.article .chapo {
	color:  #333333;
	margin: 10px 10px 0px 10px;
	font-weight: bold;
	font-size:1.2em;
	padding:20px 0px;
}

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

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

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

.article .en-tete {
	color: #FFFFFF;
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}

.article h1, .article h2 {margin: 0; font-size:100%;}
.article h3 {
	font-weight: bold;
	font-size: 140%;
	margin: 1.5em 0em 0.5em 0em;
}

.article h4 {
	font-size:120%;
	font-style:italic;
	font-weight:bold;
	margin:1.5em 0 0.5em 0.2em;
	color:#333333;
}


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

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

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

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

.article td {
	border: 1px solid #FFFFFF;
	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;
	RIGHT: 0px! important;
	margin-right: 10px;
}

.article a.creer_pdf {
	display: block;
	background-image: url(../images/_pdf.gif);
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	float: right;
	RIGHT: 0px! important;
	margin-right: 10px;
}

.article ul.spip li.spip {
/*color : #FFCC00;*/ /*Gold;*/
}

/* mise en forme du formulaire de petition */

.petition {
	border: 2px solid  #333333;
	padding: 10px;
	margin: 0px 30px 20px 30px;
}

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

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

.signatures {
	border: 2px solid  #333333;
	padding: 10px;
	margin: 10px 30px 10px 30px;
	background: #EEEEEE;
	font-size: 100%;
}

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

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

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

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

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

/* ================================ */
/* ============================= article-frere  ============== */
/* ~~~~~~~~~~~~ dans la meme rubrique ~~~~~~~~~~~~ */

.articles-freres {
	border: 2px solid  #333333;
	padding: 10px;
	margin: 65px 35px 10px 30px;
	background: #EEEEEE;
}


.tpl_art_eve .articles-freres {margin:65px 45px 10px 40px;}

.articles-freres ol {
	color:  #333333;
	margin-bottom:-10px;
}

.articles-freres .en-tete{
	color:  #333333;
    font-size:125%;
    font-weight:bold;
	margin: 0px 0px 5px 0px;
}

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

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

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

.articles-freres .en-cours {
	/* affichage du titre de l'article en cours (sans lien) */
	color: #990009;
}

/* ================================ */
/* ====== forum  ================== */

.annonce-forum {
	color: #990000;
	font-size: 150%;
	font-weight: bold;
	width: 100%;
	margin: 0px 30px 0px 30px;
}

.forum {
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 100%;
	margin: 0px 30px 0px 30px;
}

a.repondre {
	background: #990000;
	color: #FFFFFF !important;
	text-decoration:none !important;
	border: #990000 solid 1px;
	text-align:center;
	padding: 1px 5px 1px 5px;
	margin-left : 5px;
	float: right;
}
.contenu_article a.repondre {
	position:relative;
right:-140px;
top:-50px;font-weight:bold;
}

a.repondre:hover {
/*	background:#FFFFFF !important;
	color:#990000 !important;*/
	text-decoration:none !important;
}


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


.forum .visualisation {
	border: 1px solid  #333333;
	margin: 10px 0px 0px 0px;
}

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

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

.forum .visualisation .titre {
	border-bottom: 1px solid #FFFFFF;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	margin: 0px;
	padding: 2px 10px 2px 10px;
	background:  #333333;
	margin: 0px;
}

.forum .visualisation .detail {
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-size: 90%;
	text-align: center;
	color: #FFFFFF;
	width: 200px;
	float: right;
	padding: 1px;
	background:  #333333;
}

.forum .visualisation .texte {
	padding: 10px;
}

.forum a.article-forum {
	text-decoration: none;
	font-size: 110%;
	color: #990000;
	font-weight: bold;
}

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

.forum_fils{
margin-left : 20px;
}

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

.bande-pagination {
		margin: 0px 30px 30px 30px;
		text-align: center;
		text-decoration:none;
		font-size: 14px;}

.bande-pagination span.on {
	display:inline;
	background:#F0F0FA;
	color: #333333;
	border:  #333333 solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
	font-size : 18px;
}

.bande-pagination a {
	display:inline;
	background: #333333;
	color:#F0F0FA;
	border:  #333333 solid 1px;
	padding:1px;
	margin:10px 2px 10px 2px;
}
.bande-pagination a:hover {
	background:#F0F0FA;
	color: #333333;
}

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

.plan {
	font-size: 24px;
	margin: 0px 30px 0px 30px;
	float : left;
}

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

.plan a.annee {
	display:block;
	color: #990000;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
}

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

.plan a.rubrique {
	display:block;
	color: #990000;
	font-weight:bold;
	padding-left:15px;
	margin: 0.5em 0px 0px 0px;
}

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

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

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

.plan a.breve {
	color: #990009;
	padding: 0px 0px 0px 10px;
	font-size: 11px;
}

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

.plan .date {
	color: #990000;
}

.plan ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	border: 0px;
}

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

.plan hr {
	margin: 10px 20px 10px 20px;
	border: 1px solid #990000;
}

.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 {
	background-image:url(../images/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.plan .date-syndic {
	color: #990000;
	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 ================ */

.auteur {
	padding: 0px;
	margin:0px 50px 85px;
	font-size: 12px;
}

/* Style de l'intitule de chaque page */
.auteur .intitule {
	color: #990009;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
}

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

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

.auteur .nom {
	color:  #333333;
	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  #333333;
	color:  #333333;
	font-size: 100%;
	margin: 5px 0px 10px 0px;
	padding: 5px;
}

.auteur a {
	color: #990000;
	text-decoration: none;
}

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

.auteur .formulaire li {margin: 10px 0px}

/* ~~~~~~~~~~~~ recherche ~~~~~~~~~~~~ */

.recherche {
	margin: 0px 30px 20px 40px;
}

.recherche .intitule {
	color: #990009;
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 1px 10px 1px 0px;
	border: 0px;
}

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

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

.recherche .derniers-articles {
margin:41px 0 50px -45px;
}

.indentation {
	padding-left: 40px;
}

.redimensionnement {
	font-size: 11px;
}



/* ================================ */
/* ======= agenda   =============== */
/* ~~~~~~~~~~~~ Mini-agenda ~~~~~~~ */

.agenda {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color: #990009;
    position:relative;
    right:28px;
    width:201px;
}

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

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

.agenda a.en-tete:hover {
	background-color: #EEEEEE;
	color: #990009;
	border: 1px solid #990009;
}
.agenda .contenu {
    background-color:#FFFFFF;
	border: 1px solid #990009;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
	/*width:150px;*/

}
.agenda .contenu .mois {
	border-bottom:1px solid #990009;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 100%;
	/*width:150px;*/
	text-align:center;
}

.agenda .contenu .mois a{
    color:  #333333;
	font-weight: bold;
    text-decoration: none ;
	font-size: 100%;
}
.agenda .contenu .mois a:hover{
    text-decoration: underline;
	color:  #333333;
}

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

.agenda_article {
    min-height:160px;
}

.agenda_article #agendax {
    width:200px;
}

.agenda_article #calendar,.agenda_article #agendax, .agenda_article #agendax .case_pas_remplie a{
    color: #F6F6CC; /*beige;*/
}

.agenda_article #calendar a, .agenda_article #agendax .case_remplie a{
    color: #F6F6CC; /*beige;*/

}
.agenda_article #calendar a:hover {
    color: #990000;
    background-color: #F6F6CC; /*beige;*/
}
.agenda_article #agendax .case_remplie a, .agenda_article #agendax .case_remplie a:hover{
    color: #990000;
    font-weight:bold;
}

.agenda_article #agendax {
width:200px;
border-right-style:solid;
border-right-width:3px;
border-top-style:solid;
border-top-width:3px;
color : #FFCC00; /*Gold;*/
margin :15px 6px;
}

.agenda_article #agendax .titre_calendrier a {
    color :#FFFFFF;
}

.agenda_article #agendax .titre_colonne {
    width :16px !important;
}

.agenda_article #agendax .boite_jour {
    border:1px solid #FFFFFF;
    padding:1px 4px;
    margin :1px;
    height : 16px;
    height :14px !important;
    width :16px !important;
}

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

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

.calendar_not_this_month {  /* couleur des cases n'appartenant pas au mois en cours => debut et fin de mois */
	background: #EEEEEE;
	color:#AAAAAA;
}

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


/* ================================ */
/* ~~~~~~~~~~~~ agenda annuel ~~~~~~~~~~~~ */

.agenda_annuel {
	font-size: 24px;
	margin: 0px 30px 0px 30px;
}

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

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

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

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

.agenda_annuel a.evenement {
	color:  #333333;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	font-size: 12px;
}

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

.agenda_annuel .date {
	color: #990000;
}

.agenda_annuel ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	border: 0px;
}

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

}

.agenda_annuel .intitule .mots-cles {font-size:50% !important}
.agenda_annuel .intitule .contenu a {color:#999999;}
.agenda_annuel .intitule .contenu {font-size:75% !important}
.agenda_annuel .intitule .mots-cles .space{color:#FFFFFF;}

.infoeve .titre{ font-weight:bold;}
.infoeve .type{ font-weight:bold; margin:0 0px !important;}


.infoeve .thematique{ font-weight:bold; color:#990009;}

/* ======= galerie ================ */

.galerie {
	font-size: 24px;
	margin: 0px 30px 0px 30px;
}

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

.galerie .album {
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border-top: 2px solid  #333333;
}

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

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

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

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

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

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

.galerie .album   a.titre:hover {
	color:  #333333;
	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: #990000;
	text-align: right;
	display: block;
	padding-right : 25px;
}

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

}

.listing_annuel a.mois {
	display:block;
	color: #990000;
	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:  #333333;
	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: #990000;
}

.listing_annuel ul {
	list-style-type: none;
	padding: 0px 0px 0px 20px;
	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  #333333 solid;
   width:100%;
	color:  #333333;
	font-family: Courier, monospace;
}


.album_boutons {
	border: 1px  #333333 solid;
	background-color: #FFFFFF;
	min-width: 150px !important;
	margin-top: 5px;
	margin-right: 30% ;
	margin-bottom :5px;
	margin-left: 30%;
	padding: 2px;
	font-weight: bold;
	color:  #333333;
}



.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;
}

.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;
}



.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  #333333 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:  #333333;
	font-size: 150%;
	font-weight: bold;
}

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

/* ================================ */
/* ~~~~~~ sites syndiques ~~~~~~~~~ */
.web {
	margin: 0px;
	font-size: 10px;
	padding: 0px 0px 5px 0px;
	font-size: 100%;
}

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

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

.web a.article-synd {
	display: block;
	/*color: #FFFF33; */
	color:black;
    font-weight : bold;
	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 {left:-27px; position:relative; width:200px;}

.droite .web a.article-synd:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.centre .web a.article-synd:hover {
	color: #990009;
	text-decoration: none;
	background-image:url(../images/puce-n0.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.web .site {
/*	background-image:url(../images/bloc8.png);
	background-repeat:repeat-y;
	background-position:left top;*/
	border: 1px solid #990009;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	font-size: 100%;
}

.centre .sommaire .recherche .web .site {
background-image:url(../images/bloc4.png);
}


.web .site .descriptif {
	border: 1px solid #990009;
	background-color: #EEEEEE;
	margin: 5px 10px 10px 10px;
	padding: 5px;
}


.web .site a.nom-site {
	display: block;
	border-bottom: 1px solid #990009;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #990009;
	margin: 0px;
	padding: 1px;
	background: #EEEEEE;
	margin-bottom: 10px;
}

.web .site a.nom-site:hover {
	color: #FFFFFF;
	background: #990009;
}

/* ================================ */
/* ========== breves ============== */

.breves {
	margin: 0px 0px 0px 0px;
	font-size: 100%;
	color: #990009;
	right:27px;
    width:200px;
    position:relative;
}

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

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

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

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

.droite .breves .contenu {
	background-image:url(../images/bloc3.png);
	background-position: left top;
	background-repeat: repeat-y;
color:#FFFAFA; /*snow;*/
font-weight:bold;
}

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

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

.breves .contenu .date {
	border-bottom: 1px solid #990009;
	border-left: 1px solid #990009;
	font-size: 90%;
	text-align: center;
	color: #990009;
	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:#990000;
}

.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 #990009;
}

/* ================================ */
/* === mots clés             ====== */

.droite .mots-cles {
        margin: 0px 0px 0px 0px;
        font-size: 100%;
        color: #990009;
        position:relative;
        top:69px;
}

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

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

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

.droite .mots-cles .contenu {
        border: 1px solid #669999;
        margin: 10px 0px 20px 0px;
        padding: 0px;
        font-size: 100%;
        background-image:url(../images/bloc3.png);
}

.droite .mots-cles .contenu a {
        display: block;
        color: #FFFFFF;
        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: #FFCC00; /*Gold;*/
        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 #990009;
        font-size: 130%;
        font-weight: bold;
        text-align: center;
        color: #990009;
        margin: 0px;
        padding: 1px;
        background: #FFFFFF;
        margin-bottom: 10px;
        text-decoration:none;
}

.droite .mots-cles .contenu a.type:hover {
        color: #FFFFFF;
        background: #990009;
}
/* ================================ */
.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;
}

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

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

.spip_documents_center {
	display: block;
	clear: both;
	width: 100%;
	text-align: center;
	margin: 0 0px 10px 0px
}

.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  #333333;
	background: #F0F0FA;
	padding: 5px 0 5px 0;
	margin: auto;
}

div.spip_documents_no-float .spip_documents {
	text-align: center;
	font-size: 90%;
	border: 1px solid  #333333;
	background: #F0F0FA;
	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: #990009;
}

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

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

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

.clearer {
	clear: both;
	display: block;
	height: 0px;
}
.clearer-right {
	clear: right;
	display: block;
	height: 0px;
}

.reponse_formulaire {
	font-size: 12px;
	font-weight: bold;
	color: red;
}

.article-texte-187 .spip_forms div.spip_descriptif,
.article-texte-187 .spip_forms p.spip_form_ok,
.article-texte-187 .spip_forms p.spip_form_erreur,
.article-texte-187 .spip_forms form
 {
clear : none;
}

.spip_forms {
border-left:1px dashed #660000 !important;
color:black !important;
font-family:Verdana,Arial,Helvetica,sans-serif !important;
font-weight:normal !important;
margin:0px 0px 16px !important;
padding:6px !important;
position:relative !important;
top:10px !important;
WIDTH: 100%;
}

.spip_forms fieldset {
border-color:#990000 !important;
border-style:dotted none none solid !important;
border-width:1px 1px 1px 3px !important;
margin:0.5em 0pt !important;
position:relative !important;
top:-23px !important;
}

#agenda_view {
    padding: 0px 15px 0px 60px;
}
.contenu .boutonstexte {
position:relative;
float: right;
width: 20px;
padding:10px 0px 0px;
}

ul.nuage {
text-align:justify !important;
font-weight:bold;
top:0px;
left:3px;
position:relative;
width:180px;
}


ul.nuage li {
    display:inline !important;
/*    white-space:nowrap !important;*/
    line-height:0.9em !important;
    margin:0px;
    padding: 0px;
}


ul.nuage li a {
    display:inline !important;
    white-space:pre !important;
    background:none !important;
    margin:0 -7px 0 -5px;
}

.nuage .nuage10  {color:#00FFCC;} /*cian*/
.nuage .nuage9 {color:#33FF00;} /*Vert SpringGreen*/
.nuage .nuage8 {color:#99CCFF;} /*Bleu ciel*/
.nuage .nuage7 {color:#CC9999;} /*rouge leger*/
.nuage .nuage6 {color:pink}
.nuage .nuage5 {color:#CCFF99} /*vert*/
.nuage .nuage4 {color:gold}
.nuage .nuage3 {color:#FF9900}
.nuage .nuage2 {color:yellow;}
.nuage .nuage1 {color:#66FFFF;} /*Bleu ciel*/
.nuage .nuage0 {color:white;}


.dos {
background-image:url(../images/livre_dos.gif);
background-position:left bottom;
background-repeat:repeat-y;
left:-55px;
margin:0 0 0 0;
position:relative;
z-index:3;
}
 .livre {

background-image:url(../images/livre_haut.gif);
background-position:right top;
background-repeat:no-repeat;
position:relative;
top:-28px;
width:227px;
z-index:3;

}

.nuage_d {
background-image:url(../images/bloc3.png);
background-position:left top;
background-repeat:repeat-y;
border:1px solid #333333;
font-weight:bold;
margin:20px 0;
width:100%;

left:38px;
margin:0 38px 0 19px;
position:relative;
top:28px;
width:auto;
}
ul.nuage {
left:12px;
width:145px;
}

.tpl_mot div.nuage{float:left;margin:-55px 15px 0 45px;}
.tpl_mot div.nuage ul.nuage {width: 100%; margin:0 0 180px;}
.tpl_mot div.nuage ul.nuage li {line-height:1.5em !important;}
.tpl_mot div.nuage ul.nuage li a {display:inline !important; margin:0px;color:#990000;}

.boutonstexte .textsizeup,
.boutonstexte .textsizedown,
.boutonstexte .textonly {
    float:right !important;
    clear:both !important;
}

.article .contenu ul li {
    width:100%;
}

.contenu_organisme .bordureAnnuaire {
margin:0px 50px;
}
.contenu_organisme .bordureAnnuaire .lib {
text-align:right;
width:25%;
}
.contenu_organisme .bordureAnnuaire .lib2 {
text-align:right;
width:10%;
}

.contenu_organisme .bordureAnnuaire .lib3 {
text-align:right;
width:10%;

}
.contenu_organisme .titrean {
font-size: 1.1em;
}
.contenu_organisme .introan {
font-size: 1.1em;
}

.form_reponsetitre{
color : #FFFFFF;
margin: 10px 0px;
}
.form_reponse, .form_reponse a {
color : #FFCC00; /*Gold;*/
}
.form_reponse, .form_reponse a:hover {
color : #990000;
}

.googlead {
background-color:transparent !important;
height:90px;
width:728px;
position:absolute !important;
top :245px;
left:108px;

}

.googlead2 {
position:relative; right:17px; top:-7px; z-index:500;
}

.nav3 a.lien-menu-autre, .navG a.lien-menu-autre {
    font-size:0.98em;
}

.googlead3 {
position:relative;
right:5px;
top:20px;
}

.linkeboutique {
    display:block;
    z-index:4000;
    text-align:center;

    /* gauche : entre branche*/
    position:relative;
    margin-bottom:39px;
    right:-21px;
    top:15px;
}

.linkeboutique .logolinkeboutique span{position:relative;top:-25px}

.linkeboutique a {
    height:109px !important;
    width:136px !important;
    display:block;
    color:#990000 !important;
    font-size:/*10px;*/ 22px;
}

.logolinkeboutique {
background-image:url(../../IMG/lien-com-V1.png);
background-repeat:no-repeat;
height:131px;
width:150px;
display:block;
}


/* ================================ */
#nav_langue {
background-color:#FFFFFF;
float:right;
font-weight:bold;
opacity:0.6; /*Safari, Opera 8.5 et ...*/
position:relative;
right:5px;
top:-100px;
}

#nav_langue a {
background-color : #FFFFFF;
color:#333333;
font-weight:bold;
}

/* ================================ */
#nav3-visiteur {
background-color:#333333 !important;
float:right;
font-weight:bold;
/*opacity:0.7;*/ /*Safari, Opera 8.5 et ...*/
z-index:150;

position:relative;
right:0px;
top:-100px;
margin : 0px 0px 0px 0px;
padding-right:5px;
}

#nav3-visiteur .logo-contact3,
#nav3-visiteur .logo-logout3,
#nav3-visiteur .logo-inscription3,
#nav3-visiteur .logo-prive3,
#nav3-visiteur .logo-login3,
#nav3-visiteur .referencement3 {
color:#FFFFFF;
float: left;
height:22px;
opacity:0.9; /*Safari, Opera 8.5 et ...*/

position:relative;
top:4px;
width:22px;
}

#nav3-visiteur .logo-contact3 {
	background-image: url(../images/__contact3.png) !important;
	background-image: url(../images/__contact3.gif);
	background-repeat: no-repeat;
}

#nav3-visiteur .logo-logout3 {
	background-image: url(../images/__public-out3.png) !important;
	background-image: url(../images/__public-out3.gif);
	background-repeat: no-repeat;
}

#nav3-visiteur .logo-inscription3 {
	background-image: url(../images/__inscription3.png) !important;
	background-image: url(../images/__inscription3.gif);
	background-repeat: no-repeat;
}

#nav3-visiteur .logo-login3 {
	background-image: url(../images/__public-in3.png) !important;
	background-image: url(../images/__public-in3.gif);
	background-repeat: no-repeat;
}

#nav3-visiteur .logo-prive3 {
	background-image: url(../images/__prive3.png) !important;
	background-image: url(../images/__prive3.gif);
	background-repeat: no-repeat;
}

#nav3-visiteur .bouton3 {
float:left;
color:#FFFFFF;
}

.spip-admin-boutons {
color:#FFFFFF !important;
background-color:#333333 !important;
font-size:0.8em !important;
}

#nav3-visiteur-aut  {
background-color:#FFFFFF;
float:right;
font-weight:bold;
opacity:0.8; /*Safari, Opera 8.5 et ...*/

padding:0 5px;
position:absolute;
right:55px;
top:26px;
}

#nav3-visiteur-aut .auteur3 a {
color:#990000;
}

#nav3-visiteur .logo-inscription3 {margin: 0px 105px 0px 0px;}
#nav3-visiteur .b3_inscription{position: absolute; right: 230px;}

/* ================================ */
.imgart {text-align:center;}


/* ================================ */
/* Amazone */
.amaz {top:20px;right:17px; position: relative; margin:20px 0px 50px 0px}
.amazG {margin:0 0 -40px;position:relative;right:10px;top:0;}
.amazD {right:-2px}

.amaz5 {border: 1px solid #990000 !important;margin:0 0 62px;}

.amaz5 object {left:-16px;
margin: -2px -10px -44px 0px;
position:relative;
top:-1px;}

.amazc5 {
clear:both;
float:left;
position:absolute;
left:17%;
top:160px;
}

.amazc .googlead {display:none}

.amaz5ca {
background-image:url(../images/tronc_repeat.jpg);
background-position:right top;
background-repeat:repeat-y;
border-top-style:solid;
border-top-width:1px;
border-bottom:none;
height:19px;
position:relative;
top:-20px;
width:200px;
}

.amazD .amaz5ca {
height:25px;
right:-3px;
top:-25px;
border:none;
margin:0px 0px 326px 0px;
}


.amazc .amaz5ca,.amazc5 .amaz5ca  {
background-image:none;
background:#FFFFFF none repeat scroll 0 0;
border:medium none;
height:21px;
left:0;
position:relative;
top:-26px;
width:125px;
}

.GoodAction{
position : relative;
right:50px;
}
.footer .wwf {bottom:76px;
height:60px;
left:14%;
margin:20px 25px 60px 0;
position:relative;
width:468px;
z-index:2;}

.carrousselV {position:relative;
right:38px;margin:20px 0 10px -10px;
}

#menu-center {
background-color:transparent;
background-image:url(../images/tree_top_feuille2.png);
background-position:left center;
background-repeat:no-repeat;
float:right;
height:100px;

width:100px;
z-index:1;

position:absolute;
right:364px;
top:147px;
}

#menu-center { background-image:none;}

/* ================================ */
a#donation {
background:transparent url(../images/make-a-donation.png) no-repeat scroll right bottom;
display:block;
position:fixed;
bottom:0;
right:0;
width:100px;
height:92px;
z-index:4001;
text-decoration:none;
text-indent:-999em;
}

.faireundon { text-align:center;}

/* ================================ */
/* ======= plugin ================= */
#boutons_admin_supp {left:0 !important;}

div.socialtags { /*socialtags.css */
clear:none !important;
float:right !important;
left:-111px;
position:relative;
top:-30px;
}

.centre .contenu .citation {
color:DarkOliveGreen;
font-size:0.9em;
margin:11px 0 0 35px;
min-width:300px;
position:absolute;
width:65%;
}

.centre .contenu .citation  .auteur {
margin:0 0 0 25px;
position:relative;
}

.textsmall {font-size:65%}

.droite .cssvalid   {position: relative; left: 31px; top: -29px;}
.droite .xhtmlvalid {position: relative; left: 106px; top: -51px;}

/* La home*/

.tpl_sommaire #contenusomm {/*width:100%;*/ margin:60px 40px 26px 36px; background:#333333 none repeat scroll 0 0;min-height:490px; /*float:left;*/ }
.tpl_sommaire #contenusomm .titre,
.tpl_sommaire #contenusomm .soustitre {color:#FFFFFF; margin:5px 20px; }
.tpl_sommaire #contenusomm .flux {float:left; width:32%; margin:-7px 5px 5px; background-color:#333333; position:relative;z-index:1;}
.tpl_sommaire #contenusomm .flux .en-tete {font-size:90% !important;}
.tpl_sommaire #contenusomm .flux marquee {height:415px !important;}
.tpl_sommaire #contenusomm .flux .web {font-size:100%; margin:15px 10px;}
.tpl_sommaire #contenusomm .flux .web .synd {border:1px solid #990009!important; margin:0 0 0 10px;}
.tpl_sommaire #contenusomm .flux .web .site {margin:0px !important; background: #D3EFA3 !important;/*#BAE76B */ border:none !important;}
.tpl_sommaire #contenusomm .flux .web .site .syndline {margin:0 0 0 5px; /*display:inline !important;*/}
.tpl_sommaire #contenusomm .flux .web .site .syndline1{display:inline !important;}
.tpl_sommaire #contenusomm .flux .web .site .descriptif {margin: 0px !important;}
.tpl_sommaire #contenusomm .flux .web .site .synddate {color : #990009; font-size:66% !important; font-weight:bold;}
.tpl_sommaire #contenusomm .flux .web .site a.nom-site {color:grey !important; margin:0px !important; padding:0px !important;text-align:left !important;/*float:left;*/font-size:72%; display:inline !important; background:transparent !important;border:none !important;}
.tpl_sommaire #contenusomm .flux .web .site a.nom-site:hover {color:grey !important;background-color:transparent !important;border:none !important;}
.tpl_sommaire #contenusomm .flux .web .site a.article-synd {color:#000000 !important; font-weight:normal; margin:0px 0px 0px 0px !important; padding:0px !important; display:inline !important;background:transparent none repeat scroll 0 0 !important;}
.tpl_sommaire #contenusomm .article {/*float:left;*/ border:none; position:inherit; /*width:30%;*/ padding:0; top:0; margin:0 20px 40px 10px; font-size:12px}
.tpl_sommaire #contenusomm .article .socialtags {float:left !important;left:-150px !important; display:none;}
.tpl_sommaire #contenusomm .article .contenu .chapo {padding:0;}
.tpl_sommaire #contenusomm .article .contenu {font-size:0.9em;}
.tpl_sommaire #contenusomm .initinov {
background-color:#990000;
background-image:url(../images/bloc7.png);
background-position:right top;
background-repeat:repeat-y;
border:1px solid #FFFFFF;
color:#FFFFFF;
float:right;
font-size:1em;
margin:-4px 11px 10px 10px;
padding:0;
width:31%;
position:relative;
z-index:100;
}
.tpl_sommaire #contenusomm .initinov .en-tete {font-size:190%; margin:5px; font-weight:bold; font-family:Verdana,Helvetica,Arial, sans-serif;}
.tpl_sommaire #contenusomm .initinov .titre {color:#FFFFFF; margin:0px 5px; font-size:1em; }
.tpl_sommaire #contenusomm .initinov .soustitre {color:#FFFFFF; margin:0;  font-size:1em; font-family:Verdana,Helvetica,Arial, sans-serif;}
.tpl_sommaire #contenusomm .initinov .annonce {margin:5px 0px 10px 15px;}
.tpl_sommaire #contenusomm .centre {font-family:Verdana,Helvetica,Arial,sans-serif;}
}
.tpl_sommaire .derniers-articles {/*width:100%; */}
.linkbout{height:115px}
.stats .linkbout .titre a, .stats .linkbout .titre a:hover {background : transparent; color:#990009 ;font-weight:bold; text-align:center;}
a.vignlinkeboutique {color:#990009 ;font-weight:bold; text-align:center; background-image:url(../../IMG/lien-com-V2-vign.gif) !important;background-repeat:no-repeat !important;display:block !important;margin:0px 0px 0px 35px !important;height:70px !important;width:80px !important;}

.tpl_inscription .centre {
margin:115px 170px 50px 180px;
}

.affiche_vignauteur {
position:relative;
right:30px;
}

/* Invitation a s enregister*/
.invit           {width:auto;right:0px;  position:relative; margin:0 42px -46px 37px;/*margin:0 60px -46px 55px;*/ /*border:1px solid #990000;*/ background-color:DarkSeaGreen; padding:0;}
.invit table {position:relative;}
.invit .accroche {background-color:HoneyDew;float:left;margin:0 0 0 1.3em;padding:0.2em;position:relative;width:91%;}
.invit .accroche .bienvenue     {position:relative;float:left;margin:0 5px;}
.invit .accroche .site_titre    {display:inline;color:#990000;font-size:1.2em;margin:0px;position:relative;white-space:nowrap;}
.invit .accroche .site_accroche2 {position:relative; /*float:left;*/ left:5px;clear:both}
.invit .accroche .site_action   {position:relative;margin:10px 0 0 15px;}
.invit .accroche  .site_action11{position:relative;color:#990000;}
.invit .accroche  .site_action21{position:relative;color:#990000;}
.invit .accroche  .site_action31{position:relative;color:#990000;}
.invit .accroche  .site_action41{position:relative;color:#990000;}
.invit .accroche  .site_action12{position:relative;}
.invit .accroche  .site_action22{position:relative;}
.invit .accroche  .site_action32{position:relative;}
.invit .accroche  .site_action42{position:relative;}
.invit .creer_compte  {padding:6px 0; background-color:HoneyDew; font-weight:bold; height:15em; margin:-3px; position:relative; text-align:center; /*border-left:1px #990000 solid; */ }
.invit  .cc           {position:relative;top:50px;color:DarkSeaGreen;}
.invit  .now          {position:relative;}
.invit  .s_inscrire   {position:relative;top:43px; background-color:#00CC00; color:#FFFFFF; font-size:1.8em; margin:20px 0 10px 0; padding: 10px 0px; background-color:DarkSeaGreen;}
.invit  .s_inscrire a, .invit  .s_inscrire a:hover {color:#FFFFFF !important;    }
#nav3-visiteur .b3_inscription  {/*color:#FFFFFF !important; background-color:#00CC00 !important;font-size:1.2em;*/ margin:0 0 -8px;}

#gauche .bloc    {border: 1px solid #990000;margin:8px -9px 10px;}
#gauche .en-tete {color:#990000;font-size:14px;font-weight:bold;margin:9px 0 20px 5px;}
#gauche .annonce {margin:5px;}
#gauche .annonce .image {float:right;}
#gauche .annonce .titre{font-size:12px;}
#gauche .annonce .image .spip_logos{height:40px !important; width:40px !important;}
#gauche .annonce a:hover {background-image:url(../images/puce-n0.gif);background-position:left top;background-repeat:no-repeat;color:#990000;text-decoration:none;}
#gauche .annonce a {background-image:url(../images/puce-n0.gif); background-position:left top;
background-repeat:no-repeat; color:#333333 !important; display:block; margin:0 5px ; padding:0 0 5px 10px; text-align:left;}

#genereux          {clear:both; margin-right:178px ; margin-left:12px; background-image:url(../images/bg-fg.gif); background-position:left top; background-repeat:repeat-x; height:305px; }
.genereux          {float:left; margin:13px 6px 23px 6px; }
.genereux .bloc    { float:left;border-bottom:1px solid #990000; border-right:1px solid #990000; border-left:1px dotted #990000;}
.genereux .en-tete {color:#990000;font-size:1em; font-weight:bold;margin:9px 5px 20px 5px;}
.genereux .annonce {margin:5px; width:12em;}
.genereux .annonce .image {float:right;}
.genereux .annonce .titre, .genereux .frere {font-size:0.8em;}
.genereux .annonce a:hover {background-image:url(../images/puce-n0.gif);background-position:left top;background-repeat:no-repeat;color:#990000;text-decoration:none;}
.genereux .annonce a {background-image:url(../images/puce-n0.gif); background-position:left top;
                      background-repeat:no-repeat; color:#333333 !important;
                      display:block; margin:0 2px ; padding:0 0 0px 10px; text-align:left;}
.genereux .bloc-liste-membres-mvt .annonce a  {background:none; }
.genereux .bloc-liste-membres-mvt .annonce {margin:5px 0 5px -10px;}
.genereux .bloc-liste-membres-mvt .annonce { float:left; width:auto;}
.genereux .bloc-liste-membres-mvt .lsuiv  {background:none; clear: both; }

#spip-debug { z-index:10000;}
.formulaire_notation1 {position:relative; float:right; top:0px; width:220px; }

#nav3-visiteur {height:20px;}

/*** Login TO DEL**/

#nav3-visiteur .depliant{
	position:absolute;
	z-index:-1;
	right:0px;
	top:13px;
	overflow:hidden;
	height:0px;
	width:345px;
font-size:11px;
margin: 0px 0px;
background:transparent;

	}

#nav3-visiteur .depliant .formulaire_spip fieldset {
border:none !important;
margin:0 !important;
}

#nav3-visiteur .depliant_remove{height:150px !important}


.mdepliant{
	height:157px;
	width:345px;
	background-image:url(../images/js_login_bg.gif);
	background-position:bottom;
	position:absolute;
	bottom:0;
	}

.depliant ul {margin:12px 0 0 0px;}
.depliant li {list-style:none;}

.depliant #spip_logo_auteur,
.depliant  fieldset legend {display:none;}

.depliant  .boutons {left:245px;position:relative;top:-50px;
display:none;}

.depliant 	.editer_login,
.depliant 	.editer_password ,
.depliant 	.editer_session {}

.depliant 	.editer_password .details {position:relative;right:-147px;top:-35px;}
.depliant 	.editer_session {position:relative;top:-15px}

#bandeau_couleur .h-list {float:left;width:75% !important;}

#tpl_article div.spip_large {left:200px;top:383px;}



/* bloc de navigation Gauche */

.nav3,.navG {
background-position: left top;
font-weight: bold;
background-image: url(../images/bloc7.png);
color: #fffafa; /*snow;*/
background-repeat: repeat-y;
background-color: #990000;
	font-size: 15px;
	border: 1px solid #B0B0B0;
	width: 197px;
	margin : 0 0 0 -10px;
	padding: 5px 0px 10px 0px;
}

.nav3 .bord, .navG .bord{
	padding: 0px;
	margin-right: 10px;
}

.nav3 a.lien-menu-autre,
.navG a.lien-menu-autre {
	color: #FEFEFE;
	font-weight: bold;
}

.nav3 a.lien-menu-autre:hover,
.navG a.lien-menu-autre:hover {
	color: #FF0000;
	text-decoration: none;
}

.nav3 a.lien-menu-courant,
.navG a.lien-menu-courant {
	color: #FFFF99;
	font-weight: bold;
}

.nav3 a.lien-menu-courant:hover,
.navG a.lien-menu-courant:hover {
	color: #FFFF99;
	text-decoration: none;
}

.nav3 ul,
.navG ul {
	padding-left:15px;
	margin:0px;
	line-height: 95%;
}

.nav3 li,
.navG li {
	margin:0.7em 0em 0.5em 0em;
	padding:0px;
	font-size:85%;
	list-style-type:none;
}

/* CSS menu horizontal */

#menu{
    position:inherit;
    display:block;
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:0.77em;
    font-family:Verdana,Tahoma,Arial,sans-serif;
}

#menudiv {
    position : inherit !important;
    top:102px;
    right:185px;

    z-index: 3000;
}

#menu .first a {
background-color: #333333;
color:#FFFFFF;
}

#menu .current a:hover { /* ne pas deplacer */
    color:#990000;
    background-color: #EEEEEE;
}

#menudiv .rub_Thema, #menudiv .rub_Topic, #menudiv .rub_Temat {
left:320px;
position:absolute !important;
top:113px;
}

#menudiv .rub_Decou , #menudiv .rub_Open, #menudiv .rub_Alla  {
position:absolute !important;
left:491px;
top:114px;
}

#menudiv .rub_Metie, #menudiv .rub_Trade, #menudiv .rub_Mesti  {
position:absolute !important;
left:660px;
top:114px;
z-index: 3001;
}

#menudiv .rub_Plant {
position:absolute !important;
right:245px;
top:180px;

}

#menudiv .rub_Annua, #menudiv .rub_Direc {
position:absolute !important;
right:210px;
top:147px;
}

#menu .current a, #menu .current a.linkOver { /* ne pas deplacer */
    color:#990000;
    background-color: #FFFFFF;
}

#menu ul{
    position:absolute;
    display:block;
    width:150px;
    padding:0;
}

#menu li ul{
    visibility:hidden;
    z-index:3000;
}

#menu li li ul{
    position:absolute;
    margin-left:150px;
    margin-top:-23px;
}

#menu li{
    list-style:none;
    width:150px;
    display:inline;
    display:block;
    float:none;
    float:left;
    margin:0;
    padding:0;
}

#menu li li{
    display:block;
    float:none;
}

/* correct IE bug */
* html #menu li li{
    display:inline;
}

#menu a{
    text-align:left;
    background-color: #EEEEEE;
    color:#990000;
    display:block;
    width:150px;
    text-decoration:none;
    padding:2px 0;
    margin:1px 0px;
}

#menu a:hover{
    background-color: #333333;
}

#menu li.menu_ss_rubriqueli a {
    background-color:#333333;
    color:#FFFFFF;
}

#menu .not ul.menu_ss_rubriqueul li a:hover {
    color:#990000;
    background-color:#EEEEEE;
}

#menu .current ul.menu_ss_rubriqueul li.current a  {
    color:#990000;
    background-color:#FFFFFF;
}

#menu ul.menu_ss_rubriqueul li.current a:hover  {
    background-color:#EEEEEE;
    color:#990000;
}

.menu_center_col { width:155px; background:transparent; margin:0px 2px;
float:right;
z-index:3000;
}

.menu_center_col_li {width:150px; background-color:#EEEEEE;}

.menu_center_top {
background:transparent url(../images/menu_center_top2.gif) no-repeat scroll 0pt; display :block;
height:12px;
width:150px;
margin-bottom:0px;
}
.menu_center_bottom {
background:transparent url(../images/menu_center_bottom3.png) no-repeat scroll 0pt; display :block;
height:12px;
width:150px;
}

.menu_center_bottom_pied {
background:transparent url(../images/menu_center_bottom3.png) no-repeat scroll 0pt; display :block;
height:12px;
width:150px;
margin-left:0px;

}