/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0  */
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color: #333; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial, Georgia, Times, serif; }
h1 { font-size: 1.70em; color: #000; }
h2 { font-size: 1.40em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.20em; font-weight: bold; }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* Autres enrichissements typo */
strong { font-weight: bold; }
em { font-style: italic; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }
dfn { font-weight: bold; color: #666; }
del { text-decoration: line-through; }
ins { color: red !important; text-decoration: none; }
sup, sub { font-size: .8em; font-variant: normal; }

/* Listes */
ul.spip {} /* Cf.: spip_style.css */
ol.spip {} /* Cf.: spip_style.css */
dl {}
dt {}
dd {}

/* Citations, code et poesie */
cite {}
q {}
blockquote {}
blockquote.spip {} /* Cf.: spip_style.css */
blockquote.spip_poesie {} /* Cf.: spip_style.css */
.spip_code {} /* Cf.: spip_style.css */
.spip_cadre {} /* Cf.: spip_style.css */
address {}

/* Tableaux */
table.spip {} /* Cf.: spip_style.css */

/* Logos, documents et images */
img { margin: 0; padding: 0; border: 0; }
.spip_logos {} /* Cf.: spip_style.css */
.spip_documents {} /* Cf.: spip_style.css */
.spip_documents_center {} /* Cf.: spip_style.css */
.spip_documents_left {} /* Cf.: spip_style.css */
.spip_documents_right {} /* Cf.: spip_style.css */
.spip_doc_titre {} /* Cf.: spip_style.css */
.spip_doc_descriptif {} /* Cf.: spip_style.css */


/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
html, body {margin: 0; padding: 0; height: 100%;}
body {background: #FFF; text-align: center; width: 100%; height: 100%;}
.page_article {}
#page {width: 90%; min-width: 1024px; max-width:1280px; margin: auto; height: 100%; min-height: 100%;}
/* En-tête */
/*width: 100%; pour entetepage*/
#entetepage {
	background-image:  url(/IMG/Entete.png);
    width: 100%;
	height: 200px;
	margin-bottom:3px;
	padding: 0px 0px; }

/* Menu trigone  width: 768px;  */
//#menu_horizontal{position: absolute; width: 768px; height: 26px; background: #cc0000 repeat-x top; margin-bottom:0.5em; top: 176px; }
#menu_horizontal{	 
	position: relative; 
	display:inline;
	width: 768px; 
	height: 26px; 
	top: 176px; }

/* Bloc central height: 425px;*/
//#conteneur { clear: both; float: left; width: 100%; overflow: hidden; height: 100%; }	   /*  width: 67%;*/
#conteneur { }
#centre-bis { width: 100%; height: 100%; overflow: hidden; } /* border: 1px solid yellow; */
//#contenu { padding-top: 0.30em;}
#contenu {text-align:left; margin-left: 150px; margin-right: 150px; padding: 0px 5px; height: 100%; overflow: auto;}

/* Navigation //background: #181A12; */
#navgauche { background: #cccccc; }
/* Contenu secondaire */
#navdroite { background: #cccccc; }

/* --- POSITIONNEMENT --- */
/* Menu de navigation 150*/
#navgauche { float: left; width: 150px; height: 100%; padding: 0px 0px 0px 0px; }
/* Contenu secondaire */
#navdroite { float: right; width: 150px; height: 100%; padding: 0px 0px; }

#navigation { float: right; width: 100%; margin-top: 1em; overflow: hidden; }   /*  width: 30%;*/
#extra { float: right; clear: right; width: 30%; margin-top: 1em; overflow: hidden; }
/* Pied de la page */
//#pied { clear: both; width: 100%; margin: 0; padding: 0.40em 0; border-top: 1px solid #8B6F92; text-align: center; font-size: 0.90em; }
//#pied img { vertical-align: middle; }
#piedpage { background: #000000; margin: 0; height:28px; margin-top: 1px; padding: 0px 0px 0px 0px;}
#piedpage { line-height: 26px; font-size: .85em; color: #ffffff; text-align: center;}
#piedpage img { height: 16px; vertical-align: middle; }
/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }
/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

#hierarchie { clear: both; margin-bottom: 2em; font-size: 0.90em; }
#hierarchie, #hierarchie a { color: #666; }

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos { float: right; margin-left: 2px; margin-bottom: 2px; }
.cartouche p { margin: 0; padding: 0; } /*clear: left;*/
.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }
.cartouche .surtitre { margin-bottom: 0.30em; }
.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }
.cartouche .traductions { font-size: 0.90em; }

.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }
.texte { line-height: 1.60em; }
.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }
h1.entry-title:first-letter{ font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
							 margin-right: 2px; float: left; font-size: 2.5em; background:red; color: #ffffff; padding:2px; }
.Selection_Article { opacity: .4; color: #000; width: 150px; font-size: 0.75em; font-family: Arial, Lucida, sans-serif; }						 
.Option_Article {border: 0px solid #666666;  border-left:#E00 6px solid; background: #eee; color:#222; }
.Input_Article{ font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; font-size: 0.8em;}			
abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }
#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }
#documents_portfolio a.on .spip_logos { border-color: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }

/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; 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.50em; }
.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; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 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: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; 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; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/


/* ------------------------------------------
/* Sous-navigation et autres menus
/* ------------------------------------------ */

/* Habillage general des menus de navigation */
.menu { clear: both; margin-bottom: 2em; text-align: left; }
.menu p { margin: 0.20em 0; padding: 0.20em 0.10em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu ul li { margin: 0.20em 0; padding: 0.20em; border-top: 1px solid #DDD; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: 0; border: 0; }

/* Pagination */
.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }
.pagination .on { font-weight: bold; color: #666; }

/* Rubriques */
.rubriques ul { border: 0; }
.rubriques ul li { background: #EEE; border: 0; }

.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/

/* Listes d'articles et extraits introductifs */
.articles ul li { clear: both; padding: 0.40em 0.20em; }
.articles ul li h3 { margin: 0.30em 0; }
.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }
.articles ul li .enclosures { float: right; text-align: right; max-width: 60%; margin: 0; }
.articles ul li .introduction { margin-top: 0.30em; line-height: 1.40em; }
.menu.articles h2 {color:red;}
.menu.articles h3 a {font-family: Arial; font-size: 0.8125em; color:#036; margin: 0; padding: 0; text-decoration: none;}
.menu.articles h3 a:hover{color: red; text-decoration: none;}
.menu.articles table {background:#CCC; valign:top;}
.menu.articles tr { vertical-align:top;}
/* Couleurs des liens
---------------------------------------------- */
a { color: #604A7F; text-decoration: none; }
a:focus,a:hover,a:active { color: #F57900; text-decoration: underline; }

/* Formattage du login une fois connecté
---------------------------------------------- */
#connecte {text-align: left; font-size:0.8125em}

/* --- COULEURS --- */
/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Menu trigone 140*/
#MenuTexte{ width: 140px; margin-left: 5px; margin-right: 5px; background: #ffffff repeat-x top; font-family: Arial; font-weight:bold; }
#MenuTexte h1{line-height: 1.5em; font-size: 1em; font-weight:bold; font-style:normal; margin-left: 5px; margin-right: 5px; background: #cccccc; color:red; }
#MenuTexte a{ line-height: 1.75em; font-size: .85em; color:black; text-decoration:none; }
#MenuTexte a:hover, #MenuTexte a:focus{ color:red; background: #cccccc repeat-x top; text-decoration:none; }
#breves{font-size: 1em; font-family: Arial;}