/*========== AGENDA + GALERIE + INTERNATIONAL + SITES ===========*/

/* ====================== Formatage des elements de la colonne de droite ====================== */
/* bleu fonce = #171F79
 * bleu clair = #1B6EB2
 */
.spiffy{display:block}
.spiffy *{ display:block; height:1px; overflow:hidden; font-size:.01em; background: #1B6EB2;}
.spiffy1{ margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px; border-left:1px solid #1B6EB2;
	border-right:1px solid #1B6EB2; background: #1B6EB2;}
.spiffy2{ margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px; border-left:1px solid #1B6EB2;
	border-right:1px solid #1B6EB2; background: #1B6EB2;}
.spiffy3{ display:none; height: 0px; margin-left:1px; margin-right:1px; border-left:1px solid #1B6EB2; border-right:1px solid #1B6EB2;}
.spiffy4{ display:none; height: 0px; border-left:1px solid #1B6EB2; border-right:1px solid #1B6EB2;}
.spiffy5{ display:none; height: 0px; border-left:1px solid #1B6EB2; border-right:1px solid #1B6EB2;}
.spiffyfg{ background: #1B6EB2;}

.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 #1B6EB2; border-right:1px solid #1B6EB2; border-top: 1px solid #1B6EB2;}
.buffy10 {margin-left:3px; margin-right:3px; padding-left:1px; padding-right:1px;
	border-left:1px solid #1B6EB2; border-right:1px solid #1B6EB2; border-bottom: 1px solid #1B6EB2;}
.buffy2 {margin-left:1px; margin-right:1px; padding-right:1px; padding-left:1px;
	border-left:1px solid #1B6EB2; border-right:1px solid #1B6EB2;}
.buffy3 {margin-left:1px; margin-right:1px;
	border-left:1px solid #1B6EB2; border-right:1px solid #1B6EB2;}
.buffy4 {border-left:1px solid #1B6EB2;border-right:1px solid #1B6EB2;}
.buffy5 {border-left:1px solid #1B6EB2;border-right:1px solid #1B6EB2;}
.buffyfg {text-align: left;padding: 1px 2px 1px 2px;
	border-left: 1px solid #1B6EB2; border-right: 1px solid #1B6EB2;}

/* ~~~~~~~~~~~~ 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: #ff0000;
	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: #ff0000;
}

.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;
}
/* ~~~~~~~~~~~~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: #ff0000;
	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%;
}


.reponse_formulaire b { font-weight: bold; color: #CC0000; }