*
{ 
  font-family: arial,verdana,sans-serif;
  font-size: 12px; 
  }

body
{ 
  margin: 5px;
 }

img
{ 
  border: 0px;
 }

/* PAGE DE LOGIN  */
#login
{ 
  border: 1px solid #5a6583;
  background-color: #c0cce2;
  background-image: url(images/clavier.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  color: #333;
  width: 400px;
  }

#login table
{ 
  text-align: center;
  font-weight: bold;
  }

#login-infos
{ 
  width: 400px;
  }

#login-infos p
{ 
  color: #333;
  text-align: justify;
  font-weight: bold;
  font-size: 14px;
  }

/* GENERAL */
.bleu
{ 
  color: #5a33dd;
  }

p
{ 
  text-align: justify;
  }

p.alerte
{ 
  color: #d00;
  font-weight: bold;
  text-align: center;
  }

p.info
{ 
  color: #5a6583;
  font-weight: bold;
  text-align: center;
  }

p.aide
{ 
  color: #5a6583;
  text-align: justify;
  border-bottom: 1px solid #5a6583;
  padding-bottom: 5px;
  margin-top: 0px;
  }

input, textarea
{ 
 border: 1px solid #5a6583;
 background-image: url(/siteclub4/images/ombre.jpg);
 background-repeat: repeat-x;
 background-color: #fff;
 color: #000;
  }

a.bouton
{ 
  border: 1px solid #5a6583;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 10px;
  padding-right: 10px;
  background-image: url(/siteclub4/images/ombre.jpg);
  background-repeat: repeat-x;
  background-color: #fff;
  color: #5a6583;
  text-decoration: none;
  }

a.bouton:hover
{ 
  color: #5a6583;
  }

input.red
{ 
 color: #fff;
  background-color: #f42;
  background-image: none;
  border: none;
  }

input.red:hover
{ 
  background-color: #f56;
  }

select{
 background-color: #fff;
 color: #5a6583;
}

#info-connex
{ 
  text-align: center;
  background-color: #c0cce2;
  color: #fff;
  padding: 5px;
  font-weight: bold;
  font-size: 13px;
  }

#info-connex h2
{ 
  color: #000;
  margin-bottom: 2px;
  font-size: 16px;
  }

#info-connex input
{ 
  color: #c00;
  border-color: #c00;
  }

#date p
{ 
  margin-top: 18px;
  margin-right: 30px;
  text-align: right;
  }

#nouveautes
{ 
  text-align: left;
  color: #000;
  border: 2px solid #c0cce2;
 }

#nouveautes td.colore{ 
  background-color: #c0cce2;
  padding: 5px;
 }

#nouveautes dt
{ 
  color: #fff;
  display: inline;
  }

#nouveautes dd
{ 
  color: #000;
  display: inline;
  }

#page
{ 
  border: 1px solid #c0cce2;
  padding-left: 15px;
  padding-right: 15px;
  }

#page h1
{ 
  color: #db353f;
  font-size: 20px;
  border-bottom: 1px solid #db353f;
  text-align: left;
  margin-bottom: 4px;
  margin-top: 8px;
}

#page h2
{ 
  text-align: left;
  color: #2d60a2;
  font-size: 16px;
  border-bottom: 1px solid #2d60a2;
  width: 100%;
 }

#page h3
{ 
  color: #9ba679;
  font-size: 14px;
}

#menu .menu-titre
{ 
  border: 1px solid #c0cce2;
  }

#menu a.menu-elt
{ 
  color: #4c6488;
  font-size: 16px;
  text-decoration: none;
 }

#menu a.menu-elt:hover
{ 
  color: db353f;
  }

#menu a.menu-page
{ 
  display: block;
  color: #4c6488;
  font-size: 13px;
  text-decoration: none;
  padding-left: 10px;
 }

#menu a.menu-page:hover
{ 
  color: #c5654f;
 }

#menu a.menu-page-selected
{ 
  display: block;
  color: #4c6488;
  font-size: 13px;
  text-decoration: none;
  padding-left: 10px;
  color: #c5654f;
 }

#menu .liens-box
{ 
  border-bottom: 1px solid #c0cce2;
  border-left: 1px solid #c0cce2;
  border-right: 1px solid #c0cce2;
  }

#menu h2
{ 
  color: #db353f;
  margin-top: 4px;
  margin-bottom: 2px;
  padding-left: 2px;
}

#menu h3
{ 
  margin-top: 0px;
  margin-bottom: 2px;
  padding-left: 6px;
}

#liste table
{ 
  width: 90%;
  border: 1px solid #000;
  }

#liste td.titre
{ 
  text-align: center;
  background-color: #db353f;
  color: #fff;
  font-size: 16px;
  height: 20px;
  }

#liste th
{ 
  text-align: center;
  background-color: #c0cce2;
  font-size: 12px;
  height: 20px;
  font-weight: none;
  }

#liste th.head
{ 
  text-align: center;
  background-color: #c0cce2;
  font-size: 12px;
  height: 20px;
  font-weight: bold;
  }

#liste tr.clair
{ 
  background-color: #eee;
  }

#liste tr.fonce
{ 
  background-color: #ccc;
  }

#liste td
{ 
  text-align: center;
  border-top: 1px solid #666; 
  }

.arial-little {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none}
.arial-big {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: medium; font-weight: bold; text-decoration: none}
.arial-little-justifiy {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; text-align: justify}

.normal {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none}
.normalgrasjust {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; font-weight: bold; text-align: justify}
.normalbleu {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000066 ; text-decoration: none}
.normalrouge {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #CC0000 ; text-decoration: none}
.normalblanc{  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #FFFFFF ; text-decoration: none}
.normalorange{  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #FF6600 ; text-decoration: none}

.normal2 { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 12px; text-decoration: none}

.date{ font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; text-decoration: none; color: #CC0000; font-weight: bold; }
.titre_article {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 14px; color: #CC0000 ; text-decoration: none; font-weight: bold}
.titre_page_accueil { font-family: Arial, Helvetica; font-size: 13px; color: #FF6600; border-color: #FF6600; text-decoration: none; font-weight: bold }
.titre_page_accueil_separateur { font-family: Arial, Helvetica; font-size: 13px; color: #FF6600; border-color: #FF6600; text-decoration: none; font-weight: bold ;     
	border-left: none;
    border-right: none;
    border-top: solid;
    border-bottom: none;
    border-top-width: thin;
    border-color: grey;
 }
.tab_rouge {border-width:thin; border: solid; FONT-SIZE: 12px; border-color: #CC0000;font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #FFFFFF ; text-decoration: none; font-weight: bold}
.tab_bleu {border-width:thin; border: solid; FONT-SIZE: 12px; border-color: #000099; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #CC0000 ; FONT-STYLE: italic; text-decoration: none; font-weight: bold}

.nom_article{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0000FF; FONT-STYLE: italic; FONT-FAMILY: verdana; TEXT-ALIGN: left; TEXT-DECORATION: none; align: left}

.moyenbleu {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #000066 ; text-decoration: none; font-weight: bold}
.moyennoir {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #000000 ; text-decoration: none; font-weight: bold}
.moyenvert {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #336666 ; text-decoration: none; font-weight: bold}
.moyenblanc {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #FFFFFF ; text-decoration: none; font-weight: bold}
.moyenrouge {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #CC0000 ; text-decoration: none; font-weight: bold}
.moyenorange {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #FF6600 ; text-decoration: none; font-weight: bold}

.lessbigblanc {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 18px; color: #FFFFFF ;font-weight: bold; text-decoration: none}

.bigrouge {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: medium; color: #CC0000 ;font-weight: bold; text-decoration: none}
.bigblanc {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: medium; color: #FFFFFF ;font-weight: bold; text-decoration: none}
.bigbleu {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: medium; color: #000066 ;font-weight: bold; text-decoration: none}

A:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; TEXT-DECORATION: underlined; COLOR: #CC0000; FONT-WEIGHT: bold; FONT-SIZE: 11px}
A:active {  font-family: Tahoma, Verdana, Arial, sans-serif; TEXT-DECORATION: underlined; COLOR: #000066; FONT-WEIGHT: bold; FONT-SIZE: 11px}
A {  font-family: Tahoma, Verdana, Arial, sans-serif; TEXT-DECORATION: underlined; COLOR: #000066; FONT-WEIGHT: bold; FONT-SIZE: 11px}

A.accueil:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; TEXT-DECORATION: none; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px}
A.accueil:active {  font-family: Tahoma, Verdana, Arial, sans-serif; TEXT-DECORATION: none; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px}
A.accueil {  font-family: Tahoma, Verdana, Arial, sans-serif; TEXT-DECORATION: none; COLOR: #FFFFFF; FONT-WEIGHT: bold; FONT-SIZE: 11px}

A.liennoir:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #000000 ; text-decoration: none; font-weight: bold}
A.liennoir:active {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #000000 ; text-decoration: none; font-weight: bold}
A.liennoir{  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #000000 ; text-decoration: none; font-weight: bold}

A.lienblanc:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #FFFFFF ; text-decoration: none; font-weight: bold}
A.lienblanc:active {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #FFFFFF ; text-decoration: none; font-weight: bold}
A.lienblanc{  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #FFFFFF ; text-decoration: none; font-weight: bold}

A.lienrouge:hover {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #CC0000 ; text-decoration: none; font-weight: bold}
A.lienrouge:active {  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #CC0000 ; text-decoration: none; font-weight: bold}
A.lienrouge{  font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 13px; color: #CC0000 ; text-decoration: none; font-weight: bold}

A.italic:hover { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #FF0000; FONT-STYLE: italic; FONT-FAMILY: verdana; TEXT-ALIGN: left; TEXT-DECORATION: none; align: left}
A.italic:active { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0000FF; FONT-STYLE: italic; FONT-FAMILY: verdana; TEXT-ALIGN: left; TEXT-DECORATION: none; align: left}
A.italic{ FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #0000FF; FONT-STYLE: italic; FONT-FAMILY: verdana; TEXT-ALIGN: left; TEXT-DECORATION: none; align: left}


/* evenements */

a.titre_evt:hover  {  color: #CCCCCC; background: #000; border-style: solid; border-width: 1px; border-color: #333333;} }


a.titre_evt  {  display: block; color: #CC0000; background: #ffffff; text-decoration:none; border-style: solid; border-width: 1px; border-color: #000066;} }