H1              { color: #900; font-variant: normal; font-weight: bold; font-size: 11px; font-family: verdana }
H2           { color: #630; font-variant: normal; font-weight: bold; font-size: 12px; font-family: verdana }
P,body    { color: #009; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Times; text-align: justify; text-indent: 0cm; align: justify  }
input,select,textarea        { color: #c60; font-weight: bold; font-size: xx-small; font-family: Verdana; background-color: #fc6 }
a 	       { color: #009; font-weight: 600; font-size: 12px; font-family: Verdana; text-decoration: none }
a.amenu        { color: #30c; font-weight: bold; font-size: 13px; font-family: Verdana }
a.gaure    { color: #ffcc00; font-weight: 600; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #f6c }
a.small  { color: #009; font-weight: 600; font-size: 9px; font-family: Verdana; text-decoration: none; background-color: transparent }
a.new { color: #ffffff; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Times; text-decoration: none; background-color: 008000}
a.mod { color: #ffffff; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Times; text-decoration: none; background-color: ff6000}
a.del { color: #ffffff; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Times; text-decoration: none; background-color: ff0000}
a.url { color: #ffffff; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Times; text-decoration: none; background-color: 008000}
a:hover    { color: #fff; font-weight: 900; font-size: 12px; font-family: Verdana; text-decoration: none }
a.amenu:hover       { color: #fff; font-weight: bold; font-size: 13px; font-family: Verdana; background-color: transparent }
a.gaure:hover   { color: #009; font-weight: 900; font-size: 11px; font-family: Verdana; text-decoration: none; background-color: #fc0 }
a.small:hover { color: #fc0; font-weight: 900; font-size: 9px; font-family: Verdana; text-decoration: none; background-color: transparent }
a.new:hover { color: #e0e0e0; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Times; text-align: justify;background-color: 000080;  }
a.mod:hover { color: #e0e0e0; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Times; text-align: justify;background-color: ff6000;  }
a.del:hover { color: #e0e0e0; font-weight: bold; font-size: 14px; font-family: Verdana, Arial, Times; text-align: justify;background-color: ff0000;  }
a.url:hover { color: #e0e0e0; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Times; text-align: justify;background-color: 000080;  }
.pipe  { color: white; font-weight: 900; font-size: 12px; font-family: Verdana, Arial, Times; text-indent: 0cm;}
.titre         { color: #f60; font-weight: bold; font-size: 20px; font-family: Verdana, Arial, Times; text-align: center; text-indent: 0cm }
.st            { color: #009; font-weight: bold; font-size: 12px; font-family: "Comic Sans MS", Arial, Times; text-align: justify; text-indent: 0cm }
.stands { color: #009; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Times; text-align: justify; text-indent: 0cm }
.stb    { color: #009; font-weight: bold; font-size: 22px; font-family: "Comic Sans MS", Arial, Times; text-align: center; text-indent: 0cm }
.blanc       { color: #fff; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Times; text-align: justify; margin: 0 }
.standclairgros            { color: #c99; font-weight: bold; font-size: 18px; font-family: Verdana, Arial, Times; text-align: center; text-indent: 0cm }
.standclair { color: #c99; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Times; text-align: center; text-indent: 0cm }
.small    { color: #fc0; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Times; text-align: justify; text-indent: 0cm }
.titredb       { color: #fc0; font-weight: bold; font-size: 11px; font-family: Verdana, Arial, Times; background-color: #f00; text-align: center; text-indent: 0cm }
.petitjaune        { color: #fc0; font-weight: bold; font-size: 9px; font-family: Verdana, Arial, Times; text-align: justify; text-indent: 0cm }
.titre1{ color: #fff; font: bold 18px Times; text-decoration: none; text-align: center }
td.gr{ color: #009; font-weight: bold; font-size: 12px; font-family: Verdana, Arial, Times; text-align: center; background-color: #e0e0e0;text-indent: 0cm }
td.tit{ color: #009; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, Times; text-align: center; background-color: #a0a0a0;text-indent: 0cm }

.titre2{ color: #fc0; font: italic bold 16px Verdana; text-align: left; text-indent: 30px; font-stretch: normal  }

.lien_album:link
{
color : #182892 ;
font-size : medium ;
font-stretch : normal ;
font-style : normal ;
font-variant : normal ;
font-weight : normal ;
}

.lien_album:visited
{
color : #182892 ;
font-size : medium ;
font-stretch : normal ;
font-style : italic ;
font-variant : normal ;
font-weight : normal ;
}

.lien_album:hover
{
color : cyan ;
font-size : medium ;
font-stretch : normal ;
font-style : normal ;
font-variant : normal ;
font-weight : normal ;
}

.lien_photo:link
{
color : #182892 ;
font-size : medium ;
font-stretch : normal ;
font-style : normal ;
font-variant : normal ;
font-weight : normal ;
}

.lien_photo:visited
{
color : #182892 ;
font-size : medium ;
font-stretch : normal ;
font-style : italic ;
font-variant : normal ;
font-weight : normal ;
}

.lien_photo:hover
{
color : cyan ;
font-size : medium ;
font-stretch : normal ;
font-style : normal ;
font-variant : normal ;
font-weight : normal ;
}

/************************************************************
*      affichage de numeros de pages des photos             *
************************************************************/

.photos_page_haut {
    border-bottom-style : groove ;
    border-bottom-width : 2px ;
    color : black ;
    font-size : x-small ;
    text-align : center ;
}

.photos_page_bas {
    border-top-style : groove ;
    border-top-width : 2px ;
    color : black ;
    font-size : x-small ;
    text-align : center ;
}

/************************************************************
*                Descriptifs des albums                     *
************************************************************/
.descriptif_album_table {
  width : 55% ;
  border-bottom-style : groove ;
  border-bottom-color : #c7f0fe ;
  border-bottom-width : 2px ;
}

.descriptif_album_td {
  text-align : center ;
  border-bottom-style : groove ;
  border-bottom-color : #c7f0fe ;
  border-bottom-width : 2px ;
}

/************************************************************
*                     photos                                *
* cette classe est utilisÈ pour les photos                  *
* champ <img>                                               *
************************************************************/
.photos
{
border-color : #c7f0fe ;
border-style : ridge ;
border-width : 2px ;
}

/************************************************************
*                     titre_alerte                          *
* exemple : vous entrez sur domaine rÈservÈ                  *
************************************************************/
.titre_alerte
{
color : red ;
font-size : large ;
font-stretch : normal ;
font-style : normal ;
font-variant : normal ;
font-weight : bold ;
text-align : center ;
}

/************************************************************
*                     boite                                 *
* champ input                                               *
************************************************************/
.boite
{
border-bottom-color : white ;
border-bottom-style : inset ;
border-bottom-width : 2px ;
border-left-color : white ;
border-left-style : inset ;
border-left-width : 2px ;
border-right-color : white ;
border-right-style : inset ;
border-right-width : 2px ;
border-top-color : white ;
border-top-style : inset ;
border-top-width : 2px ;
font-family : Times New Roman ;
font-size : xx-small ;
font-stretch : normal ;
font-style : normal ;
font-variant : normal ;
font-weight : normal ;
text-decoration : none ;
color : black ;
background-color : #c7f0fe ;
}

/************************************************************
*                     bouton                                *
************************************************************/
.bouton
{
border-bottom-color : white ;
border-bottom-style : outset ;
border-bottom-width : 2px ;
border-left-color : white ;
border-left-style : outset ;
border-left-width : 2px ;
border-right-color : white ;
border-right-style : outset ;
border-right-width : 2px ;
border-top-color : white ;
border-top-style : outset ;
border-top-width : 2px ;
font-family : Times New Roman ;
font-size : xx-small ;
font-stretch : normal ;
font-style : normal ;
font-variant : normal ;
font-weight : normal ;
text-decoration : none ;
color : white ;
background-color : #b57515 ;
}
/************************************************************
*             Affichage de nouveau                          *
************************************************************/
/* ne pas mettre text-color!! le script gËre la couleur */
.affiche_new
{
  font-size : xx-small ;
  font-weight : bold ;
}


/************************************************************
*        PrÈsentation des albums                            *
************************************************************/
/* champ table */

.presentation_album {
    border-color: white;
    border-style: groove;
    border-width: 2px;

    background-color : #ED9D51 ;

    padding : 20px ;
}

/************************************************************
*             PrÈsentation de l'image                       *
************************************************************/
/* champ table */

.presentation_photo {
    border-color: white;
    border-style: groove;
    border-width: 2px;

    background-color : #ED9D51 ;

    padding : 20px ;
}

/************************************************************
*                Menu des albums                            *
************************************************************/
/* champ table */

.menu_album  { background-color: #00c; text-align: center; padding: 4px; border: groove 2px white }

/************************************************************
*                Menu des vignettes                         *
************************************************************/
/* champ table */

.menu_vignettes  { background-color: #00c; text-align: center; padding: 4px; border: groove 2px white }

/************************************************************
*                Menu des photos                            *
************************************************************/
/* champ table */

.menu_photos  { background-color: #00c; text-align: center; padding: 4px; border: groove 2px white }

/************************************************************
*                        commentaires                       *
************************************************************/
.commentaire_table {

    border-color: white;
    border-style: groove;
    border-width: 2px;

    color : white ;
    font-size : normal ;
    font-stretch : normal ;
    font-style : normal ;
    font-variant : normal ;
    font-weight : normal ;
    text-decoration : none ;
    background-color : #b57515 ;
    width : 500px ;

    padding : 0px ;

}

.commentaire_nom {
    padding: 4px ;
    color : white ;
    width : 70% ;
}

.commentaire_date {
    padding : 4px ;
    width : 30% ;
    border-width : 2px ;
    color : white ;
    text-align : right ;
}

.commentaire_message {
    padding : 4px ;
    border-top-style : groove ;
    border-top-width : 2px ;
    color : white ;
    margin:  20px 20px 20px 20px;
}

/************************************************************
*                 descriptif des photos                     *
************************************************************/
/* balise table */
.descriptif_photos_table {
    border-bottom-color : #c7f0fe ;
    border-bottom-style : ridge ;
    border-bottom-width : 2px ;

    border-top-color : #c7f0fe ;
    border-top-style : ridge ;
    border-top-width : 2px ;
    padding : 0px ;
    color : black ;
    font-size : normal ;
    font-stretch : normal ;
    font-style : normal ;
    font-variant : normal ;
    font-weight : normal ;
    text-align : left ;
    text-decoration : none ;
    background-color : none ;
    width : 80% ;  /* si cette variable est supprimÈ, le tableau aura la largeur de l'image */
}

.descriptif_photos_td {
    border-bottom-color : #c7f0fe ;
    border-bottom-style : ridge ;
    border-bottom-width : 2px ;
}

.descriptif_photos_texte {
  text-align : left ;
  font-style: normal ;
  font-family : Times new roman ;
}

/************************************************************
*                         Barre                             *
* Tous les styles concernant la barre du haut               *
* (connection, inscrire...)                                 *
************************************************************/
/* Style du tableau, balise table */
.barre_table
 { color: #fff; background-color: #009; text-align: left; vertical-align: ; padding: 0; border: groove 2px #c7f0fe; width: 90%; height: 30px }

.barre_texte
   { color: #fff; font-weight: bold; font-size: 10pt; font-family: Verdana, "Nom de police", "Times New Roman", Times, Georgia; background-color: transparent; text-align: left; text-color: black  }

/* style des champs inputs de la barre */
.barre_boite
 { color: #009; font: 10pt Arial; text-decoration: none; background-color: #c7f0fe; vertical-align: middle; border: solid 1px black; font-stretch: normal  }

/* style du bouton de la barre input */
.barre_bouton
 { color: black; font: 11px Arial; text-decoration: none; background-color: #c7f0fe; vertical-align: middle; border: solid 1px black; font-stretch: normal  }