@charset "utf-8";
/* CSS Document */

body{
background: white;
}

.central{
background-color: #FFFFFF;
display:block;
margin-top: 0; 
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
text-align:center;
height:auto;
width:1024px;
 }
 
.bandeau {
 }
 
.rubrique {
	width: 200px;
	border-bottom-width: 2px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	font-family: Calibri;
	font-size: 18px;
	color:#000099;
	font-style: normal;
	font-weight: normal;	
}

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
 
.ligne {
 float: left;
 background-color:#88af81;
 width:1024px;
 height:1px;
 }
 
.left {
	float: left;
	background-color:white;
	width:150px;
	height:auto;
	border-top-color: #88af81;
	border-bottom-color: #88af81;

 }
 
<!-- 
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
float: left; /* placement du menu, à modifier selon vos besoins */
width: 150px;
font-family:Calibri;
font-size:16px;
margin-bottom:5px;
}

#menu dt {
cursor: pointer;
margin: 5px;
height: 30px;
line-height: 20px;
text-align: center;
font-weight: normal;
color:white;
background: #88af81;
font-size:16px;
}

#menu dd {
color: #88af81;
font-size:16px;
}

#menu li {
text-align: center;
background-color:white;
margin-left: 5px;
margin-right: 5px;
font-size:16px;
}

#menu li a, #menu dt a {
color: #88af81;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
font-weight:normal;
font-size:16px;
}

#menu li a:hover, #menu dt a:hover {
background: #88af81;
color:white;
font-weight:normal;
font-size:16px;
}
-->

.article {
width:700px;
height:auto;
float:left;
text-align:left;
padding-top:30px;
padding-left:10px;
padding-right:10px;
font-family:Calibri;
font-size:14px;
border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #88af81;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #88af81;
}


.right {
	width:150px;
	height:auto;
	float:left;

}

.tete {
	background-color:#88af81;
	font-family: Calibri;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: white;
	height:auto;
	margin-bottom:5px;
}

.tete_dossiers {
	background-color:#88af81;
	font-family: Calibri;
	font-size: 18px;
	font-style: normal;
	font-weight: normal;
	color: white;
	height:auto;
	margin-bottom:5px;
	margin-top:10px;
}

.bottom {
float:left;
	width:1024px;
	height:auto;
	font-size:12px;
	font-family:Calibri;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #88af81;
}

.breves {
	width:150px;
	height:auto;
	font-family: Calibri;
	text-align:left;
	padding-left:2px;
	font-size: 12px;
	font-weight: normal;
	color: #000000;

}


.livre {
	margin-top:5px;
	margin-bottom:5px;
	height:auto;
	width:150px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-top-color: #88af81;
	border-right-color: #88af81;
	border-bottom-color: #88af81;
	border-left-color: #88af81;
	padding-bottom:5px;
	
}

.image_livre {
padding-top:2px;
width:150px;
height:auto;
}

.titre_livre {
	padding-left:2px;
	text-align:left;
	height:auto;
	width:150px;
	font-family: Calibri;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.tete_page {
background-color:white;
	font-family: Calibri;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	color: #000099;
	height:auto;
	margin-bottom:10px;
}

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

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none ; font-weight:bold; color: #000099; font-size:14px; }
a:hover { text-decoration: underline; }

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }
	 
.titre a { text-decoration: none ; font-weight:bold; color: #88af81; font-size:18px; }
.titre a:hover { text-decoration: underline; }

.liste-articles li .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: right; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 11px; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border-bottom: 1px solid #CCC;
	padding: 0.9em;
	font-size: 14px;
	line-height: 1.4em; }

#contenu .surtitre, #contenu .soustitre { font-size: 10px; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 2em; }

.cartouche .titre {
	font-size: 20px;
	font-weight: bold;
	color: #88af81; }
	
.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 11px; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1em;
	font-weight: bold;
	font-size:14px;
	font-style:italic;
	line-height: 1.4em; 
	}

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #000; font-size: 14px; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

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

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

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

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

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

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

/* 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:140px; text-align: left; }
.formulaire_recherche label { display: none; }