/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ---------------------- *
/*  Styles HTML par defaut *
/*  ---------------------- */
body {
  background: #FFFFFF url(images/banner.png) no-repeat /*url(images/background.png) repeat*/;
  color: #373738;
  font-family: tahoma, arial, san serif;
	font-size: 11px;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
  /*background: url(images/footer.png) no-repeat right bottom;*/
	text-align: left;
	display: block;
	width: 1090px;
}

#conteneur.accueil {
	background : url(images/F-MURR.png) no-repeat center top;
	/*padding-bottom: 0px;*/
}

#conteneur  {
  display: block;
	float: left;
	padding : 10px;
	width: 630px;
} 

#conteneur .odepage {
  float: left;
  display: block;
  margin-bottom: 10px;
  width: 100%;
}

#conteneur .odepage .date {
  float: left;
  display: block;
}

#conteneur .odepage .imprimer {
  float: right;
  display: block;
}

#conteneur img { max-height: 384px; max-width: 512px; }

#conteneur .auteur img {   margin-left : 10px; float : right; }

#conteneur .imprimer img { vertical-align: bottom; }

/* Entete */
#entete { 
	display: block;
	height: 115px;
}

#entete .site {
  display: block;
  color:#FFFFFF;
  float:left;
  font-family: Georgia, Times, serif;
  font-size: 24px;
  font-weight: bold;
  left:100px;
  line-height:75px;
  position:absolute;
  text-align:center;
  top:0px;
  vertical-align: middle;
  width:515px;
}

#entete .efb {
  display: block; 
  float: right;
  height: 75px;
  min-width: 200px;
  text-align: center;
}

#entete .efb img {
  padding-top: 15px;
}

#entete .recherche {
  clear: both;
  display: block; 
  float: right;
  height: 40px;
  line-height:40px;
  width: 200px;
}

a { text-decoration: none; }
.formulaire_recherche { float: right; }

/*  ---------- *
/*  Navigation *
/*  -----------*/
#navigation {
	display: block;
	float: left;
	width : 198px;
	padding: 10px;
} 

#navigation ul { margin-top: 2px; text-align: left; }
#navigation li {  
  font-weight: bold;
  font-size: 13px;
  margin-left: 2px; 
}

#navigation li li { 
  font-weight: normal;
  list-style-image : url(images/shuttle.png);
  margin-left: 10px;  
  vertical-align: text-bottom;  
}

/* ------------ *
 * Fil d'Ariane *
 * ------------ */
#hierarchie {
	display: block;
	float: left;
	padding: 10px;
  width: 630px;
}

#hierarchie.album {
	display: block;
	float: left;
	padding: 10px;
  width: 100%;
}

#hierarchie a {
  text-decoration: underline;
}

#hierarchie .title {
  color: #CB3871;
  font-size: 15px;
  font-weight: bold;
  margin-top: 5px;
}

/* ------------ *
 * Pied de page *
 * ------------ */

#pied {
	display: block;
	clear: both;
	border-top: 1px dotted #023871;
	padding: 10px;
	text-align: center;
	width: 1070px;
}

#pied img { vertical-align: bottom; }

/* -------------- *
 * Sous-rubriques *
 * -------------- */ 

#sous-rubriques {
  text-align: center;
  margin-bottom: 15px;
}

.sous-rubriques { 
  display: inline;
}

.sous-rubriques a {
  margin-left: 5px;
  margin-right: 5px;
  text-decoration: underline;
}

/* ------------ *
/* Plan du site *
/* ------------ */

.page_plan ul {
	display: block;
	clear: left;
	margin-left: 10px;
	margin-bottom: 10px;
	list-style: square; 
}

.page_plan ul ul ul ul { margin-bottom: 0; }

.page_plan li { list-style-type: none; margin-left: -10px; }

.page_plan li li { list-style-type: square; margin-left: 10px; }

.page_plan li li li { list-style-type: circle; margin-left: 10px;  }


/* ----------------- *
 * Listes d'articles *
 * ----------------- */

#liste-articles {
}

#liste-articles .article {
  margin-bottom: 10px;
}

#liste-articles .article .titre img { 
  vertical-align: bottom; 
}

#liste-articles .article .date {
}

#liste-articles .article .hierarchie {
  color: #999999;
  margin-bottom: 2px;
}

#liste-articles .article .titre {
  color: #2A4E87;
  font-size: 14px;
	font-weight: bold;
  margin-bottom: 2px;
}

#liste-articles .article .titre a {
  text-decoration: none; color: #2A4E87;
}

#liste-articles .article .titre a:hover {
  text-decoration: underline; color: #F2BC71;
}

/* ---------- *
 * Pagination *
 * ---------- */
   
.pagination {	clear: both; display: block; float: left; }

/* voir le contenu entier d'un article */
.voir_tout {  display: inline; float: right; }


/* ------------------------------- *
 * Documents joints (à un article) *
 * ------------------------------- */

#documents_joints {
	clear: both; display: block;
}

#documents_joints .document {
  float: left; display: block; margin: 5px; 
}

#documents_joints .document_all {
  float: left; display: block; margin: 5px; width: 145px;; height: 100px;
}

#documents_joints .logo { text-align: center; margin-bottom: 5px; }

#documents_joints .titre { clear:both; text-align: center; }

#documents_joints .date { font-size : 10px; font-style : italic; clear:both; text-align: center; }

#documents_joints .descriptif { }

/* ---------- *
 * Impression *
 * ---------- */

body.imprimer .spip-admin-float { display: none; }

#conteneur_imprimer {
	display: block;
	clear: both;
	padding : 10px;
	width: 630px;
} 

/* ------------------- *
 * Menu de navigations *
 * ------------------- */

#panel {
	display: block;
	float: right;
	padding: 10px;
	width : 198px; }

.inside li.agenda {
  text-align: left;
}	

.inside li.agenda .date {
  font-weight: bold;
}	

.inside li.agenda a {
  text-align: justify;
  font-size: 10px;
}

.inside li.boiteaidee {
  list-style-image : url(images/mail.png);
  list-style-position: inside;
  margin-top: 4px;
  vertical-align: text-bottom;
}
.inside li.boiteaidee a {
  vertical-align: top;
}

.une, .inside, .outside { margin-bottom: 10px; }
.une ul, .inside ul, .outside ul { margin-left: 5px; margin-right : 5px; text-align: justify; margin-bottom: 2px; }

.une { /*#CB3871*/
	background: #FBEFF4; /*L=245*/
  border: 2px solid #D45887/*#EA4281*/; 
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; } /*L=150*/
.une .menu-titre { 
  background: #FEF7F9;
  border-top-left-radius: 4px; border-top-right-radius: 4px; 
  -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; 
  -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } /*L=250*/

.inside { /*#023871*/
	background: #EBF5FF; /*L=245*/
  border: 2px solid #0467C4; /*L=100*/ 
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }
.inside .menu-titre { 
  background: #F5FAFF;  
  border-top-left-radius: 4px; border-top-right-radius: 4px; 
  -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; 
  -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } /*L=250*/
.inside li.flash { text-align: center; margin-bottom: 5px; margin-top: 5px; }

.outside { /*#F2BC71*/
	background: #FEF6EC; /*L=245*/
  border: 2px solid #EFAA51; /*L=150*/
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;  
	margin-bottom: 1em; }
.outside .menu-titre { 
  background: #FFFBF5; 
  border-top-left-radius: 4px; border-top-right-radius: 4px; 
  -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; 
  -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } /*L=250*/

.pourcentage {
  background: #EAFFEA;
  border: 1px solid #CCC;
  float: left;
  height: 5px;
  margin-top: 3px;
  margin-right: 5px;
}

.pct {
  float: left;
  font-size: x-small;
  font-weight: bold;
}

.avis {
  clear: both;
  font-size: x-small;  
}

.inside input[type="radio"] {

}

.inside input[type="submit"] {
	border: 1px dotted #023871;
  text-decoration: none;
	padding: 2px;
	font-size: 10px;
	background-color: transparent;
	text-align: center;   
}

.inside li.sondage { margin-bottom: 5px; }

/* Titre des menus de navigation */
.menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #023871;
	text-align: center;
	font-weight: bold;
}


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

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.logo_article img.spip_logos {
  margin-left : 10px;
  float : right;
}	

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

.texte { text-align: justify; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }

.ps {
	margin-top: 5px;
	border-top: 1px dotted #023871; 
  /*font-size: 10px;*/  }

.notes { clear: both; font-size: 0.77em; }
.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; }

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

/* Correction des styles HTML par defaut */
.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }

/* Styles des formulaires de Spip */
.formulaire_spip {
	/*width: 100%;*/
	text-align: left;
	/*font-size: 0.77em;*/
}

.formulaire_spip p {
	margin: 0.5em 0;
	padding: 0; }

.formulaire_spip fieldset {
    display: block;
	margin: 0.77em 0;
	padding: 0.77em;
	border: 1px dotted; }
.formulaire_spip legend { 
	font-weight: bold; 
	padding: 3px;
	background: #FFF; /* Sinon, superposition dans MSIE */
}

.formulaire_spip label {}
.formulaire_spip .form1 {
  padding: 1px;
  width : 80%;
	border: 1px dotted #023871;
	font-family: tahoma, arial, san serif;
	font-size: 11px; 
}
	
.spip_bouton { text-align: right; }
.spip_bouton input {
	border: 1px dotted #023871;
  text-decoration: none;
	padding: 2px;
	font-size: 10px;
	background-color: transparent;
	text-align: center;   
  float: right; }

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

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

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

/* Choix des mots-clefs */
.choix_mots { width: 47%; float: left; } 
.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche { text-align: left; float: left; vertical-align: bottom; }
.formulaire_recherche label { display: none; }
.formulaire_recherche .form1 { color: #BBBBBB; }

/*  ------------------------------------------
/*  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; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none; color: #373738; }
a:hover { text-decoration: underline; color: #F2BC71; }

/* ---- *
/* TEMP *
/* ---- */

#entete { 
  border-bottom: 1px dotted #DDD;
}

#conteneur {
  border-top: 1px dotted #DDD;
}

#navigation {
  border-right : 1px dotted #DDD;
} 

/*#hierarchie {
  border-bottom: 1px dotted #DDD;
}*/

#panel {
	border-left : 1px dotted #DDD;
}

#liste-articles {
  min-width: 100%;
}

#sous-rubriques {
  min-width: 100%;
}