/* ----------------------------------------------------------*/
/* definitions generales
/* ----------------------------------------------------------*/

/* 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,li { /*list-style: none;*/ }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 { /*font-size: 100%; font-weight: normal;*/ }
q:before,q:after { contenu:''; }
abbr,acronym { border: 0; }
ins { text-decoration: none; }

/* ? */
.hide, .none { display: none; }
.spacer, .nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px;display: block; }
.sans_bord { border: 0; padding: 0; }
.avec_bord { border: 1px solid #000; padding: 0; }
.accesskey { text-decoration: none; font-size: x-small; }

/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html { font-size: 100%; color: #fff; }
body { font: 0.625em "Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular; }

/* Formulaires */
input, textarea, select { font-size: 100%; font-family: inherit; }
input.forml, input.formo, textarea, select { background: #eee; border: 1px inset #666; color: #333; }
input.forml:focus,input.forml.focus, input.formo:focus,input.formo.focus, textarea:focus, select:focus { background: #FFF; color: #000; }
input.forml, input.formo, textarea { padding: 2px 4px; }
input.forml, input.formo { width: 200px; }
textarea { width: 300px; height: 5em; }
select { min-width: 150px; padding: 1px; }

/* Titraille / intertitres */
.surtitre { font-size: small; font-weight: bold; text-align: right; }
h1.titre { margin: 0; padding: 0; /*font-size: large;*/ font-size: 1.8em; font-weight: bold; }
h2.soustitre { margin: 0 0 10px 0; font-weight: bold; font-size: small; text-align: left; }
.descriptif { margin: 0 0 10px; padding: 0; font-size: small; font-weight: bold; font-style: italic; }
h2.spip, h3.spip, h4.spip, h5.spip { margin: 1.5em 0 .25em 0; padding: 0; text-align: left; font-weight: bold; }
h3.spip { /*font-size: medium;*/ font-size: 1.2em; font-weight: bold; }
h4.spip { /*font-size: medium;*/ font-size: 1.1em; font-weight: bold; }
h5.spip { /*font-size: small;*/ font-size: 1em; font-weight: bold; }
hr { width: 70%; height: 1px; margin: 1.4em 0; border: 0; }

/* Autres enrichissements typo */
strong, b { font-weight: bold; }
em, i { font-style: italic; }
/* hack ie pour les italiques */
/* \*/
* html i.spip { overflow: hidden; o\verflow: visible; width: 98%; w\idth: auto; he\ight: 100%; }
/* */
* html sc { text-transform: uppercase; font-size: .9em; }
sc { font-variant: small-caps; }
#contenu sup { font-size: 0.85em; font-variant: normal; }

/* Paragraphes */
p, div.spip { margin-bottom: 1em; }

/* Listes */
/*.spip_puce { list-style-position: inside; list-style-image: url(puce.gif); border-width: 0; }*/
li.spip { margin-bottom: .4em; }
ul li.spip { margin-right: 3em; }
li.spip ul li.spip { margin-right: 0; }

/* Tableaux */
table.spip { width: 95%; background: #F5EFED; border: 1px solid #77524B; }
table.spip caption { caption-side: top; text-align: center; padding: 3px; font-weight: bold; font-size: small; }
table.spip th { padding: 5px; text-align: center; vertical-align: bottom; }
table.spip td { padding: 5px; border: 1px solid; text-align: left; vertical-align: top; }
table.spip tr.row_first { background: #77524B; }
table.spip tr.row_first, table.spip tr.row_first * { color: #F5EFED; }
table.spip tr.row_odd {}
table.spip tr.row_even { background: #E4D3CE; }

/* Citations, extraits et code */
blockquote { margin: 2em 3em 2em .4em; padding: 0 1em; border-left: 4px solid; text-align: left; }
blockquote.spip { margin: 2em 3em 2em 0; padding: 0 1em; border: 1px solid; }
.spip_poesie { margin: 1em 5em 1em 2em; padding: 0 0 0 1.2em; border-left: 1px solid; text-align: left; font-size: 14px; font-weight: normal; line-height: 1.8em; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, Verdana, sans-serif; }
.spip_poesie small, .spip_poesie small * { font-size: 11px; font-style: italic; }
.citation { background: url(guillemets.png) no-repeat top left; padding: 0; padding-top: 20px; }
#contenu .stabilo { font-weight: bold; }
#contenu .encadre { float: left; width: 260px; margin: 2em 2em 0 0; padding: 14px 13px 0 10px; background: transparent url(fond_pave_accueil_top.png); }
#contenu .encadre, #contenu .encadre * { color: #fff; }
#contenu .encadre-bottom { clear: left; float: left; width: 265px; height: 29px; margin-bottom: 2em; padding: 0 13px 0 5px; background: url(fond_pave_accueil_bot.png) no-repeat; font-size: 12px; }
/*.spip_encadrer { width: 95%; background-color: #333; padding: 5px; border: 1px solid; }
.spip_extrait { display: block; position: relative; width: 95%; height: 10em; overflow: auto; margin: 0; padding: 5px; border: 1px solid; }*/
code, .spip_cadre { font-size: 1em; font-family: "Courier New", Courier, mono; }
div.spip_code, .spip_cadre { margin-bottom: 1em; }

/* Logos, images et documents */
.spip_logos { z-index: 100; border: 0; }

.spip_documents { font-size: x-small; border: 0; text-align: center; }
.spip_documents dt { margin-left: auto; margin-right: auto; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: x-small; margin-left: auto; margin-right: auto; }
.spip_doc_descriptif { clear: both; font-size: x-small; margin-left: auto; margin-right: auto; }

/* Blocs de texte */
.texte { font-size: small; margin-left: 0; margin-top : 3px; padding: 0; }
.lien_article { font-size: medium; font-weight: bold; margin-left: 0; margin-top : 10px; padding: 0; }

.titremenu { font-weight: bold; color: #fff; margin: 0; padding: 0; }
.titremenu a { color: #fff; }

.chapo { font-size: small; font-weight: bold; margin-left: 0; margin-bottom : 10px; padding: 0; }

.section { font-weight: bold; font-size: medium; text-align: right; border: 0; margin: 0.5em 0 0.25em 0; padding: 0 0 0.1em 0; }

.introduction { height: auto; font-size: small; margin: 0; padding: 0; }
.ps, .notes { clear: both; margin: 20px 0; padding: 1em 0; border-top: 1px solid; }
.ps { font-size: 1.2em; }
.notes { width: 70%; float: right; font-size: 1.1em; }

.nom { font-size: small; font-weight: bold; margin: 0; }
.bio { font-size: x-small; margin: 0; }
.email { font-size: x-small; margin: 0; }
.url { font-size: x-small; font-style: italic; margin: 0; }

.accroche { /*width: 564px;*/ background: #fff; margin: 0; margin-bottom: 1em; padding: 12px; border: 1px solid #ccc; /*z-index: 99; overflow: visible;*/ }
#contenu .accroche { width: 540px; margin: 0; padding: 14px 25px 12px 12px; background: url(fond_blanc_top.png) no-repeat; border: 0; }
#contenu .accroche_bot { width: 570px; height: 10px; margin: 0 0 1em; padding: 0; background: url(fond_blanc_bot.png) no-repeat; }
.accroche .logoart { float: left; padding-right: 10px; }
.accroche .titremenu { font-size: 12px; font-weight: bold; }
.accroche .chapo { font-size: .9em; font-style: normal; color: #867D81; text-transform: uppercase; }
.accroche .introduction { font-size: 11px; }
.suite { /*font-size: 11px;*/ white-space: nowrap; }

.pagination { margin: 0; font-size: small; font-weight: bold; text-align: right; white-space: nowrap; }
.pagination .on { text-decoration: underline; }

/*  ------------------------------------------
/* 	Structure
/*  ------------------------------------------ */
html,body { margin: 0; padding: 0; }
body { width: 100%; height: 100%; background: #333; border: 0; text-align: center; }

#bloc_general { position: relative; width: 800px; height: 100%; min-height: 540px; margin:80px auto; text-align: center; }

/* elements/inc_bandeau_haut ---------------*/
#bandeau_haut { display:none;}

#liens_rapides { position: absolute; left: 0; top: 0; font-size: x-small; text-align: right; color: #DFE1CB; display: none; }
#liens_rapides a { padding: 0 4px; color: #C0C6A4; }

/* fin elements/inc_bandeau_haut ---------------*/

#bloc_bas { margin-left: auto; margin-right: auto; width: 100%; /* le rappeler pour IE, meme si ca va de soi */
text-align: left; z-index: 20; }

/* wrapper layout gala */
#wrapper { float: left; width: 100%; }
* html #wrapper { overflow: hidden; }

#contenu { float: left; display: inline; /* ie 5... */ height: 500px; margin: 0 0 0 200px; padding: 0; z-index: 10; }
html>body #contenu { height: auto; min-height: 500px; }
#contenu .marge_contenu { padding: 0 35px; width: 570px; }

/* elements/inc_chemin ---------------*/
#ariane { width: 500px; margin: 0; padding: 10px 0 25px 0; border: 0; font-size: x-small; } /* mettre le chemin a la largeur maxi du contenu pour eviter un contenu trop etroit ! */
#ariane, #contenu #ariane * { font-weight: normal; }

/* elements/inc_colonne_navigation ---------------*/
#navigation { float: left; width: 200px; margin: 0; margin-left: -100%; padding: 0; border: 0; font-size:1.1em;}

/* elements/inc_colonne_extra ---------------*/
#extra { float: left; width: 160px; min-height: 20px; margin: 50px 0 0 -160px; padding: 0; text-align: left; overflow: hidden; }
#extra .titremenu { font-size: 1em; }

/* elements/inc_colonne_extra_accueil ---------------*/

#adresse { width: 1000px; background: transparent; border: 0; margin: 0; margin-left: auto; margin-right: auto; padding: 5px; text-align: center; font-size: x-small; color: #00ff00; min-height: 1em; }

#pied { margin: 50px 0 .5em 0; padding: .5em 0; text-align: center; font-size: x-small; text-transform: capitalize; }
#liens_transverses { margin: 0; padding: .3em 0; border-bottom: 2px dotted #62544d; }
#liens_transverses a { color: #725160; }
#lien_rss { display: inline; position: relative; top: 10px; left: 5px; }

#conception { left: 5%; right: 5%; }

/* ----------------------------------------------------------*/
/* Decorations                                               */
/* Blocs nons inclus dans la structure de base mais ajoutes  */
/* dynamiquement par jquery                                  */
/* ----------------------------------------------------------*/

/* ----------------------------------------------------------*/
/* Navigation                                                */
/* ----------------------------------------------------------*/

/* elements/inc_menu_navigation ---------------*/
#menu { margin: 30px 0 0; padding: 0; border: 0; z-index: 20; }
#menu, #menu * { color: #fff; line-height: normal; }
#menu dl { display: block; clear: both; margin: 0; padding: 0; font-size: 1.1em; }
#menu dl dt { margin: 5px 0 0; padding: 2px 10px 2px 23px; text-align: left; }
#menu dl dd { text-align: left; margin: .1em 0; padding: 0 1em 0 45px; border: 0; background: no-repeat 35px top; }
#menu dl dd a:hover { color: #fff; text-decoration: underline; }

/*.lienon, .lienon a { text-decoration: underline; }*/


/* ----------------------------------------------------------*/
/* extras                                                    */
/* ----------------------------------------------------------*/

/* ----------------------------------------------------------*/
/* contenu                                                   */
/* ----------------------------------------------------------*/

/* articles/simple ---------------*/
.article{}
.logoart { position: relative; display: inline; float: left; width: 70px; margin: 0 5px 0 0; z-index: 100; }
/*.secteur_1 #navigation .logoart { width: 150px; float: none; }*/
.lien_article img { float: left; margin-left: 0; margin-right: 20px; }
.lien_article a { color: #ccc; }
ul.meme_rubrique { margin:0 -32px 10px 10px; padding: 0; float: right; width: 130px; background: url(fond-pointille.gif) repeat-y left top; }
ul.meme_rubrique li {list-style: none; margin: 0; padding:5px 10px;background: url(hr-extra.gif) repeat-x left bottom; }

/* rubriques/desccriptive ---------------*/
h2.rub_desc { display: none; }
/* rubriques/marches ---------------*/
/* rubriques/tele ---------------*/
/* rubriques/theme ---------------*/
.liste-accroches { float: left; padding: 1em 0 0 0px; }
.liste-archives form { margin-left: 10px; }

/* rubriques/liens ---------------*/
.liste-adresses colonne-1, .liste-adresses colonne-2 { float: left; width: 180px; margin-left: 1%; }

/* articles/accueil ---------------*/
.marge_gauche { margin-left: 160px; }

/* articles/search ---------------*/
.spip_surligne { background-color: #000; color: #fff; }
.recherche { border: 0; }
.recherche #resultats li { font-size: small; margin-top: 1em; }
.recherche #resultats li .logo { float: left; width: 70px; }
.recherche #resultats li h2 { margin: 0 0 0.25em 0; font-size: medium; }
.recherche #resultats li h2 em { float: right; }
.recherche #resultats li div.chemin_trouve { font-size: small; }
.recherche #resultats li div.chemin_trouve a { font-weight: normal; }
.recherche #resultats li div.url { font-style: italic; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* elements */

/* elements/inc_asavoir ---------------*/
.asavoir { padding-bottom: 8px; }
.asavoir .ps { border: 0; }

/* elements/inc_forum  ----------------------*/
div.forum {}
div.forum table { width: 100%}

/* reponses a un message */
div.forum table.reponses td { vertical-align: top; }
div.forum table.reponses td span.qui { display: block; font-weight: bold; }
div.forum table.reponses td span.question { display: block; width: 100%; background: #3d6b9f; color: #fff; font-weight: bold; }

/* elements/inc_liens_utiles ---------------*/
#liens_utiles { font-size: x-small; margin: 0; padding: 0; }
#liens_utiles ul { margin: 0; padding: 0; list-style: none; }
#liens_utiles ul h4 { font-size: small; }
#liens_utiles ul .accroche { background: none; padding-left: 0; }

/* elements/inc_petition ----------------*/
.petition .formulaire_signature { padding-top: 15px; width: 380px; }

/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* modeles */

/* table_citation */
dl.citations.spip_poesie { margin: 2em 5em 2em 2em; padding: 0; border: 0; }
dl.citations dt { margin: 0; padding: 0; }
dl.citations dt p { margin: 1em 0 0 0; }
dl.citations dd { margin: 0; padding: 0; font-size: .8em; color: #666; }

/* table_glossaire */
dl.glossaire dd { margin: 0 0 0 2em; font-size: .9em; }

/* table_eclass teasing */
ul.bientot { margin: 0; padding: 0; list-style: none; }
ul.bientot li h3 { margin: 0; padding: 0; margin: 1em 0 0 0; padding: 2px 5px 2px 23px; color: #fff; }
ul.bientot dl { margin: 0 0 0 30px; }

/* table_faq */
dl.faq { margin: .4em; padding: 0; border-bottom: 1px solid #eee; background: #dbc4bd url(background_form.png) repeat-x left -200px; }
dl.faq dt { margin: 0; padding: .4em; border-top: 1px solid #eee; cursor: hand; cursor: pointer; }
dl.faq dt p { margin: 0; }
dl.faq dd { margin: 1em 0 0 2em; font-size: .9em; }

/* eclass_desc */
#apercu { z-index: 1000; display: none; position: absolute; top: 107px; left: 100px; width: 800px; height: 437px; margin: auto; padding: 10px; background: #fff url(loader-femme.gif) no-repeat center; border: 1px solid #c0c6a4; font-size: .9em; }
.homme #apercu { background: #fff url(loader-homme.gif) no-repeat center; }

#apercu .fermer { position: absolute; right: 0; top: 0; padding: 4px 10px; background: #c0c6a4; border-bottom: 1px solid #c0c6a4; border-left: 1px solid #c0c6a4; color: #fff; }
#apercu .fermer:hover { background: #64554F; text-decoration: none; }
#apercu iframe { width: 800px; height: 437px; overflow: hidden; border: 0; }


/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Formulaires de spip_forms.css */

/**********************************
Use: cmxform template Author: Nick Rigby
***********************************/
.spip_forms form fieldset { margin-bottom: 10px; }
	
.spip_forms form legend { padding: 0 2px; font-weight: bold; _margin: 0 -7px; /* IE Win */	}
.spip_forms form label { display: inline-block;	line-height: 1.8; vertical-align: top; }
.spip_forms form fieldset ol { margin: 0; padding: 0; list-style: none; }
.spip_forms form fieldset li { margin: 0; padding: 5px; }
.spip_forms form fieldset li fieldset ul { margin: 0 0 0 203px; padding: 0; }
.spip_forms form fieldset li fieldset li { width: 160px; padding: .3em 0; padding-right: 10px; }
.spip_forms form fieldset fieldset { margin: 3px 0 0; background: none; border: 0; }
.spip_forms form fieldset fieldset legend {	padding: 0 0 5px; font-weight: normal; }
.spip_forms form fieldset fieldset label {	display: block;	width: auto; }
.spip_forms form fieldset li fieldset:after { clear: both; } /* safari */
.spip_forms form em { font-weight: bold; font-style: normal; color: #f00; }

.spip_forms form label { /*width: 120px;*/ width: 190px; padding-right: 10px; } /* Width of labels */
.spip_forms form fieldset fieldset label { margin-left: 0; }

/*\*//*/ .spip_forms form legend { display: inline-block; } /* IE Mac legend fix */

.spip_forms form fieldset li { padding: 1em; border-bottom: 1px solid #eee; }
.spip_forms form fieldset li fieldset li { border: 0; float: left; }
.spip_forms form fieldset li fieldset li.odd { clear: left; }


/* personalisation */
.spip_forms { margin: 2em 0 0; padding: 1em 0; }
.spip_forms, .spip_forms * { font-size: 1em; color: #eee; line-height: normal !important; }
.spip_forms form {}
.spip_forms form fieldset { padding: 0; margin: 0; background: #222; border-top: 1px solid #ddd; }
.spip_forms form fieldset legend { padding: 0 .3em; color: #ddd; font-size: medium; font-weight: normal; }

.spip_forms form fieldset fieldset { padding: 0; margin: 0; }
.spip_forms form fieldset fieldset legend { padding: 0; color: #eee; font-size: 1em; }

.spip_forms input, .spip_forms select, .spip_forms textarea { background: #eee; margin: 0; color:#333;}
.spip_forms li ul li input {background:none;position:relative;}

.spip_forms em { font-size: xx-small; display: block; }
.spip_forms span.details { font-size: x-small; }

.spip_forms form em { color: #bb2a2a; }

.spip_forms ul { list-style: none; margin: 0; padding: 0; }
.spip_forms ul li { width: 160px; }

div.spip_forms input.erreur { border: 2px solid; border-color: #bb2a2a}
.reponse_formulaire, .erreur { font-weight: bold; }
.reponse_formulaire, .erreur { color: #bb2a2a; }
.spip_forms form fieldset li.erreur {border:2px solid #bb2a2a; }

div.spip_forms p.spip_form_ok, div.spip_forms p.spip_form_erreur, div.spip_forms form { clear: both; }
span.erreur,span.details { display: block; }

.spip_bouton { padding: .5em 0; text-align: right; }
.spip_bouton input { padding: 0; color: #333; font-weight: bold; padding:0 10px; background:#eee;}


/* * Barre de raccourcis */
a.spip_barre img { border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #aa9966; border-bottom: 1px solid #aa9966; padding: 3px; background-color: #FFDDAA; }
a.spip_barre:hover img { border: 1px solid; padding: 3px; background-color: #f8f8f4; }


/*++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/* Les liens dans le contenu */
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
a img { border: 0; }
a { text-decoration: none; border: 0;color: #fff; }
a.spip_in, a.spip_out, a.spip_url, a.spip_glossaire { text-decoration: underline; }
a.spip_out, a.spip_url, a.spip_glossaire { text-decoration: underline; padding-right: 12px; background: url(spip_out.gif) no-repeat right center; white-space: nowrap; }
.spip_documents a { padding-right: 0; background: none; }
a.spip_note, .spip_note a { text-decoration: none; font-weight: bold; }
a:visited {}
#contenu a { font-weight: bold; }
a:hover { text-decoration: underline; }
.spip_documents a:hover.spip_out { background: none; }


/* Boutons SPIP admin */
.spip-admin-bloc, .spip-admin-float { position: fixed !important; left: 30px; right: auto !important; top: 0; display: block; background: #666 !important; padding: 0 6px 4px 6px; }
* html .spip-admin-bloc, * html .spip-admin-float { position: absolute; }
a.spip-admin-boutons { background: transparent !important; border: 0 !important; color: #eee !important; font-weight: bold; }
a.spip-admin-boutons:hover { color: #fff !important; }