/*
    Document   : perso.css
    Created on : 2 juin 2010, 14:24:06
    Author     : gornety
    Description:
        Purpose of the stylesheet follows.
*/


a, a.spip_in, a.spip_out { color:#df4232; outline: none; }
a:hover, a:hover.spip_in, a.spip_out:hover{ outline: none;/* color: #be2321; */}
input, input:hover, input:focus, input:active{outline: none;}

body {background-color:#7a5f6b;}
#page {
    background-image: url(decor/bg.jpg);
    background-repeat: repeat-y;
    border-width:0px;
    margin: 0 auto 1em auto;
    padding:0.2em 30px;
    width:960px;
}

/* -------------------------------------------------------
/*MENU HORIZONTAL (in #haut)
/* ------------------------------------------------------- */

#entete {
    border-bottom-width:0px;
    margin:0;
    padding-bottom:0;
    padding-top:0.2em;
}
#haut{
    height: 30px;
    background-color:#a09098;
}
#haut-gauche {
    float:left;
    width: 670px;
    margin-top:5px;
    padding: 4px;
    font-size: 13px;
    color:white;
    text-align:right;
}
#haut-gauche a{color:white;}
#haut-gauche a:hover { }

#haut-droite {
    float:right;
    width: 160px;
    margin-top:1px;
    padding: 4px;
    background-color:#a09098;
}
.formulaire_recherche label{ display: none;}
.formulaire_recherche input.submit{ display: none;}


/* -------------------------------------------------------
/*MENU VERTICAL (navigation) gauche
/* ------------------------------------------------------- */
#navigation {
    float:left;
    width:200px;
}
#navigation .menu, #extra .liste {
    background-color: transparent;
    border-width: 0px;
}
h2.h2,
#navigation .formulaire_spip fieldset legend{
    color:#7b757f;
    font-size:1.1em;
    font-weight:normal;
    font-style: italic;
    text-align:center;
    padding: 5px 0;
    border-top : #ccc 1px solid;
    border-bottom : #ccc 1px solid;
    font-family: arial, helvetica, sans-serif;
}
#navigation .menu-liste .menu-entree {
    color:#df4232;
    margin-top: 10px;
}
#navigation .menu a{ color: #93580c;}
#navigation .menu a:hover,#navigation .menu a.on { color: #604626;}

/* Nuage  */
#navigation ul.nuage{
    font-size: 0.8em;
    border-left: 1px solid #a26f33;
    padding-left: 0.5em;
    clear:both;
    margin-bottom:2em;
    text-align:left;
}
#navigation ul.nuage li {line-height:1.5em;}
#navigation .nuage a{ color: #a26f33;}
#navigation .nuage a:hover, #navigation .nuage a.on{ color: #604626;}

/* Annonces */
.liste, .annonces {
    clear:both;
    margin-bottom:2em;
    text-align:left;
}

/* formulaire d'abonnement aux listes  */
#navigation .formulaire_spip fieldset legend {
    background-color:transparent;
    width: 200px;
}
#navigation .formulaire_spip label {
    color:#a26f33;
    display:block;
    font-weight:normal;
    position:relative;
    text-align:left;
    font-size: 0.88em;
}
#navigation input{
    background-color: #f3f3f3;
}
#navigation .choix input{
    float: left;
}
#navigation .choix .explications{
    color:#a26f33;
}
#navigation p.boutons{ text-align: center;}

#navigation .transform-news{
    color:#7b757f;
    font-size:1.1em;
    font-weight:normal;
    font-style: italic;
    text-align:center;
    padding: 5px 0;
    border-top : #ccc 1px solid;
    border-bottom : #ccc 1px solid;
    font-family: arial, helvetica, sans-serif;
}
#navigation .transform-news-items{
      color: #93580C;
}

/* -------------------------------------------------------
/* Contenu
/* ------------------------------------------------------- */

#contenu {
    float: right;
    padding:0.3em 0px 1.2em 0px;
    width: 730px;
}
h3, .h3 {font-weight:normal; color: #be2321; }
abbr, acronym {border-bottom:0px dotted; text-transform: capitalize;}
#contenu .meta-publi{ font-size: 0.85em; color: #a26f33;}
#contenu .meta-publi a{ color: #a26f33;}
#contenu .meta-publi a:hover{ color: #604626;}

#hierarchie{ clear: none;}

/* page acccueil  */
.page_sommaire #extra{ display: none;}
#centre-sommaire {
    float:left;
    width: 492px;
    margin-top:8px;
    padding: 1px 0;
    margin-right:3px;
}
#centre-sommaire h2.h2{ display: block; border-width: 0px; margin: 10px 0 10px 0;}
#centre-sommaire li{ margin: 0 0 12px 0; padding: 0; list-style: none ;}
#centre-sommaire li h3{ font-weight: bold; }
#centre-sommaire li h3 a{ color: #BE2321 ;}
#centre-sommaire .info-publi{ font-size: 0.88em; color: #7B757F;}
#centre-sommaire .introduction{ font-family: georgia, 'Times new roman', serif; margin: 4px 0 3px 0;}
#centre-sommaire p{ margin: 0; padding: 0; line-height: 1.3em;}

/* Rubriques */
.contenu-principal{ margin-right: 76px;}
.cartouche .info-publi {clear:none; color: #7a5f6b; font-size: 0.9em; line-height: 1.9em;}
.chapo{ text-align: justify; font-family: Georgia, 'Times new roman', serif ;}
.chapo p{margin: 0 0 6px 0; padding: 0;}
#contenu .spip_documents_center,
#contenu .liste-items .item,
#contenu .liste{ clear:none;}
#contenu .liste-items .item {
    list-style: none;
    float: left;
    width: 334px;
    clear: left;
    margin-bottom: 12px;
}
.liste-items .item .h3 {
    border-bottom:1px solid #ddd;
    margin:0.3em 0;
}
.liste-items .item .h3 a{ color:#BE2321 ;}
.liste-items .item .info-publi {
    background-color:#f9f9f9;
    margin-top:-0.3em;
    color: #A09098;
    font-size: 0.825em;
}
#contenu .liste-items .item .introduction,
#contenu .liste-items .item .introduction .menu p,
.menu p{
    font-size: 1.0em;
    color: #666;
    line-height: 1.2em;
    clear: right;
    font-family: Georgia, 'Times new roman', serif;
}
#contenu .liste-items .item.right { margin-left: 30px; clear: none;}
#contenu .meta-publi{ font-size: 0.85em; color: #a26f33;}
#contenu .meta-publi a{ color: #a26f33;}
#contenu .meta-publi a:hover{ color: #604626;}
#contenu .articles h2.h2 { display: none;}
#contenu .rubriques h2.h2{ width: 40%;text-align: center; margin: 0 auto;}
#contenu .breves h2.h2{ width: 40%;text-align: center; margin: 0 auto;}
#contenu .rubriques h4.blocs_titre{ font-size:1.5em ;}
#contenu .rubriques h4.blocs_titre a{ color: #000;}

#contenu .breves .liste-items{  /*  list-style: disc inside ; */
}
#contenu .breves .liste-items .item,
#contenu #extra .breves .liste-items .item { /* list-style: disc inside ; */ color: red; }
#contenu .breves .liste-items a{ color:#a26f33; }


/* Articles */
.page_article h1{ color: #be2321;}
h3, .h3 {font-weight:normal; color: #be2321; margin: 10px 0 6px 0; }
/* .page_article .spip_logos{ padding: 0 12px 8px 0;} */
.page_article .texte p{ text-align: justify;font-family: Georgia, 'Times new roman', serif; margin-bottom: 6px;}

.documents_portfolio h2, .documents_joints h2{ display: none;}
.documents_portfolio .spip_logos{border-width: 0;}
.contenu-principal h2.h2{ width: 40%;text-align: center; margin: 0 auto;}

/* Breves */
.page_breve h1{color : #a26f33;}

/* -------------------------------------------------------
/* Contenu mots
/* ------------------------------------------------------- */
.pagination {text-align:center;}
.pagination .on{ font-size: 2em; font-weight: normal;}
.titre-an{ font-size: 1.2em; color:#604626; clear: left; }

/* navigation des onglets */
div.panes > div { 	 display:none;}
ul.tabs {
    border-bottom:1px solid #a09098;
    height:30px;
    list-style:none outside none;
    margin:10px 0 0px 0px !important;
    padding:0;
}
ul.tabs li {
    float:left;
    list-style-image:none !important;
    margin:0 !important;
    padding:0;
    text-indent:0;
}
ul.tabs a {
    background:url("decor/tabs.png") no-repeat scroll -416px 0 transparent;
    color:#000000;
    display:block;
    font-size:11px;
    height:30px;
    line-height:30px;
    margin:0;
    padding:0;
    position:relative;
    text-align:center;
    text-decoration:none;
    top:1px;
    width:95px;
}
ul.tabs a:active {outline:medium none;}
ul.tabs a:hover {background-position:-416px -31px;color:#FFFFFF;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
    background-position:-416px -62px;
    color:#000000 !important;
    cursor:default !important;
}
ul.tabs a.w1 {background-position:-519px 0;width:134px;}
ul.tabs a.w1:hover {background-position:-519px -31px;}
ul.tabs a.w1.current {background-position:-519px -62px;}
ul.tabs a.w2 {background-position:-366px 0;width:154px;}
ul.tabs a.w2:hover {background-position:-366px -31px;}
ul.tabs a.w2.current {background-position:-366px -62px;}
ul.tabs a.w3 {background-position:-193px 0;width:174px;}
ul.tabs a.w3:hover {background-position:-193px -31px;}
ul.tabs a.w3.current {background-position:-193px -62px;}
ul.tabs a.w4 {background-position:0 0;width:194px;}
ul.tabs a.w4:hover {background-position:0 -31px;}
ul.tabs a.w4.current { background-position:0 -62px; }
div.panes div.pane { display:none; }



/* -------------------------------------------------------
/* Contenu  : colonne droite des pages rubriques, articles, etc.
/* ------------------------------------------------------- */
#extra{
    float: right;
    width: 160px;
    margin:1em 0 4.2em 20px;
    background-color: #fff;
}
#contenu #extra h2.h2{ display: block; width: 100%;}
#contenu #extra .liste-items .item {
    color: #93580c;
    list-style:square inside none;
    overflow: visible;
    font-size: 0.9em;
    padding: 0;
    margin: 8px 0 0px 0;
    width: 158px;
    line-height: 1.1em;
}
#contenu #extra .liste .item a{ color: #a26f33;}
#contenu #extra .liste .item a:hover{ color: #be2321;}
#contenu #extra .liste .item a.on,
#contenu #extra .liste-items .item.on { color: #999; font-weight: normal; text-decoration: none;}


/* -------------------------------------------------------
/* Contenu  : colonne droite de la page d'accueil
/* ------------------------------------------------------- */
.col-droite{ float: right; width: 232px;}
#contenu .col-droite h2.h2{margin: 10px 0 0 0;}
.intitule2, .intitule-transform {
    padding: 2px;
    background-color: #A09098;
    margin: 5px 0  5px 0;
    text-align:center;
    color: white;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8em;
}
.intitule-transform{
    background-color: #E40C0D;
}

/* Agenda deroulant */
#droite-agenda {
    float:right;
    width: 200px;
    margin-top:4px;
    padding:5px 11px 0 11px;
    border: 0px solid #A09098;
    margin-left:2px;
    text-align:center;
}
.deroulant-decor{ position: relative;}
ul#deroulant-liste{ overflow: hidden; margin: 0px 0 0 8px; list-style: none;text-align: center;}
#deroulant-liste li{text-align: center; line-height: 1.3em; }
a.agenda-item{ color: #93580C; text-decoration: none;}
a:hover.agenda-item{ color: #604622; text-decoration: underline;}
.agenda-titre{ font-weight: bold; text-align: center;}
.agenda-date{font-size: 0.88em;}
.agenda-lieu{}
.agenda-lieu p{ margin: 0; text-align: center;font-weight: bold; }
.agenda-descriptif{ font-size: 0.94em;}
#deroulant-liste li div{ text-align: center;margin: 8px 0;}
#deroulant-liste span{display: block;}
#deroulant-liste a:hover, #deroulant-liste a:hover span{text-decoration: underline;}

/* Actualites */
#droite-actu {
    float:right;
    width: 200px;
    padding: 4px 11px;
    margin:0 2px;
    background-color: white;
    border: 0px solid #A09098;
    text-align:justify;
    line-height: 1.2em;
}
#contenu .col-droite #droite-actu h2.h2{margin: 12px 0 8px 0px;}
a.titreactu {color: #BE2321 ; font-size: 1.1em; font-weight: bold; }
.vignette-sommaire { float:right; margin-top: 0.59em; margin-left: 0.59em;}
.texteactu {color: #222; font-size: 1.0em; font-weight: normal; margin: 6px 0 0 0;}
.texteactu p{ margin: 2px 0;}

/* Images */
#droite-image {
    float:right;
    width: 200px;
    padding: 4px 11px;
    margin:0 2px;
    background: white;
    text-align:center;
}
#contenu .col-droite #droite-image h2.h2{margin: 12px 0 8px 0px;}

/* Notes de lectures  */

#droite-lecture {
    float:right;
    width: 200px;
    padding: 4px 11px;
    margin:0 2px;
    background: white;
    border: 0px solid #CC0033;
    color: red;
    font-size: 1em;
}
#contenu .col-droite #droite-lecture h2.h2{margin: 12px 0 8px 0px;}
#droite-lecture ul{ list-style:  disc inside ;}
#droite-lecture li{ margin: 6px 0 6px 0;}
#droite-lecture a{color:#93580C; }
#droite-lecture a:hover{ color: #604626;}

/* Acteurs  */

#droite-acteurs {
    float:right;
    width: 200px;
    padding: 4px 11px;
    margin:0 2px;
    background: white;
    border: 0px solid #CC0033;
    color: red;
    font-size: 1em;
}
#contenu .col-droite #droite-acteurs h2.h2{margin: 12px 0 8px 0px;}
#droite-acteurs li{ margin: 6px 0 6px 0;}
#droite-acteurs a{color:#93580C; }
#droite-acteurs a:hover{ color: #604626;}

/* Flux RSS  */
#droite-rss {
    float:right;
    width: 200px;
    padding: 4px 11px;
    margin: 0 2px;
}
.site {
    width: 200px;
    margin: 0 2px;
    background-color: #f5f9f8;
    padding : 0 0 8px 0;
}
.site .intitule2 a{ margin: 0; color: #fff;}
.site ul{color : red; }
.site li{list-style:square outside none; margin: 2px 0 4px 15px;}
.site li a {color:#93580C; font-size: 0.9em;}
.site li a:hover { color: #604626;}



/* -------------------------------------------------------
/* Pied
/* ------------------------------------------------------- */
#pied {
    background-color: #a09098;
    color:#fff;
    border-width:0px;
    clear:both;
    font-size:0.84em;
    margin:1em 0;
    padding:6px 0 4px 0;
    text-align:center;
    width:100%;
}
#pied a{ color:#fff;}
#pied a:hover{ color:#fff; text-decoration: underline;}



/*  --------------------------------------------------- */
/* PLAN
/*  ----------------------------------------------------- */
.page_plan #contenu h2.h2{ display: block;}
/*
.plan-section {background: #A09098;color:white; font-size: 16px; font-weight: bold;text-align:center; }
*/
.plan-section {
    background: #fff;color:#000;
    font-size: 1.5em;
    font-weight: bold;
    text-align:center;
    border-top: 1px solid #A09098;
    border-bottom: 1px solid #A09098;
    margin-bottom: 8px;
}

#plan {
padding: 0px;
border: 1px dotted #F3F2F5;
margin-left: 0px;
margin-bottom: 15px;
}
#plan ul {
text-align: left;
font-size:14px;
font-weight:bold;
color:#666666;
padding: 2px;
margin-bottom: 6px;
}
#plan ul a {
color: black;
font-weight:bold;
text-decoration: none;
font-size:14px;
}
#plan ul a:hover {
color: white;
}
#plan li {
text-align: left;
margin-left: 20px;
font-size:10px;
color: black;
}
#plan li a {
color: black;
text-decoration: none;
font-size:10px;
}
#plan li a:hover {
color: red;
}

#plan-art {
padding: 0px;
border: 0px dotted gray;
background:#F3F2F5;
font-weight:normal;
}
#plan-art li a {
color: black;
text-decoration: none;
font-size:10px;
font-weight:normal;
}
#planart li a:hover {
color: white;
font-weight:normal;
}


/*  --------------------------------------------------- */
/* LOGIN
/*  ----------------------------------------------------- */
.page_login .formulaire_spip select{ width: 160px;}


/*  --------------------------------------------------- */
/* Divers et d'été
/*  ----------------------------------------------------- */

/* adhésion */
#formdroite input{ margin-bottom: 12px;}

/* catalogue */
.catalogue .vignette{ float: left; width: 160px; margin: 8px 0 4px 0;}
.catalogue .item{ float: left; width: 300px;margin: 8px 0 4px 0;}
.catalogue li{ border-bottom: solid 1px #CCC; margin: 4px 0 8px 0; padding: 0 0 10px; line-height: normal; }
.catalogue .paypal{ float: right; width: 150px; margin: 4px 0 8px 0;}
.catalogue .titreart-small{ font-weight: bold;  font-family: Georgia,Times,serif; font-size: 14px;padding: 0 0 5px 0;}
.catalogue .chapo{
  text-align: left;
  color: #333333;
  font-family: "Luxi sans","Lucida Grande",Lucida,"Lucida Sans Unicode",sans-serif;
  font-size: 100%;
}
.catalogue .chapo p{margin: 0; padding: 0 0 5px 0;}
.catalogue .chapo ul{margin: 0; padding: 0 0 5px 0;}
.catalogue .chapo li{ border: 0px; padding: 0; margin: 0 0 0 15px; list-style: circle outside; }

.page_catalogue .texte{
  padding: 0 200px 0 0;
}
.cartouche .paypal{
  float: right;
  width: 46px;
}
.paypal .indisponible{
  background: url(decor/boutons-paypal.png) no-repeat transparent 0 -211px;
  width: 160px;
  height: 27px;
}
.paypal .item input[type="submit"]{
  background: url(decor/boutons-paypal.png) no-repeat transparent 0 0px;
  width: 260px;
  height: 28px;
  padding: 2px 10px 5px 72px;
  border: 0;
  margin: 0 0 4px 0;
}
.paypal .item input[type="submit"]:hover{
  background-position: 0 -35px;
  outline: none;
}
.paypal .basket input[type="submit"]{
  background: url(decor/boutons-paypal.png) no-repeat transparent 0 -70px;
  width: 260px;
  height: 28px;
  padding: 2px 10px 5px 72px;
  border: 0px;
  margin: 0 0 7px 0;
}
.paypal .basket input[type="submit"]:hover{
  background-position: 0 -105px;
  outline: none;
}
.paypal .basket-resume input[type="submit"]{
  background: url(decor/boutons-paypal.png) no-repeat transparent 0 -140px;
  width: 260px;
  height: 28px;
  padding: 2px 10px 5px 72px;
  border: 0px;
  margin: 0 0 4px 0;
}
.paypal .basket-resume input[type="submit"]:hover{
  background-position: 0 -175px;
  outline: none;
}
.paypal .item-normal input[type="submit"]{
  background: url(decor/boutons-paypal.png) no-repeat transparent 0 -395px;
  width: 260px;
  height: 28px;
  padding: 2px 3px 5px 72px;
  border: 0;
  margin: 0 0 7px 0;
}
.paypal .item-normal input[type="submit"]:hover{
  background-position: 0 -433px;
  outline: none;
}
.paypal .item-reduit input[type="submit"]{
  background: url(decor/boutons-paypal.png) no-repeat transparent 0 -320px;
  width: 260px;
  height: 28px;
  padding: 2px 3px 5px 72px;
  border: 0px;
  margin: 0 0 7px 0;
}
.paypal .item-reduit input[type="submit"]:hover{
  background-position: 0 -357px;
  outline: none;
}
.paypal .item-soutien input[type="submit"]{
  background: url(decor/boutons-paypal.png) no-repeat transparent 0 -247px;
  width: 260px;
  height: 28px;
  padding: 2px 10px 5px 72px;
  border: 0px;
  margin: 0 0 4px 0;
}
.paypal .item-soutien input[type="submit"]:hover{
  background-position: 0 -283px;
  outline: none;
}

/* -------------------------------------------------------
/* Page auteur
/* ------------------------------------------------------- */
.page_auteur #contenu .articles h2.h2 {
    display: block;
    margin: 0 0 10px 0;
    text-align: left;
    width: 100%;
    border: 0;
}
.page_auteur #contenu .liste-items .item {
    clear: left;
    float: left;
    list-style: disc inside none;
    margin-bottom: 12px;
    width: 100%;
    color: #E40C0D;
}
.page_auteur .formulaire_spip textarea {
    border: 1px inset;
    width: 70%;
}
.page_auteur .formulaire_spip .boutons {
    padding: 0 215px 0 0;
}
.page_auteur .formulaire_spip fieldset legend {
    display: block;
    margin: 0 0 10px 0;
    text-align: left;
    width: 100%;
    border: 0;
    color: #7B757F;
    font-family: arial,helvetica,sans-serif;
    font-size: 1.1em;
    font-style: italic;
    font-weight: normal;
    padding: 5px 0;
}
.reponse_formulaire_ok { font-weight: normal;}