/* ====================== Formatage des elements de specifiques ====================== */

.spiffy{display:block;}
.spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background: #5C8A4E; /*#008000*/}
.spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #5C8A4E; /*#91c891;*/ border-right:1px solid #5C8A4E; /*#91c891;*/ background:#5C8A4E; /*#3f9f3f*/}
.spiffy2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #5C8A4E; /*#e5f2e5;*/ border-right:1px solid #5C8A4E; /*#e5f2e5;*/ background:#5C8A4E; /*#309830*/}
.spiffy3{ height: 0px; margin-left:1px; margin-right:1px; border-left:1px solid #5C8A4E; /*#309830;*/ border-right:1px solid #5C8A4E; /*#309830;*/}
.spiffy4{ height: 0px; border-left:1px solid #5C8A4E; /*#91c891;*/ border-right:1px solid #5C8A4E; /*#91c891*/}
.spiffy5{ height: 0px; border-left:1px solid #5C8A4E; /*#3f9f3f;*/ border-right:1px solid #5C8A4E; /*#3f9f3f*/}
.spiffyfg{ background:#2C6811; /*#008000*/}

.buffy {display:block}
.buffy * {display:block; height:1px; overflow:hidden; font-size:.01em;}
.buffy1 {margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px;
	border-left:1px solid #5C8A4E; border-right:1px solid #5C8A4E; border-top: 1px solid #5C8A4E;}
.buffy10 {margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px;
	border-left:1px solid #5C8A4E; border-right:1px solid #5C8A4E; border-bottom: 1px solid #5C8A4E;}
.buffy2 {margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px;
	border-left:1px solid #5C8A4E; border-right:1px solid #5C8A4E;}
.buffy3 {margin-left:1px; margin-right:1px;
	border-left:1px solid #5C8A4E; border-right:1px solid #5C8A4E;}
.buffy4 {border-left:1px solid #5C8A4E;border-right:1px solid #5C8A4E;}
.buffy5 {border-left:1px solid #5C8A4E;border-right:1px solid #5C8A4E;}
.buffyfg {text-align: left;padding: 1px 2px;
	border-left: 1px solid #5C8A4E; border-right: 1px solid #5C8A4E;}

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

.agenda { width:182px;background:URL(../images/menudroit2.gif);	background-repeat:no-repeat; margin: 0px 0px 0px 0px; font-size: 100%; color: #FFFFFF;}
.agenda .en-tete { display: block; font-weight: bold; font-size: 150%; color: #FFFFFF; text-align: left; border: 0px solid #808080;}
.agenda a.en-tete { display: block; font-weight: bold; font-size: 110%; color: #FFFFFF; text-align: center; border: 0px solid #808080;}
.agenda a.en-tete:hover { /*background:URL(../images/menudroit2.gif);*/	/*background-color: #FFFFFF;*/ color: #ccff03; border: 0px solid #808080;}
.agenda .contenu { width:182px;	text-align:center; border: 0px solid #808080; margin: 10px 0px 10px 0px; padding: 0px; font-size: 100%;	/*width:150px;*/ }
.agenda .contenu .mois { border-bottom:1px solid #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; font-size: 100%; /*width:150px;*/ text-align:center;}
.agenda .contenu .mois a{ color: #FFFFFF; font-weight: bold; text-decoration: none ; font-size: 100%;}
.agenda .contenu .mois a:hover{ text-decoration: underline; color: #ccff03;}

.tableau { font-family:Verdana; font-size:11px; color:#a6a7a7; text-align:center; font-style:normal;}

.calendar_this_day {  /* surligne le jour d'aujourd'hui */ background: #d60000;	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: #d60000; 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; /*Sarka-SPIP 1.8.2*/}
.agenda_annuel .intitule { color: #808080; 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: #6262A4; padding: 0px 0px 0px 10px;	margin: 0px; font-size: 11px;}
.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: #33CC66;}
.agenda_annuel ul { list-style-type: none; padding: 0px 0px 0px 20px; /*Sarka-SPIP 1.8.2*/ margin: 0px;	border: 0px;}
.agenda_annuel li { font-size: 80%; 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-family: Verdana;	font-size: 12px; margin: 0px; padding: 0px 0px 10px 0px; border-top: 2px solid #6262A4;}
.galerie .album  .vignette { display: block; float: left; width: 220px;}
.galerie .album  .vignette .spip_logos { padding: 10px;	display: block;	background: #EEEEEE; border-left: 2px solid #6262A4; border-right: 2px solid #6262A4;
	border-bottom: 2px solid #6262A4;}
.galerie .album  .detail { color: #6262A4; 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 #6262A4; border-right: 1px solid #6262A4; border-bottom: 1px solid #6262A4; 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: #6262A4; font-size: 130%; font-weight: bold;	margin: 0px 10px 0px 10px; text-decoration: none; padding-top: 5px;}
.galerie .album   a.titre:hover { color: #6262A4; 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: #6262A4; 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; /*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 #6262A4 solid; width:100%; color: #6262A4; font-family: Courier, monospace;}
.album_boutons { border: 1px #6262A4 solid; background-color: #FFFFFF; min-width: 150px; !important
	min-width: 100px; margin: 5px 30% 5px 30%; padding: 2px; font-weight: bold;color: #6262A4;
	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 #6262A4 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: #6262A4; font-size: 150%; font-weight: bold;}
.album_photo .album_descriptif { text-align: left; padding: 10px; border: 1px solid #6262A4; background-color: #E0E0E0;	margin: 10px 20px 10px 20px; color: #6262A4;}

/* ~~~~~~~~~~~~ sites syndiques ~~~~~~~~~~~~ */
.web { background:URL(../images/menudroit1.gif); margin: 0px; font-size: 10px; padding: 0px 0px 5px 0px; font-size: 100%;}
.web a.en-tete { display: block; font-weight: bold; font-size: 110%; color: #FFFFFF; text-align: center; border: 0px solid #808080;}
.web a.en-tete:hover {color: #808080; border: 0px solid #808080;}
.web a.article-synd { display: block; color: #990000; 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 { border: 1px solid #808080;	margin: 10px 0px 10px 0px; padding: 0px; font-size: 100%;}
.web .site .descriptif { border: 0px solid #808080; background-color: #EEEEEE; margin: 5px 10px 10px 10px; padding: 5px;}
.web .site a.nom-site { display: block;	border-bottom: 0px solid #808080; font-size: 110%; font-weight: bold; text-align: center; color: #808080; margin: 0px;
	padding: 1px; background: #EEEEEE; margin-bottom: 10px;}
.web .site a.nom-site:hover { color: #FFFFFF; background: #339900;}

/* ~~~~~~~~~~~~SITES SYNDIQUES~~~~~~~~~~~~*/
/*.sites { width:182px; height:33px; margin: 0px 0px 0px 0px; font-size: 100%; color: #FFFFFF;}*/
/*.sites .en-tete { display: block; font-weight: bold; font-size: 150%; color: #FFFFFF; text-align: center; border: 0px solid #808080;}*/
/*.sites .spiffyfg a.en-tete { display: block; font-weight: bold; font-size: 110%; color: #FFFFFF; text-align: center; border: 0px solid #808080;}*/
/*.sites .spiffyfg a.en-tete:hover { background-color: #FFFFFF; color: #ccff03; border: 0px solid #808080;}*/
.sites .contenu .titre { border-bottom: 0px solid #808080; font-size: 120%; font-weight: bold; text-align: center; color: #808080; margin: 0px; padding: 1px;
	/*background: #EEEEEE;*/}
.sites .contenu { border: 0px solid #808080; margin: 10px 0px 10px 0px; text-align: center; padding: 0px; font-size: 100%;}

/* ~~~~~~~~~~~~International ~~~~~~~~~~~~*/

.international { width:182px; background:URL(../images/menudroit2.gif);	background-repeat:no-repeat; margin: 0px 0px 0px 0px; font-size: 100%; color: #FFFFFF;}
.international .en-tete { display: block; font-weight: bold; font-size: 150%; color: #FFFFFF; text-align: center; border: 0px solid #808080;}
.international a.en-tete { display: block; font-weight: bold; font-size: 110%; color: #FFFFFF; text-align: center; border: 0px solid #808080;}
.international a.en-tete:hover { background:URL(../images/menudroit2.gif); /*background-color: #FFFFFF;*/ color: #ccff03; border: 0px solid #808080;}
.international .contenu .titre { border-bottom: 0px solid #808080; font-size: 120%; font-weight: bold; text-align: center; color: #808080; margin: 0px;	padding: 1px;
	/*background: #EEEEEE;*/}
.international .contenu { border: 0px solid #808080; margin: 10px 0px 10px 0px;	text-align: center; padding: 0px; font-size: 100%;}