


/*******************
*****GLOBAL*********
*******************/



html,body {background-color : #55556f; 
	color: #FFFFFF;
	margin:0px;
	padding:0px;
}





a {	background-color: inherit;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #004876;
}


a:hover {text-decoration: underline;
}



/*titre*/
.ttitre {text-align: left;
	font-size: 4.75em; /*2cm;*/
	color: #004876;
}

.ttitre:hover {text-decoration: none;}


div {	color: #000000;
	border-color: #000000;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	position: relative;
}

div.global {background-color: #fbf9f2;
	border-style: solid;
	border-width: 1px;
	width: 85%;
	margin-top: 0px; /*2*/
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.2cm;
	z-index: 1;
}




.zonehaut {border-style: solid;
	border-width: 1px;
	border-color: transparent;
}

.zonedgauche{ border-style: solid;
	border-width: 1px;
	border-color: transparent;
}

.zonedroite{ border-style: solid;
	border-width: 1px;
	border-color: transparent;
}

.titre {background-color: #c9d4e7;
}

.contenu {background-color: #FFFFFF;
}




div.credits{text-align: center;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.5em;
	color: #b2b2b2;
	z-index: 1000;
}

a.credits{text-align: center;
	color: #b2b2b2;
}





hr {border-style : solid;
	border-top: 1px;
	border-left: 0px;
	border-right: 0px;
	border-color: #000000;
}



/* passer outre les classes de Spip *
*************************************/

p.spip {padding-top: 0px;
	padding-bottom: 1em; /*idem que .tchapeau et .tnormal puisque seul */
	margin-top:0px;
	margin-bottom: 0px;
}


a.spip_out { 
}


/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; /*affecte tout*/
	font-size: 0.7em; 
	background-color: #FFFFFF; 
}

/* classes à moi*/
.formulaire_forum{background-color: #FFFFFF;
	border-width : 0px;
	padding: 0px;
}


div.formperso {background-color: #FFFFFF;
	border-width : 1px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 15px;
}

.spip_barre {width: auto;
}

.spip_barre img {background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 2px;
	margin :5px;


}


.spip_barre a img {background-color: #ffffff;
	width: 99%;
	border-width: 1px;
	border-style: solid;
	margin :5px;
	padding: 2px;
}

.spip_barre a:hover img {background-color: #e6f2ff;
	width: 99%;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	margin: 5px;
	padding: 2px;
}

/* fin de mes classes */

.formulaire_spip p { margin: 0.5em 0; /*affecte l'apperçu du message*/
	padding: 0; 
	background-color: #FFFFFF;
}

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { /*affecte les champs du forum */
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	/*font-size: 0.7em;*/
	color: #777777;
	border-style: solid;
	border-width: 1px;
	border-color: #afafaf;
	width: 99%;
}

/* Boutons */
.spip_bouton { text-align: right; 
}
.spip_bouton input { float: right;
background-color: #afafaf;
color: #000000;
border-style: solid;
border-width: 1px;
border-color: #000000;
margin-right: 5px;
}

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; float: right; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

div.previsu {padding-bottom: 50px;
	border-style: solid;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	border-color: #afafaf;
}

div.previsutexte {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	/*font-size: 0.8em;*/
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom : 0.8em;
	font-weight: normal;
}


/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { width: 12em; text-align: left; }
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	/*font-size: 0.88em;*/
	font-weight: bold; }




/* Logos, documents et images */
.spip_logos {
}


img {border: 0px;
	margin: 0px;
	padding: 0px;
}

.spip_documents {text-align: center;

}

.spip_documents img {border-width: 15px;
	border-color: #000000;
	border-style: solid;

}


.spip_documents_center {margin-top: 3em;
		margin-bottom: 1em;
		padding: 1em;
		text-align: center;
}


span.spip_documents_center { display: block; 


}


.spip_documents_left {
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 40px;
}


.spip_documents_right { 
	margin-right: 10px; 
	margin-top: 20px;
	margin-bottom: 40px;
}


.spip_doc_titre { 
	text-align : left;
	padding-left: 40px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.7em;
	color: #000000;
}



.spip_doc_descriptif { 
	text-align : left;
	padding-left: 40px;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.7em;
	color: #000000;
}
	dd.spip_doc_descriptif{margin: 0px;
	}


/* spacers **
************/
.spacerleft {clear: left;
	font-size: 0cm;
}


.spacerright {clear: right;
	font-size: 0cm;
}

.spacerboth {clear: both;
	font-size: 0cm;
}





/* retrait du texte **
*********************/

div.titrepadding {padding-left: 10px;
	z-index: 210;
}





/*******************
****ZONE HAUT*******
*******************/




div.titresite {	/*height: 100px;*/
	width: auto;
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	padding-left: 12px;
	z-index: 100;
}

div.titresite2{float:left;
	margin-left:0px;
	margin-right:auto;
	z-index:110;
}
	
div.soustitre {float: left;
	margin-top: 67px;
	margin-left: -45px;
	margin-right: auto;
	text-align: right;
	font-size: 1.55em;
	font-weight: bold;
	font-style: italic;
	color: #3c3c3c;
	z-index: 110;
}


/*********************
*****ZONE GAUCHE *****
*********************/

div.home {padding-left: 4px;
	margin: 0px;
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
}

div.zonerub {float: left;
	margin-left: 4px; 
	margin-right: auto;
	padding-left: 0px; 
	top: 5px;
	width: 21%;
	z-index: 100;
}

div.zonesousrub {float: right;
	margin-left: auto;
	margin-right: 1px;
	padding-right: 2px;
	padding-left: 0px; 
	width: 96%;
	z-index: 110;
}

div.cadrecontenantgauche {border-style: solid;
	border-width: 1px;
	margin-top: 2px;
	margin-bottom: 30px;
	margin-left: 6px; 
	margin-right: 6px; 
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	z-index: 105;
}

div.cadrecontenantgauchecontenu {border-style:solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	padding-left: 4px;
	padding-top: 4px;
	z-index: 106;
}





/********************
*****ZONE DROITE*****
*********************/



/**** RUBRIQUES *****
********************/

div.maincadretitre{border-style: solid;
	border-width: 1px;
	margin-top : 2px;
	margin-bottom: 30px;
	margin-left: 6px; 
	margin-right: 6px; 
	padding-bottom: 3px;
	padding-right: 3px;
	padding-left: 3px; 
	width: auto;
	z-index: 200;
}

div.maincadretitrecontenu{padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border-style:solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	z-index: 210;
}




div.descriptifcadremain { /* flotte à droite aux côté des articles */
	float: right;
	border-style: solid;
	border-width: 1px;
	margin-top : 2px;
	margin-left: auto; 
	margin-right: 6px; 
	padding-bottom: 3px;
	padding-right: 3px;
	width: 30%;
	z-index: 200;
}


div.descriptifcadremaincontenu {margin-left: 3px;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 4px;
	border-style:solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	z-index: 210;
}


/*****ARTICLES*******
********************/

div.zoneart { top: 5px;
	width: 77.5%;
	margin-left: auto;
	margin-right: 4px;
	z-index: 100;
}


div.titreart {border-style: solid;
	float: left; 
	border-width: 1px;
	margin-top: 2px;
	margin-bottom: 20px;
	margin-left: 6px; 
	margin-right: auto;
	width:65%;
	z-index: 200;
} 

div.pubdans {margin: 0px;
	padding: 0px;
	text-align: right;
	padding-right: 5px;
	font-size: 0.7em;
	z-index: 220;

}

div.tags {margin-left: 35%;
	margin-right: auto;
	padding-right: 5px;
	text-align: right;
	font-size: 0.7em;
	border-style:solid;
	border-left-width: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	z-index: 220;

}


div.titreartresume {margin-left: 3px;
	padding-top: 4px;
	padding-left: 8px;
	padding-right: 4px;
	border-style:solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	z-index: 210;
}

div.nbcommentaires {margin-left: 3px;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 4px;
	border-style:solid;
	border-left-width: 1px;
	border-top-width: 0px; 
	border-right-width: 0px;
	border-bottom-width: 0px;
	text-align: left;
	font-size: 0.7em;
	z-index: 210;
}


div.titreartvignette {float: right;
	text-align: right;
	margin-right: 0px;
	margin-left: 8px;
	width: 165px;
	height: auto;
	margin-top: -4px;
	padding-top: 4px;
	padding-bottom: 15px;
	border-style:solid;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	z-index: 220;
}

div.bordurevignette img{border-style:solid;
	border-width: 1px;
}


/* Article en cours *
*********************/



div.articlenombrecommentaires{margin-left: 0px;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 4px;
	border-style:solid;
	border-left-width: 1px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	font-size: 0.7em;
	text-decoration: none;
	z-index: 210;
}


div.ajoutercommentaire{margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3px;
	border-style:solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	text-align: left;
	font-size: 0.8em;
	font-weight: bold;
	width: 70%;
	z-index: 210;
}
div.ajoutercommentairecontenu{	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	border-style:solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	padding-bottom: 25px; /*la hauteur du bouton, grosso modo*/
	padding-top: 8px;
	z-index: 211;
}


div.contenantcommentaires{text-align: center;
}


div.commtitre {border-style: solid;
	text-align: left;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	font-size: 0.8em;
	width: 65%;
	z-index: 211;
} 
div.commsencours {margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	border-style:solid;
	border-left-width: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	text-align: justify;
	font-size: 0.8em;
	z-index: 210;
}

div.fluxcommentaire{border-style: solid;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	font-size: 0.8em;
	width: 30%;
	z-index: 211;
} 

div.fluxcommentairecontenu {text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 4px;
	padding-bottom : 4px;
	padding-left: 8px;
	padding-right: 8px;
	border-style:solid;
	border-left-width: 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	font-size: 0.8em;
	z-index: 210;
}

div.tchapeau {font-size: 1em;
	font-weight: bold;
	text-align: justify;
	border-style: solid;
	border-color: #bcbcbc;
	border-left-width: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	padding-bottom : 0.5em;
	margin-bottom: 1em;
}

div.notes {text-align: left;
	font-size: 0.8em;
	border-style : solid;
	border-top-width: 1px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-color: #bcbcbc;
}

/* pagination *
***************/

div.artprecedentsuivant{text-align: center;
	margin-top: -20px;
	margin-left: 15px; 
	margin-right: 15px; 
	margin-bottom: 30px;
}

div.artprecedent{text-align: left;
	float: left;
	width: 45%; 
}

div.artsuivant{text-align: right;
	float: right;
	width: 45%;
}


div.pagination {/*copie de titreart, en gros. width 65% est nécessaire*/
	font-size: 1em;
	text-align: center;
	float: left;
	width: 65%;
	z-index: 200;
} 

.on {font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	text-align: center;
}

a.lien_pagination {font-size: 1em;
	text-align: center;
}




/* AUTEUR *
***********/

div.formulairecontact{ /* flotte à droite aux côté des articles */
	float: right;
	border-style: solid;
	border-width: 1px;
	margin-top : 2px;
	margin-bottom : 2px;
	margin-left: 10px; /*auto;*/
	margin-right: 2px; 
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
	width: 30%;
	z-index: 210;
}


/*****************
*****TYPOS*******
*****************/


/* Liens ***
************/


/*rubriques*/
a.trub {text-align: left;
	font-size: 0.9em; /*11pt;*/
}



/*sous rubriques*/
a.tsrub {text-align: left;
	font-size: 0.75em; /*10pt;*/
}




/*articles*/
a.tart {text-align: left;
	font-size: 1em;
}

a.tmaintitre{font-size: 1em; 
}



/*publié dans*/
a.pubdans {text-align: right;
}



/*textes sans liens**
*********************/


/* titres */
.tmaintitre{font-size: 1.5em; /*18pt;*/
	font-weight: bold;
}



.ttmaincadredescriptif{font-size: 1em;
	font-weight: bold;
}

.ttmaincadredescriptifetendu {font-size: 1em; 
	text-align: justify;
}

/*normal*/




.tnormal {font-size: 1em; /*12*/
	text-align: justify;
	
}
.tnormal img{border-width: 2px;
	border-color: #000000;
	border-style: solid;
}





/**********************************
**** NUAGE DE MOTS CLÉS ********** (très très largement inspiré des contribs de Mortimer et rpapa, de http://www.spip-contrib.net/
**********************************/

a.tagtaille {font-weight: inherit;
}

div.nuagealign {text-align: left;
}

.tag_taille_1{color: #000000;
	font-size: 0.7em;
}
.tag_taille_2{color: #004e76;
	font-size: 0.85em;
}
.tag_taille_3{color: #006092;
	font-size: 1em;
}
.tag_taille_4{color: #006ba3;
	font-size: 1.15em;
}
.tag_taille_5{color: #0077b4;
	font-size: 1.3em;
}
.tag_taille_6{color: #0084c8;
	font-size: 1.45em;
}


.tag_epaisseur_1{font-weight:100;
}
.tag_epaisseur_2{font-weight:300;
}
.tag_epaisseur_3{font-weight:500;
}
.tag_epaisseur_4{font-weight:700;
}
.tag_epaisseur_5{font-weight:900;
}

