/* gestion des couleurs */ 
@import url("couleurs.css");

/*  

complément de style  
dans style.css : changer tous les puces/ en images/
*/

/* fond des images = blanc par défaut */
.spip_logos {
	background: #FFFFFF;
}  

/* valeurs par défaut de Firefox à conserver avec les autres browser  */
h1 { 	
	font-size: 2em; 
}  

/* h3 n'est donné que pour article et edito, pas pour rubrique */
.rubrique h3 { 	
	font-weight: bold; 	
	font-size: 140%; 	
	margin: 1.5em 0em 0.5em 0em; 
}  

h3.spip {
	text-align: center;
}

/* problèmes avec les images dépassant des cadres */  

.out-min-height {   
	padding-top:200px;          /* voici le min-height (200px) */   
	min-height: 1px;           /* pour Opéra */ 
}  

.in-min-height {     
	margin-top: -200px;         /* pour compenser le padding-top */
}  

/* pas besoin d'une marge externe */ 
body { 	
	padding: 5px; 
}  

/* le titre est trop long pour la taille de texte prévue 40px */
div.bandeau { 	
	display: block; 	
	font-size: 24px; 
}  

a.bandeau {
	color: #FFFFFF;
}

div.bandeau div.sous {
	clear:left;
	text-align: left;
	font-size: 50%;
}

.bande-chemin {
	/*bande accrochée au bandeau de titre, contenant le chemin hiérarchique de la page en cours : pas d'espace en-dessous */
	margin-bottom: 2px;
}

/* ajout d'une bande pour navigation dans la page sommaire */
.nav4 {
	border-top: 2px solid;
	padding: 4px 10px 4px 10px;
	margin: 0px 30px 2px 30px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	font-family: Verdana,Helvetica,Arial,sans-serif;
}

.nav4 a {
	font-weight: bold;
}

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

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

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

/* ne pas mettre les documents dans un cadre */  

.spip_documents { 	
	border-width: 0px; 
}  

/* cadre dans un texte */  

div.cadre { 
/*	background: nav1 */ 
}  

/* wrapper pour imprimer des parties qui en général ne sont pas imprimées */ 
.aimprimer { 	
	border: none; 	
	margin: 0px; 	
	padding: 0px 
}  

.centre_sans { 	
	/*colonne centrale sans droite, contenant les blocs de contenu*/
	border: 0px;         
	margin-left: 190px;        
	 margin-right: 0px;         
	 font-family: Arial,Verdana,Helvetica,sans-serif; 
}  

.centre_sans .rubrique { 	
	margin-right: 0px; 
}  

.centre_sans .rubrique .spip_documents  { 	
	padding: 0px; 	
	margin: 0px; 
}  

table.presentation { 	
	margin: 1em 0em 1em 0em; 	
	border-collapse: collapse; 
}  

table.presentation tr { 	
	border-style: solid; 	
	border-width: 2px; 
}  

/* dans une page rubrique on n'annonce pas le chemin des articles de la rubrique ! Il faut mettre le a, sinon pbs avec IE*/ 
.contenu .chemin a, .auteur .chemin a { 	
	display: none; 
}  
/* mais les activités jeunes hors propositions pour les jeunes doivent avoir leur rubrique */
.contenu .jeunes .chemin a {
	display: inline;
}

.contenu .rubrique .gros_texte { 	
	margin: 10px; 	
	font-size: 130%; 
}  

.derniers-articles .lieu { 
/*      color: comme bandeau */ 
        font-weight: bold;         
        margin: 0px 10px 0px 10px; 
}  

.derniers-articles .date { 	
	font-size: 110%;         
	font-weight: bolder; 
}  

.separateur {
	clear: right;
}

.auteur .separateur {
	clear: none;
}

/* titre pour les activites avec argument : c'est mieus de souligner */ 
.derniers-articles a.titre { 	
	text-decoration: underline; 
}  

/* titre_sans pour les activites sans argument */ 
.derniers-articles .titre_sans {         
	display: block; 
/*      color: comme bandeau */         
	font-size: 130%;         
	font-weight: bold;         
	margin: 0px 10px 0px 10px; 	
	text-decoration: none; 
}  

a.titre_sans:hover { 	
	text-decoration: none; 
}  

.equipe { 	
	color: #ffffff; 	
	font-size: 120%;         
	font-weight: bold; 
} 	 

.article .equipe {
	width: 100%;
}

/* logo du lieu à droite 
.lieu .image .spip_logos {         
	display: block;         
	float: right;         
	margin: 10px; 
}  
*/ 
/* agenda complet */ 
table.agenda tr td:first-child { 
/*	background-color: comme fondclair */ 
}  

table.agenda tr td img{
	float: left;
}

.agenda th { 	
	color: red; 	
	font-size: 150%; 
} 
 
.agenda .titre_cal, .agenda .titre_sans {
		display: inline;         
	font-size: 100%;
 /*        color: rubrique */         
 	background: inherited;         
 	text-align:left;         
 	font-weight:bold;         
 	margin: 0px; 
}  

/* agenda court */ 
div.agenda { 	
	border: 1px solid;/* couleur bandeau */ 
/*	background: nav2 */ 
/*	width: 100%; cause du pb */
 	margin-bottom: 10px; 	
 	padding: 5px; 
}  

.agenda h1 { 
/*	background: bandeau */
 	color: #ffffff; 	
 	text-align: center; 
}  

.ligne_agenda {
	font-size: 120%;
	margin-bottom: 2em;
}  

/* recommandé bloc à droite */ 
.recommande { 	
	border: 1px solid; /* couleur rubrique */ 
/*	background: nav1 */ 
/*	width: 100%; cause du pb */ 	
	margin-bottom: 10px; 	
	padding: 5px; 
}  

.recommande h1 { 
/*	background: rubrique */
 	color: #ffffff; 	
 	text-align: center; 
}  

.recommande hr {
	 border: 1px solid;/* couleur rubrique  */ 
/*	background: rubrique
 	color: rubrique;*/ 	
 	height: 3px; 
}  

.recommande .titre span { 	
	font-size: 80%; 
}  

/* bloc de droite des arguments */  

.droite .titre { 	
	border: 1px solid;/* couleur bandeau */ 
/*	color: rubrique */
         text-align:center; 	
         font-size: 180%; 	
         font-weight: bold;        
         margin: 0px; 
}  

.pluspetit { 	
	color: #000000; 	
	font-size: 70%; 
}  

.droite .recommande .titre { 	
	border: none; 
}  

.droite .soustitre { 
/*	color: bandeau */
         text-align:center; 	
         font-size: 130%; 	
         font-weight: bold; 	
         padding-top: 2em; 
}  

.droite .chapo_arg { 
/*	color: bandeau */
         text-align:center; 	
         font-size: 130%; 	
         font-weight: bold; 	
         padding-top: 1em; 
         padding-bottom: 1em; 
         margin-top: 1em; 
         border: thin solid; 
}


.droite dl { 	
	margin-left: 0em; 	
	padding-left: 0em; 
}  

.droite dt { 	
	font-weight: bold; 	
	margin-left: 0em; 
}  

.droite dd { 	
	margin-left: 0em; 	
	margin-bottom: 0.5em; 
}  

.droite #participation { 	
	margin-top: 2em; 	
	border: 2px solid;/* couleur bandeau */ 	
	padding: 2px; 	
	font-size: 120%; 
/*	background: fondclair */ 
}  

.droite #participation .soustitre { 	
	padding: 1em 0em; 
}  

.inscription h1 { 	
	font-size: 120%; 	
	text-align: center; 
}  

/* communauté d'animation */  

#animation { 	
	margin: 2em; 
}  

#animation ul { 	
	padding-left: 0px; 	
	list-style: none; 
}  

#animation li { 	
	margin-left: 0px;
}  

/* edito */ 
.edito { 
/*	border-color:  rubrique */ 
/*	background-color: nav1 */
 	padding-bottom: 20px; 
}  

.edito h1 { 	
	margin: 0px; 	
	width: 50%; 
/*	background: rubrique */
 	color: #ffffff; 	
 	text-align: center; 
}  

.edito .detail { 	
	font-size: 100%; 
}  

.edito .chemin { 	
	margin: 5px; 
}  

/* navigation */ 
.nav1 li, .nav3 li { 	
	list-style-type:disc; 
}  

.nav1 li li, .nav3 li li { 	
	list-style-type:none; 
}  

/* archive */ 
.archive a.suite { 	
	text-align: right; 	
	padding: 1em; 	
	display: block; 	
	text-decoration: underline; 
}  

/* rubriques de documentations */ 
.approfondir { 	
	text-align: right; 	
	padding: 1em; 	
	display: block; 	
	text-decoration: underline; 
}  

/* page de tous les auteurs */ 
td .auteur div { 	
	text-align: center !important; 
}  

td .auteur .image .spip_logos { 	
	float: none; 	
	margin-left: auto; 	
	margin-right: auto; 
}  

.bio {
	font-size: 130%;
}

/* formulaires */
.formulaire_spip { text-align: left; font-size: 11px; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {width: 99%}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

p.spip_bouton, div.spip_bouton {
	text-align: right;
	background: #FFF;
	border: none;
}

.spip_bouton input {
	float: right;
	border: 1px solid;
	margin:5px 0px 5px 0px;
}
/* formulaire couleur */  

#colorselector { 	
	margin-left: 200px; 
}  

#colorselector p { 	
	margin: 0px; 
}  

#colorselector td { 	
	border: none; 	
	padding: 0px; 
}   


/* modifications pour IE non prévues par sarka-spip : utilisation de * html qui n'est compris que par IE */  
* html .edito h1 { 	
	width: 75%; 
}

.encart {
	width: 25%; 
	float: right;
	border-width: 2px;
	border-style: solid;
	background: #FFFFFF;
	margin: 0px 30px;  /*Sarka-SPIP 1.8.2*/
	font-size: 12px;
}
.encart span {
	display: block;
	font-size: 150%;
	color: #FFFFFF;
	border-bottom: inherit;
	padding: 1px 5px 1px 5px;
	text-align:center;
	font-weight:bold;
}

.encart .formulaire_spip {
	font-size: inherit;
}