/*
 * Fichier de style espfor.css pour EspFor 2.4, par Pascal Choteau le 11 juin 2007
 */

body#top {
	margin : 0;
	font-family : Arial,Helvetica,Verdana,sans-serif;
	background : #4d4c52;
	font-size: 1em;
}

img { border: 0; }



/*
 * Partie centrale du site
 */

div#contenu {/* partie centrale du site */
	float: left;
	width: 482px;
	padding: 0 2px 2px 2px;
}

div#contenu_seul {/* partie centrale du site + partie droite */
	float: left;
	width: 632px;
	padding: 0 2px 2px 2px;
}

/*
 * Menus hyperliens et cadres du bloc Contenu (partie centrale)
 */
#hierarchie {
	border-bottom: 2px dotted #000;
	margin: -4px 5px 1px 2px;
}

#hierarchie a {
	text-decoration: none;
	font-size: 0.8em;
	margin-right: 5px;
	color: #505050;
}

#contenu div.bloc_haut , div.bloc_haut_auteur, div.bloc_haut_ssrubrique, div.bloc_haut_site {
	display: block;
	overflow:hidden;
	height: 39px;
	width: 475px;
	margin: 0;
	background : url(images/bloc_haut.png) no-repeat;
}

#contenu div.bloc_haut_auteur {
	background : url(images/bloc_haut_auteur.png) no-repeat;
}

#contenu div.bloc_haut_ssrubrique {
	background : url(images/bloc_haut_ssrubrique.png) no-repeat;
}

#contenu div.bloc_haut_site {
	background : url(images/bloc_haut_site.png) no-repeat;
}
#contenu h2.bloc {
	font-size: 1em;
	font-weight: bold;
	color: #000;
	margin: 5px 15px 7px 45px;
}

#contenu h2.bloc a {
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

#contenu div.bloc_milieu {
	display: block;
	overflow:hidden;
	width: 475px;
	margin: 0;
	background : url(images/bloc_milieu.png) repeat-y;
}

#contenu div.bloc_bas {
	width: 475px;
	margin: 0 0 5px 0;
	background : url(images/bloc_bas.png) no-repeat;
}

p.bloc {
	margin: 0 15px 4px 15px;
	font-size : 0.8em;
}

span.infos_date {
	font-size : 0.9em;
	font-weight: bold;
}

span.infos {
	font-size : 0.7em;
	font-style: italic;
	color: black;
}

a.rubrique {
	text-decoration: none;
	font-weight : bold;
	font-size: 1em;
	color: #505050;
}

p.date {
	margin: 1px 0 4px 5px;
	font-size : 0.7em;
	font-style: italic;
}

a.titre_art , h1.titre , p.date a {
	font-size: 1.1em;
	font-weight: bold;
	text-decoration: none;
	color: #505050;
	margin: 0;
}
p.date a {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
}

a.titre_art:hover, p.date a:hover{ 
	text-decoration: none;
	color: #303030;
	background: #e8e8e8;
}

h2.date {
	font-size: 1em;
	color: blue;
	margin: 4px 3px 0 10px;
}

hr.pointille {
	height: 0px;
	border: none;
	border-bottom: 2px dotted gray;
	background-color: #fff;
	margin: 0 10px 0 0;
}

.intro {
	font-size: 0.77em;
	text-align: justify;
	margin: 3px 5px 3px 5px;
	overflow: auto;
}

*html .intro {
	clear: both;
	width: 469px;
}

/* IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
     .intro {
	overflow: visible;
}
 /**/

.info_article {
	clear: both;
	font-size: 0.6em;
	color: #333;
	padding: 3px 10px 6px 20px;
	margin-left: 10px;
	margin-top: 10px;
	margin-bottom: 20px;
	border-top:1px dotted black;
	background: #fff url(images/fond_info_art.png) bottom left repeat;
}

a.suite {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	margin-right: 20px;
	color: #1f4167;
}

span.chemin {
	font-style: italic;
	color: #ff4c15;
}

span.commentaire {
	margin-left: 2px;
	margin-right: 3px;
	color: #ff4c15;
}

img.imgtype {
	margin: 0;
	vertical-align: text-top;
}

#documents_joints h2, #documents_portfolio h2, #forum_texte h2, #zone_forum h2 {
	font-size: 0.9em;
	color: gray;
	margin: 4px 3px 0 10px;
}

/*
 * Partie droite du site
 */

div#droite {
	float: left;
	width: 150px;
}

#droite div.haut , div.haut_exterieur {
	display: block;
	overflow:hidden;
	width: 150px;
	height: 40px;
	margin: 0;
}

#droite div.haut {
	background : url(images/droite_haut.png) no-repeat;
}

#droite div.haut_exterieur {
	background : url(images/droite_haut_exterieur.png) no-repeat;
}

#droite h2 {
	line-height: 15px;
	font-size: 0.8em;
	font-weight: normal;
	color: #fff;
	margin: 5px 10px 5px 10px;
}

#droite div.milieu , div.milieu_exterieur {
	display: block;
	overflow:hidden;
	width: 150px;
	margin: 0;
}

#droite div.milieu {
	background : url(images/droite_milieu.png) repeat-y;
}

#droite div.milieu_exterieur {
	background : url(images/droite_milieu_exterieur.png) repeat-y;
}

#droite ul {
	margin:0;
	padding:0;
	list-style: none;
}

#droite ul li {
	list-style: none;
	margin:0;
	padding:0;
}

#droite ul li.menu-item {
	margin: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 80%;
}

#droite a {
	display: block;
	text-decoration: none;
	font-weight: normal;
	font-size: 0.7em;
	color: black;
	margin: 0 10px 0 10px;
}
*html #droite a {
	margin-bottom: -20px;
}

#droite a:hover {
	color: blue;
}

#droite div.bas , div.bas_exterieur {
	display: block;
	overflow:hidden;
	width: 150px;
	margin: 0 0 5px 0;
}

#droite div.bas {
	background : url(images/droite_bas.png) no-repeat;
}

#droite div.bas_exterieur {
	background : url(images/droite_bas_exterieur.png) no-repeat;
}

#droite div.nuage {
	display: block;
	margin: 2px 10px 1px 10px;
}

#droite div.nuage a {
	display: inline;
	text-decoration: none;
	font-weight: normal;
	margin: 0;
}
/*
 * Pied de page
 */

div#pied {
	clear: both;
	width: 790px;
	background: #ddd;
	margin-top: 10px;
	border-top: 3px solid #fff;
	color: #666;
	font-size: 10px;
	padding: 5px 0 5px 0;
}

#pied a {
	color: black;
}

img.imgpied {
	margin: 0;
	vertical-align: top;
}

#pied .utilisateur {
	text-align:left;
	margin: 0px 5px 3px 5px;
}

#pied .ours {
	display: block;
	background: #a3a5a2;
	height: 16px;
	text-align: right;
	border: 1px outset #aeaeae;
	color: white;
	margin: 0 3px 0 120px;
}


/*
 * Chat
 */
 
div#chat {
	float: left;
	border:1px inset #808080;
	width:630px;
	height:287px;
	overflow:auto;
	padding: 0 3px 0 3px;
	background:#fff;
	margin-top: -12px;
}

div#connect_chat {
	margin:0;
	padding:0;
}

div#texte_chat {
	clear: both;
	padding-top: 5px;
	width: 790px;
	height:50px;
	border-top:3px solid white;
	background-color: gray;
}

.saisie {
	font-size: 10px;
	width: 610px;
}

.petitbouton {
	margin-left: 10px;
	margin-top: 3px;
	font-size: 10px;
	background: black;
	color: white;
}

/*
 * Album
 */
 
div.album {
	float: left;
	display: block;
	width: 155px;
	height: 230px;
	margin: 0;
	padding:0;
	text-align: center;
	font-weight: normal;
	background: url(images/album.png) no-repeat;
}

div.album h2 {
	margin: 6px 8px 10px 38px;
	font-size: 0.9em;
	text-align: left;
}

div.album p {
	margin: 0 5px 0 5px;
	font-size: 0.65em;
}

div.album a {
	text-decoration: none;
	color: black;
	font-weight: bold;
	font-size: 1.05em;
	margin: 1px 0 1px 0;
}

/*
 * Plan
 */
div.plan_ssrub {
	border-left: 2px solid gray;
	margin-left: 20px;
	padding:2px;
}

.img_plan {
	width: 18px;
	height: 18px;
	margin-left: 20px;
	vertical-align: text-top;
}

a.plan {
	text-decoration: none;
	color: black;
	font-size: 0.8em;
}


/*
 * Recherche et surlignage
 */

/* Formulaires de recherche (site / petitions) */
.formulaire_recherche { margin: 0; padding: 0; background: none; }
.formulaire_recherche * { display: inline; vertical-align: middle; }
.formulaire_recherche label {}
.formulaire_recherche input.text { width: 8em; padding-left: 25px; background: #FFF url(images/rechercher.gif) no-repeat left center; }
.formulaire_recherche input.submit {font-size: 8px;}

span.spip_surligne { 
	background-color: #FFFF66; 
}


div.formulaire_login, div.formulaire_forum, div.formulaire_editer { margin-bottom: 2em; padding: 1em; border: 2px dashed #ddd; background: #ececec; }

/*
 *  Pagination et index alphabetique
 */
div.pagination {
	margin: 3px 10px 5px 10px;
	display: block;
	height: 14px;
}

a.lien_pagination, span.on {
	margin-left: 2px;
	display: block;
	float:left;
	text-decoration:none;
	height:16px;
	text-align: center;
	color:#000;
	background: #aeaeae;
	width: 16px;
	line-height: 16px;
	font-size: 0.8em;
	border: 1px inset #68D055;
}

a.lien_pagination:hover {
	background: #fff;
	border: 1px outset #68D055;
}

a.lien_pagination:visited {
	background: #ececec;
}
a.lien_pagination:visited:hover {
	background: #fff;
}
span.on {
	text-decoration:none; 
	background-color:#FFCC00;
	border: 1px outset #68D055;
}
	
#expose {
	text-decoration:none; 
	background-color:#FFCC00;
}


}
/*
 * Recup feuille habillage SPIP Mise en page des textes (bordures...)
 */
.surtitre {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 1em;
	font-size: 1.5em;
}

.chapo {
	line-height: 1.4em;
	margin-top: 1em;
}

.ps {
	padding-top: 0.6em;
	margin-top: 0.6em;
	font-size: 0.7em;
	border-top: 1px dashed #404040;
}
.notes {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	font-size: 0.7em;
	padding: 1.5em;
}

/* Citations, code et poesie
---------------------------------------------- */
blockquote, blockquote.spip, .spip_serif { font-family: Georgia, Times, serif; }

blockquote, blockquote.spip {
	margin: 1em 0;
	padding : 4px 1em 4px 1em;
	border: 1px solid #CCC;
	border-left: 4px solid #A0C0E0;
	color: #333;
}

tt, .spip_code, .spip_cadre {
	font-family: monospace;
	font-style: normal;
	font-size: 1.1em;
}

.spip_code { color: #345DA4; }
tt { color: #333; }

.spip_cadre {
	width: 90%;
	padding: 4px; padding-top: 0.5em;
	background: #eee;
	color: #3465a4;
	border: 1px inset #eee;
	border-left: 4px solid #345DA4;
}


/* Tableaux
---------------------------------------------- */
table.spip {
	margin: auto;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; 
}
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; 
}
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }

/* 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: #F57900; }
#documents_portfolio a:focus .spip_logos,
#documents_portfolio a:hover .spip_logos,
#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }


/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }

/* Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.50em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }
.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }
.forum-texte .hyperlien {}
.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }


/* Habillage des petitions
---------------------------------------------- */
#signatures { clear: both; margin: 0 0 2em 0; padding: 0; background: none; }
#signatures table { width: 100%; margin: 1em 0 0 0; }
#signatures thead { text-align: center; color: #555; }
#signatures td { padding: 0.50em; border: 2px solid #FEFEFE; vertical-align: top; }
#signatures td.signature-date { background: #E4F0F0; text-align: center; white-space: nowrap; }
#signatures td.signature-nom { background: #ECF4F4; text-align: center; }
#signatures td.signature-nom small { display: block; }
#signatures td.signature-message { background: #F4F8F8; }
#signatures .formulaire_recherche { margin: 1em 0; text-align: right; } /*Cf.: spip_formulaires.css*/
#signatures .formulaire_recherche input.text { width: 10em; text-align: left; } /*Cf.: spip_formulaires.css*/

/* Structure generale des formulaires
----------------------------------------------- */
.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: #ac8e5e; } /* Preciser la couleur des legend et du fond pour IE/Win */
.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 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 {}


/* Reponses, previsu et erreurs
----------------------------------------------- */

/* Champs obligatoires */
.formulaire_spip li.obligatoire {}
.formulaire_spip li.obligatoire label {}

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

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

/* Selection des langues */
.formulaire_menu_lang { margin: 0; padding: 0; background: none; }

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