/*  

Theme Name: The Morning After

Theme URI: http://code.google.com/p/the-morning-after/

Description: A magazine-style theme for WordPress, available at <a href="http://themasterplan.in/themes/the-morning-after/">The Masterplan</a>.

Version: 1.3.2

Author: Arun Kale

Author URI: http://themasterplan.in/

Please read the license in the README.txt included with the theme.

*/



/* Modifié pour SPIP. cf. http://www.spip-contrib.net/The-Morning-After par Valéry-Xavier Lentz */



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

   This theme makes use of the Blueprint CSS Framework [bjorkoy.com/blueprint]    

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



/* couleurs utilisees

 *

 * - #dadada

 * - #a11b1b

 * - #224970

 */



/* Import stylesheets and hide from IE/Mac \*/

@import "lib/compressed.css";

/* End import/hide */





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

/* Typographie generale (style transversaux)

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

html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */

body { background: #070503 url(img/bg/body_main.jpg) no-repeat top center; }



/*on surcharge cette saleté de framework Blueprint*/

p img{float:none;margin-top:0;}



/* Titraille / Intertitres */

h1,h2,h3,h4,h5,h6 {}

h1 {}

h2 {font-weight: normal;}

h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { }

h3 {}

h3.spip {font-size:1.15em;font-weight:bold;} /* Cf.: spip_style.css */

hr.spip {color:#dadada;} /* 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: smaller; font-variant: normal; }

sup { vertical-align: super;  line-height: normal;}



/* Listes */

ul.spip {} /* Cf.: spip_style.css */

ol.spip {} /* Cf.: spip_style.css */

dl {}

dt {}

dd {}



/* Citations, code et poesie */

cite { font-style: italic;}

q { font-style: italic;}

blockquote { float: right; width: 260px; color: #666; margin: 0 0 0 1.5em; color: #000; font: bold 1.3em georgia, serif; font-style: italic; letter-spacing: -0.048em; border:0;clear:right;}

blockquote p { text-align: right; line-height: 1.5em; }

blockquote.spip_poesie {

	border:0 none;

	color:#666666;

	float:none;

	font-family:georgia;

	font-size:1.2em;

	font-weight:normal;

	line-height:1.4em;

	margin:1.5em 0;

	padding:0 4em;

	width:100%;

} 

.spip_code {color:#224970;}

.spip_cadre {color:#444; background-color: #fff; border: 1px solid #dadada; font-size:1em; padding:0.5em;width:90%; }

address {}



/* Tableaux */

/* Cf.: spip_style.css */

table.spip { width: 99%; }

table.spip tr.row_first { background: #000; color:white;}

table.spip td, table.spip th {border:white 2px solid;}



/* Logos, documents et img */

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

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

body { }



#page { }



#entete { padding: 1.5em 0 0 0; height: 5px; border-bottom: 1px solid #C5BC9E; position:relative;}

#entete .accueil { height: 50px; float:left; margin:0 10px 0 0;padding:0;}

#entete .accueil .spip_logos { margin:0; }

#entete .accueil #nom_site_spip { display:block; padding: 0.5em 0 0 0; font: 700 0.2em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }

#entete .accueil #nom_site_spip a { text-decoration: none; color: #FFF; font: 0.2em }

#entete .accueil #nom_site_spip a:hover { color: #000; background: #FFF; font: 0.2em}

#entete .formulaire_menu_lang { position: absolute; right: 0; top: 0.90em; display: block; width: 30%; } /*Cf.: spip_formulaires.css*/



#slogan_site_spip {position:absolute; bottom:0; left:0; text-align:right; width:513px; margin: 0.4em 0 0 0; font: 400 1em arial, sans-serif; text-transform: uppercase; color: #666; letter-spacing: 0.2em; padding: 0.6em 0 0 1.5em; border-top: 1px solid #ccc;  }



#conteneur {
 background-color: #FFFFFF; filter:alpha(opacity=80);-moz-opacity:0.9;opacity: 0.9;}

#contenu {
 background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;
}



#navigation {
 background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;}



#pied {  background: url(img/bg/dot.png) repeat-x top left; padding: 1em 0 0 0; color: #666; margin-top:1.5em;}

#pied a { /*color:#666;*/ } /* ne pas utiliser de selecteur trop precis, et eviter de toucher aux liens */

#pied img { vertical-align: middle; }



/* Top banner with rotating img

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



.page_sommaire #topbanner { height: 140px; border: 2px solid #FFF; background: url(img/bg/home_banner.png) no-repeat; }

.page_rubrique #topbanner { height: 140px; border-bottom: 1px solid #999; background: url(img/bg/home_banner.png) no-repeat; }

.page_article #topbanner { height: 140px; border-bottom: 1px solid #999; background: url(img/bg/home_banner.png) no-repeat; }

#topbanner { height: 140px; border-bottom: 1px solid #999; background: url(img/bg/home_banner.png) no-repeat; margin-bottom:1.5em;}

#topbanner .pagetitle { float: left; background: #fff; color: #000; font: 700 2em arial, sans-serif; text-transform: lowercase; letter-spacing: -0.036em; padding: 1px 5px 1px 0; margin: 20px 0 0 0; }





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

/* Habillage des elements du contenu

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



#descriptif_site_spip  { border-bottom: 1px solid #dadada; border-top: 1px solid #dadada; margin: 0 0 1em 0; background: #f3f9ff; padding: 0.5em 0.9em 0 0.9em; }

#descriptif_site_spip p { font-size: 0.9em; font-family: tahoma; }



#hierarchie { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.2em 0; margin: 0 0 1em 0; letter-spacing: 0.1em; color: #999; border-bottom: 1px solid #dadada; }

#hierarchie a { color: #999 !important; }

#hierarchie a:hover { color: #fff !important; background:#999;}



.cartouche {}

.cartouche h1 {letter-spacing: -0.04em; font-size:2em;clear:none;}

.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; margin-top:0.6em; filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;}

.cartouche .info-publi { color: #666; padding: 0.3em 0 1.4em 0; margin:0; clear: left; }

.cartouche .info-publi p { margin: 0 0 0.4em 0; }

.cartouche .info-publi a {color:#224970;}



.chapo {padding:1em 0;line-height:1.5em;font-weight:bold;}

.chapo p{margin:0.2em 0 0.2em 0;}

.texte {}

.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }

.notes { clear: both; font-size: 0.90em; }





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

.documents_portfolio a:focus .spip_logos,

.documents_portfolio a:hover .spip_logos,

.documents_portfolio a:active .spip_logos { border-color: #000; }





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

/* Sous-navigation et autres menus

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



/* Habillage general des menus de navigation */

 

.menu {}

.menu p {}



#menu { width: 400px; float: right; margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial; }

#menu li { float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 0.9em; }

#menu li a { padding: 0; text-decoration: none; color: #000; }

#menu li a:hover { padding: 0; text-decoration: underline; }

#menu li span { display: block; float: left; padding: 0 0px 0 22px; }

#menu li span.home { background: url(img/bg/home.gif) no-repeat; }

#menu li span.about { background: url(img/bg/info.gif) no-repeat; }

#menu li span.archives { background: url(img/bg/hourglass.gif) no-repeat; }

#menu li span.subscribe { background: url(img/bg/favourite.gif) no-repeat; }

#menu li span.contact { background: url(img/bg/mail.gif) no-repeat; }



#nav {margin-bottom:1.5em;background-color: #FFFFFF; filter:alpha(opacity=80);-moz-opacity:0.9;opacity: 0.8;}

#nav .menu-liste { margin: 10px 0 0 2px; list-style: none; font-weight: bold; font-family: Helvetica, Arial;}

#nav .menu-liste .menu-entree {float: left; padding: 2px 0 3px 3px; margin: 1px 12px 0 0; line-height: 1.6em; font-size: 1.15em; }

#nav .menu-liste .menu-entree .menu-liste { margin-left: 1em; border: 0; }

#nav .menu-liste .menu-entree .menu-entree { padding: 0; border: 0;}

#nav .menu-liste .menu-entree a:hover {color:#fff;background:#000;}



#navigation .menu { margin: 0 0 1em 0;}

#navigation .menu a {display: block; text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #000; border-bottom: 1px solid #dadada; border-left: 3px solid #dadada; padding: 3px 12px 0 7px; margin: 0; background: url(img/bg/arrow.png) no-repeat 177px 3px; min-height:19px;}

#navigation .menu a:hover { background: #f1f1f1 url(img/bg/arrow2.png) no-repeat 177px 3px; color: #224970; }

#navigation .menu-liste { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0; float:none;font-size:1em;line-height:1em; }

#navigation .menu-liste .menu-entree { padding: 0; margin: 0; }

#navigation .menu-liste .menu-entree .menu-liste { list-style: none; list-style-image: url(foo.gif); margin: 0; padding: 0.3em 0 0.2em 0.8em; }

#navigation .menu-liste .menu-entree .menu-liste .menu-entree { padding: 0; margin: 0; }

#navigation .menu-liste .menu-entree .menu-liste .menu-entree a { border: 0; margin: 0; padding: 0 0 0 12px; text-transform: none; font-size: 0.9em; background: url(img/bg/sub.png) no-repeat; }

#navigation .menu-liste .menu-entree .menu-liste .menu-entree a:hover { background: #f1f1f1 url(img/bg/sub1.png) no-repeat; }



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

#formulaire_recherche {margin-bottom:1.5em;}

#formulaire_recherche label{}





/* Listes et widgets */

#navigation .liste, #extra .liste { margin: 0 0 1.4em 0; list-style: none;}

#navigation .liste a, #extra .liste a { color: #224970; }

#navigation .liste a:hover, #extra .liste a:hover { color: #000; text-decoration:none;}

#navigation .liste ul, #navigation .liste ol, #extra .liste ul, #extra .liste ol { list-style: none; padding: 0; margin: 0; }

#navigation .liste li, #extra .liste li { padding: 0 0 0.3em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(img/bg/postbullet.png) no-repeat 0 2px; }



/*recent comments*/

#navigation .liste .reccom li, #extra .liste .reccom li{ background: url(img/bg/bubble.png) no-repeat 0 3px !important; }



/* Page d'accueil colonnes */



.page_sommaire #contenu { width:260px; float:left;margin:0 10px 0 0; padding:0 10px; background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-7 */


.page_rubrique #contenu { width:580px; float:left;margin:0 10px 0 0; padding:0 10px; background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-7 */

.page_rubrique #navigation { width:325px;float:right;margin:1px 1px 1px 5px; padding:1px 1px 1px 15px;background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-3 last */

.page_article #contenu { width:580px; float:left;margin:0 10px 0 0; padding:0 10px; background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-7 */

.page_article #navigation { width:325px;float:right;margin:1px 1px 1px 5px; padding:1px 1px 1px 15px;background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-3 last */

.page_sommaire .span-3 {width:550px;} /* On transforme en span-7 */

 .page_plan #navigation { width:245px;float:right;margin:1px 1px 1px 5px; padding:1px 1px 1px 15px;background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-3 last */

  .page_plan #contenu { width:580px; float:left;margin:0 10px 0 0; padding:0 10px; background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-7 */


.page_sommaire #navigation { width:260px;float:right;margin:1px 1px 1px 1spx; padding:0px 1px 1px 15px;
background-color: #FFFFFF; filter:alpha(opacity=95);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-3 last */

 .page_login #extra { width:340px;float:left;margin:0px 10px 10px 10px; 
padding:0px 10px 10px 10px; background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-7 first */


  .page_login #contenu { width:580px; float:left;margin:0 10px 0 0; padding:0 10px; background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-7 */



.page_sommaire #extra { width:320px;float:left;margin:0px 10px 10px 10px; 
padding:0px 10px 10px 10px; background-color: #FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;opacity: 0.9;} /* On transforme en span-7 first */



/* Page d'accueil extras */



.page_sommaire #extra .liste-items .item { padding: 0.1em 0 1.2em 0; margin: 0 0 0.8em 0; background: url(img/bg/dot.png) repeat-x bottom left; border:0;}

.page_sommaire #extra .liste-items .spip_logos { padding: 0 10px 0 0; margin: 0 0 0.25em 0; float: left; }

.page_sommaire #extra .liste-items img { float: left; margin: 0; }

.page_sommaire #extra .liste-items a img { background: #FFF; padding: 2px; margin: 0; border: 0; }

.page_sommaire #extra .liste-items  a:hover img { background: #FFF; padding: 2px; margin: 0; border: 0; }

.page_sommaire #extra .liste-items h3 { font-weight: bold; margin:0; padding:0;}

.page_sommaire #extra .liste-items h3 a { color:#000; }

.page_sommaire #extra .liste-items h3 a:hover { color: #fff; background: #000; }

.page_sommaire #extra .liste-items .info-publi { padding: 0; margin: 0; color: #666; font-size: 0.9em; }

.page_sommaire #extra .liste-items .info-publi a {color:#000;}



/* featured post */



#featured  { background: #f2f2f2 url(img/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 100%; }

#featured h2 { background: url(img/bg/dot.png) repeat-x top left; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.9em 0.9em 0.9em 0.9em; color: #5f9410; letter-spacing: 0.1em;}

#featured li { float: left; padding: 0 0.9em 0.4em 0.9em; border:0;}

#featured .spip_logos { float: left; padding: 0; margin: 0.2em 1em 1em 0; border: 1px solid #999; }

#featured h3 { font: 700 12px georgia, serif; padding: 0 0 0.3em 0; }

#featured h3 { color: #224970; }

#featured h3 a:hover { color: #000; }



/* Listes d'articles et extraits introductifs */

.liste-items {margin: 0; padding: 0; list-style: none; border-bottom:0;}



.liste-items li:last-child {border:0;}



.liste-items .item  { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; }

.liste-items .item .small { color: #818181; padding: 0 0 0.6em 0; }

.liste-items .item h3 { line-height: 1em; padding: 0 0 5px 0; clear:none;}

.liste-items .item h3 a { font: bold 1.0em arial, sans-serif; color: #000; letter-spacing: -0.036em;}

.liste-items .item h3 a:hover { color: #fff; background: #000; }

.liste-items .item .info-publi {  display:block; color: #818181; padding: 0 0 0.6em 0; }



.liste.articles .spip_logos, .liste-items .spip_logos { float: right; clear: right; margin: .3em 0 4px 16px; }

.liste .articles .item .introduction { margin-top: 0.30em; line-height: 1.40em; padding: 0.5em 0 1.5em 1em;}



.page_sommaire .liste-items { list-style: none; margin: 0; }

.page_sommaire .liste-items .item, .page_forum .liste-items .item { clear:both; padding: 0 0 0.5em 12px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; border-left: 5px solid #dadada; }

.page_sommaire .liste-items .item a, .page_forum .liste-items .item a { color: #224970; }

.page_sommaire .liste-items .item a:hover, .page_forum .liste-items .item a:hover { color: #000; background: #eee; }

.page_sommaire .liste-items .item h3, .page_forum .liste-items .item h3 {font-size:1em;font-weight:bold;margin-bottom:.5em;clear:none;}

.page_sommaire .liste-items .item p, .page_forum .liste-items .item p {margin: 0 0 .5em;}



.page_sommaire .articles .liste-items li.item:first-child, .dernier .liste-items li.item { padding: 0 0 1.5em 0; border:0;margin:0;}

.page_sommaire .articles .liste-items li.item:first-child h3, .dernier .liste-items li.item h3 { font: bold 1.6em arial, sans-serif; line-height: 1.6em; margin: 0; letter-spacing: -.035em; padding: 0 0 0.2em 0;}

.page_sommaire .articles .liste-items li.item:first-child h3 a, .dernier .liste-items li.item h3 a {color: #000;}

.page_sommaire .articles .liste-items li.item:first-child .info-publi, .dernier .liste-items li.item .info-publi { font-size: 0.9em; line-height: 1.6em; padding:0; margin:0;}

.page_sommaire .articles .liste-items li.item:first-child .info-publi a, .dernier .liste-items li.item .info-publi a { font-weight: bold; color:#000;}

.page_sommaire .articles .liste-items li.item:first-child .info-publi a:hover, .dernier .liste-items li.item .info-publi a:hover { text-decoration: underline; background-color:transparent;nav

a.info {
background-color:#CCCCCC;
color:#000000;
position:relative;
text-decoration:none;
z-index:24;
}
a.info:hover {
background-color:#FFFF00;
z-index:25;
}
a.info span {
display:none;
}
a.info:hover span {
background-color:#EEEEEE;
border:1px solid #6699CC;
color:#A11B1B;
display:block;
font-size:1em;
left:2em;
letter-spacing:0.1em;
line-height:1.4em;
padding:0.2em 0.2em 0.2em 0.6em;
position:absolute;
top:0.1em;
width:15em;
}



}

.dernier .suite, .lire-la-suite { padding: 0 20px 1px 20px; background: url(img/bg/readon.png) no-repeat top left; }

.dernier .commentaires, .nb_commentaires { padding: 0 20px 1px 20px; background: url(img/bg/comment.png) no-repeat top left; }

.dernier .categorie { padding: 0 20px 1px 20px; background: url(img/bg/category.png) no-repeat top left; }

.repondre { padding: 0 0 0 16px !important; background: url(img/bg/arrow.png) no-repeat top left; }



/* Styles des titres */



h2 { text-transform: uppercase; font-size: 1.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }

#navigation h2 a, #extra h2 a {color: #a11b1b;}



.page_article #contenu h2, .page_breve #contenu h2 { text-transform: uppercase; font-size: 1.2em; color: #A11B1B; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; border-bottom: 1px solid #dadada; background: url(img/bg/stripe.png) repeat; }



/* Couleurs des liens

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

a { color: #000; text-decoration: none; }

a:focus,a:hover,a:active { color: #000; text-decoration: underline; }

a.spip_out, a.spip_glossaire {

	color: #000;

	background:transparent url(img/out.gif) no-repeat scroll right center;

	padding-right:12px;

}



/* Styles des articles */



.info-publi { color: #666; padding: 0.3em 0 1.4em 0; }

.info-publi abbr {border:0;}

.info-publi p img { margin: 0; padding: 0; float: none; }

.info-publi p { margin: 0 0 0.4em 0; }

.traductions {text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: normal; padding: 0 0 0.2em 0; letter-spacing: 0.1em; color: #5f9410; }

.page_article #contenu p img { margin: 0;padding:0; }

.page_article #contenu img.WP-PrintIcon, .page_article #contenu img.WP-EmailIcon, .page_article #contenu img.posttag { margin: 0 0.3em 0 0;padding: 0.1em 0 0 0; }

.page_article #contenu p a, #arch_content p a { color: #224970; }

.page_article #contenu p a:hover, #arch_content p a:hover { color: #000; text-decoration: underline; }



/* Styles des commentaires */



.forum { margin-top: 1em; }

.forum-chapo { margin-bottom: 1em; }

ul.forum { list-style-type: none; margin: 0; padding: 0 0 12px 0; }

ul.forum li { border-left: 2px dotted #dadada; margin: 1em 0 0 0; padding: 0 1em 0 0.5em; overflow-x: hidden; }

ul.forum li + li { border-left: 2px dotted #dadada;}

ul.forum li blockquote { float: none; width: auto; padding: 0 2em 0 0; margin: 0.5em 0; color: #818181; font: italic 1em arial, sans-serif; letter-spacing: 0; text-align: left; }

ul.forum li .forum-chapo small { font-style: normal; text-align: left; display: block; color: #818181; }

ul.forum li .forum-chapo small a, ul.forum li .commenttime a { color: #224970; }

ul.forum li .forum-chapo small a:hover, ul.forum li .commenttime a:hover { color: #000; text-decoration: underline; }

ul.forum li .forum-chapo small span { font-weight: bold; color: #333; }

ul.forum li .forum-chapo small span a { font-weight: bold; color: #224970; }

ul.forum li .forum-chapo small span a:hover { color: #000; text-decoration: underline; }

ul.forum li .forum-texte p { margin: 0 0 0.5em 0; padding: 0; }

ul.forum li .repondre{margin:0 0 0 0;}



/* Styles des rubriques */



.page_rubrique .cartouche, .page_auteur .vcard {width:490px;float:left;margin:0 10px 0 0;padding:0;}

.page_rubrique .cartouche .spip_logos, .page_auteur .cartouche .spip_logos {max-width:190px;}

.cartouche .archive_feed { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; background: url(img/bg/feedicon12.png) no-repeat 0 8px; color: #666; }

.cartouche .archive_number, .page_auteur .texte { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(img/bg/info.png) no-repeat 0 8px;  }

.cartouche .archive_lien, .hyperlien, .hyperlien .hyperlien { text-align:left; padding: 0.5em 1.5em !important; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(img/bg/link.png) no-repeat 0 8px;  }

.cartouche .archive_email { padding: 0.5em 1.5em; margin: 0; border-bottom: 1px solid #dadada; color: #666; background: url(img/bg/email_author.png) no-repeat 0 8px; cursor:pointer; }



.page_rubrique #latest_post_image {margin-bottom:1.5em;}

.page_rubrique .first .liste, .page_rubrique .first .menu, .page_rubrique #latest_post_image, .page_rubrique .chapo, .page_rubrique #formulaire_site,

.page_auteur .first .liste, .formulaire_ecrire_auteur {width:540px;float:right;margin:0 0 0 10px;}



.page_rubrique .liste-items .item, .page_auteur .liste-items .item { padding: 0.1em 0 0 0; border-bottom: 1px solid #dadada; margin: 0 0 1.2em 0; height: 105 px;}

.page_rubrique .liste-items .item .info-publi, .page_auteur .liste-items .item .info-publi { color: #818181; padding: 0 0 0.6em 0; }

.page_rubrique .liste-items .item .info-publi a, .page_auteur .liste-items .item .info-publi a { color: #224970; }

.page_rubrique .liste-items .item .info-publi a.on, .page_auteur .liste-items .item .info-publi a.on { color: #224970; font-weight:bold; }

.page_rubrique .liste-items .item .info-publi a:hover, .page_auteur .liste-items .item .info-publi a:hover { color: #000; text-decoration: underline; }

.page_rubrique .liste-items .item .introduction, .page_auteur .liste-items .item .introduction {margin:0 0 1.5em;text-align:justify;}

.page_rubrique .liste-items .item .suite, .page_auteur .liste-items .item .suite {font-size:0.8em;}



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

/*  Habillage des formulaires

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

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





/* Structure generale des formulaires

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

.formulaire_spip { clear: both; margin-bottom: 2em; padding: 0; border: 0; text-align: left; font-size: 1em; }

.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */



/* Fieldset */

.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }

.formulaire_spip fieldset legend { margin: 0; padding: 0; font-size: 1.05em; font-weight: bold; background-color: #fff; color: #333; } /* Preciser la couleur des legend et du fond pour IE/Win */

.formulaire_spip fieldset legend { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }

.formulaire_spip fieldset fieldset { margin-top: 1em; }

.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }



/* Explications */

.formulaire_spip .explication { margin: 0.50em 0; color: #444; }



/* Lignes */

.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }

.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }



/* Labels */

.formulaire_spip label { display: block; text-align: left; color: #444; font-weight: bold; /* pour IE/Win */ position: relative;  }

.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }



.formulaire_spip .choix label{display:inline;font-weight:normal;}

.formulaire_spip .choix input.radio,

.formulaire_spip .choix input.checkbox {width:auto;}





/* Champs de saisie */

.formulaire_spip input.text { width: 15em; border: 1px inset; }

.formulaire_spip textarea { width: 99%; border: 1px inset; }

.formulaire_spip select { width: 99%; }



/* Boutons */

.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }

.formulaire_spip .boutons input { margin-left: 1em; }

.formulaire_spip .boutons input, input.submit { background: /*#E0691A*/ url(img/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; cursor:pointer;}



/* Reponses, previsu et erreurs

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



/* Champs obligatoires */

.formulaire_spip li.obligatoire {}

.formulaire_spip li.obligatoire label {}



/* Login */



.formulaire_login input { width: 292px; border: 0; background: #fff url(img/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }

.page_login #contenu .first { background: #f2f2f2 url(img/bg/dot.png) repeat-x bottom left; margin: 0 0 1.1em 0; float: left; width: 690px; padding:0 20px 20px;}

.page_login #contenu .formulaire_spip { margin: 2em 8em 4em}



/* Previsualisation du message */

.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em; border: 2px dashed #F57900; }

.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; font-weight: bold; color: #F57900; }

.formulaire_spip fieldset.previsu li { padding: 3px; border: none; }

.formulaire_spip fieldset.previsu p { margin: 1em 0; } 



/* Reponse du formulaire */

.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }

fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend et du fond pour IE/Win */



/* * Erreurs */

.formulaire_spip li.erreur .erreur_message { display: block; color: #C30; font-weight: bold; }

.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: #C30; }

.reponse_formulaire_erreur { margin: 0; color: #C30; font-weight: bold; }



/* * OK */

.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }





/* Variantes et cas particuliers

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



/* Barre de raccourcis typographiques */

table.spip_barre { width: 100%; }

table.spip_barre a img { background: #FDA; padding: 3px; border: 1px outset #CC9; }

table.spip_barre a:focus img,

table.spip_barre a:hover img,

table.spip_barre a:active img { background: #FFF; border: 1px solid #CC9; }

table.spip_barre input.barre { width: 99%; background: transparent; border: 0; }



/* Formulaire de forum */

.formulaire_forum .saisie_titre input.text, .formulaire_forum .saisie_titre textarea { width: 98%; }

.formulaire_forum .boutons input {width:250px;background-image:url(img/bg/submit250.png)}



/* Selection des langues */

.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

.formulaire_menu_lang select {padding:5px;border-color:#dadada;width:292px;}

.formulaire_menu_lang label {} /* cf. Formulaires de recherche */



#navigation .formulaire_menu_lang, #extra .formulaire_menu_lang { margin: 1.5em 0; padding: 0; background: none; }

#navigation .formulaire_menu_lang select, #extra .formulaire_menu_lang select {padding:5px;border-color:#dadada;width:190px;}





/* Formulaires de recherche (site / petitions) */

.formulaire_recherche { margin: 0; padding: 0; background: none; }

.formulaire_recherche * { display: inline; vertical-align: middle; }

.formulaire_recherche label, .formulaire_menu_lang label, #entete #search_menu h2  {display:block; text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #000;}

.formulaire_recherche input.text { width: 143px; border: 0; background: #fff url(img/bg/input143.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }

.formulaire_recherche input.submit { background: /*#E0691A*/ url(img/bg/submit32.png) no-repeat; width: 32px;}



#entete #search_menu { padding: 0 0 0 5px; }

#entete .search_input{ width: 292px; border: 0; background: #fff url(img/bg/input.png) no-repeat; padding: 5px; color: #E0691A; font-weight: bold; margin: 0; float: left; }

#entete .submit_input { background: /*#E0691A*/ url(img/bg/submit.png) no-repeat; border: 0; height: 24px; padding: 0; width: 65px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }





/* Choix des mots-clefs */

ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }

ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }

ul.choix_mots li label { display: inline; font-weight: normal; }



.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */



/* Formulaire de login dans une page */

.formulaire_login ul li {clear:left;}

.formulaire_login .editer_password .details {display:block;}

.formulaire_login #spip_logo_auteur {float:right;}



/* formulaire_inscription */



#formulaire_inscription legend { text-transform: uppercase; font-size: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0 0 0.6em 0; letter-spacing: 0.1em; color: #a11b1b; }



/* formulaire_ecrire_auteur */

.formulaire_ecrire_auteur input.submit { background: /*#E0691A*/ url(img/bg/submit250.png) no-repeat; border: 0; height: 24px; padding: 0; width: 170px; margin: 0 0 0 5px; color: #FFF; font: bold 0.9em arial, sans-serif; float: left; }



/* Publicité / Widget */



.ad_block { border: 1px solid #dadada; padding: 4px 0; margin: 1em 0 1.2em; text-align: center; }

.ad_block .ad160 { margin: 0 auto; width: 160px; }

.ad_block .ad180 { margin: 0 auto; width: 180px; }

.ad_block .ad250 { margin: 0 auto; width: 250px; }

.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }





/* miscellaneous */



p.surtitre, p.soustitre { font-size: 1.4em; margin:0;}



.none { display: none; }

.border_left { padding-left: 9px; margin-left: 0; border-left: 1px solid #ddd; }

.dot, .sep { font-family: "lucida sans unicode", "arial unicode ms", sans-serif; }

.navigation { color: #818181; }

input.Forms, textarea.Forms { border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 2px; }

input.buttonem { background: #dadada; float: left; }

sup { vertical-align: super; font-size: smaller; line-height: normal;}