/*  -------------------------------------------- */
/*  Feuilles de styles du site tetue.net - 2008  */
/*  -------------------------------------------- */


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

/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://www.pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font: .8em/normal Arial, Tahoma, Verdana, sans-serif; color: #505050; }

/* Autres enrichissements typo */
b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: .9em; line-height: normal; }
sc { font-variant: small-caps; }
del, s, strike { text-decoration: line-through; }
.important, .stabilo { color: #930; }
.spip_surligne { background: yellow; padding: 0 2px; }
hr { height: 1px; margin: 1.4em 0; border: 0; background: #C99; color: #C99; }

/* Listes SPIP */
ul.spip, ol.spip { padding-right: 1em; margin-bottom: 1.4em !important; }
ul.spip { margin-left: 2.2em; list-style: disc url(img/puce-li.gif) outside; }
ol.spip { margin-left: 2.2em; list-style: decimal; }
ul.spip ul { margin-bottom: 0 !important; list-style: circle url(img/puce-li-li.gif) outside; }

/* Citations, code et poesie */
q:before { content: '"'; }
q:after { content: '"'; }
blockquote, blockquote.spip, div.spip_poesie { margin-left: 0; padding: 0 0 0 1em; border: 0; border-left: 4px solid #ffeaea; font-family: inherit; }
div.spip_poesie div { text-indent: 0; margin: 0; }

/* Paragraphes */
p, .spip_cadre { margin-bottom: 1.4em; }


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

input, select, textarea { font-size: 100%; font-family: inherit; }

.formulaire_spip { text-align: left; color: #966; }
#contenu .formulaire_spip { width: 420px; }

.formulaire_spip fieldset { display: block; margin: 0; }
.formulaire_spip legend { display: none; margin: 0; padding: 0; }

.formulaire_spip input.text, .formulaire_spip input.password, .formulaire_spip textarea { padding: 1px; border: 1px inset; /*padding: 1px; color: #966; background: #FFF9F9;*/ }
.formulaire_spip label { /*width: 9em;*/ }
.formulaire_spip input.text { width: 12em; }
#contenu .formulaire_spip textarea { width: 416px; height: 11em; }
/*.formulaire_spip .text:focus, .formulaire_spip textarea:focus { background-color: #FFF; border: 1px solid #933; color: #933; }*/

.formulaire_spip li { clear: both; margin: 0 0 .5em 0; padding: 0; border: 0; }
/*.formulaire_spip p label { float: left; display: block; }
.formulaire_spip p input.text { float: left; }*/

.formulaire_spip .boutons { clear: both; margin: 0; text-align: right; }
.boutons input { /*float: right;*/ }

/* * Formulaire forum */
.formulaire_forum ul li { margin: .5em 0; background: none; border: 0; }
.formulaire_forum ul li.saisie_nom_site { display: none; }
.formulaire_forum ul li label { float: left; width: 11em; display: block; }
.formulaire_forum ul li.saisie_texte label { display: none; }
.formulaire_forum ul li input.text { float: left; margin-bottom: .5em; }
.formulaire_forum p.boutons { margin-bottom: .5em; }
.formulaire_forum p.explication { display: none; }

.spip_barre { display: none; }

.forum_info { clear: both; margin: 0 !important; font-size: .9em; line-height: normal; }
.forum_info_gravatar {}

/* * Reponse du formulaire (erreur) */
.reponse_formulaire { font-size: 1.3em; font-weight: bold; color: #C30; }
fieldset.reponse_formulaire { padding: 0; border: none; font-weight: normal; }
fieldset.reponse_formulaire legend { display: none; }

/* * Previsualisation du message */
fieldset.previsu { background: #F9F6E5; margin-bottom: 1em; padding: 1em; border: 2px solid #D94D28; color: #963; }
fieldset.previsu .boutons { margin: 0; }
fieldset.previsu .boutons input { background: #D94D28; border-color: #D94D28; color: #FFF9F9; }

/* * Formulaire de contact */
#contenu .formulaire_ecrire_auteur { width: 320px; margin-bottom: 1em; }
#contenu .formulaire_ecrire_auteur textarea { width: 316px; }
.formulaire_ecrire_auteur label { display: block; }

/* * Formulaire de login */
/*#page_login #page { width: 400px; padding: 3em 0; background: none; text-align: center; }
#page_login .formulaire_menu_lang { float: right; display: none; }
#page_login .formulaire_login .spip_logos, .formulaire_login_forum .spip_logos { float: left; display: none; }*/

/* * Formulaire d'inscription au site */
.formulaire_inscription { background: #966 url(img/bg_formulaire_inscription.gif) repeat-x top left; padding: 1em; border: 1px solid #966; }
.formulaire_inscription fieldset { margin: 0; }
.formulaire_inscription { color: #fff; }
.formulaire_inscription li { margin: 0 0 .2em 0; }
.formulaire_inscription li label { float: left; width: 53%; text-align: right; }
.formulaire_inscription li input.text { float: right; width: 44%; margin-bottom: .5em; }
.formulaire_inscription .boutons { margin: 0; }
.formulaire_inscription .boutons input { color: #966; }

/* * NewsLetter */
#newsletter { background: #FFA81D url(img/bg-newsletter.gif) repeat-x; border: 1px solid #C30; padding: 1em 1em 0 1em; }
#newsletter h2 { color: #C30; margin-bottom: .3em; }
#newsletter p, #newsletter form { clear: both; display: block; margin: .3em; }
.menu #newsletter form { clear: both; text-align: center; }
#newsletter form * { display: inline; }
#newsletter form label { font-weight: normal; color: #fff; }
#newsletter form input.text { color: #933; }
.menu #newsletter form label { width: 100px; text-align: left; }
.menu #newsletter form input.text { width: 120px; }
#newsletter a { color: #444; }
#newsletter a:hover { color: #ccc; }
.menu #newsletter .plus { font-size: .9em; }
#sidebar .menu #newsletter { padding: .5em; }
#sidebar .menu #newsletter * { text-align: left; }
#sidebar .menu #newsletter input.text { width: 6em; }


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
body { background: #edddd2 url(img/background.png) repeat-x top; border-top: 6px solid #d94d28; text-align: center; }
#page { width: 950px; text-align: left; margin: 0 auto; position: relative; }
#conteneur { width: 100%; padding-top: 9px; }

#contenu { float: left; width: 450px; overflow: hidden; }

#extra { float: right; width: 300px; overflow: hidden; padding-left: 9px; border-left: 1px dashed #C99; }
#sidebar { float: left; width: 160px; overflow: hidden; padding-left: 9px; border-left: 1px dashed #C99; }

/* * Entete */
#entete { width: 100%; padding-top: 6px; background: url(img/bg-entete.gif) no-repeat top right; }
#entete #nom_site_spip {}
#entete a { text-decoration: none; }
#entete a .spip_logos { display: block; float: left; margin-bottom: 6px; }
#entete .baseline {}

#navcontrib { position: absolute; left: 150px; top: 144px; width: 500px; }
#navcontrib * { display: inline; }
#navcontrib a { float: left; display: block; padding: 0 1em; text-decoration: none; border-left: 1px solid #D94D28; line-height: 1em; }
#navcontrib li.onglet1 a { padding-left: 0; border-left: 0; }
#navcontrib a, #navcontrib a:visited { color: #D94D28; }
#navcontrib a:hover, #navcontrib a.on { text-decoration: none !important; color: #C30; }

#navigation { position: relative; float: none; clear: both; width: 100%; height: 1.8em; overflow: hidden; background: #DC714E url(img/bg-navigation.png) repeat-x bottom; font-size: 1.3em; }
#navigation * { display: inline; }
#navigation li a { float: left; display: block; margin: 0; padding: .4em 13px; border-left: 1px solid #FFF9F9; font-weight: bold; text-transform: lowercase; letter-spacing: 1px; }
#navigation li.onglet0 a { border: 0; padding: .4em 9px 1em 9px; }
#navigation li.onglet0 a img { margin: .2em 0; }
#navigation li.onglet9 a { border-right: 1px solid #FFF9F9; }
#navigation a, #navigation a:visited { color: #F4C6BA; }
#navigation a.on, #navigation a:visited.on { background: #933; color: #FFF9F9; }
#navigation a:hover { text-decoration: none !important; background: #933; }

#navigation .formulaire_recherche { float: right; width: 170px; margin: 0; padding: .3em 10px 0 0; text-align: center; }
#navigation .formulaire_recherche * { display: inline; }
#navigation .formulaire_recherche a#formulaire_recherche, #navigation .formulaire_recherche label { display: none; }
#navigation .formulaire_recherche input.text { width: 10em; padding-left: 16px; background: #FFF9F9 url(img/loupe.png) no-repeat 1px center; color: #933; font-size: .88em; }
#navigation .formulaire_recherche input.submit { display: none; }

#connexion { float: right; position: absolute; top: 0; right: 0; width: 230px; height: 136px; overflow: hidden; padding: 1em 0; }
#connexion div, #connexion p, #connexion ul { margin: 0; }
.bugajaxie { display: none; }
#connexion .formulaire_login legend { display: block; text-transform: uppercase; color: #C30; font-weight: bold; }
#connexion .formulaire_login { margin: 0; }
#connexion .formulaire_login fieldset { margin: 0; }
#connexion .formulaire_login p { margin: 0 0 .5em 0; }
* html #connexion .formulaire_login p { margin: 0 0 .1em 0; }
#connexion .formulaire_login label { float: none; display: inline; }
#connexion .formulaire_login input.text, #connexion .formulaire_login input.password { float: none; display: inline; width: 8em; }
em#pass_securise { display: none !important; }
.editer_session { display: none; }
#connexion .formulaire_login .boutons { text-align: left; }
#connexion .formulaire_login .boutons input { float: none; }
#connexion .formulaire_login .spip_logos { display: none; }
#connexion .bienvenue, #connexion .bienvenue * { color: #630204; }
#connexion .bienvenue p { background: url(img/cadenas.gif) no-repeat left center; padding: 8px 0 4px 26px; text-transform: uppercase; letter-spacing: 1px; }
#connexion .bienvenue ul li {  padding: 0 0 0 6px; background: url(img/puce-connexion.gif) no-repeat 0 3px; }
#pied #connexion a { text-decoration: none; color: #630204; }

/* * Pied de page */
#pied { padding: 1em 1em .3em .3em; background: #cc3301 url(img/bg-plan.png) no-repeat top; color: #F4C6BA; }
#pied h2 {}
#pied h3 { font-size: 1em; font-variant: small-caps; color: #C99; }
#pied .col { float: left; width: 130px; margin: 0 0 0 1em; padding: 0 5px 0 0; border-right: 1px solid #C99; text-align: right; }
#pied .col.coltribute { width: 170px; }
#pied .col.colonglets { width: 100px; }
#pied .col.colsearch { width: 120px; }
#pied .copyright { clear: both; margin: 0; text-align: right; font-size: .9em; color: #D15E51; }
#pied ul { /*list-style: square; list-style-position: inside;*/ }
#pied a { text-decoration: none; color: #F4C6BA; }
#pied a:hover { color: #FFF; }

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

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

/* Cartouche et titraille */
.cartouche { margin-bottom: 2em; }
.cartouche small, .cartouche small a { color: #C99; }
.cartouche .spip_logos { float: right; margin: 0 0 .1em 1em; }
.cartouche h1, h1 { font-size: 2em; color: #630204; line-height: normal; }
.cartouche p { margin: 0; padding: 0; }
.cartouche .soustitre { margin-bottom: .3em; font-size: .9em; text-transform: uppercase; color: #966; }

#contenu h2, h2.spip, h3.spip { margin: 1.4em 0 .4em; text-align: left; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; }

.chapo { margin-bottom: 1.5em; margin-bottom: 2em; font-size: 1.06em; font-weight: bold; line-height: 1.4em; }
.chapo, .chapo a { color: #630204; }
.texte { margin: 2em 0; line-height: 1.4em; color: #000; }

.page_sommaire .cartouche { margin: 0; }
.page_sommaire .chapo { font-size: 1.1em; }

.complement { clear: both; margin-bottom: 2.5em; }
.complement, .complement * { color: #666; }
.complement h2 { display: none; }
.ps, .notes, .signature { padding-top: 1em; border-top: 1px dashed #C99; }
.signature { padding-top: .3em; border-top-style: solid; color: #C99; }

/* Logos, documents et images */
.spip_documents { margin-bottom: 1.4em; line-height: normal; }

/* Portfolio */
.portfolio { clear: both; margin: 0; margin-bottom: 1.4em; }
.portfolio img.spip_logos { float: left; margin: 0 .3em .3em 0; }
.portfolio img.spip_logos { border: 1px solid #CCC; }
.portfolio a:hover img.spip_logos { border-color: #C30; }
.portfolio a.on img { border-color: #C30; }
.portfolio, #document_actif { /*background: #F9F6E5;*/ }
.page_article .portfolio {}
.page_article .portfolio img { margin: 0 .8em .8em 0; }
.page_article .portfolio h2 { display: none; }
.page_article #document_actif { clear: both; width: auto; margin: 1.4em auto; }
.page_article #document_actif img {}

/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */
.menu { margin: 0 0 9px 0; padding: 0 0 9px 0; border-bottom: 1px dashed #C99; }
.menu h2 { margin: 0; padding: 0; text-transform: uppercase; letter-spacing: .1em; }
.menu ul { display: block; }
.menu ul li {}
.menu a { text-decoration: none; }
.menu a:hover { text-decoration: underline; color: #C30; }

#top10 {}
#top10 ol, #top10 ol * { display: inline; }
#top10 li { padding-right: .5em; }
#top10 li strong { color: #C30; }

/* Vedette */
#vedette { text-align: center; background: url(img/bg-vedette.gif) no-repeat top center; }
#vedette img { border: 1px solid #DCB8AF; }
#vedette h3, #vedette p { margin: 0; line-height: normal; }

/* Sur le meme theme */
#extra .menu.thema { margin: 0; padding: 0; border: 0; }
#extra .thema li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #C99; }
#extra .thema li img.spip_logos { float: left; margin: 0 .5em .1em 0; }
#extra .thema li h3 { margin: 0; font-size: 1.1em; }
#extra .thema li p { margin: 0; }

#tagcloud * { display: inline; line-height: normal; text-decoration: none; }
#contenu #tagcloud { text-align: justify; }
#tagcloud h2 { display: none; }
#tagcloud li a { color: #630204; }
#tagcloud li a.on { font-weight: normal; color: #000; }
#tagcloud p { display: block; }

/* Sites web */
#extra .menu.sites {}
#extra .menu.sites li { display: inline; padding: 0 .3em 0 0; }

/* Mini-bannieres */
.miniban { display: none; }
.miniban ul {}
.miniban ul li { margin: 0 0 1em 0; padding: 0 0 1em 0; border-bottom: 1px dashed #C99; }
.miniban .spip_out { padding-left: 0; background: none; }

/* Derniers commentaires */
#liensforum { color: #7C6F5E; }
#liensforum ul li { margin-bottom: .5em; padding-left: 13px; background: url(img/bulle.gif) no-repeat 0 5px; }
#liensforum a { text-decoration: none; }

/* Pubs */
#extra .publicite { margin: 0 0 9px 0; padding: 0 0 9px 0; border-bottom: 1px dashed #C99; text-align: center; }
#extra .publicite h2 { padding: 1px; background-color: #eee; font-size: .9em; color: #bbb; letter-spacing: .2em; display: none; }

/* Listes d'articles et extraits introductifs */
.liste { margin: 0; padding: 0; border: 0; }
.liste li { clear: both; margin-bottom: .8em; padding-bottom: .8em; border-bottom: 1px dashed #C99; padding-top: .5em; }
.liste li h3 {}
.liste li p { margin: 0; padding: 0; }
.liste li small { display: block; margin: .3em 0; }
.liste li .spip_logos { float: left; margin: 0 1em .1em 0; }
.liste li h3, .liste li p, .liste li small { /*margin-left: 60px;*/ }

.suite { font-size: .95em; white-space: nowrap; }
.suite a, .suite a:visited { color: #C30; }
.suite a:hover { color: #ED3100; }

h3 { margin: 0 0 .3em 0; font-size: 1.3em; line-height: normal; }

.auteur { padding: .1em .2em; background-color: #c3ff7c; background-image: url(img/pale.gif); text-transform: capitalize; }
.auteur, .auteur a, .auteur a:visited { color: #FF6600; text-decoration: none; }
.auteur a:hover { text-decoration: underline; }

.categorie { text-transform: uppercase; font-variant: small-caps; }
.nouveau { color: #ED3000; text-transform: uppercase; font-weight: bold; }

.intro { line-height: 1.4em; color: #333; }

.liste a { text-decoration: none; }

/* Pagination */
.pagination { clear: both; white-space: nowrap; margin: 0; }
.pagination { margin: .5em 0; font-size: 1.4em; font-weight: bold; }
.pagination, .pagination a, .pagination a:visited { color: #c8c8c8; text-decoration: none; }

/* Plus */
.plus { clear: both; margin: 0; text-align: right; font-size: .95em; }
.plus a { padding-left: 8px;  background: transparent url(img/plus.gif) no-repeat left top; }

/* Tri */
#tri { margin-bottom: 2em; }
#tri * { display: inline; }
#tri a { float: left; display: block; margin: 0; padding: .4em .5em .3em .5em; border: 1px solid #ccc; border-left: 0; background: #FBF2F0; text-decoration: none; }
#tri li.modulo1 a { border-left: 1px solid #ccc; }
#tri a:hover, #tri a.on { background: #FFF9F9; text-decoration: none; }
#tri a.on { color: #C30; border-bottom-color: #FFF9F9; }


/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

#forum { clear: both; display: block; /*background: #F9F6E5;*/ line-height: 1.4em; }

.forum-repondre { clear: both; text-align: center; margin: 1.4em 0 2.5em 0; font-weight: bold; display: none; }

#forum ol { border-bottom: 1px dashed #C99; }
#forum ol li { padding: .8em 1em 0 .5em; border-top: 1px dashed #C99; background: #f4e8e1 url(img/bg-forum.jpg) repeat-x top; }
#forum ol li p, #forum ol ul, #forum ol ol, #forum ol blockquote { margin-bottom: 1em; }
#forum .forum-chapo, #forum .forum-chapo a { color: #C30; }
#forum .ancre { font-size: 2em; font-weight: bold; text-decoration: none; }
#forum .forum-texte { margin: 0;  }
#forum .gravatar { float: left; margin-left: -50px; }
#forum .forum-chapo, #forum .forum-texte { margin-left: 50px; }


/* Pubs
----------------------------------------------- */
.adsense728 { width: 100%; margin: 1em 0 0 0; padding: 1em 0 .5em 0; background: #EDDDD2; text-align: center; border-top: 1px solid #D94D28; }
.adsense728 h2, .adsense728 h3 { display: none; }
#pub150 { text-align: center; line-height: normal; font-size: .9em; }
#pub150, #pub150 a { color: #CC9999; }
#pub150 a { border: 0; }

#selection { /*margin-bottom: 1em;*/ display: none; }
#selection h2 { margin-bottom: .5em; font-size: 1.8em; color: #c8c8c8; font-weight: bold; line-height: normal; }
#selection li { float: left; width: 140px; height: 22em; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #c8c8c8; }
#selection li.modulo6 { margin-right: 0; padding-right: 0; border-right: 0; }
#selection li h3 { margin: .3em 0; font-size: 1.1em; line-height: normal; clear: both; }
#selection li img.spip_logos { float: left; margin: 0 5px .1em 0; }
/*#selection li .auteur, #selection li .auteur a { color: #966; background-color: #99FF33; }*/
#selection li p { margin-bottom: .3em; }
#selection li a { text-decoration: none; }
#selection li a:hover { text-decoration: underline; }
#selection li p.date, #selection li p.popularite { margin: 0; font-size: .95em; }

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

/* Page article
----------------------------------------------- */
.page_article #contenu { float: left; width: 450px; margin-right: 10px; }
.page_article #sidebar { float: left; width: 160px; }
.page_article #sidebar .menu {}
.page_article #sidebar .menu h2, #sidebar .menu h2 a { color: #630204; }
#sidebar .menu.memrub { border-bottom: 1px dashed #C99; }
#sidebar .menu.memrub li { margin: .4em 0; }
#sidebar .menu.memrub li a {}
#sidebar .menu.memrub li a.on { color: #C30; }
#sidebar .menu.memrub#memrub25 li { float: left; margin: 0 4px 4px 0; }
#sidebar .menu.memrub#memrub25 li.modulo3 { margin-right: 0; }
#sidebar .menu.memrub#memrub4 li { float: left; margin: 0 5px 4px 0; }
#sidebar .menu.memrub#memrub4 li.modulo4 { margin-right: 0; }
#sidebar .menu#auteurs { margin: 0; padding: 0; border: 0; }
#sidebar .menu#auteurs h2 { display: none; }
#sidebar .menu#auteurs li { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #C99; }
#sidebar .menu#auteurs h3 { margin: 0; }
#sidebar .menu#auteurs img.gravatar { display: block; }
#sidebar .menu#auteurs p { margin-bottom: 0; }

/* Page d'accueil
----------------------------------------------- */
.page_sommaire .calendrier { position: absolute; top: 5px; left: 75px; }
.page_sommaire .calendrier, .page_sommaire .calendrier a { color: #ccc; text-decoration: none; }
.page_sommaire .calendrier a.on { color: #000; }

.page_sommaire #contenu { width: 430px; padding-right: 10px; }
.page_sommaire #sidebar { float: right; width: 180px; }
.page_sommaire #extra { float: left; }

.page_sommaire .edito { margin: 0; padding: 0; }
.page_sommaire .edito img.spip_logos { float: right; }
.page_sommaire .edito .cartouche { margin: 0 0 .5em 0; }
.page_sommaire .edito .chapo { margin: 0; }
.page_sommaire .edito .chapo p { margin-bottom: 1em; }

.page_sommaire .demi { float: left; width: 200px; margin: 1em 0; padding-left: 9px; border-left: 1px dashed #C99; color: #C99; }
.page_sommaire .demileft { clear: left; float: left; }
.page_sommaire .demiright { clear: right; float: right; }
.page_sommaire .demi h2 { margin-top: .4em !important; }
.page_sommaire .demi ul { margin: 0 0 1.1em 0; list-style: square inside;}
.page_sommaire .demi ul li { margin: 0; padding: .3em 0; border: 0; }

.temoignage { padding: 9px 9px 0 9px; background: #fff url(img/bg-temoignage.png) repeat-x right bottom; border: 1px solid #F1DAD0; }
.temoignage.new { border-color: #ED3100; }
.temoignage h2 { display: none; }
.temoignage .categorie, .temoignage .categorie a { color: #FCC; }
.temoignage .spip_logos { float: left; margin: 0 5px .1em 0; }
.temoignage p { margin: 0; }
.temoignage p.intro { margin: .3em 0 9px 0; }
.temoignage ul {}
.temoignage ul li { margin-bottom: .5em; padding: .3em 0; border-bottom: 1px solid #F2F0DE; }
.temoignage ul li h3 { margin: 0; }
.temoignage .popularite { display: block; padding-top: .5em; }
.temoignage .plus {}

.page_sommaire .photo { width: 300px; margin-bottom: .1em; padding: 0; border: 0; }
.page_sommaire .photo h2 { display: none; }
.page_sommaire .photo img { width: 249px; height: auto; border: 1px solid #F1DAD0; }
.page_sommaire .photo p { margin: 0; font-size: .88em; color: #666633; text-align: right; }
.page_sommaire .photo p .copy { white-space: nowrap; }

#why p { margin: 0; }
#why .suite { display: block; }

#firefox { margin: 0; padding: 0; border: 0; font-size: .9em; }

#nethique { margin: 0; padding: 0; font-size: .95em; color: #575758; }
#nethique h2 { margin-bottom: .3em; }
#nethique p { margin: 0; }
#nethique p.plus { margin-bottom: .5em; }

#eldiz { text-align: center; font-size: .9em; }
#eldiz small, #eldiz small a { color: #666; }


/* Rubriques, Dossiers, Categories
----------------------------------------------- */
.page_sommaire#groupe4 .chapo { margin-bottom: .8em; padding-bottom: .8em; border-bottom: 1px dashed #F1DAD0; }
.page_sommaire#groupe4 .chapo p { margin: 0; }
.page_sommaire#groupe4 .liste {}

.livres { text-align: center; line-height: normal; display: none; }
.livres h2 { margin: 0 0 4px 0; padding: 1px 6px; background-color: #933; color: #fff; text-transform: uppercase; font-weight: bold; text-align: left; }
.livres li { float: left; width: 90px; margin: 0; line-height: normal; }
.livres li .spip_logos { display: block; margin: 0 auto; }
.livres .plus { margin-top: .9em; text-align: center; }

.menu#couvertures { margin-bottom: 0; padding-bottom: 0; border-bottom: 0; text-align: center; line-height: normal; }
.menu .couverture { margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px dashed #C99; }
.menu .couverture img { margin-bottom: .2em; }
.menu .couverture p { margin-bottom: 0; font-size: .95em; }

.portraits { display: none; }
.portraits li { float: left; margin: 0 3px 0 0; }


/* Portraits de stars
----------------------------------------------- */
#rubrique4 #contenu { width: 625px; }
.stars {}
.stars li { display: block; float: left; width: 136px; height: 15em; overflow: hidden; margin: 0 0 1em 0; padding: 0 10px; text-align: center; line-height: normal; }
.stars li * { margin: 0 *; }
.stars li .spip_logos { border: 1px solid #666; }
.stars li a { text-decoration: none; }
.stars li h3 { padding: 0 4px; font-weight: bold; line-height: 1em; }
.stars li:hover a { text-decoration: underline; color: #C30; }
.stars .pagination { margin-bottom: 3em; padding-right: 40px; padding-top: .3em; border-top: 2px solid #C99; text-align: right; }
.stars .pagination, .stars .pagination a, .stars .pagination a:visited { color: #C99; }

/* Vos temoignages
----------------------------------------------- */
#rubrique12 #contenu { width: 625px; }

/* Albums photos
----------------------------------------------- */
#rubrique25 #contenu { /*width: 625px;*/ }
#rubrique25 .portfolio .modulo8 { margin-right: 0; }

.galeries {}
.galeries ul { /*border-bottom: 4px solid #c8c8c8;*/ }
.galeries li { margin: 0; padding: 1em .2em; border-top: 4px solid #c8c8c8; }
.galeries li h3 { margin: .3em 0; font-size: 1.1em; line-height: normal; display: none; }
.galeries li p { margin-bottom: .5em; }
.galeries li a { text-decoration: none; }
.galeries li a:hover { text-decoration: underline; }

#flickr {}
#flickr ul {}
#flickr ul li { float: left; margin: 0; padding: 3px 5px 2px 0; text-align: center; }
#flickr ul li img { border: 1px solid #ccc; }
#flickr ul li a:hover img { border-color: #3993ff; }
#flickr p { clear: both; margin: 0; }

/* Pages Nous
----------------------------------------------- */
.trombinoscope {}
.trombinoscope h1 { display: none; }
.trombinoscope ul { padding-top: 1em; /*border-top: 4px solid #ccc;*/ }
.trombinoscope ul li { clear: none; float: left; width: 105px; height: 9em; margin: 0 0 1em 0; padding: 0 10px; overflow: hidden; }
.trombinoscope ul li img { display: block; }
.trombinoscope ul li h3 { margin: .3em 0; font-size: 1.2em; font-weight: bold; line-height: normal; }
.trombinoscope ul li p { margin: 0; }
.trombinoscope ul li .combien { display: none; }
.trombinoscope ul li a { text-decoration: none; }

.page_auteur #contenu .cartouche { position: relative; }
.page_auteur #contenu .cartouche .spip_logos { float: left; margin-left: 10px; display: inline; }
.page_auteur #contenu .cartouche h1, .page_auteur #contenu .cartouche p { margin-left: 100px; }
.page_auteur #contenu .cartouche .modifier { position: absolute; right: 0; top: 0; padding: 1px 18px; background: url(img/modifier.gif) no-repeat right top; }

.page_auteur #contenu .bloc { padding-left: 100px; line-height: 1.4em; }
.page_auteur #contenu .bloc .bio { color: #000; }
.page_auteur #contenu .bloc .site { margin-bottom: 0; }
.page_auteur #contenu .bloc .liste { margin-bottom: 1.4em; }
.page_auteur #contenu .bloc .liste ul { list-style: square; list-style-position: inside; color: #FCC; }
.page_auteur #contenu .bloc .liste ul li { margin: 0; padding: 0; border: 0; }
.page_auteur #contenu .bloc .portfolio { margin: 2em 0;  }
.page_auteur #contenu .bloc #formulaire { margin: 10em 0; }
.page_auteur #contenu .bloc #formulaire .formulaire_spip { width: 350px; }
.page_auteur #contenu .bloc #formulaire .formulaire_spip textarea { width: 346px; }

.page_auteur #extra .thema ul, .page_auteur #extra .thema ul li { display: inline; }

#sidebar .menu.memrub#auteures_autres {}
#sidebar .menu.memrub#auteures_autres li { float: left; margin: 1px 3px 2px 0; }
#sidebar .menu.memrub#auteures_autres li.modulo3 { margin-right: 0; }

#merci { font-size: .9em; }
#merci p { margin: 0; }

/* Page liens
----------------------------------------------- */
#liens_tout { width: 450px; }
#liens_tout h2 { color: #C30; }
#liens_tout li { clear: both; margin-bottom: 1em; }
#liens_tout li p { margin: 0; }
#liens_tout li .spip_logos { float: left; }
#liens_tout h2, #liens_tout li strong, #liens_tout li p { display: block; margin-left: 160px; }

/* Forum
----------------------------------------------- */
#rubrique13 #extra .menu li { margin: 1em 0 0 0; }
#rubrique13 #extra .menu li p { margin: 0; }

/* Breves et pages actus
----------------------------------------------- */
.prevnext { margin-bottom: .3em; border-bottom: 1px dashed #C99; }
.prev, .next { display: block; width: 49%; }
.prevnext a { display: block; text-decoration: none; }
.prev { float: left; }
.prev a { padding-left: 13px; background: url(img/prev.gif) no-repeat left top; }
.next { float: right; text-align: right; }
.next a { padding-right: 13px; background: url(img/next.gif) no-repeat right top; }
.prevnext a:hover { text-decoration: none !important; }

.actus, .actus * { color: #192745; }
.actus h2, #contenu .actus h2, .page_article #sidebar .menu.actus h2 { margin: 0 0 .5em 0; padding: 1px 6px; background-color: #192745; color: #fff; text-transform: uppercase; font-weight: bold; }
.actus li { margin: 0 0 .5em 0; padding-left: 12px; background: url(img/puce-actu.gif) no-repeat left 2px; }
.actus .date { margin: 0; background: 0; padding: 0; }
.actus .date strong { font-size: 24px; }
.actus li a { text-decoration: none; font-weight: bold; }
.actus li a.on { color: #C30; }

#syndiquons ul { text-align: left; line-height: 1.3em; }
#syndiquons ul li { margin: 1em 0 2em; padding: 0 0 8px 17px; background: transparent url(img/syndiquons.gif) no-repeat 0 3px; }
#syndiquons ul li h3 {}
#syndiquons ul li small { display: block; font-size: .9em; color: #888; }
#syndiquons ul li p { margin: 0; }
#syndiquons ul li a { text-decoration: none; color: #192745; }
#syndiquons ul li a:hover { text-decoration: underline; color: #C30; }
#syndiquons ul li a.spip_out {}
#syndiquons .pagination { margin: .4em 0; text-align: right; font-size: 1.4em; }

.page_syndic #contenu { width: 630px; }
.page_syndic #contenu { float: left; width: 430px; margin-right: 10px; background: url(img/bg-fleche.gif) repeat-y right bottom; }
.page_syndic #contenu .cartouche {}
.page_syndic #contenu .cartouche .soustitre { margin-bottom: .3em; color: #192745; }
.page_syndic #contenu .cartouche h1 { color: #192745; }
.page_syndic #contenu .cartouche .spip_logos { float: none; margin: 0; }
.page_syndic #contenu .texte { margin: 0; }
#contenu .bloc .visitez { clear: both; margin: 1em 0; padding: .8em 24px 0 .5em; background: #F5E9E3 url(img/puce-actu-big.gif) no-repeat right top; border-top: 1px dashed #C99; border-bottom: 1px dashed #C99; color: #C30; }
#contenu .bloc .visitez p { margin-bottom: .7em; }
#contenu .bloc .visitez a { font-weight: bold; }
.page_syndic #sidebar, .page_syndic #contenu .actus { float: left; width: 180px; padding-left: 9px; border-left: 1px dashed #C99; }
.page_syndic #sidebar #memrub2 h2 { margin-top: 0; }
.page_syndic #extra { float: right; width: 300px; padding-left: 9px; border-left: 1px dashed #C99; }

#sources, #sources * { color: #192745; }
#sources li { margin: .5em 0; padding-left: 12px; background: url(img/puce-actu.gif) no-repeat left 2px; }


/* Bouquins
----------------------------------------------- */
#rubrique17 {}
.bibliographie {}
.bibliographie li { padding: 0 0 .3em 17px; background: url(img/book.gif) no-repeat left 3px; }
.bibliographie li a { text-decoration: none; }

.page_article.fiche_livre .cartouche .spip_logos { float: left; margin: 0 1em .1em 0; }
/*.page_article.fiche_livre .ps { min-height: 250px; }
*html .page_article.fiche_livre .ps { height: 250px; }*/
.page_article.fiche_livre .signature { clear: both; }
.page_article.fiche_livre iframe.amazon { float: left; width: 120px; height: 240px; margin: 0 1em .1em 0; }

/* recherche
----------------------------------------------- */
#page_recherche .liste li { margin: 0 0 .4em 0; padding: 0 0 .4em 0; border-color: #F1DAD0; }
#page_recherche .liste .reponse_formulaire { font-size: 1em; }


/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
abbr,acronym { border-bottom: 1px dotted; cursor: help; }
a, a.spip_in, a.spip_out, a.spip_url, a.spip_glossaire { text-decoration: underline; color: #000; }
a.spip_out, a.spip_url, a.spip_glossaire { padding-right: 13px; background: transparent url(img/spip_out.gif) no-repeat right; }
/** html a.spip_out, * html a.spip_url, * html a.spip_glossaire, { padding-right: 0; background: none; }*/
.on { font-weight: bold; }
a:visited { color: #666; }
a:hover { text-decoration: underline !important; color: #C30; }



/*  ------------------------------------------
/*  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) {
#page, #conteneur, #navigation, #sidebar, #extra { width: auto; }
}


/* Boutons d'admin SPIP */
/*.spip-admin-float { position: fixed; top: 0 !important; }
.spip-admin-float#admin-tetue { top: 1em !important; }*/


/* Les boutons d'admin survolent la page (sauf #FORMULAIRE_ADMIN) */
.spip-admin-float { position: fixed !important; top: 0; right: 0; z-index: 100; }
* html .spip-admin-float { position: absolute !important; }
.spip-admin-float * { font-family: inherit !important; font-size: 100% !important; }

/* Couleurs et design des boutons d'admin */
a.spip-admin-boutons { margin: 0; padding: .5em !important; padding-top: .1em !important; padding-bottom: .1em !important; background: #530304 !important; border: 0 !important; color: #F0DED3 !important; text-decoration: none; }
a.spip-admin-boutons.spip-admin-boutons-recalculer { background: #C30 !important; }
a.spip-admin-boutons.spip-admin-boutons-perso { background: #933 !important; }
a:hover.spip-admin-boutons { background-color: #C30 !important; color: #FFF !important; text-decoration: none !important; }