.titre {
	font-size: 24px;
    font-weight: bold;
	font-family: garamond, times, serif;
	color: #34343D;
	margin-top: 20px;
	margin-left: 60px;
	margin-bottom: 10px;
}

a.titre {
	font-size: 24px;
	font-weight: bold;
	font-family: garamond, times, serif;
	color: #34343D;
	margin-top: 10px;
	margin-left: 60px;
	margin-bottom: 10px;
	text-decoration: none;
}

h3.spip {
    font-size: 18px;
    font-weight: bold;
	font-family: garamond, times, serif;
    color: #34343D;
    padding-left: 10px;
    text-align: center;
}

h3.spip a{
    font-size: 18px;
    font-weight: bold;
	font-family: garamond, times, serif;
    color: #34343D;
    padding-left: 10px;
    text-align: center;
    text-decoration: none;
}

.titreSimple {
       font-size: 24px;
       font-weight: bold;
	   font-family: garamond, times, serif;
       color: #34343D;
       padding: 5px 10px; /*haut et bas puis droite et gauche*/
}

.titreSimple li {
       font-size: 90%;
      list-style-type:none;
}

.titreSimple ul {
        padding-left:15px;
        margin:0px;
        line-height: 95%;
}

.titreSimple a:link {
       color: #34343D;
       text-decoration: none;
}

.titreSimple a:visited {
       color: #34343D;
       text-decoration: none;
}

.titreSimple a:active {
       color: #34343D;
       text-decoration: none;
}

.titreSimple a:hover {
       color: #34343D;
       text-decoration: none;
}


.recherche {
        font-size: 14px;
        /*margin-left: 5px;*/
        padding: 3px 3px 3px 0px;
        /*text-align: right;*/
        /*background: whitesmoke*/;
}

.descendre {
       padding: 6px 0px 0px 0px;
}

.agauche {
       margin-left: 50px;
}

.formulaire_spip input {
   margin-left: 3px;
}

.suite_recherche a:active{
      text-decoration: none;
      color: #8B4513;
}

.suite_recherche a:link{
      text-decoration: none;
      color: #8B4513;
}

.suite_recherche a:visited{
      text-decoration: none;
      color: #8B4513;
}

.suite_recherche a:hover{
      text-decoration: none;
      color: #8B4513;
}

.article {
    font-size: 19px;
    color: #34343D;
    font-family: garamond, times, serif;
    padding: 5px 30px; /*haut et bas puis droite et gauche*/
    text-align: justify;
}

.article a:link {
    color: #8B4513;
    text-decoration: none;
}

.article a:visited {
    color: #8B4513;
    text-decoration: none;
}

.article li {
    font-size: 17px;
    color: #34343D;
    font-family: garamond, times, serif;
    padding: 0px 10px 0px 20px;
    list-style-type:none;
    /*background-image: url(../IMG/abeille.png);*/
    background-image: url(../IMG/abeille.gif);
    background-repeat: no-repeat;
	background-position: left top;
}

a > img { /* ------- Supprimer les bordures autour des images qui servent de liens -------- */
	border: 0px;
}

.spip_doc_titre { /* ------- Titres des images <docXXX|right> -------- */
	font-size: 90%;
	margin-top: -4px;
	padding-left: 5px;
	padding-right: 5px;
	
}

.spip_doc_descriptif { /* ------- Commentaire des images <docXXX|right> -------- */
	font-size: 80%;
	font-style: italic;
	margin: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.spip_documents_right { margin-left: 15px; } /* -- Augmentation des marges autours des images -- */
.spip_documents_left { margin-right: 15px; }

.notebdp {             /* --------------------- Notes de bas de page ----------------------- */
    font-size: 16px;
    color: #34343D;
    font-family: garamond, times, serif;
    padding: 5px 20px; /*haut et bas puis droite et gauche*/
}

.notebdp a:link {
    color: #8B4513;
    text-decoration: none;
}

.notebdp a:visited {
    color: #8B4513;
    text-decoration: none;
} 

.spip_note {
	color: #8B4513;
    text-decoration: none;
    font-family: garamond, times, serif;
}

p.spip {}

.logo_article {
     max-height: 300px;
     max-width: 150px;
}


/* ------------- Tableaux  ---------------------------*/
table.spip {
    max-width: 80%;
	margin: auto;
	margin-bottom: 1em;
    background-image: url(../IMG/tableauHaut.gif);
	background-position: left top;
}

table.spip caption { /* titre du tableau */
	   caption-side: top; /* bottom pas pris en compte par IE */
	   text-align: center;
	   margin: auto;
	   padding: 5px;
	   font-weight: bold;
}

table.spip tr.row_first {}
table.spip tr.row_odd {}
table.spip tr.row_even {}

table.spip th, table.spip td {
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    background-image: url(../IMG/tableau.gif);
    background-repeat: no-repeat;
	background-position: right bottom;
}


/* ------------- citations ---------------------------*/
.citation40 {
    margin-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    background-image: url(../IMG/chine.jpg);
	background-position: left top;
    float: right;
    width: 40%;
}

.citation100 {
    margin: 5px;
    background-image: url(../IMG/chine.jpg);
	background-position: left top;
    float: right;
}

.citationh {
    background-image: url(../IMG/ligneh.gif);
	background-position: top;
    background-repeat: repeat-x;
}

.citationD {
    background-image: url(../IMG/ligned.gif);
	background-position: right;
    background-repeat: repeat-y;
}

.citationG {
    background-image: url(../IMG/ligneg.gif);
	background-position: left;
    background-repeat: repeat-y;
}

.citationB {
    background-image: url(../IMG/ligneb.gif);
	background-repeat: repeat-x;
	background-position: bottom;
    padding: 10px;
    text-align: left;
    font-size: 80%;
    color: #5A6980;
}

.citationBVide {
    background-image: url(../IMG/ligneb.gif);
	   background-repeat: repeat-x;
	   background-position: bottom;
    padding: 10px;
}



blockquote {
    font-weight: bold;
}

 /* ------------- fin de citations ---------------------------*/


.navigG {
     text-decoration: none;
     margin: 30px;
     font-size: 90%;
     font-family: garamond, times, serif;
     font-weight: bold;
     color: #8B4513;
     float: left;
     display: inline;
}

.navigD {
     text-decoration: none;
     margin: 30px;
     font-size: 90%;
     font-family: garamond, times, serif;
     font-weight: bold;
     color: #8B4513;
     float: right;
     display: inline;
}

.papier {
     background-image: url(../IMG/chine02.jpg);
     margin: 10px;
     width: 513px;
}

.bordDroit {
    /*background-image: url(../IMG/lignev.png);*/
    background-image: url(../IMG/lignev.gif);
	   background-repeat: no-repeat;
	   background-position: right;
}



/******************************** ESSAI D'ORGANISATION PAR DIV ("#" pour "id=") **********************************/

#colRougeG {       /*colonne rouge extreme gauche*/
     position: absolute;
     z-index: 1;
     top: 0px;
     left: 0px;
     /*background-image: url(../IMG/rouge_gauche.png);*/
     background-image: url(../IMG/rouge_gauche.gif);
     background-repeat: repeat-y;
     height: 100%;
     width: 10px;
}

#colRougeC {        /*colonne rouge principale*/
     position: absolute;
     z-index: 1;
     top: 0px;
     left: 10px;
     background-image: url(../IMG/rouge.jpg);
     background-repeat: repeat-y;
     height: 100%;
     width: 190px;
}

#bandeau {        /*bandeau de haut de page*/
     position: absolute;
     z-index: 1;
     display: block;
     top: 25px;
     left: 240px;
     background-image: url(../IMG/bandeau.jpg);
     width: 600px;
     height: 217;
}

#frise{          /*frise chronologique*/
     position: absolute;
     z-index: 1;
     top: 242px;
     left: 210px;
     /*background-image: url(../IMG/frise_chrono.png);*/
     background-image: url(../IMG/frise_chrono.gif);
     margin: 5px;
     width: 670px;
     height: 40px;
}

#vieuxH {        /*ligne superieur bord vieux*/
     position: absolute;
     z-index: 3;
     top: 292px;
     left: 230px;
     height: 40px;
     width: 630px;
}

#vieuxHLarge {        /*ligne superieur bord vieux*/
     position: absolute;
     z-index: 4;
     background-image: url(../IMG/vieux_haut.gif);
     height: 40px;
     width: 630px;
}

#vieuxC {        /*colonne principale type vieux*/
     position: absolute;
     z-index: 3;
     top: 329px;
     left: 230px;
     background-image: url(../IMG/vieux2.gif);
     width: 630px;
     min-height: 80%;
}

#ColonneDroite {        /*colonne de droite symboles: plan, mail, haut de page*/
     position: fixed;
     z-index: 212;
     bottom: 10px;
     left: 870px;
     width: 30px;
     background: black;
     /* padding: 3px; */
}

#retourSommaire {
     position: absolute;
     z-index: 4;
     top: 297px;
     left: 820px;
     width: 40px;
     height: 40px;
}

#fluxRSS {
	margin-top: 10px;
	margin-left: 10px;
}

#fluxRSS a:link {
	   color: #34343D;
       text-decoration: none;
}

#fluxRSS a:visited {
       color: #34343D;
       text-decoration: none;
}

#PlanSite {
	margin-top: 10px;
	margin-left: 10px;
}

#PlanSite a:link {
	   color: #34343D;
       text-decoration: none;
}

#PlanSite a:visited {
       color: #34343D;
       text-decoration: none;
}


body.fond {
    background-color: black;
    background-image: url(../IMG/rouge4.jpg);
    background-repeat: repeat-y;
}

#BasColonne {
    background-image: url(../IMG/vieux_bas_etroit.gif);
    height: 10px;
    position: absolute;
    z-index: 2;
	width: 100%;
}

/******************************** Breve secretes **********************************/
#breve {  
      position: absolute;
      z-index: 212;   /*pas de risque qu'il y ait quelque chose par dessus ...*/
     top: 350px;
     left: 580px;
     width: 250px;
     /*height: 350px;*/
    cursor: pointer;
    visibility:hidden;
}

.HautTrouNoir {
     /*background-image: url(../IMG/HautTrouNoir.png);*/
     background-image: url(../IMG/HautTrouNoir.gif);
     height: 20px;
}

.BasTrouNoir {
     /*background-image: url(../IMG/BasTrouNoir.png);*/
     background-image: url(../IMG/BasTrouNoir.gif);
     height: 20px;
}

.CentreTrouNoir {
     /*background-image: url(../IMG/TrouNoir.png);*/
     background-image: url(../IMG/TrouNoir.gif);
     padding: 10px 25px;
     color: #00FFFF;
}

#Abeille { /* a l'origine le secret etait indique par une grosse abeille et non par un dragon */
      position: absolute;
      z-index: 5;   
     top: 330px;
     left: 15px;
     width: 75px;
     height: 75px;
     /*background-image: url(../IMG/dragon.png);*/
     background-image: url(../IMG/dragon.gif);
     /*background-image: url(../IMG/AbeilleSecrete.png);*/
     background-repeat: no-repeat;
     cursor: pointer;
}

/******************************** Post-it de navigation **********************************/
#postit {
      position: absolute;
      z-index: 4;
     top: 620px;
     left: 10px;
     width: 190px;
     height: 120px;
}

#postit2 {
      position: absolute;
      z-index: 4;
     top: 370px;
     left: 10px;
     width: 190px;
     height: 200px;
}

/******************************** ESSAI pour les onglets **********************************/
/******** d'apres http://www.pompage.net/pompe/portescoulissantes/   ****************/

#barre_onglet {
     float: left;
    margin-left: 0px;
    width: 100%;
    /*background:black;*/
    font-size:95%;
    font-family: garamond, times, serif;
    /*background-image: url(../IMG/vieux_haut_etroit.png);*/
    background-image: url(../IMG/vieux_haut_etroit.gif);
    background-repeat: no-repeat;
	   background-position: left bottom;
    line-height: normal;
}

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

#barre_onglet li.courant {
    float:left;
    margin: 0;
    padding:0;
    /*background:url(../IMG/onglet9.png)*/
    background:url(../IMG/onglet9.gif)
    no-repeat left top;
}

#barre_onglet li.autre {
    float:left;
    margin: 0;
    padding:0;
    /*background:url(../IMG/onglet71.png)*/
    background:url(../IMG/onglet71.gif)
    no-repeat left top;
}

#barre_onglet a.courant {
    display:block;
    /*background:url(../IMG/onglet6.png)*/
    background:url(../IMG/onglet6.gif)
    no-repeat right top;
    padding: 10px 10px;
    text-decoration: none;
    color: #34343D;
}

#barre_onglet a.autre {
    display:block;
    /*background:url(../IMG/onglet8.png)*/
    background:url(../IMG/onglet8.gif)
    no-repeat right top;
    padding: 10px 10px;
    text-decoration: none;
    color: #34343D;
}

/** ==================== onglet recherche =======================*/
 
#onglet_form {
      /*background-color: #FFCCFF;*/
      margin: 0px;
	     padding: 0px;
	     height: 20px;
	     width: 200px;
	     text-align: left;
	     float: left;
}

#onglet_rechercher #onglet_form #onglet_recherche {
	     border: 4px solid #990000;
      /*background-color: #FF8C00;*/
	     padding-top: 2px;
	     padding-right: 10px;
	     padding-bottom: 2px;
	     padding-left: 5px;
	     margin: 0px -20px 0px 0px;

}

#onglet_rechercher { /*zone qui, contenant le curseur, laisse le champ de recherche apparent */
      position: absolute;
      /*background-color: #FF00FF;*/
      z-index: 6;
     	left: 20px;
	     top: 780px;
	     padding: 5px;
	     height: 97px;
	     width: 250px;
	     margin: 0px;
	     visibility:hidden;
}

/** ==================== livre d'or =======================*/
/* formulaire */
 fieldset.signa{ /*devenu inutile avec l'adoption du plugins GUESTBOOK */
	border: none;
	width: 90%;
	padding: 10px;
text-align: right;
 }

fieldset.message{
	border: none;
	width: 90%;
	padding: 10px;
	color: #34343D;
    font-family: garamond, times, serif;
 }


.NomAuteur {
       font-size: 18px;
       font-weight: bold;
	   font-family: garamond, times, serif;
       color: #34343D;
       padding: 5px 30px; /*haut et bas puis droite et gauche*/
}

.encart a{
    font-family: garamond, times, serif;
    color: #34343D;
    font-size: 12pt;
    text-decoration: none;
}

li.plan {
    border-left: 1px solid #34343D;
    padding-left: 3px;
    list-style-type:none;
}

.erreur_message {
	color: red;
}

.message_ok {
	color: #34343D;
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}


/** ==================== Le blog =======================*/
#TitreBlog {        
     z-index: 3;
     position: absolute;
     left: 935px;
     top: 245px;
     color: #D3B886;
     font-size: 36px;
     font-style: italic;
	 font-family: garamond, times, serif;
}

#ColonneBlog {        /*colonne d'ecriture de blog */
     position: absolute;
     z-index: 4;
     left: 915px;
     top: 300px;
     width: 290px;
     /* height: 100%; */
     border: 1px #D3B886 dashed;
     background: #111111;
     color: #D3B886;
     padding: 10px;
     -moz-border-radius: 10px / 10px;
     /* http://www.alsacreations.com/tuto/lire/891-coins-arrondis-css-sans-images.html */
     /* http://www.alsacreations.com/astuce/lire/979-ovale-forme-elliptique-css3-sans-image.html */
}

.TitreBreve {
	display: block;
	font-size: 24px;
    font-style: italic;
    padding-left: 10px;
    color: #D3B886;
    text-decoration: none;
}

.TitreBreve a {
	text-decoration: none;
	color: #8B4513;
}

.CorpsBreve {
	display: block;
	font-size: 16px;
}

.CorpsBreve a:link {
    color: #8B4513;
    text-decoration: none;
}

.CorpsBreve a:visited {
    color: #8B4513;
    text-decoration: none;
}

.PetitCorpsBreve {
	font-size: 80%;
}

.droite {
	text-align: right;
}

.BreveLie {
	color: #8B4513;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
    margin-left: 10px;
    display: inline;
}

.BreveLie a{
	color: #8B4513;
}

.InterTitreBlog {
	font-weight: bold;
	font-size: 110%;
	float: right;
	width: 33%;
	margin: 10px;
	color: #8B4513;
}