@charset "utf-8";
body              { font: 1em "Times New Roman", Arial, Helvetica, sans-serif, Verdana; background-color: #dcdcdc; text-align: center; margin: 1.5em; padding: 0 }
    .twoColHybLtHdr #container            { text-align: justify; margin: 0 auto; border: solid 0px #000000 } 
    .twoColHybLtHdr #header   { background-color: #dddddd; padding-top: 0; padding-bottom: 0; border: 0px } 
    .twoColHybLtHdr #header h1  { margin: 0; padding: 10px 0; border: 0px }
    
    /* Conseils pour sidebar1 :
    1. comme nous travaillons en unités relatives, il est préférable de ne pas utiliser de remplissage latéral pour l'encadré. Pour les navigateurs conformes aux standards, il sera ajouté à la largeur globale, créant ainsi une largeur réelle inconnue. 
    2. Comme nous utilisons des unités ems pour l'encadré, ne pas oublier que sa largeur variera en fonction de la taille de texte par défaut.
    3. Pour créer un espace entre le côté de l'élément div et les éléments qu'il contient, attribuez une marge gauche et une marge droite à ces éléments, comme dans la règle ".twoColHybLtHdr #sidebar1 p".
    */
    .twoColHybLtHdr #sidebar1                       { background-color: #dbdbdb; vertical-align: top; float: left; clear: both; padding-top: 15px; padding-bottom: 15px; border: 0px; width: 20% }
        .twoColHybLtHdr #sidebar2                { background-color: #dbdbdb; vertical-align: top; float: left; clear: both; padding-top: 15px; padding-bottom: 15px; border: 0px; width: 10% }
.twoColHybLtHdr #sidebar1 h3, .twoColHybLtHdr #sidebar1 p          { background-color: #dbdbdb; vertical-align: top; margin-right: 10px; margin-left: 10px; border: 0px; height: 100% }
    
    /* Conseils pour mainContent :
    1. L'espace compris entre les éléments mainContent et sidebar1 est créé avec la marge gauche de l'élément div mainContent.  Quelle que soit la taille du contenu dans l'élément div sidebar1, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #mainContent remplisse l'espace de l'élément #sidebar1 lorsque le contenu de ce dernier se termine.
    2. Veuillez noter qu'il est possible de provoquer une perte de l'élément flottant (perte de la zone non flottante mainContent sous l'encadré) si vous placez dans l'élément divmainContent un élément plus large que ce qu'il peut contenir. Avec une mise en page hybride (largeur générale en pourcentages avec un encadré en ems), il peut être impossible de calculer la largeur exacte disponible. Si la taille de texte par défaut d'un utilisateur est supérieure à la moyenne, l'élément div de l'encadré sera plus large et il y aura donc moins de place dans l'élément div mainContent. N'oubliez jamais cette limitation, en particulier si le client doit ajouter du contenu avec Contribute.
    3. Dans le commentaire conditionnel pour Internet Explorer ci-dessous, la propriété zoom permet de donner à l'élément mainContent l'attribut "hasLayout." Cela évite l'apparition de plusieurs bogues spécifiques d'Internet Explorer.
    */
    .twoColHybLtHdr #mainContent                    { background-color: #dcdcdc; text-align: justify; vertical-align: top; float: right; margin-top: 0; margin-right: 0px; margin-bottom: 0; border: 0px; width: 78% } 
    .twoColHybLtHdr #mainContent2                      { background-color: #dcdcdc; text-align: justify; vertical-align: top; float: right; margin-top: 0; margin-right: 0px; margin-bottom: 0; border: 0px; width: 83% }
.twoColHybLtHdr #footer         { font-size: 10px; background-color: transparent; margin: 0px; padding-top: 0px; padding-bottom: 0px; border: 0px } 
    .twoColHybLtHdr #footer p     { color: purple; margin: 0; padding-right: 0px; padding-left: 0px; border: 0px }
    
    /* Diverses classes à réutiliser */
    .fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat   { font-size: 1px; line-height: 0px; background: lime; clear: both }
    
    
    
    
    /*  ----------------------------------------------------------- */
/*  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
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
img, table { margin: 0; padding: 0; border: 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       { text-align: justify; vertical-align: top; margin-right: auto; margin-left: auto }

#conteneur                  { font-size: medium; font-family: "Times New Roman", Georgia, Times; text-align: justify; vertical-align: text-bottom; width: 100% }

#conteneur #contenu                                 { font-size: medium; font-family: "Times New Roman", Times, Georgia, Verdana; background-color: #f5eee5; text-align: left; float: left; width: 100% }
#conteneur2                           { font-size: medium; font-family: "Times New Roman", Georgia, Times; text-align: justify; vertical-align: text-bottom; width: 790px }

#conteneur2 #contenu                              { font-size: medium; font-family: "Times New Roman", Times, Georgia, Verdana; background: #fffacd; text-align: justify; text-indent: 10px; float: left; margin: auto; width: 790px }
#conteneur3                           { font-size: medium; font-family: "Times New Roman", Georgia, Times; text-align: justify; vertical-align: text-bottom; width: 790px }

#conteneur3 #contenu                               { font-size: medium; font-family: "Times New Roman", Times, Georgia, Verdana; background-color: #fffacd; text-align: justify; text-indent: 10px; float: left; margin: 3em; width: 90% }

#conteneur #navigation     { text-align: center; vertical-align: text-bottom; float: right; width: 12em }
#conteneur2 #navigation       { text-align: center; vertical-align: text-bottom; float: right; width: 12em }

/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart   { text-align: justify; vertical-align: top; float: left; width: 21em }

#contenu .encart   { text-align: justify; float: right; margin: 0 15px 1em 0; width: 11em }

#contenu .texte                        { text-align: justify; float: right; margin: 20px; width: 90% }
#contenu .cine          { text-align: left; float: left; margin: 25px }

#encart2                { background: #fff0f5 0px 0px; text-align: left; text-indent: 0em; float: left; clear: none; margin: 0em; border-left: 0em none; left: 0em; width: auto; overflow: hidden }


/* Entete */
#entete {
	width: 100%;
	border-bottom: 2px solid #333; }
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; }

/* Fil d'Ariane */
#hierarchie               { color: gray; font-size: medium; text-indent: 25px; clear: both; margin-bottom: 2em; border: none 20px; position: static; top: 0px; visibility: visible }

/* Pied de page */
#pied {
	clear: both;
	width: 100%;
	margin-top: 4em;
	border-top: 1px dotted #CCC;
	padding: 2px;
	text-align: center; }
#pied small { font-size: 0.77em; }
#pied img { vertical-align: bottom; }

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


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu        { font-family: "Trebuchet MS", Helvetica, sans-serif; background-color: transparent; text-align: justify; position: relative; top: 0px; overflow: hidden }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Georgia, Times, serif; }


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers                { font-size: 0.77em; background-color: #eee; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; border: solid 1px #ccc; min-width: 10em }

.menu-titre   { font-weight: bold; padding: 0.2em 0.4em; border-bottom: 1px dotted #ccc }

#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigation li, .encart li { margin: 0; padding: 0 0.7em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques     { background-color: #eee }
.rubriques .menu-titre           { background-color: #fff77e; text-align: left }

.breves { background: #FFEAEA; }
.breves .menu-titre  { background-color: #fff2f2; text-align: left }

.syndic { background: #E8F8F8; }
.syndic .menu-titre  { background-color: #f0fcfc; text-align: left }

.forums { background: #EAEAFF; }
.forums .menu-titre  { background-color: #f2f2ff; text-align: left }

.divers    { background-color: #eee }
.divers .menu-titre   { background-color: #b0c4de; text-align: left }

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

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

.cartouche .titre   { color: #000; font-weight: bold; font-size: 1.27em; text-align: justify }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

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

.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: 1.5em;
	font-weight: bold;
	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: 0.96em; text-align: justify; margin: 10px; width: auto }

.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 {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.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: 0.71em; }

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

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}

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

.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: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton   { text-align: right; width: auto; overflow: hidden }
.spip_bouton input   { float: right; width: auto; overflow: hidden }

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

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.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          { color: #8b3d1b; text-decoration: none }
a:active       { color: #8b3d1b; text-decoration: none }
a:vlink    { color: #8b3d1b; text-decoration: none }
a:link     { color: #8b3d1b; text-decoration: none }
a:hover       { color: #8b3d1b; text-decoration: underline }