/* -----------------------------------------------

        Feuille de style du site de l'UPSTI
        (c) Romy Duhem-Verdiere - 2009
        URL : http://romy.tetue.net

----------------------------------------------- */

/* Correction des styles par defaut / mise a zero multinavigateurs */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset,img { border: 0; }
address,caption,cite,code,dfn,em,strong,th,var { /*font-style: normal; font-weight: normal;*/ }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: normal; }
/*q:before,q:after { content:''; }*/
abbr,acronym { border: 0; }

/* Balises depreciees en XHTML 1.0 Strict */
basefont, font, b, /*i,*/ u, s, strike, small, tt { background: none; border: 0; text-decoration: none; font-style: normal; font-weight: normal; font-size: inherit; font-family: inherit; }
/*center, basefont, font, u, s, strike { color: red !important; }
b, big, i, small, tt { color: orange !important; }*/

/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: .76em; font-family: Helvetica,Arial,sans-serif; color: #666; }
input, select, textarea { font-size: 100%; font-family: inherit; }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: bold; font-size: 1em; color: #46517E; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; font-weight: normal; }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003; }
h3 { font-size: 1.2em; font-weight: bold; }
hr.spip { clear: both; height: 1px; margin: 2em auto; border: 0; background: #2571C2; color: #2571C2; }

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

/* Listes */
ul.spip { margin-bottom: 1em; margin-left: 2.2em; list-style: square; }
ol.spip { margin-bottom: 1em; margin-left: 2.2em; list-style: decimal; }
li ul.spip { list-style: disc; }
li li ul.spip { list-style: circle; }
.spip li { margin-bottom: .4em; }
.spip li li { margin-bottom: 0; }

/* FAQ */
/*dl.faq { margin-bottom: 1em; border-bottom: 1px solid #DDD; }
dl.faq dt { padding: .5em; padding-left: 30px; background: url(img/pagination/faq_open.png) no-repeat .4em .4em; border-top: 1px solid #DDD; font-weight: bold; color: #0366CB; cursor: pointer;  }
dl.faq dt.close { background-image: url(img/pagination/faq_close.png); }
dl.faq dd { padding: 0 .5em .5em; padding-left: 30px; }*/

/* Citations, code et poesie */
blockquote { margin: 2em 0; padding-left: 1em; border-left: .3em solid #2571C2; background: url(img/quote.gif) no-repeat .6em 0; }
blockquote.spip {}
blockquote.spip_poesie {}
blockquote.spip_poesie div { text-indent: -3em; margin-left: 3em; }

.spip_code, code, .spip_cadre, pre, kbd, samp { font-family: Courier, "Courier New", monospace; line-height: normal; color: #036; }
kbd { padding: .01em .3em; background-color: #2571C2; color: #fff; }
samp { font-weight: bold; }
var { font-style: italic; }

.spip_surligne { background: #FF6; }

/* Tableaux */
table.spip { width: 99%; margin-right: auto; margin-left: auto; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; color: #2571C2; }
table.spip tr.row_first { background: #6FA7DF; color: #fff; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #F4F4F4; }
table.spip th, table.spip td { padding: 0.2em 0.4em; text-align: left; border: 1px solid #2571C2; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: .1em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-weight: bold; font-size: .9em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: .9em; }

/* Paragraphes */
p, .spip_documents, div.spip_code, .spip_cadre { margin-bottom: 1em; }

/* ------------------------------------------
/* Habillage general des formulaires
/* ------------------------------------------ */
.formulaire_spip { clear: both; background: #ebeaea url(img/bg/formulaire.png) no-repeat bottom; margin-bottom: 2em; padding: 1em 34px; padding: .3em 90px; border: 1px solid #B5B8C8; text-align: left; font-size: 1em; }
.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */

/* Fieldset */
fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #EAEAEA; color: #333; display: none; } /* Preciser la couleur des legend et du fond pour IE/Win */
fieldset fieldset { margin-top: 1em; }
fieldset fieldset legend { font-size: 1em; font-weight: normal; }

/* Lignes */
.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
.formulaire_spip ul li { clear: both; margin: 0; padding: .6em 0; }

/* Labels */
label, .label { max-width: 300px; text-align: left; color: #555; font-weight: bold; /* pour IE/Win */ position: relative;  }
.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }

/* Champs de saisie */
select { width: 99%; }
input.text, input.password, input#oubli, textarea { clear: both; display: block; width: 300px; padding: 4px 1px 2px; background: #fff url(img/bg/input.gif) repeat-x top; border: 2px solid #B5B8C8; font-size: 1.1em; }
.obligatoire label, .obligatoire .label { color: #333; }
.obligatoire input, input#oubli, .obligatoire textarea { border-color: #CF8C67; }
.erreur input, .erreur input#oubli, .erreur textarea { border-color: #D10033; }

/* Boutons */
.formulaire_spip .boutons { clear: both; margin: .4em 1em 1.7em 0; padding: 0; text-align: right; }
.formulaire_spip .boutons input { margin-left: 1em; }
.formulaire_spip .boutons input, input.submit {}

/* Explications */
a.date-picker { display: none; }
.formulaire_spip .explication { margin: .3em 0; color: #666; }
.label_details { clear: both; display: block; color: #7F6F73; }
.label_obligatoire { color: #D10033; font-weight: normal; color: #8F233E; }
fieldset.previsu { padding: 1em; padding-bottom: 0; background: #F9F9F9 url(img/bg/hachures.png); border: 3px dashed #D10033; }
fieldset.previsu legend { color: #D10033; }
.reponse_formulaire, .erreur_message, li .erreur { color: #D10033; font-weight: bold; }
.erreur_message, li .erreur { display: block !important; margin: 2px 1px; }

/* Formulaire d'adhesion */
.saisie_texte_1 textarea { height: 3.2em; }
.saisie_select_1 *,
.saisie_select_2 *,
.saisie_select_3 *,
.saisie_select_4 * { display: inline; }
.saisie_select_1 .label { display: none; }
.choix { padding: 0 .5em; }
.choix label { font-weight: normal; }
.saisie_select_3 .label, .saisie_select_3 ul { display: block; }

.saisie_code_postal_1 input { width: 50px; text-align: center; }
.saisie_date_2 input { width: 100px; text-align: center; }
.saisie_telephone_1 input,
.saisie_telephone_2 input { width: 110px; text-align: center; }

.saisie_telephone_1,
.saisie_telephone_2 { clear: none !important; float: left; width: 190px; }

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { background: #FFF; margin: 0; padding: 0; text-align: center; }

#page { position: relative; width: 940px; margin: 0 auto; padding: 0 30px; background: url(img/background.png) no-repeat bottom; text-align: left; }

#conteneur { float: left; width: 100%; min-height: 300px; background: url(img/bg/conteneur.png) repeat-y; }
#contenu { margin-left: 196px; margin-right: 244px; padding-top: 4em; overflow: hidden; }
#sousnav { float: left; width: 170px; margin-left: -940px; padding-top: 4em; overflow: hidden; background: #EEFCEF; background: #F5F5F5; }
#extra { float: right; width: 220px; margin-left: -220px; padding-top: 4em; overflow: hidden; }

/* Large */
.large #conteneur {}
.large #contenu { margin-right: 0; }
.large #extra { clear: right; float: right; width: 746px; display: none; }
.page_article.large #extra { display: none; }

/* Sommaire avec player320 */
.player320 #conteneur {}
.player320 #contenu { margin-right: 344px; }
.player320 #extra { clear: right; float: right; width: 320px; margin-left: -320px; }

/* Fil d'Ariane */
#hierarchie { position: absolute; width: 730px; margin-top: -4em; font-size: .9em; }
#hierarchie, #hierarchie a { color: #999; }

/* Tiers et demi */
.tiers { clear: none; float: left; width: 240px; margin-right: 12px; }
.tiers#tiers3 { float: right; margin-right: 0 !important; }

.demi { clear: none; float: left; clear: left; width: 49%; }
.demi.demileft {}
.demi.demiright { clear: right; float: right; }

/* Entete */
#entete { margin: 0; padding: 0; background: #c7d7f2 url(img/bg/entete.png) repeat-x; }
#entete, #entete * { line-height: 1em; }
#entete #logo { display: block; width: 40%; height: 110px; font-size: 4em; }

#session { position: absolute; right: 40px; top: 0; padding: 1em 2em; padding-bottom: .6em; white-space: nowrap; }
#session, #session a { color: #343D6D; }
#entete.public #session { padding-top: 1.4em; }
#entete.public #session a.login_modal { padding-right: 18px; background: url(img/cadenas.png) no-repeat center right; }
#entete.zone #session { padding-right: 1em; background: #fff url(img/bg/hachures.png); border: 3px solid #9FAC0B; border-top: 0; color: #9FAC0B; }
#entete.zone #session a.logout { padding-right: 18px; background: url(img/quitter.gif) no-repeat center right; }

.spip-admin-float, .spip-admin-bloc { display: none; /*IE*/ }
.spip-admin-bloc, .spip-admin-bloc *,
.spip-admin-float, .spip-admin-float * { font-size: 10px !important; }
#entete.zone .spip-admin-float, #entete.zone .spip-admin-bloc { position: absolute !important; top: 3.5em !important; right: 60px !important; display: block; }
a.spip-admin-boutons, a:hover.spip-admin-boutons { margin: 0 !important; padding: 2px 5px !important; background: #9FAC0B !important; border: 0 !important; color: #fff !important; text-decoration: none !important; opacity: 1; }

.formulaire_spip#formulaire_recherche { position: absolute; right: 65px; top: 65px; margin: 0; padding: 0; background: none; border: 0; }
.formulaire_spip#formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_spip#formulaire_recherche label { display: none; font-weight: normal; }
.formulaire_spip#formulaire_recherche input.text { width: 10em; padding: .3em 0 .2em 25px; background: #FFF url(rechercher.gif) no-repeat left center; }

#barnav { height: 25px; overflow: hidden; padding-bottom: 6px; background: #005fe8 url(img/bg/entete.png) repeat-x bottom;  }
#barnav ul { min-height: 1em; }
#barnav li { float: left; border-right: 1px solid #0055CF; }
#barnav a { float: left; display: block; padding: .5em; text-transform: uppercase; text-decoration: none; color: #FFF; }
#barnav .on a { background: #1D3667 url(img/pointe.gif) no-repeat right bottom; font-weight: normal; }
#barnav a:hover { background: #0055CF url(img/pointe.gif) no-repeat right bottom; }

/* Pied */
#pied { clear: both; width: 100%; margin: 0; padding: 180px 0 10px 1em; }
#pied hr { display: none; }
#pied img { vertical-align: bottom; }
#pied .separator { margin: 0 .6em; }

/* clearfix : http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

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

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


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

/* Habillage general des menus de navigation */
.menu { /*clear: both;*/ margin-bottom: 1em; text-align: left; -moz-border-radius: 5px; }
.menu h2 { /*padding: .4em 0;*/ margin-bottom: .3em; }
.menu p { margin: .2em 0; padding: .2em .1em; }
.menu ul { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #DDD; }
.menu ul li { margin: 0; padding: .4em .2em; border-top: 1px solid #DDD; }
.menu ul li:hover { background-color: #eee; }
.menu ul li ul { margin-left: 1em; border: 0; }
.menu ul li li { padding: .2em 0; border: 0; }

.sousrub h3 { margin-top: 1em; }
.sousrub.zone h3 { background: #9FAC0B; padding: .4em; }

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

/* prevnext */
.prevnext { clear: both; margin: 1em 0; text-align: center; }
.prevnext .prev { float: left; width: 25%; padding-left: .5em; text-align: left; }
.prevnext .next { float: right; width: 25%; padding-right: 1em; text-align: right; }
.prevnext .separateur { float: left; color: #fff; }

/* Plus / Suite */
.plus { text-align: right; }
.plus a { padding: 0 8px; background: url(img/plus.gif) no-repeat 0 .2em; color: #D10033; }
.suite { vertical-align: text-bottom; font-size: 11px; white-space: nowrap; }
.suite a { color: #fff; }

/* Sous-navigation */
#sousnav { margin-bottom: 2em; padding-bottom: 100px; }
#sousnav .menu { padding: 0 10px 20px; }

/* articles / rubriques / zone */
#sousnav ul.articles { border: 0; }
.menu ul.articles li,
.menu ul.rubriques li { padding-left: 12px; background-repeat: no-repeat; background-position: 0 .2em; }
.menu ul.rubriques li ul { margin-left: 4px; }

ul.articles li { background-image: url(img/li-article.gif); }
.zone ul.articles li,
ul.articles li.zone { background-image: url(img/li-article-zone.gif); }

ul.rubriques li { background-image: url(img/li-rubrique.gif); }
ul.rubriques li li { background-image: url(img/li-li-rubrique.gif); }
ul.rubriques li.zone { background-image: url(img/li-rubrique-zone.gif); }
ul.rubriques li.zone li,
ul.rubriques li li.zone { background-image: url(img/li-li-rubrique-zone.gif); }

/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */

.cartouche { margin-bottom: 2em; }
.cartouche .spip_logos,
.surlignable .spip_logos { float: right; margin-left: 1em; margin-bottom: .3em; }
.player320 .cartouche .spip_logos, .player320 .surlignable .spip_logos { display: none; }
.cartouche p { margin: 0; padding: 0; clear: left; }
.surtitre, .soustitre { font-size: .9em; color: #666; }
.cartouche .surtitre { margin-bottom: .3em; }
.cartouche .soustitre { margin-top: .5em; margin-bottom: .3em; }
.cartouche .traductions { font-size: .9em; }

.chapo { margin-bottom: 1.3em; line-height: 1.4em; font-size: 1.2em; color: #2571C2; }
h2.spip, h3.spip { margin: 1em 0 .3em 0; padding-left: 1.3em; background: url(img/intertitre.gif) no-repeat 1px .2em; color: #2571C2; }
.texte { line-height: 1.3em; color: #444; }
.ps, .notes { clear: both; width: 400px; margin-bottom: 2em; padding: .4em .2em; border-top: 1px solid #DDD; line-height: 1.3em; }
.ps h2, .notes h2 { font-size: 100%; display: none; }
.ps {}
.notes {}

abbr.published { border: 0; }

/* Portfolio */
#documents_portfolio { clear: both; margin: 2em auto; }
#documents_portfolio h2 { font-size: 100%; }
#documents_portfolio .spip_logos { margin: 3px 6px 3px 0; 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: #0366CB; }

/* Documents joints */
#documents_joints { width: 400px; overflow: hidden; margin: 2em 0; }
#documents_joints h2 { padding-left: 40px; background: url(img/bg/download.gif) no-repeat left center; font-size: 100%; }
#documents_joints ul {}
#documents_joints li { padding: .4em; padding-left: 40px; }
#documents_joints li li { padding-left: 0; }
#documents_joints li img.spip_logos { float: left; margin-left: -40px; }
#documents_joints li p { margin: .2em 0; padding: 0; }
#documents_joints li .info_document { display: block; }
#documents_joints li .info_document * { font-weight: normal; }


/* ------------------------------------------
/* Variantes par gabarit
/* ------------------------------------------ */

/* page_playlist
---------------------------------------------- */
#playlist { width: 724px; min-height: 375px; overflow: hidden; margin-bottom: 1em; padding: 10px 10px 5px; background: #46517E url(img/bg/playlist.png) repeat-x; border: 1px solid #bfccdc; border-width: 1px 0; }
#playlist h1 { padding: 4px 10px 2px; text-transform: uppercase; }

#playlist .spip_documents { float: left; margin: 0; width: 473px; height: 382px; background: #141414 url(img/bg/video.gif); border: 1px solid #bfccdc; }
#playlist .spip_documents .spip_doc_titre,
#playlist .spip_documents .spip_doc_descriptif { display: none; }

#playlist .videos { float: right; width: 237px; background: #b4c4da url(img/bg/videos.gif) repeat-x; border: 1px solid #bfccdc; }
#playlist .videos ul { height: 332px; margin: 0; border: 1px solid #939faf; border-width: 1px 0 0 1px; }
#playlist .videos ul li { float: left; width: 109px; height: 74px; overflow: hidden; padding: 5px 4px 3px; border: 1px solid #939faf; border-width: 0 1px 1px 0; font-size: 11px; font-weight: bold; line-height: normal; }
#playlist .videos ul li img { width: 107px; height: 60px; }
#playlist .videos ul li .titre { white-space: nowrap; }
#playlist .videos ul li.on { background-color: #FFF; }
#playlist .videos ul li:hover { background-color: #D5DDE7; }
#playlist .videos .pagination { margin: 0; padding: .4em 9px; background-color: #ebedef; background-repeat: repeat-x; border: 1px solid #999; font-size: 1em; }
#playlist .videos .pagination.pagination_haute { background-image: url(img/bg/pagination_haute.gif); background-position: bottom; border-bottom: 0; }
#playlist .videos .pagination.pagination_basse { background-color: #f8f9fb; background-image: url(img/bg/pagination_basse.gif); background-position: bottom; border-color: #2b405b; color: #ADBBD3; }
#playlist .videos, #playlist .videos a { text-decoration: none !important; color: #444 !important; }

#playlist .player { clear: both; margin: 0; padding-top: .4em; text-align: center; font-size: .9em; }
#playlist .player, #playlist .player a { color: #CCC; }

.page_playlist {}
.page_playlist .cartouche { display: none; }
.page_playlist #contenu .menu {}
.page_playlist #contenu .menu ul { border: 0; border-top: 1px solid #DDD; }
.page_playlist #contenu .menu ul li { border: 0; border-bottom: 1px solid #DDD; }
.page_playlist #contenu .menu ul li img { float: left; }
.page_playlist #contenu .menu p { margin: 0; }

.page_playlist #contenu .menu ul li.tiers {}
.page_playlist #contenu .menu#articles ul li.tiers { width: 225px; min-height: 2.4em; margin-right: 12px; }

/*.page_playlist #contenu .menu#sousrub { display: none; }
.page_playlist #contenu .menu#sousrub ul li.tiers {}
.page_playlist #contenu .menu#sousrub ul li.tiers h2 { margin: 0; padding: 0; }*/

/* Rubriques
---------------------------------------------- */
.player320 {}
.player320 #extra {}

#miniplan {}
#miniplan .menu { clear: both; min-height: 90px; padding-bottom: 1em; background: url(img/bg/miniplan.gif) repeat-x; border-top: 4px solid #95BCCE; -moz-border-radius: 0; }
#miniplan .menu .intro { float: left; width: 170px; margin-left: 20px; margin-right: 20px; }
#miniplan .menu .intro h2 { margin: 0; padding: .4em 0 .2em; font-size: 1.1em; }
#miniplan .menu .intro h2, #miniplan .menu .intro h2 a { color: #333; }
#miniplan .menu ul { width: 240px; margin-right: 20px; border: 0; }
#miniplan .menu ul.articles { float: left; width: 260px; }
#miniplan .menu ul.rubriques { float: right; width: 230px; }
#miniplan .menu ul li { border: 0; border-bottom: 1px solid #95BCCE; }
#miniplan .menu ul li:hover { background-color: #D1E6EF; }

.menu.liste_articles {}
.menu.liste_articles ul { border-color: #95BCCE; }
.menu.liste_articles ul li { padding: 9px 1em 9px 68px; background: #fff url(img/bg/miniplan.gif) repeat-x 0 -50px; border-color: #95BCCE; }
.menu.liste_articles ul li img { float: left; margin-left: -60px; }
.menu.liste_articles ul li:hover { background: #D1E6EF; }

#sousrub { max-width: 250px; margin: 2em; margin-left: 0; padding: 9px; border: 1px solid #95BCCE; background-color: #fafafa; color: #444; }
#sousrub:hover { background-color: #f9f9f9; border-color: #0249B4; }
#sousrub h2 { margin: .4em 0; }
#sousrub h3 { font-size: 110%; }
#sousrub ul, #sousrub ul li { border-color: #95BCCE; }
#sousrub ul li { min-height: 20px; padding: .4em 1em 1em 20px; background-image: url(img/fleche-public.gif); background-repeat: no-repeat; background-position: 3px 6px; }
#sousrub ul li.zone { background-image: url(img/fleche-zone.gif); }
#sousrub ul li:hover { background-color: #D1E6EF; }


/* page_liens
---------------------------------------------- */
.page_liens {}
.page_liens dt { margin: .5em; font-weight: bold; cursor: pointer; }
.page_liens dt small { font-weight: normal; }
.page_liens dd ul { margin: 0; }

/* Espace adherents
---------------------------------------------- */

.page_adherents .cartouche { display: none; }
.page_adherents #aide,
.page_adherents #action,
.page_adherents .buzz { margin: 0; padding: 2em 0; border: 4px dotted #95BCCE; border-width: 4px 0 0 0; }
.page_adherents #aide { margin: 0 0 3em 0; border-width: 4px 0; }
.page_adherents #aide h2 { color: #95BCCE; }
.page_adherents #aide ul { font-weight: bold; font-size: 110%; }
.page_adherents #aide ul li.demi { width: 45%; }
.page_adherents .buzz {}
.page_adherents .buzz h2 { color: #95BCCE; }
.page_adherents .buzz .menu { margin-bottom: 0; }
.page_adherents .buzz .menu ul li a { font-weight: bold; }
.page_adherents .buzz .menu ul li small a { font-weight: normal; color: #5C7C8E; }
.page_adherents #action { padding: 1em 0; }
.page_adherents #action * { display: inline; border: 0; }
.page_adherents #action ul {}
.page_adherents #action ul li { float: left; margin: 0 8px; padding: 0; text-align: center; }
.page_adherents #action ul li a { display: block; width: 350px; padding: 5px 0; background: #18394c url(img/bg/bouton-off.gif); color: #FFF; font-size: 1.2em; font-weight: bold; }
.page_adherents #action ul li a:hover { background: #9FAC0B url(img/bg/bouton-on.gif); text-decoration: none; }

/* Page login */
.formulaire_menu_lang { display: none; }
.formulaire_login { margin-bottom: 4em; }
.formulaire_login #spip_logo_auteur { display: none; }
.formulaire_login input.text,
.formulaire_login input.password, li.saisie_oubli input#oubli { width: 150px; }
.formulaire_login #pass_securise { display: none !important; }
.formulaire_login .details { display: block; padding: 2px 4px; }

/* page_auteur et trombinoscope */

.formulaire_ecrire_auteur { clear: both; margin: 2em 0; }

.page_auteur {}
.page_auteur .ps { clear: none; width: 50%; margin-bottom: 3em; padding: 9px; background: #fafafa url(img/bg/hachures.png); border: 1px solid #CAD2DB; -moz-border-radius: 5px; color: #0249B4; }
.page_auteur .ps:hover { background-color: #f9f9f9; }
.page_auteur .ps p { margin: 0; padding: 0; }
.page_auteur .ps p img { vertical-align: text-bottom; }
.page_auteur .ps p a.spip_mail:before { content: ""; }
.page_auteur #contenu .menu h2 { font-size: 100%; }
.page_auteur #contenu .menu { width: 75%; }

.cartouche .avatar { float: right; margin-left: 1em; margin-bottom: .3em; }

.memauteur { margin: 3em 1em 0 0; padding: 9px; border: 1px solid #CAD2DB; background-color: #fafafa; }
.memauteur:hover { background-color: #f9f9f9; border-color: #0249B4; }
.memauteur .avatar { float: left; margin-right: 9px; margin-bottom: .2em; }
.memauteur h2, .memauteur h3 { font-size: 100%; font-weight: bold; margin-bottom: .2em; }
.memauteur h3, .memauteur p.plus { clear: both; }
.memauteur p.plus { margin: 0; padding: 0; }
.memauteur p.plus a { background: none; }

#trombinoscope { line-height: normal; }
#trombinoscope ul { border: 0; }
#trombinoscope ul li { float: left; width: 100px; height: 110px; margin: 0 0 1em 0; padding: 5px 3px 3px; border: 0; text-align: center; }
#trombinoscope ul li a { text-decoration: none; }
#trombinoscope ul li:hover { background: #F9F9F9 url(img/bg/hachures.png); -moz-border-radius: 6px; }

/* Commentaires */
#comments { clear: both; width: 450px; margin: 4em 0 2em; }
#comments h2 { padding-bottom: .3em; padding-left: 40px; background: url(img/bg/download.gif) no-repeat left center; font-size: 100%; }
#comments ul { border-top: 1px solid #DDD; }
#comments .comment { padding: .4em .4em 0 40px; border-bottom: 1px solid #DDD; }
.comment p { margin-bottom: .4em; }
.comment .comment-meta { color: #3E728F; }
#comments .comment .avatar { float: right; }
#comments .comment .comment-meta .comment-number { float: left; margin-left: -40px; width: 35px; text-align: center; font-size: 2em; color: #C1C1C1; }
#comments .comment .comment-meta abbr { border: 0; }
.comment .comment-texte { margin-top: .4em; }

#formulaire_forum { margin: 4em 0 2em; }
#formulaire_forum fieldset {}
#formulaire_forum fieldset.qui { display: none; }
#formulaire_forum fieldset legend { display: block; }
#formulaire_forum fieldset fieldset { display: none; }
#formulaire_forum .explication { display: none; }
#formulaire_forum .saisie_texte {}
#formulaire_forum .saisie_texte label { display: none; }
#formulaire_forum .saisie_texte textarea { height: 10em; }
#formulaire_forum .saisie_texte .markItUpHeader,
#formulaire_forum .saisie_texte .markItUpFooter { display: none; }
#formulaire_forum .saisie_texte .explication { display: block; margin-bottom: 0; }

/* page_asso
---------------------------------------------- */
#extra .spip_documents { height: 285px; background: #141414 url(img/bg/video.gif); border: 1px solid #ccc; }
#extra .spip_documents .spip_doc_titre,
#extra .spip_documents .spip_doc_descriptif { display: none; }

#edito .avatar { float: right; margin-left: 1em; margin-bottom: .3em; }

.page_asso #extra .surtitre { margin: 0 0 .5em 0; padding: .2em .4em; background: #47527F; color: #fff; text-transform: none; line-height: 1em; }
.page_asso #extra .zone .surtitre { background-color: #9FAC0B; }
.page_asso #extra .zone h2,
.page_asso #extra .zone p.intro { margin-right: 2em; }
.page_asso #extra #calendar {}

/* page_journees
---------------------------------------------- */
#affiche { text-align: center; font-size: .9em; }
#affiche a { color: #999; text-decoration: none; }
#affiche a:hover { color: #666; }

#menu_edition { max-width: 210px; padding: 9px; border: 1px solid #DDD; background-color: #fafafa; }
#menu_edition:hover { background-color: #f9f9f9; border-color: #0249B4; }
#menu_edition h2 { margin: .4em 0; }
#menu_edition h3 { font-size: 100%; color: #fff; }
#menu_edition ul { border-bottom: 0; }
#menu_edition ul li { padding-left: 20px; padding-right: 1em; background-image: url(img/fleche-public.gif); background-repeat: no-repeat; background-position: 3px 6px; }
#menu_edition .zone ul li { background-image: url(img/fleche-zone.gif); }

/* Plan du site */
#plan ul li small { color: #BBB; }

/* Page d'accueil
---------------------------------------------- */
.page_accueil {}
.page_accueil #sousnav, 
.page_accueil #contenu { padding-top: 20px; }

.page_accueil .selection { margin-bottom: 1em; }
.page_accueil .selection ul { margin: 0; padding: 0; list-style: none; }
.page_accueil .selection ul li.tiers { width: 195px; height: 164px; overflow: hidden; margin-right: 13px; padding: 10px 14px; background: #E5ECF9; border: 8px solid #C3D9FF; -moz-border-radius: 6px;
font-family: Arial, Helvetica, sans-serif; line-height: normal; color: #333; position: relative; }
.page_accueil .selection ul li.tiers h3 { font-size: small; }
.page_accueil .selection ul li.tiers h3, .page_accueil .selection ul li.tiers h3 a { color: #000; }
.page_accueil .selection ul li.tiers p.plus { margin: 0; }
.page_accueil .selection ul li.tiers#tiers3 { width: 240px; height: 200px; padding: 0; border: 0; }
.page_accueil .selection ul li.tiers#tiers3 h3,
.page_accueil .selection ul li.tiers#tiers3 p { display: none; }
.page_accueil .selection p.plus { position: absolute; right: 14px; bottom: 10px; }
.page_accueil .selection p.plus a { padding: 0; background: none; }

.page_accueil #sommaire {}
.page_accueil #sommaire li { float: left; width: 360px; margin: 0 0 2px 8px; padding: 0; }
.page_accueil #sommaire li.zone {}
.page_accueil #sommaire li,
.page_accueil #sommaire li a { }
.page_accueil #sommaire li img { float: left; margin-right: 1em; }
.page_accueil #sommaire li h3 { font-weight: bold; font-size: 1.4em; }
.page_accueil #sommaire .demi { clear: none; float: left; /*ie*/ }

.menu#new { position: relative; }
.menu#new h2 { padding-right: 16px; }
.menu#new .flux { position: absolute; top: 1px; right: 10px; margin: 0; padding: 0; /*padding: .4em .2em; border-top: 1px solid #DDD; text-align: right; font-size: .9em;*/ }
.menu#new .flux img { vertical-align: bottom; }
.menu#new .flux a { color: #DC4D00; }

/* ------------------------------------------
/* Divers
/* ------------------------------------------ */

/* Couleurs des liens */
a { color: #0366CB; text-decoration: none; }
a.spip_note {}
a.spip_ancre {}
a.spip_in {}
a.spip_zone { color: #939F09; }
a.spip_mail:before { content: "\002709"; }
a.spip_url, a.spip_out, a.spip_glossaire { padding-right: 12px; background: transparent url(img/spip_out.gif) no-repeat right; }
a[hreflang]:after { background : transparent; content: "\0000a0(" attr(hreflang) ")"; color: #CCC; }
.on { font-weight: bold; }
a.spip_in:visited, a.spip_out:visited, a.spip_glossaire:visited { color: #5C7C8E; color: #3E728F; }
a:visited.spip_in.spip_zone { color: #999F59; }
a.spip_zone:focus,a.spip_zone:hover,a.spip_zone:active,
a.spip_zone:visited:focus,a.spip_zone:visited:hover,a.spip_zone:visited:active,
a:focus,a:hover,a:active,
a:visited:focus,a:visited:hover,a:visited:active{ color: #D10033; text-decoration: underline; }