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

@import "reset.css";

/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size:100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size:.8125em; font-family: Georgia, "Times New Roman", Times, serif; color:#fff; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { text-align:center; color:#d4ecf9; margin:1em 0; font-weight:normal; }
h1 { font-size:2.4em; letter-spacing:3px; text-transform:uppercase; }
h2 { font-size:1.9em;  }
h2, h2 a, h2 a:hover { color:#000033; }
h3 { font-size:1.6em; letter-spacing:.1em; }
h3.spip {} /*Cf.: spip_style.css*/
hr.spip {} /*Cf.: spip_style.css*/
p { margin:0 0 .5em; }
a { color: #e8700a; text-decoration: none; }
a:hover { color: #f90; text-decoration: underline; }

/* Autres enrichissements typo */
strong { font-weight:bold; color:#f90; }
em { font-style:italic; }
abbr, acronym { border-bottom:1px dotted; cursor:help; }
small { font-size:.9em; 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 { list-style-position:inside; } /*Cf.: spip_style.css*/
p + ul.spip { margin-top:-.5em; }
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 { width:90%; margin:1em auto; } /*Cf.: spip_style.css*/
thead, 
tr.row_first,
th { padding:.5em 0; width:auto; text-align:center; }
td, th { padding:0 .5em; width:auto; text-align:left; }
td + td { text-align:right; }

/* 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 { margin:0 auto; } /*Cf.: spip_style.css*/
.spip_documents_left { margin:0 1em 1em 0; } /*Cf.: spip_style.css*/
.spip_documents_right { margin:0 0 1em 1em; } /*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
/* ------------------------------------------ */
body { background:#BDC9E1; margin:0; padding:0; text-align:center; }
#page { position:relative; width:591px; margin:0 auto 3em; text-align:left; }
#entete { width:591px; height:155px; margin:0; }
#entete a.accueil { display:block; width:67%; }
#entete a.accueil img.spip_logos { vertical-align: bottom; line-height: 1em; }
#entete a.accueil #nom_site_spip { vertical-align: bottom; font-size: 2.2em; font-weight: normal; }
#navigation { height:30px; overflow:hidden; text-align:center; }
#conteneur { clear:both; float:left; width:591px; background:url('../images/bg-page.jpg') repeat-y; overflow:hidden; }
#contenu { margin:1em 40px; text-align:justify; }
#pied { clear:both; width:100%; margin:0; padding-top:35px; background:url('../images/bas.jpg') no-repeat; text-align:center; font-size:.85em; }
#pied img { 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 general des menus de navigation */
#navigation ul { position:relative; margin:0 0 0 27px; padding:0; list-style:none; }
#navigation ul li { display:inline; text-indent:-999em; list-style:none; }
#navigation ul li a.menu01,
#navigation ul li a.menu02,
#navigation ul li a.menu03,
#navigation ul li a.menu04,
#navigation ul li a.menu05,
#navigation ul li a.menu06 { float:left; height:30px; background-color:transparent; background-position:0 0; background-repeat:no-repeat; text-decoration:none; }
#navigation ul li a.menu01 { width:56px; background-image:url('../images/menu_01.png'); }
#navigation ul li a.menu02 { width:132px; background-image:url('../images/menu_02.png'); }
#navigation ul li a.menu03 { width:100px; background-image:url('../images/menu_03.png'); }
#navigation ul li a.menu04 { width:110px; background-image:url('../images/menu_04.png'); }
#navigation ul li a.menu05 { width:65px; background-image:url('../images/menu_05.png'); }
#navigation ul li a.menu06 { width:75px; background-image:url('../images/menu_06.png'); }
#navigation ul li a:hover,
#navigation ul li a.on { background-position:0 -30px; }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
.cartouche { margin-bottom:2em; }
.cartouche .spip_logos { float:right; margin-left:16px; margin-bottom:4px; }
.cartouche p { margin:0; padding:0; clear: left; }
.cartouche .soustitre { margin-top:.5em; margin-bottom:.3em; }
.descriptif { margin:1em 20% 2em; padding:1em; border:2px dotted #d4ecf9; color:#d4ecf9; }
.chapo { margin-bottom:1.5em; line-height:1.4em; font-weight:bold; color:#669; }
.texte { line-height:1.6em; }
.hyperlien { display:block; background: #EEE; padding:.5em 1em; font-weight: bold; color: #8B6F92; }
.ps, .notes { margin:2em 40px; padding:1em; line-height:1.4em; border:1px solid #d4ecf9; }
.notes { clear: both; font-size:.9em; }
abbr.published { border:0; }
.filet_sep_image { padding:0; margin:1em 0; height:10px; /* hauteur par defaut */ background-position: center; background-repeat: no-repeat; border-style: none; }

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

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

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

/* ------------------------------------------
/* Autres supports
/* ------------------------------------------ */

/* Affichage pour les petits ecrans (type 400 x 300) */
@media handheld, only screen and (max-device-width: 481px), only and (max-device-width: 400px), only and (max-width: 400px) {
div#page, div#conteneur, div#navigation, div#extra { width: auto; }
}