/* Ecran complet */

body 
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;
}

/*Page 780 de largeur */
#toutelapage
{
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	border-top: none;

}

/*fil d'ariane*/

#fil {
	color: #5d4322;
	font-size: 12px;
	margin: 10px;
	font-weight: bold;
	}

/*liens */
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #fe9900;
	text-decoration: none;
	font-weight: bold;
	}

a img{border:0 none;}


/*trois colonnes */
.gauche {
float:left;
margin: 0;	
width: 195px;
}

.milieu {
float:left;
margin: 0 30px 15px 30px;	
width: 350px;

	}


.col2 {
float:left;
margin: 0 30px 15px 30px;	
width: 520px;
	}
		
.droite {
float:left;	
	}

.clean
{
	clear: both;

}	

/*éléments de la colonne du milieu sur la home*/

.titreArticles {
	font-size: 13px;
	font-weight: bold;
	color: #FE9900;
	margin-bottom: 5px;

}


.breves {
	color: #fe9900;
	font-weight: bold;
}

.imgactu1 {
	float: left;
	}
	
.imgactu2 {
	float: right;
	}

.textalign  {
	text-align: justify;
	}
		
.textactu2 {
	text-align: justify;
	}
	
/*Titre des actualités + pages intérieures : carré orange + cadre vert*/

.imgTitre {
	
float: left;

	}
	
/*cadres bleus colonne de droite sur la home*/

/*Accès membre => si on veut un cadre + petit 

#accesMembres {
	margin-left: 50px;
	}
	
.TextBlocMembre {
	background-color: #21b1d8;
	width: 94px;
	height: 20px;
	line-height: 20px;
	color: #f2fdef;
	font-size: 10px;
	font-weight: bold;
	padding-left : 10px;
	margin-left : 20px;
	
	}	*/

/*bloc identification => idem	

.blocId {
	background-color: #a6e0ef;
	width: 96px;
	height: 105px;
	padding: 5px;
	margin: 0 0 0 68px;
	text-align: center;
	
		}
		
.TextblocId	{
	background-color: #21b1d8;
	width: 146px;
	height: 20px;
	line-height: 20px;
	color: #f2fdef;
	font-size: 11px;
	font-weight: bold;
	margin: 0 0 20px 20px;
	padding-left: 1px;




	}*/
	
.formMb {
	border: 2px black solid;
	padding: 1px;
	margin: 0 0 8px 0;
	}
	
.btnValider {
	color: #fe9900;
	font-weight: bold;
	font-size: 11px;
	border: 0;
	background-color: #a6e0ef;
	margin: 0;
}

.btnOk {
	color: #fe9900;
	font-weight: bold;
	font-size: 11px;
	border: 0;
	background-color: white;
	margin: 0;
	padding: 0;
}

.formulaire {margin: 0;}

/*cadre "qui sommes nous" */	

.blocAsso {
	background-color: #a6e0ef;
	width: 146px;
	height: auto;
	padding: 5px;
	margin-left: 18px;
	}
	
.TextBlocAsso {
	background-color: #21b1d8;
	width: 144px;
	height: 20px;
	line-height: 20px;
	color: #f2fdef;
	font-size: 10px;
	font-weight: bold;
	padding-left : 10px;
	margin-left : 20px;
	}
/*bidouille spécifique au cadre d'identification qui sinon est trop court*/
.TextBlocAsso2 {
	/*background-color: #21b1d8;*/
	background-color: #a6e0ef;
	width: 147px;
	height: 20px;
	line-height: 20px;
	color: #f2fdef;
	font-size: 10px;
	font-weight: bold;
	padding-left : 9px;
	margin-left : 18px;
	}
/* si on décide de remettre le lien en blanc, juste utiliser .TextBlocAsso2 a */
		
.centrage{
	text-align: center;}

/* pages élémentaires : titres */

.cadreTitre {
	background-color: #98ca2d;	
	/*width: 240px;*/
	float: left;
	/*height: auto;*/
	line-height: 20px;
	color: #f2fdef;
	font-size: 11px;
	font-weight: bold;
	padding-left : 10px;
	/*margin-left : 20px;*/
	padding-right : 10px;
}


	/*image de haut de page*/
.illustration {
	float: left;
	}

	/*surtitre avant la liste des liens*/
.surtitre {
	color: #5d4322;
	font-size: 11px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-left: 20px;
	}
	
	/*liste des liens (en vert) dans page élémentaire

	ul.liste {
	list-style-type: none;

	}	

	
.liste a{
 color: #98ca2d;
 font-size: 11px;
 text-decoration: none;
 font-weight: bold;
 background: url(puce_carre_croix.gif) left center no-repeat;
 padding-left: 20px;
}*/

/*==>techniques pour remplacer le strong par intertitre

.liste h3.spip{
	color: #98ca2d;
	font-size: 11px;
	font-weight: bold;
	display: inline;
}



.liste p.spip{
	
	display: none;
	}*/

.liste strong{
	color: #98ca2d;
	font-size: 11px;
	font-weight: bold;}
	
.liste ul {
	margin: 0;
	padding: 10px 0 0 40px;
}

.liste li {
background: url(puce_carre_croix.gif) left top no-repeat;
list-style-type: none;
padding-left: 20px;
	}

.liste ul.spip ul.spip {
	margin: 0;
	padding-left: 5px;
	}
.liste ul.spip {margin-top:5px;
padding-top: 0;}	

.liste ul.spip li.spip {margin-top:10px; padding-top: 0;}

.liste ul.spip ul.spip li {
	list-style-type: none;
	background: url(rondvert.gif) left top no-repeat;
	margin-top: 10px;
	/*padding: 0 0 0 0;*/}
	
.liste ul.spip ul.spip ul.spip li {
	list-style-type: none;
	background: url(rondvert.gif) left top no-repeat;
	margin-top: 50px;
	/*padding: 0 0 0 0;*/}
	
ul.spip {margin-left:0; padding-left: 0;}	

li.spip {margin-left:0; padding-left: 15px;}
		
	
/*pages élémentaires : encadré de la colonne de droite*/

.encadre {
	background-color: #98ca2d;
	width: 144px;
	height: auto;
	line-height: 20px;
	color: #f2fdef;
	font-size: 11px;
	font-weight: bold;
	padding-left : 10px;
	margin-left : 20px;
	margin-bottom: 10px;
	
	/*margin-bottom: 5px;*/

	}
	
	/*Cadre photo */

.blocPhoto {
	background-color: #d7e9ad;
	width: 174px;
	height: auto;
	margin-bottom: 15px;
		}
	
.liens {
	list-style-type: none;
	color: #21B0D6
	margin: 0;
	padding: 0;
	
	}
.liens li{
	margin-bottom: 5px;
	}

	/*cases du formulaire*/
.listForm {
	list-style-type: none;
	}
.textForm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
margin: 0;	
	}
		
	/*Divers retraits et marges */
	
.retraitbas {
	padding-bottom: 13px;
}
.retraithaut {
	padding-top: 13px;
}
.retraitD {
	padding-right: 15px;
}

.retraitG {
	padding-left: 15px;
}

.retrait_G {
	padding-left: 40px;
	}

	
.retraitGG {
	padding-left: 60px;
}

.retraitbas {
	padding-bottom: 13px;
}

.margehaute {
	margin-top: 10px;
	}
	
.margebas {
	margin-bottom: 5px;
	}
	
.AlignD {
	text-align: right;
	}
	
	/*Feuilles de style SPIP */
	
.spip_documents
{
	margin-right: 10px;
	}
	
.liens.spip 
{
	line-height: 10px;
	}
	
.menu_cat 
{
	font-size: 12px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	}
	
.menu_souscat 
{
	font-size: 10px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	}



	/*masquer le H1 sous le bandeau*/
		
.cache
{
	display: none;
	}

/* spécifie tailles spéciales aux h1 et h2 qui ne servent qu'au référencement*/	
h1 {font-size: 12px;
     margin: 0;
     padding: 0;
     }
     
h2 {font-size: 10px;
     margin: 0;
     padding: 0;
     }

ul.typoMenu h2 {
     display: inline;
}

ul.typoMenu_extranet h2 {
     display: inline;
}
  
.dix {font-size: 10px;
     margin: 0;
     padding: 0;
     }
     
.onze   {font-size: 11px;
  
     }   
     
.treize {font-size: 13px;
     margin: 0;
     padding: 0;
     }
     
 /* détermine l'aspect de la phrase "mot de passe oublié ?"*/
.oubli {font-size: 9px;
		text-decoration: underline;
		color: black;
		font-weight: normal;}
	
/*erreur d'authentification en gras*/		
.gras {font-weight: bold;}
		
.mexique {
	float: left;
	margin-right: 7px;
	padding: 0;
	}

.mexique2 {
	width: 80px;
	float: left;
	}	
	
.vignMex {
margin-left: 30px;
margin-bottom: 10px;
height: 50px;
padding-top: 0;
margin-top: 0;
}

.formulaire_recherche label {display: none;}

#recherche {
   width: 100px;
   height: 15px;
   padding: 1px;
   margin: 0;
   /*border: 1px solid #666;
   font-family: Verdana;
   font-size: 11px;*/
}

.formulaire_recherche form {margin:0;
padding: 0;} 

/*gestion users*/

.users {width: 700px;
border:  3px solid #d7e9ad;
padding: 5px;
}

select.menu {width: 90px; font-size: 10px;
}

.bordure_haute td{border-top:  3px solid #d7e9ad;
padding: 5px;}

.titre {color: #fe9900;}

/*gestion compte*/
.tableau {
border:  3px solid #d7e9ad;
padding: 5px;
	}
	
.rouge {color: red;}

.ist {list-style-type: none;
margin:0;
padding:0;
}

/*gestion abonnes*/

.abonnes {width: auto;
border:  3px solid #d7e9ad;
padding: 10px;
}

/* liste bouquins et autres */

.titreListe {
	color: #98ca2d;
	font-size: 11px;
	font-weight: bold;
	}
	
/* notes de bas de page */

.notes {
	border-top: dotted;
	}
	
	/* intertitres */
	
h3.spip {
	font-size : 13px;
	line-height : 13px;
	
	}