/* {font-family: Verdana, Arial, Helvetica, sans-serif;}*/
* {font-family: georgia, times, arial, helvetica, serif;}

/*
 * Mise en page des textes (bordures...)
 */
body {
    margin-top: 0;
    background-color: black;   /* #DBDBC1 */
    }

.chapo {
    line-height: 1.4em;
    margin: 5px 0 10px 0;
}

.texte {
    margin-top: 0px;
}
.ps {
    padding-top: 0.6em;
    margin-top: 0.6em;
    border-top: 1px dashed #404040;
}
.notes {
    margin: 0.6em 0 0.6em 0;
    border-top: 1px solid #a0a0a0;
    padding: 1.5em;
}

/* 050601 bob Le comportement du logo en particulier */
.logo {
    border: 0;
    margin-bottom: 10px;
    }

/*
 * Habillage des menus et de la navigation
 */

#navigation .menu {
/* 050602 bob changement complet  */
    margin: 0 0 10px 10px;
    padding: 0;
}

.encart .menu {
/* 050602 bob changement complet  */
    margin: 0 10px 10px 0;
    padding: 0;
}

.menu ul {
    display: block;
    margin: 0;
    padding: 0 0 4px 0;
    list-style: none;
}

ul.rubriques {
    background-color: transparent;
    margin: 3px 0 0 0;
    padding: 0;
    }

ul.rubriques li{
    float: right;
    display: inline;
    padding: 0;
    text-align: center;
    height: 64px;
    width: 64px;
    font-size: 0.6em;
    font-weight: bold;
    list-style-type: none;
    background-color: black;
    margin-left: 1em;
    }

li#logo {
    float: left;
    margin: 0 0 0 0;
    height: 70px;
    }
html>body li#logo {
    margin: 0 0 0 0;
    }

div#entete {
    margin: 5px 0 7px 0;
    position: relative;
    width: 100%;
    height: 75px;
    left: 0;
    right: 0;
    background-color: black;
    }

ul.general {
  float: left;
  display: inline;
  margin: 3px 0 0 5px;
  padding: 0;
  background-color: transparent;
  }
html>body ul.general {
  width: 70%;
  }
ul.general li{
    list-style: none;
    display: inline;
    font-size: 0.7em;
    font-weight: bold;
    }
.traitrouge {
    font-weight: bold;
    color: red;
    }

#recherche {
  float: right;
  margin: 1px 0 0 0;
  width: 9.6em;
  }
html>body #recherche {
  width: 20%;
  margin: 0 0 0 0;
  }

#barre {
  width: 100%;
  height: 22px;
  background-color: black;    /*avant grisé : #808080 rouge brun #990800*/
  border-top: solid thin gray;
  border-bottom: solid thin gray;
  }
html>body #barre {
  margin-top: 0px
  }

.menu ol {
    display: block;
    margin: 0px;
    padding: 0 0 4px 0;
    list-style: none;
    }

/*050601 bob supression des border top et bottom*/
.encart .menu-titre {
    border: 0;
    margin: 0;
    padding: 3px 4px 2px 0;
    font-size: 0.8em;
    font-weight: bold;
    font-variant: small-caps;
    color: white;
    text-align: right;
}
#navigation .menu-titre {
    border: 0;
    margin: 0;
    padding: 3px 0 2px 4px;
    font-size: 0.8em;
    font-variant: small-caps;
    font-weight: bold;
    color: white;
    text-align: left;
}

.encart .menu-item {
    margin: 0;
    padding: 1px 4px 1px 0;
    font-size: 0.7em;
    line-height: 1.3em; /* rajout pour contes givres */    
    color: white;
}
html>body .encart .menu-item {
    margin: 5px 0 0 0;
    }
.encart .menu-item #syndic {
    font-size: 1em;
    }

#navigation .menu-item {
    margin: 0;
    padding: 1px 0 1px 4px;
    font-size: 0.7em;
    line-height: 1.3em; /* rajout pour contes givres */
    color: white;
    }
html>body #navigation .menu-item {
    margin: 5px 0 0 0;
    }

/* Des couleurs specifiques selon les types de menus */

/* 050601 bob Changement des alignements du menu et de couleurs*/
.general        { background-color: #f8f8e8; text-align:left; }
.general .menu-titre    { background-color: #f8f8e8; }
.encart .general {text-align: right}

.rubriques      { background-color: #FFFFFF; text-align:left; }
.rubriques .menu-titre  { background-color: #FFFFFF; }

.breves         { background-color: black; }
.breves .menu-titre { background-color: black; } /* avant #008080 puis jaune #FFBB00 */

.divers         { background-color: #ECECEC; }
.divers .menu-titre { background-color: #DD6000; }
#navigation .divers { background-color: #ECECEC; }
#navigation .divers .menu-titre { background-color: #F09000; }
#navigation .divers li div.menu-titre { background-color: #FFBB00; }

#titre-image {background-color: #FF0000;}
div#image-instant {
     background-color: #ECECEC;
     text-align: center;
     font-size: 0.7em;
     padding-bottom: 10px;
     }
div#image-instant .spip_logos {float: none; margin: auto; padding: 20px 0 5px 0;}
html>body div#image-instant .spip_logos {float: none; margin: auto; padding: 20px 0 0 0;}

/*.forums         { background-color: #ECECEC; }*/
/*.forums .menu-titre { background-color: #F09000; }*/ /* avant bleu #0088AA */


/*
 * Styles pour le contenu (c-a-d. la colonne principale)
 */

/* 050601 Au lieu de margin-left: 15px...*/
.contenu {
    margin: 0 60px 0 20%;
}

hr {clear: both;
    visibility: visible;
    margin-top: 25px;
    margin-bottom: 25px;
    }
.texte hr {clear: both; visibility: visible;}

.liste-articles {
    /* 050604 bob remplacement de 1em par 5 px */
    margin: 5px 0 1em 0;
    clear: left;
}
.contenu .forum-repondre {
    /* 050527 bob : retrait icide font-family: Verdana, Arial, Helvetica, sans-serif;  */
    text-align: left;
    font-size: 0.9em;
    font-weight: bold;
    margin-top: 0.6em;
}

/*
 * Disposition a l'ecran : colonnes, encarts, cartouches
 */

/* 050601 bob changement complet du sélecteur ci-dessous (voir l'original)*/
#principal {
    margin: 10px 20% 0 20%;
    width: 60%;
}

#plan {
    margin: 5px 20% 0 20%;
}

/* 050601 bob changement complet du sélecteur navigation*/
#navigation {
  position: absolute;
  right: 10px;
  margin: 10px 0 0 0;
  width: 20%;
  text-align: left;
}
html>body #navigation {
  width: 19%;
  }

/* 050601 bob changement complet du sélecteur encart*/
.encart {
  position: absolute;
  left: 10px;
  margin: 10px 0 0 0;
  width: 20%;
  text-align: right;
  }
html>body .encart {
  width: 19%;
  } 

/* 050602 bob ici pt 0 et bt 0 au lieu de 1em et 2px*/
.cartouche {
    padding-top: 0;
    border-top: 0px solid #404040;
    margin-bottom: 15px;
}
.cartouche span {
    font-size: 0.8em;
    font-weight: bold;
    color: #9D0000;
    }

/* 050601 bob changement des attributs de logos, en flottement gauche*/
.spip_logos {
    margin: 3px 7px 0 0;
    float: right;
}

.artistes_logos  {
    margin: 3px 0 0 10px;
    float: right;
}

.extrait .spip_logos {
    background-color: #FFFFFF;
    margin: 3px 0 0 15px;
   }
   
.trombino100 {
  float: left;
  margin: 0 6px 7px 6px;
  }
html>body .trombino100 {
  width: 25%;
  margin: 0 0 2% 0;
  text-align: center;
  }
.trombino100 img{
  border: 0;
  }




/* 050604 bob ajout ici d'un comportement spécial de logos dans le plan*/
.plan-secteur .spip_logos {
    margin-right: 0;
    float: right;
}



/*
 * Habillage du plan du site
 */

.plan-secteur {
    margin: 10px 0 10px 0;
    clear: right;
    padding-bottom: 10px;
    border-bottom: 3px dotted #a0a0a0;
}

.plan-secteur h1 {
    display: block;
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
}

.plan-rubriques {
    clear: left;
    display: block;
    list-style: none;
}
.plan-rubrique {
    display: inline;
    border: 1px solid #a0a0a0;
    padding: 3px;
    font-weight: bold;
}
.plan-articles {
    clear: left;
    margin-top: 5px;
    margin-bottom: 0.5em;
    font-size: 0.8em;
}

/* Eclaircissement progressif des rubriques en fonction de la profondeur */

ul .plan-rubrique {
    background-color: #e0ffe0;
    border-color: #b8b8b8;
}
ul ul .plan-rubrique {
    background-color: #eaffea;
    border-color: #d0d0d0;
}
ul ul ul .plan-rubrique {
    background-color: #f4fff4;
    border-color: #e8e8e8;
}


/*
 * Habillage des forums
 */

ul.forum-total {
    display: block;
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.forum-fil {
    margin-top: 3em;
}
.forum-fil ul {
    display: block;
    margin: 0 0 0 2em;
    padding: 0px;
    list-style: none;
}
.forum-titre {
    font-weight: bold;
    font-size: 1em;
}
.forum-item {
    margin: 0px;
    padding: 0.5em 0 0 0.5em;
    text-align: left;
    color: #303030;
    line-height: 1.5em;
    font-size: 0.8em;
}

.forum-item br {display: block;}

.forum-repondre-message {
    text-align: right;
}

/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum {
    border: 1px solid #909090;
    padding: 0;
    margin: 0;
    margin-bottom: 1em;
}
ul ul .forum {
    border: 1px solid #a4a4a4;
}
ul ul ul .forum {
    border: 1px solid #b8b8b8;
}
ul ul ul ul .forum {
    border: 1px solid #cccccc;
}
ul ul ul ul ul .forum {
    border: 1px solid #e0e0e0;
}
ul ul ul ul ul ul .forum {
    border: 1px dashed #e0e0e0;
}

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo {
    border: 0;
    border-bottom: 1px dashed #b8b8b8;
    margin: 0;
    padding: 3px 6px 2px 6px;
    font-size: 0.8em;
    background: #c4e0e0;
}
ul ul .forum-chapo {
    background: #d4e8e8;
}
ul ul ul .forum-chapo {
    background: #e4f0f0;
}
ul ul ul ul .forum-chapo {
    background: #f4f8f8;
}
ul ul ul ul ul .forum-chapo {
    background: #ffffff;
}


/*
 * Habillage des petitions
 */

.signatures {
    margin: 1em 0 1em 0;
    width: 100%;
}
.signatures td, .signatures th {
    -moz-border-radius: 0.4em;
}
.signatures-titre {
    clear: right;
    font-weight: bold;
    font-size: 1.2em;
    text-align: center;
    padding: 0.5em;
    margin: 0;
}
.signature-date {
    white-space: nowrap;
    background: #e4f0f0;
    padding: 0.5em;
}
.signature-nom {
    font-weight: bold;
    background: #ecf4f4;
    padding: 0.2em;
    text-align: center;
}
.signature-message {
    font-size: 0.85em;
    background: #f4f8f8;
    padding: 0.4em;
    text-align: justify;
}


/*
 * Formulaires
 */

.formrecherche {
    background-color: #FFFFFF;
    margin: 0;
    color: #50503;
    padding: 0;
    border: grove 5px black;
    /*050527 bob retrait ici de ceci : font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 0.7em;
    font-weight: normal;
}
html>body .formrecherche {
    padding: 0;
    margin-top: 2px;
    }

.formulaire {
    color: black;
    margin: 0 10px 16px 0;
    padding: 0;
    background-color: #FFFFFF;
    /*050527 bob retrait ici de ceci : font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 0.7em;
    font-weight: normal;
}
.formulaire br {
    display: none;
    }
html>body .formulaire {
    border-right: 2px groove #CCCCCC;
    padding: 0 3px 0 0;
    }

.forml {
    background-color: #ececec;
    margin: 4px 0 16px 0;
    padding: 0;
    border: dashed 1px #909090;
    /*050527 bob retrait ici de ceci : font-family: Verdana, Arial, Helvetica, sans-serif;*/
    font-size: 1em;
}

.spip_bouton {
    border: 2px outset #404040;
    margin: 0 6px 16px 0;
    padding: 3px;
    background: #d0d0d0;
    /*050527 bob retrait ici de ceci : font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.spip_bouton:hover {
    border: 2px inset #404040;
    }

.spip-admin {
}

<!--050602 Rajout de tout ceci... -->
#pied {
  background-color: transparent;
  clear: both;
  }
#pied p {
  margin: 2px 0;
  width: 100%;
  text-align: right;
  font-size: 0.7em;
  color: #9D0000;
  }
#pied img {
  border: none;
  }

ul.rubriques img{
    float: none;
    margin: 0;
    }

.carre {
    float: left;
    width: 50%;
    }
   
dl.cal dt {
  float: left;
  width: 3.5em;
  border-right: 5px solid black;
  color: #AEAEAE;
  text-align: right;
  }
html>body dl.cal dt {
  width: 4em;
  }

dl.cal dd {
  color: #FFFFFF;
  font-style: italic;
  margin-left: 6.5em;  
  }

dl.cal dd.titre {
  font-weight: bold;
  font-style: normal;
  margin-left: 6.5em;
  color: #FFFFFF;
  }

dl.cal dd.nom {
  font-weight: bold;
  font-style: normal;
  margin-left: 6.5em;
  color: #AEAEAE;
  margin-bottom: 10px;
  }
 
dl.lieux {margin-left: 30px;}

dt {
  margin-left: 30px;
  color: #AEAEAE;
  }

dl.lieux dt {
  margin-top: 10px;
  }
  
dd {
  margin-left: 70px;
  color: #FFFFFF;
  font-style: italic;
  }