@import "lib/reset.css";
@import "lib/hyperliens.css";
@import "lib/listes.css";
@import "lib/layout.css";
@import "lib/typographie.css";
@import "lib/forms.css";
@import "lib/tables.css";
@import "lib/navigation-verticale.css";
@import "lib/navigation-horizontale.css";
@import "lib/styleswitcher.css";
@import "lib/evenements.css";

body {background: #ccc;outline: none; }	
a { color: #003399; text-decoration: none; }
a:hover {text-decoration: underline;} 
table.listeauteurs {width: 100%;}
td.article {}
td.article a {display: block; height: 16px; width: 20px; background: url(images/icons/action_forward.gif) no-repeat 30px top;padding: 0 30px 0 20px}
td.article a span {display: none;}

li#imprimer a {background: #FFFFFF url(images/icons/action_print.gif) no-repeat 10px top; padding: 5px 0 4px 30px;text-decoration: none; color: #333; font-size: 10px;}
li#recommander a {background: #FFFFFF url(images/icons/icon_mail.gif) no-repeat 10px top;padding: 5px 0 4px 30px; text-decoration: none; color: #333;font-size: 10px;}


body.article16 #tools {display: none;}
#tools small {position: relative; top: -3px;}
.ui-tabs { width: 350px;}
#container {background: #FFF; border-left: 1px solid #999; border-right: 1px solid #999;  }

/* Header
-------------------------------------------------------------- */
#header {color: #333; background: url(images/entete-fond.gif) repeat-x left top; position: relative; height: 123px}
#header ul.horizontal { margin: -5px 0 0 0;}
#header .formulaire_spip { position: absolute; left: 760px; top: 42px;}
#header #formulaire_recherche input.submit {background: #4C5461; color: white; border: 1px solid #4C5461}
#header #formulaire_recherche input.text {border: 1px solid #CCC}
#header ul.horizontal a {color: #000000;}
#header form fieldset { border: none; margin: 0; padding: 0;}
#header a span {display: none;}
#header p {text-indent: -3000px;background: url(images/slogan.gif) no-repeat left top; position: absolute; left: 15px; top: 48px; width: 381px; height: 16px;}

h1#nom_site_spip {
	position: absolute; 
	left: 15px; 
	top: 5px;
	display: block; 
	width: 496px;
	height: 32px;
	background-image: url(images/logosite1.gif) !important; 
	background-repeat: no-repeat; 
	text-indent: -3000px;	
	}

#imprimer #header .formulaire_spip, #imprimer #hierarchie, #imprimer #header ul, #imprimer #footer { display: none;}

/* Content
-------------------------------------------------------------- */
.tools {position: relative;}


#contenantpartager {position: absolute; top: 20px; left: 70px; border: 1px solid #CCC; padding: 8px; background:#FFFFFF; }

#switch {position: absolute; top: 85px; left: 875px;}

#content div.socialtags {padding: 0 0 15px 0;}

.outils {margin: 0 0 1.5em 0; }
.outils a {font-size: 1em; color: #666;}
.commentaire {margin-left: 15px;padding-left: 20px; background: url(images/icons/comment.gif) no-repeat left top;}
#accueil a.commentaire {float: right; padding-left: 20px; background: url(images/icons/comment.gif) no-repeat left top; color: #666; text-decoration: none;}

#accueil #content div.edito {padding: 10px; font-size: 1.3em; background: #EAEAEA; border-bottom: 2px solid #ccc; margin-bottom: 1.5em; color: #000000;}
#accueil #content div.edito p, #accueil #content div.intro p {margin: 0; padding: 0; }
#accueil #content h2.titre-accueil {font-size: 22px;}
#accueil #content h3 {margin: 0;}
#accueil #content h3 a {color: #990000;font-size: 15px;}


#accueil #content .boite p.surtitre {font-size: 11px;font-weight: normal; margin:0;}
#accueil #content .boite h3 {font-size: 14px;}
#accueil #content .boite div.intro {font-size: 12px; font-weight: normal;}
#accueil #content .boite p {font-size: 11px;font-weight: normal;}
#accueil #content .boite p.auteur {font-size: 11px;font-weight: normal;}
#accueil #content .boite p a {font-size: 11px;font-weight: normal;}
#accueil #content .boite a.commentaire {font-size: 11px;font-weight: normal;}


#accueil div.outils {margin: 0; padding: 0 0 1em 0;}
#accueil div.outils ul {margin: 0; padding: 0;}
#accueil div.outils ul li {margin: 0; padding: 0;}

#accueil #content .margin {padding-top: 1em;}
#accueil #content p.surtitre {margin-bottom: 0;}
#accueil #content h2, #accueil #content h3 {margin: 0;}
#accueil #content p.auteur {margin: 0 0 .8em 0;}
#content {border-left: 1px solid #EDEDED; }
body.TroisColonnes #content {border-left: 1px solid #EDEDED; border-right: 1px solid #EDEDED;}
body.DeuxColonnes div#content{width:73.9em}
#content .boite {font-size: .9em;}
#content > .margin {padding-top: 0;}
#content .intro {margin-bottom: 1.5em;}
#content .notes {padding: 0 0 .5em 0; margin-bottom: 1em;}
#content .notes p {margin: .5em 0;}
#content #hierarchie {margin: 10px 0 15px 0; }
#content form fieldset {padding: 10px; margin: 0}
#content .formulaire_spip p.boutons input.submit {background: #EFEFEF; margin: -35px 15px 10px 0;}


#article #content div.texte p { text-indent: 30px;}
#article .evenement #content div.texte p { text-indent: 0;}
#accueil #content .boite img.spip_logos {margin: 5px 10px 5px 0;}
#rubrique #content a.commentaire, 
#mot #content a.commentaire {padding-left: 20px; background: url(images/icons/comment.gif) no-repeat left top; color: #666; text-decoration: none;}
#rubrique #content h3, #mot #content h3 {margin: 20px 0 0 0;}
#rubrique #content #listearticles p, #mot #content #listearticles p {margin: 0;}

/* Navigation
-------------------------------------------------------------- */
#navigation .margin {padding-top:0}
#navigation h2 {display: none;}
#navigation h3 {font-size: 1.4em; margin: 10px 0 .5em 1.3em;}
#navigation p { font-size: .9em;}
#navigation div.spip-admin-bloc {margin: 5px 0 0 0;border-bottom: 1px solid #E1E1E1;}
#navigation div.spip-admin-bloc a.spip-admin-boutons {display: block; border-top: 1px solid #E1E1E1;
	font-size: 12px; border-bottom: none; border-right: none; border-left: none;color: #333; 
	font-weight: normal; text-align: left; margin: 0;padding: 3px 1.5em 3px 20px;font-family:  Arial, Verdana, sans-serif;
	}
#navigation div.spip-admin-bloc a:hover {background: #EFEFEF;}


/* Extra
-------------------------------------------------------------- */

#formulaire_inscription { margin: 0;}
#formulaire_inscription form { margin: 0;}
#formulaire_inscription form fieldset { padding: 0;}

/* Footer
-------------------------------------------------------------- */

#footer div.margin { border-top: 1px solid #EDEDED}
#footer a { color:#333;}

/* Forum
---------------------------------------------------------------*/
h3.bulle, h3.forum-repondre {border-bottom: 1px solid #E1E1E1}
h3.bulle {padding-left: 25px; background: url(images/icons/comment.gif) no-repeat left 5px;}
h3.forum-repondre {padding-left: 25px; background: url(images/icons/comment_new.gif) no-repeat left 5px;}
div.forum-message {border: 1px solid #E1E1E1; background: #E1E1E1}
div.forum-message div.forum-nav {}
div.forum-message div.forum-chapo {background: #EFEFEF}
div.forum-message div.forum-chapo strong.forum-titre {}
div.forum-message div.forum-texte {padding-bottom: 0;background: #EFEFEF }
div.forum-message div.forum-texte p {padding-bottom: 0;font-size: 12px;}


/*p#print a {background: url(images/icons/comment_new.gif) no-repeat left top; padding-left: 20px; }*/


.box {background: #FFFFFF url(images/box-fond.jpg) repeat-x; padding: 5px;}

div.encart {
	font-size: 10px; background: #EAEAEA;
	position: relative; margin-bottom: 20px;
	padding: 10px; border: 3px solid #CCC;}