/*
Squelette CDRP72-
Largement adapté de Sark-SPIP (Copyright (C) 2005 Sylvain Bellégo - sylvain.bellego@no-log.org)
Décembre 2006 Matthieu GUERANT pour FFRandonnée Comité de la Sarthe
*/

* {margin: 0; padding: 0;}

body {
	background: url(../puces/fond_page.jpg);
	padding: 10px;
	margin: 0px;
	min-width:800px;
	font-family:Arial, sans-serif;	
}

.wrapper{
	clear:left;
	padding:0px;
	margin:0px;	
}
	
.conteneur{	
	padding:0px;
	margin:0px;
}
	

a {
	text-decoration:none;
	}
	
a:hover{
	text-decoration:underline;
	}
	
.img_map, .img_png, .image_typo, .spip_logos {
	behavior: url("win_png.htc");
}

h2 {
	font-size:16px;
	color:#6262A4;
	}

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

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

/*---comportement des éléments de formulaires---*/

.saisie-texte, .forml {
	display:block;
	color: #6262A4;
	background: #F0F0FA;
	border: 1px solid #6262A4;
	margin:5px 0px 5px 0px;
	padding:1px;
}

.spip_bouton {
	display: block;
	background: #6262A4;
	color: #F0F0FA;
	border: 1px solid #6262A4;
	margin:5px 0px 5px 0px;
	behavior: url(squelettes/scripts/spip-bouton-hover.htc);
}

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

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

/*---style des info-bulles perso adaptées 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 associées aux images */
	display: inline;
	position: absolute;
	z-index: 500;
	margin:0em 0 0 1em;
	background: #EEEEEE;
	text-align: left;
	color: #808080;
	padding: 0px 3px 0px 3px;
	border:1px solid #808080;
	width: 200px;
}

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

tt {
	display: block;
	border-width: 1px 1px 1px 8px;
	border-style: solid;
	border-color: #669999;
	padding: 1em;
	margin: 1em 0em 1em 0em;
	font-size: 90%;
	background: #E0F0F0;
	overflow: auto;
	max-height: 25em;
}


/* ====================== Blocs principaux, décomposition de la page en 3 colonnes et 1  ====================== */

#bandeau {
	/*bandeau contenant le titre du site*/
	display: block;
	text-align: center;
	font-size:16px;
	font-weight:bold;	
}

.bande-chemin {
	/*bande accrochée au bandeau de titre, contenant le chemin hiérarchique de la page en cours*/
	display:block;	
	padding: 0px;
	margin: 10px 0px 0px 20px;
	text-align: left;
	font-size: 12px;
	color: #A52A2A;
	font-weight: bold;
	font-family: Arial,sans-serif;
}

.bande-chemin a {
	color: #A52A2A;
	font-weight: bold;
	text-decoration:underline;
}

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

.gauche {
	/*colonne de gauche*/
	clear:right;
	border: 0px;
	width: 170px;
	position: absolute;
	left: 10px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

.centre {
	/*colonne centrale*/
	border: 0px;
	margin: 0px 170px 0px 170px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	text-align:center;
}

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

.footer {
	/*pied de page*/
	clear: both;
	text-align: center;
	font-size: 12px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	padding: 0px;
}

/* ================================ Formatage des éléments du bandeau =============================== */

.logo_gauche {
	float: left;
	border: 0px;
	height: 80px;
}

#div_logo_droit{
	display:block;
	width:197px;
	height:80px;
	float:right;
	margin:0px;
}
	
.logo_droit img{

margin:5px 0px 0px 20px;	
}

.mini-map img{
	float:right;
}
	
/* ================================ Formatage des éléments du pied de page =============================== */

.footer a {
	color: #6262A4;
	text-decoration: none;
}

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

.logos_part{
	padding:0px;
	margin:0px;
}

/* ================================ Formatage des éléments de la colonne de gauche =============================== */

.poteau {
	position:absolute;
	top:-15px;
	left:20px;
		}

/* bloc contenant la date de dernière mise à jour */
.maj {
	position:absolute;
	top:490px;
	left:0px;
	font-size: 11px;
	width: 170px;
	text-align: center;
	padding: 0px;
	color: #808080;	
}

.maj hr {
	border: 0px;
	height: 1px;
	color: #F6C958;
	background-color: #F6C958;
	margin: 0px;
	padding:0px;
}

/* bloc de navigation 2 --> contact + admin + formulaire + s'inscrire */
.nav2 {
	/*bloc contenant les liens de navigation*/
	position:absolute;
	top:425px;
	left:0px;
	width: 170px;	
}

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

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

/* ================================== Formatage des éléments de la colonne centrale ============================== */

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

/* ~~~~~~~~~~~~ sommaire ~~~~~~~~~~~~ */

#diaporama {
	width:410px;
	margin-left:auto;
	margin-right:auto;
	font-size: 1px;
	margin-top:20px;
	margin-bottom:20px;
	padding:0px;
	line-height:0px;
}

#limage{
	margin:0px 4px 0px 3px;	
	padding:0px;
	border:0px;
}

#limage2{
	margin:0px;	
	padding:0px;
	border:0px;
}

.sommaire {
	font-size: 12px;
	margin: 0px; 
	width: 100%;
}

/* edito */

.edito {
	font-size: 14px;
	font-weight:bold;
	margin: 0px 30px 20px 30px;
	
}

.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 .texte {
	font-family: "Comic Sans MS",arial, verdana, sans-serif;
	color:#6262A4;
	font-weight:bold;
	font-size:18px;
	margin: 10px;
	padding: 0px;
}

.edito .chapo {
	color: #6262A4;
	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:#6262A4;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}

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

.edito blockquote {
	border: 1px solid #808080;
	background: #EEEEEE;
	padding: 0px 15px 0px 15px;
}

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

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

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

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

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


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

.contenu {
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	padding:0px;
	width: 100%;
}

/* contenu --> rubriques */
.contenu .rubrique {	
	margin: 0px 30px 10px 30px;
	padding:0px;
	text-align:left;
}

.contenu .rubrique h1.titre{	
	font-size: 24px;
	color: #A52A2A;
	padding: 1px 5px 1px 5px;
	margin: 0px;
	text-align:center;
	font-weight:bold;
}

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

.contenu .rubrique .texte a {
	color: #990000;
	font-weight:bold;
	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 10px 5px 10px;
	font-size: 100%;
	padding: 5px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}

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

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

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

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

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

/* contenu --> rubriques filles */

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

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

.contenu .rubrique .filles a:hover {
	background-image: url(../puces/puce1.jpg);
	background-position: left center;
	background-repeat: no-repeat;
}

/* mise en forme des documents insérés dans le texte de la rubrique*/

.rubrique .spip_documents {
	display: block;
	font-size: 95%;
	border: 1px solid #6262A4;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	background: #F0F0FA;
	width: 150px !important;
	text-align: center;
}

.rubrique .spip_documents_center {
   margin-left: auto;
	margin-right: auto;
}

.rubrique .spip_doc_titre {
	text-align: left;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.rubrique .spip_doc_descriptif {
	font-size: 90%;
	color: #808080;
	text-align: left;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

/* contenu --> documents joints (aux articles et aux rubriques) */
.contenu p{
	margin:10px 0px 10px 0px;
	}

.contenu .doc {
	padding: 10px;
	color: #990000;
	margin: 0px;
	text-align:center;
	}

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

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

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

.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: 0px;
	
}

.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;
	text-align:center;
}

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

/* ~~~~~~~~~~~~ derniers articles ~~~~~~~~~~~~ */
/* La classes "derniers articles" est mal nommée : */
/* elle correspond aux annonces d'articles, dans les */
/* pages sommaire, plan, recherche, auteur, etc. */

.derniers-articles {
	margin: 10px 20px 20px 20px; 
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 0px;
	
	text-align:left;
}

.derniers-articles .content{
	background: url(../puces/fond_article.jpg);
}

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

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

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

.derniers-articles .en-tete {
	font-size: 200%;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
	text-align:center;	
}

.derniers-articles .annonce {
	
	margin: 10px 10px 0px 10px;
	padding: 0px 0px 10px 0px;
	border-bottom:#A0AABC 2px dotted;
}

.derniers-articles .surtitre {
	color: #6262A4;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
	text-decoration:underline;
}

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

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

.derniers-articles .soustitre {
	color: #6262A4;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
	padding-top: 5px;
}

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

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

.derniers-articles a.suite {
	text-align: right;
	display: block;

}


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

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

.contenu .article {
	margin: 10px 20px 20px 20px; 
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 12px;
	padding: 3px 1px 3px 1px;
	border:#BFBFBF 2px solid;
	background: url(../puces/fond_article.jpg);
	text-align:left;	
}

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

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

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

.article .image_centre {
	text-align:center;
}

.article .surtitre {
	color: #6262A4;
	font-size: 120%;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	text-decoration:underline;
}

.article .titre {
	color: #A52A2A;
	font-size: 180%;
	font-weight: bold;
	margin: 0px;
	padding-bottom:5px;
	text-align:center;
	border-bottom:#BFBFBF 2px solid;
}

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

.article .contenu {
	
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.article .detail {
	color: #6262A4;
	font-size: 85%;
	font-weight: bold;
	text-align: center;
	margin: 0px 0px 10px 55%;
	padding: 1px 5px 1px 5px;
	border-left: 1px solid #6262A4;
	border-bottom: 1px solid #6262A4;
}

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

.article .texte p{
	margin:10px 0px 10px 0px;
	}

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

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

.article .post-scriptum .annonce {
	font-weight: bold;
	color:#6262A4;
	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 #6262A4;
	font-size: 90%;
}

.article .en-tete {
	color: #A52A2A;
	font-size: 130%;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
	padding:5px 0px 0px 0px;
	text-align:center;
	border-top:#BFBFBF 2px dotted;
}

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

.article blockquote {
	border: 1px solid #808080;
	background: #EEEEEE;
	padding: 0px 15px 0px 15px;
}

.article table {
	margin: 20px auto;
	border-color: #FFFFFF;
}

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

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

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

.article td {
	border: 1px solid #000000;
	padding: 1px 5px 1px 5px;
}

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

/* mise en forme des documents insérés dans le texte de l'article */

.article .spip_documents {
	display: block;
	padding: 5px;
	font-size: 95%;
	margin: 10px 5px 10px 5px;
	padding: 0px;
	/*width: 150px;*/
	text-align: center;
}

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

.article .spip_doc_titre {
	text-align: left;
	padding: 5px 0px 0px 0px;
	text-align: center;
}

.article .spip_doc_descriptif {
	font-size: 90%;
	color: #808080;
	text-align: left;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

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

.articles-freres {
	border: 3px solid #6262A4;
	padding: 10px;
	margin: 10px 20px 20px 20px;
	background: #EEEEEE;
}

.articles-freres ol {
	list-style-position: inside;
	color: #6262A4;
}

.articles-freres ul {
	list-style: none;
}
.articles-freres .en-tete{
	color: #6262A4;
	font-size: 150%;
	margin: 0px 0px 5px 0px;
	text-align:center;
}

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

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

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

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

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

.recherche {
	margin: 0px;
}

.recherche .intitule {
	color: #808080; 
	font-size: 24px;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 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: #6262A4;
	font-size: 130%;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	text-decoration: underline;
}

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

.indentation {
	padding-left: 10px;
}

.redimensionnement {
	font-size: 11px;
}

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	text-align:center; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }


/* ====================== Formatage des éléments de la colonne de droite ====================== */

.conteneur_droit{
	text-align:center;
	width:100%;
	margin:0px 0px 0px 0px;
	background:none;
	}
.conteneur_droit img{
	margin:2px 0px 2px 0px;
}
 
.conteneur_droit .titre{
	font-size:14px;
	font-weight:bold;
	padding:3px;
	border-bottom:1px solid;
}

/*Styles spécifiques au sommaire */
.id_sommaire .lienflash .introduction {	
	color: #000000;
	margin: 0px 0px 0px 0px;
	
}

.id_sommaire .lienflash{
   color:#C44EB9;
	border-color:#C44EB9;	
	display:block;
}

.id_sommaire #flash-infos .spip_logos {
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px ;
	clear: right;
}

.id_sommaire #flash-infos .logo_flash{
	float:right;
	display:block;
	}

#flash-infos .lienflash:hover {
	text-decoration:none;
	background:#E6E6FA;
}

.lienflash .annonce {
margin:0px;
padding:10px;
clear: both; 
}

.lienflash .titre {
font-size: 130%;
font-weight: bold;
margin-right: 10px;
padding: 10px 0px;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }


/*Styles spécifiques à l'affichage des événements */
.id_agenda_jour .derniers-articles {
   color:#3EB03D;
	border :#3EB03D 3px solid;
	background-image: url(../puces/fond_article.jpg);
}

.id_agenda_jour .derniers-articles .en-tete {
	border-bottom:#3EB03D 1px solid;	
}

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

.id_agenda_jour .date{
color: #A52A2A;
border-bottom:1px #A52A2A solid;
font-weight:bold;
}

.id_agenda_jour .no-event{
color: #000000;
text-align:center;
font-size:14px;
margin-bottom:15px;
}

.id_agenda_jour #lien_mois {
text-align:center;
}

.id_agenda_jour #lien_mois a {
color:#3EB03D;
font-size:16px;
font-weight:bold;
}

a#precedent{	
	float:left;
	color:#3EB03D;
	font-size:16px;
	font-weight:bold;
	padding-left:20px;
	margin: 0px;	
}

a#suivant{
	float:right;
	color:#3EB03D;
	font-size:16px;
	font-weight:bold;
	padding-right:20px;
	margin:0px;	
}

/*Styles spécifiques à l'affichage de la photo du mois */
.id_photo_mois .article .titre {
	color: #6262A4;
	border-bottom:#6262A4 2px solid;
}

.id_photo_mois .article{	
	border:#6262A4 3px solid;
}

.id_photo_mois .annonce {
	text-align:center;
	border-bottom:2px dotted #6262A4;
	margin-bottom:10px;
}

.id_photo_mois .en-tete {
border-bottom:#6262A4 2px solid;
}

.id_photo_mois .annonce a{
margin-bottom:20px;
font-size:16px;
font-weight:bold;
color: #6262A4;
}

.pagination {
text-align:center;
}

/*Styles spécifiques à la boutique */

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

.id_art_boutique .derniers-articles .en-tete {
	border-bottom:#F6C958 2px solid;
}

.id_art_boutique .article .titre {
	color: #F6C958;
	border-bottom:#F6C958 2px solid;
}

.id_art_boutique .article {	
	border:#F6C958 2px solid;
}

/*Styles spécifiques à la newsletter */

#newsletter #adresse_mail {
	margin: 5px auto;
	}

/*Styles spécifiques à la racine des rubriques qui affichent une carte (gr,pr,pélerin,assos)*/
.id_carte .contenu {
	text-align : center;
	}
.id_carte .contenu .rubrique{
	margin:0px;
	text-align : center;
}	
.id_carte .contenu .rubrique .image .spip_logos {
float:none;
margin-left:auto;
margin-right:auto;
}

.spip_surligne { background: #FFFF66; }

/* Puces générées par un tiret seul en début de ligne */
/* Ces puces ne sont pas incluses dans une balise <ul> et le code obetnu est <li class="spip"> */
li.spip { list-style-image:URL(../puces/puce-n0.gif);
		list-style-position: inside;
		margin-left:10px;
}
/* Puces générées 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  { 	margin-left: 1em;
			padding-left: 1em;
			margin-bottom:10px;
}
ul.spip li.spip { 	list-style-image:URL(../puces/puce-n1.gif);
				list-style-position: inside;
}
ul.spip ul.spip  { margin-left: 1em;
				padding-left: 1em;
}
ul.spip ul.spip li.spip { list-style-image:URL(../puces/puce-n2.gif);
					  list-style-position: inside;
}

img {	border: 0px
}

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


/*---comportement des éléments de formulaires---*/
.formulaire_spip {
	text-align:left;
	margin: 10px 20px 20px 20px; 	
	}


.formulaire_spip fieldset {
	border: 3px solid #6262A4;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	background-color:#FFFFFF;
}

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

.formulaire_spip label {
	font-weight: bold;
}

#boutons_panier {
	text-align: center;
}
#boutons_panier form{
	display:inline;
	}
#bouton_recalculer {
	text-align:center;
	}
.masque {display: none;}
.demasq {display: block;}