/*  
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. https://contrib.spip.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: #ebeff2 url(img/bg/body_main.png) repeat-y 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: 108px; border-bottom: 1px solid #C5BC9E; position:relative;}
#entete .accueil { height: 90px; 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 3em arial, sans-serif; letter-spacing: -.050em; line-height: 1.2em; color: #000; }
#entete .accueil #nom_site_spip a { text-decoration: none; color: #000; }
#entete .accueil #nom_site_spip a:hover { color: #fff; background: #000; }
#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 {}
#contenu {}

#navigation {}

#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: 70px; border-bottom: 1px solid #999; background: url(img/bg/home_banner.png) no-repeat; }
.page_rubrique #topbanner { height: 70px; border-bottom: 1px solid #999; background: url(img/bg/archive_banner.png) no-repeat; }
.page_article #topbanner { height: 70px; border-bottom: 1px solid #999; background: url(img/bg/single_banner.png) no-repeat; }
#topbanner { height: 70px; border-bottom: 1px solid #999; background: url(img/bg/single_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.7em 0 0.7em; }
#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;}
.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;}
#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:470px; float:left;margin:0 10px 0 0; padding:0;} /* On transforme en span-7 */

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

.page_sommaire #navigation { width:190px;float:right;margin:0 0 0 10px;} /* On transforme en span-3 last */

.page_sommaire #extra { width:260px;float:left;margin:0 10px 0 0;} /* 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: #999; padding: 2px; margin: 0; border: 0; }
.page_sommaire #extra .liste-items  a:hover img { background: #333; 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.7em 0.7em 0.9em 0.7em; color: #5f9410; letter-spacing: 0.1em;}
#featured li { float: left; padding: 0 0.7em 0.4em 0.7em; 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
}
.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: 0.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: 0.8em; line-height: 1.8em; font-weight: bold; padding: 0.3em 0 0.2em 0; margin: 0 0 0.2em 0; letter-spacing: 0.1em; color: #000; 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:190px;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; }
.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;}