/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a {color: #9d730e; text-decoration: none;}
a:hover {color: #cfa86a; text-decoration: underline;}
a:visited {color: #9d730e;}

.lien_out {color: #582d07;}

a img {border: 2px groove #7d6b00; }
a:hover img {border: 2px groove yellow;}

a .spip_logos {border: 2px groove #7d6b00;}
a:hover .spip_logos {border: 2px groove yellow;}

.spip_documents a img {border: none;}

a img.logo-bdm-som {border: none;}
a:hover img.logo-bdm-som {border: none;}

.on { font-weight: bold; color: #fff; } /* liens exposes */
.lien_out {color: #582d07;}

 /* ------- fieldset --------- */
html>body fieldset {}
fieldset {background: #070209;	 position: relative; top: 1em; margin: 0 0 15px 0; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; padding: 0 10px 10px 10px; width:590px;}
legend {background: #070209; border: 1px solid #7d6b00; font-weight: bold; padding: 3px; position: relative; top : -1em;}
label {background: #070209;}
 
/*  ------------------------------------------
/*  habillage principal
/*  ------------------------------------------ */
body {background: #040005; color: #cccccc; font-family: Trebuchet MS; font-size: 0.8em; font-style: italic; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%;}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux  
/*  ------------------------------------------ */
#fenetre {margin: 0 auto 0 auto; padding-bottom: 2px; width: 1000px;}
#ecran {background: url(../images/fond-img-grotte-1024.jpg) repeat-y fixed center top; margin: 0 auto 0 auto; padding-bottom: 1px; width: 950px;}
#banniere {border-bottom: 1px solid #7d6b00; height: 70px; width: 900px; margin: 0 auto 8px auto;} 
#top {background: url(../images/fond-grotte-1024.jpg) repeat-y; float: left; margin: 0 0 0 25px; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; padding: 10px 0 0 0; height: 20px; width: 900px; text-indent: 15px; font-size: 0.82em;}
#hierarchie {float: left; width: 736px;}
#hierarchieL {float: left;}
#resolution {float: left; margin-top: -5px; width: 80px;}
#entree {background: url(../images/fond-grotte.jpg) repeat-y; float: left; margin: 8px 0 0 59px; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; padding: 10px 0 10px 0; text-align: center; width: 932px;}
#navigation {float: left; margin: 8px 0 0 40px; width: 200px;}
#panneau_general {float: left; width: 680px;}
#panneau_photo {background: url(../images/fond_panneau-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float: left; margin: 8px 0 0 20px; padding-left: 10px; width: 640px;}
#panneau_photo2 { float: left; margin: 0 0 0 20px; padding-left: 10px; width: 640px;}
.panneau_ruban{background: url(../images/fond_panneau-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float: left; margin: 8px 0 8px 20px; padding: 5px 0 5px 0; width: 650px;}
.panneau_sommaire {float: left; margin: 0 0 0 20px; padding-left: 10px; width: 640px;}
.panneau_paroles {background: url(../images/fond_panneau-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float: left; margin: 8px 0 0 20px; padding-left: 10px; width: 640px;}
/* Forum */
#panneau_forum {background: url(../images/fond_panneau-grotte.jpg) repeat-y;	border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float: left; width: 640px; margin: 0 0 0 20px; padding: 5px 0 0 10px;}
.panneau_forum {background: url(../images/fond_panneau-grotte.jpg) repeat-y;	border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float: left; width: 640px; margin: 8px 0 0 20px; padding: 5px 0 5px 10px;}

#boite_panneau {background: url(../images/fond_panneau-grotte.jpg) repeat-y; float: left; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; width: 640px;  margin: 8px 0 0 20px; padding: 20px 0 0 10px;}

#index {margin-left: 0 auto 0 auto;}	
/*
 Pied de page
 */
#pied {background: url(../images/fond-grotte-1024.jpg) repeat-y;  margin: 8px 0 15px 25px; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; width: 900px; padding-top: 4px; font-size: 0.65em; text-align: center;}

#pied-tableau{background: url(../images/fond_panneau-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float: left; font-size: 0.61em; width: 640px; height: 15px; margin: 8px 0 0 20px; padding: 0 0 0 10px; text-align: center;}

/* ************** haut de page ***************** */
#boite_panneauHP {background: url(../images/fond_panneau-grotte.jpg) repeat-y; float: left; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; width: 640px; margin: 8px 0 0 20px; padding: 0 0 0 10px;}
#boite_panneauHP a:link {font-weight: normal;text-decoration: none;}
#boite_panneauHP a:link img {border: none;}
/* 
Les boites
*/
/* ************ Sommaire ************ */
.boite_fond_som_grotte {background: url(../images/fond_som-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; padding: 5px 0; min-height: 170px; width: 600px;}
.boite_som3_vide {float:left; margin: 0 0 0 10px; padding: 5px 0; min-height: 180px; width:180px; text-align:center;}
.boite_som3 {background: url(../images/fond_art-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 0 15px; padding: 10px 0; min-height: 175px; width:180px; text-align:center;}
.boite_sommaire_fleurs {float: left; margin-left: -15px; width: 90px; line-height: 1em;}
/* ********** Navigation ********* */
.boite_navigationH {background: url(../images/fond_nav-grotte-1024.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; padding: 15px 0 15px 0; width: 200px;}
.boite_navigationB {background: url(../images/fond_nav-grotte-1024.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; padding: 0 0 10px 0;}
/* ********** Pagination ********* */
.boite_articles_pagination {background: url(../images/fond_nav-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float: right; margin: 0 0 5px 10px; padding-bottom: 5px; width: 240px; line-height: 1em;}
.boite_articles_paginationG {background: url(../images/fond_nav-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; margin: 0 0 15px 10px; padding-bottom: 5px; width: 240px; line-height: 1em;}
.boite_articles_pagination .menu-rubrique{margin: 0.33em 0 0.30em 0.83em;}
/*.boite_articles_paginationG*/ .menu-rubrique{margin: 0.33em 0 0.30em 0.83em;} 
.boite_int_pagination {padding-right: 8px;}
/* ********** Article & Rubrique ********* */
.boite_menu_article {background: url(../images/fond_art-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 20px 19px; padding: 15px 0 5px 0; height: 165px; width:180px; text-align:center;}
.boite_menu_rubrique {background: url(../images/fond_rub-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 20px 18px; padding-top: 15px; height: 215px; width:280px; text-align:center;}
.boite_rub_mereG {float: left; margin: 0 0 10px 0; padding: 0 5px 0 5px; width: 260px;}
.boite_rub_mereD {float: right; margin: 0px 10px 10px 0; text-align: center; width: 330px;}
.boite_rub_filleG {float: left; margin: 0 0 15px 0; padding: 0 5px 0 5px; width: 320px;}
.boite_rub_filleD {float: right; margin: 20px 10px 15px 0; text-align: center; width: 280px;}
.boite_rub_princ_grotte {float: left; width: 120px; height: 120px; text-align: center;}
.boite_rub_ajout_bdm {background: url(../images/fond_nav-grotte.jpg) repeat-y; float: left; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; margin: 0 0 15px 10px; padding-bottom: 5px; width: 240px; line-height: 1em;}
.boite_rub_ajout_bdm .menu-rubrique{margin: 0.33em 0 0.30em 0.83em;}
.boite_rub_princ_bdm {float: left; line-height: 0.8em; padding-left: 10px; width: 80px; height: 130px; text-align: center;}
.boite_rub_princ_grotte {float: left; width: 130px; height: 120px; text-align: center;}
.boite {margin:40px 0 40px 0;}
/* ************ Musique *********** */
.boite_logo_muze {background: url(../images/fond_art-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 0 0; padding: 8px 0 12px 0; width:180px; text-align:center;}
.boite-musique {background: url(../images/fond_art-muze.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; font-size: 0.80em; float: left; margin: 15px 12px; padding-top: 10px; height: 100px; width: 130px; text-align: center;}
.boite-musiqueG {float: left; width: 270px;}
.boite-musiqueD {float: left; width: 270px;}
/* ******** Grotte ************ */
.boite_logo_grotte {float: left; width: 340px;}
/* ******** Auteurs ************ */
.boite_auteurG {float: left; height: 79px; width: 450px;}
.boite_auteurD{float: left; margin-bottom: 15px; padding: 20px 0 0 0px; width: 130px;}
.boite_logo_auteur {float: left; margin-top: 50px; width: 270px;}
.boite_logo_auteur_texte {float: left; margin-top: 15px; width: 260px;}
.boite_rub_princ_aut {float: left; height: 150px; width: 130px; text-align: center;}
/* ************* Web ************ */
.boite_web {background: url(../images/fond_rub-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:right; margin: 0 0 20px 15px; padding: 10px 0 10px 0; width:280px; text-align:center;}
.boite_site {float: left; margin: 0 0 20px 20px; padding: 5px; text-align: center; width: 250px;}
.boite_capture_ecran {background: url(../images/fond_art-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 20px 18px; padding: 10px 0 10px 0; width:180px; text-align:center;}
/* ********** Fleurs ********* */
.boite_rub_fille_fleurG {float: left; margin: 0 0 0 0; padding: 0 5px 0 5px; width: 360px;}
.boite_rub_fille_fleurD {float: right; margin: 0 10px 0 0; text-align: center; width: 210px;}
.boite_rub_fleurs {background: url(../images/fond_logo-art-fleur.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 15px 0;padding: 15px 0 20px 0; width:370px; text-align:center;}
.boite_photo_fleur {background: url(../images/fond_art-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 10px 23px; padding: 10px 0 10px 0; height: 150px; width:180px; text-align:center;}
.boite_photo_fleur_art {background: url(../images/fond_art-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 10px 23px; padding: 10px 0 10px 0; width:180px; text-align:center;}
/* *********** Photo ************* */
.boite_photo {background: url(../images/fond_art-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 20px 23px;padding-top: 20px; height: 160px; width:180px; text-align:center;}
.boite_photo_tattoos {background: url(../images/fond_art-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 10px 23px; padding: 10px 0 10px 0; width:310px; text-align:center;}

.boite_logo_rub_petit {background: url(../images/fond_rub-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 0 0 10px; padding: 10px 0 10px 0; width:280px; text-align:center;}
.boite_logo_rub_grand {background: url(../images/fond_logo-rub.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; float:left; margin: 0 10px 15px 0; padding: 10px 0 10px 0;  width:320px; text-align:center;}
/* ************** Divers ************** */
.boite_404 {background: url(../images/fond_rub-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; font-size: 1em ; font-weight: bold; color: red; margin: 0 auto 0 auto; width:280px; text-align:center;}
.boite_recherche {background: url(../images/fond_panneau-grotte.jpg) repeat-y; border-top: 1px solid #7d6b00; border-bottom: 1px solid #7d6b00; margin: 0 0 20px 0; padding-top: 15px; width:640px;}
.boite_indent {padding: 0 10px 0 15px; text-align: left;}
/* ************** boite ecrire auteur ************** */
.ecrire_auteur  {width: 560px; margin-left: 10px;}
/* **************** login ************************** */
.inscrire {background: #070209; height: 25px; width: 300px;}

/*
Mise en page
*/
.centre {text-align: center;}
.droite {text-align: right;}
.indent-nav {padding-left: 15px;}
.indent-pag {padding: 5px 0 5px 3px;}
.justify {text-align: justify;}
.article {margin-bottom: 20px; padding: 10px 0 0 8px; width: 620px;}
.article_som {margin-bottom: 5px; padding: 10px 0 0 17px; width: 620px;}
.article-musique {margin-bottom: 15px; padding: 0 20px 0 15px; width: 620px;}
.paddingT {padding: 0 10px 0 10px;}
.paddingS {padding: 0 5px 0 5px;}
.spip_surligne {background-color: #cfa86a; color: #07010a;}
/* 
Images
 */
.spip_logos {}
.spip_logos_article6 { float: right; padding: 0 0 10px 10px; border: hidden;}
.spip_logos_articleD { float: right; margin-bottom: 10px; padding: 0 0 0 10px; border: hidden;}
.spip_logos_articleBdM { float: right; margin-bottom: 0px; padding: 0 0 0 10px; border: hidden;}
.spip_logos_article10 { float: left; margin-bottom: 20px; padding-left: 50px; border: hidden;}
.logo_article {padding: 20px 20px 0 0;}
.logo_articleP {padding: 10px 10px 0 0;}
.logo_article_auteur {padding: 5px 25px 3px 10px;}
.image_sommaire {padding: 0 0 10px 12px;}
.noBorder {border: none;}
/* 
Non visible a l'ecran 
*/
.invisible { position: absolute; top: -3000em; height: 1px;}
/*
 Espaceur de blocs
 */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.espace1 {height: 10px;}
.espace20 {height: 20px;}
.espace5 {height: 10px;}
.espace3  {height: 3px;}

/*  Habillage general des menus de navigation et typo
---------------------------------------------- */
.mots {
	width: 550px;
	border-top: 1px solid #7d6b00; 
	border-bottom: 1px solid #7d6b00; 
	margin: 1em 0 1em 0;
	margin-left: 25px;
	padding: 0 15px 0 15px;
	font-size: 0.85em;
}

.menu-rubrique {margin: 0em 0 0em 0.33em; font-weight: bold; font-size: 0.88em;}
.menu-article {margin-left: 18px; font-size: 0.85em; font-weight: 200; list-style: none;}
.menu-auteur {margin-left: 25px; font-size: 0.74em; font-weight: 200; list-style: none;}

.rss {padding-right: 35px;}

/* --------------- typo ---------------*/
.metier_som {font-size: 0.82em; padding-bottom: 5px;}
.copyright {padding: 15px 18px 0 5px;}
.titre-photo {font-size: 0.82em; padding: 0 5px 0 5px;}
.soustitre-photo {font-size: 0.71em; padding: 0 7px 0 7px;}*/
.titre-pagination {font-size: 0.86em; padding: 0 5px 0 5px; line-height: 1.2em;}
.typo {font-size: 0.82em;}
.typo1 {font-size: 0.82em;}
.cartouche { margin-bottom: 2em; }
.titre {font-size: 1.21em; font-weight: bold;}
.soustitre { font-size: 1.00em;  font-weight: bold;}
.chapo {font-size: 0.88em;}
.texte {font-size: 0.82em;}
.ps {font-size: 0.82em; margin-top: 15px; padding-top: 2px;}
.paroles {font-size: 0.77em; padding-top: 2px;}
.musique {font-size: 0.77em; padding-left: 35px; text-align: center;}
.date_popup {font-size: 0.77em; margin: 0.33em 0 0.80em 0.83em; line-height: 0.5em;}
.spip_doc_titre {font-size: 0.96em;} 
.vign {font-size: 0.71em;}
/* encadrement
----------------------------------------------*/
.recherche {font-size: 0.77em;}
.encadrer_moteur {float: left; padding:20px 50px 0 50px; width: 500px;}
.encadrer_resumeg {background: #0e0214; float: left; margin-left: 20px; padding: 5px 10px 0 0; min-height: 65px; width: 260px;}
.encadrer_resumed {background: #0e0214; float: right; margin-right: 30px; padding: 5px 10px 0 0; min-height: 65px; width: 260px;}

/*  Formulaire recherche
----------------------------------------------*/
.formulaire_recherche { margin: 0; padding: 10px 0 3px 10px; background: none;}
.formulaire_recherche label {font-size: 0.88em; padding-right: 30px;}
.formulaire_recherche input.text { width: 115px; padding-left: 25px; background: #cfe5b2 url(../gif/racine-24.gif) no-repeat left center; }
.formulaire_recherche input.submit {width: 37px;}
.moteur {color: red; font-size: 1.0em; text-align: center;}

/* Barre de raccourcis typographiques */
table.spip_barre { width: 586px; }

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

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

table.spip_barre input.barre { width: 584px; background: #EEE; }
/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */
.formulaire_spip {text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml {background: #cfe5b2; width: 99%; font-family: inherit; font-size: inherit; }
.forml_input {background: #cfe5b2; width: 250px;}

/* Boutons */
.spip_bouton { text-align: right; margin-right: 0px;}
.spip_bouton input { float: right;}

/* Reponse du formulaire */
.reponse_formulaire { font: 1.5em bold; color: #e86519; text-align: center;}
fieldset.reponse_formulaire { font-weight: normal; width: 592px;}
.erreur_message {color: white;}

.forum-repondre-message{padding-right: 15px; text-align: right;}
/* Previsualisation du message */
fieldset.previsu { }

/* Habillage des forums
---------------------------------------------- */
.repondre { clear: both; margin-top: 1.00em; margin-right: 1em; font-size: 0.88em; font-weight: bold; }
.message { clear: both; margin-top: 1.00em; margin-right: 1em; font-size: 0.88em; 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 { display: block; margin: 0; padding: 0; font-weight: bold; color: #0f0214; }
.forum-texte { font-size: 0.84em; margin: 0; padding: 0.50em 1em; }
.forum-texte .hyperlien {}
.hyperlien a {color: #9d730e;}
.hyperlien a:hover {color: #cfa86a; text-decoration: underline;}
.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: 0.5em; }
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: #c4e0a0; }
ul ul .forum-chapo { background: #cfe5b2; }
ul ul ul .forum-chapo { background: #d9eac3; }
ul ul ul ul .forum-chapo { background: #e4f0d4; border-bottom: 1px dotted #e0e0e0; }
ul ul ul ul ul .forum-chapo { background: #fff; }

