#container
{
  font-family: Arial, Helvetica, sans-serif;
}

* {

  font-size: 12px;
}

body {
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  background-color: #FFFFFF;
    background-image: url(http://www.sportsregions.fr/images/fond/club//2143.png);
    background-repeat: repeat-x;
    }

#sitecontent
{
  background-color: white;
}

.bold
{
  font-weight: bold;
}

.center
{
  text-align:center;
}

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

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

img.bordered {
  border: 2px solid #727ea3;
}

img.bordered:hover {
  border: 2px solid #596380;
}

.lien_admin
{
	background-image: url(/images/fond_admin.png);
	border-bottom: 1px solid #aaa;
	margin-bottom: 4px;
}

.lien_admin img
{
	border: 0px;
}

.lien_admin .bouton1
{
	width: 500px;
}

#container 
{ 
  position: absolute;
  left: 50%;
  margin-left: -389px;
  width:779px;
  min-height: 600px;
  }

#page hr{
 border-width: 0px; 
 border-color: #727ea3; 
 background-color: #727ea3; 
 color: #727ea3;
 clear: both;
 height: 1px;
 margin: 0px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
}

#page hr.invisible{
 border-width: 0px; 
 border-color: #f0f4ff; 
 background-color: #f0f4ff; 
 color: #f0f4ff;
 clear: both;
 height: 2px;
 margin: 0px;
}

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

select{
 background-color: #fff;
 color: #333;
}

td.ombre{
 background-image: url(/images/ombre.jpg);
 background-repeat: repeat-x;
 font-size: 4px;
 height: 10px;
}

td.fond-sport
{
 height: 157px;
 background-image: url(http://www.sportsregions.fr/images/bandeaux/253.jpg);
}

#motif
{
 background-position: bottom right;
 background-repeat: no-repeat;
}

td.nom-club
{
 font-size: 32px;
 font-style: italic;
 font-weight: bold;
 color: #F7DD77;
}

td.coordonees
{
  font-weight: bold;
 color: #F7DD77;
}

td.coordonees a
{
 color: #F7DD77;
}

td.coordonees a:hover
{
 color: #adb8d9;
}

/* Page */

#page 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #f5f5f5; 
  margin-right: 5px;
  margin-left: 5px;
  color: #000;
  padding-left: 5px;
  padding-right: 5px;
}

#page b{
  font-size: 12px;
}

#page h1
{
 color: #596380;
 font-size: 18px;
 margin-top: 0px;
 margin-bottom: 8px;
 font-weight: bold;
}

#page h2
{
 color: #596380;
 font-size: 14px;
 margin-top: 4px;
 padding-bottom: 0px;
 margin-bottom: 2px;
 font-weight: bold;
}

#page h2.souligne{
  border-bottom: 1px solid #596380;
}

#page h3
{
 color: #727ea3;
 margin-top: 2px;
 margin-bottom: 2px;
}

#page h2.barre
{
  background-color: #596380;
 color: #fff;
 display: block;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 4px;
  padding-left: 10px;
  font-weight: bold;
}

#page a
{
 color: #596380;
}

#page a:hover
{
 color: #727ea3;
}

#page a.gros
{
   font-size: 14px;
   font-weight: bold;
   padding-bottom: 0px;
   margin-bottom: 2px;
 text-decoration: none;
}

#page a.moyen
{
   font-size: 13px;
   padding-bottom: 0px;
   margin-bottom: 2px;
   font-weight: bold;
 text-decoration: none;
}

#page th
{
  background-color: #666;
 color: #eee;
  text-align: center;
}

.colonne
{
  background-color: #adb8d9;
  vertical-align: top;
}

.module
{
  text-align: center;
  margin-bottom: 5px;
}

.colonne h1{
  background-color: #727ea3;
 color: #333333;
 width: 140px;
 display: block;
  font-size: 12px;
  margin-top: 0px;
  margin-bottom: 4px;
  padding-top: 1px;
  padding-bottom: 1px;
  font-weight: bold;
}

.gauche h1
{
 float: right;
 text-align: right;
  padding-right: 4px;
}

.droite h1
{
 float: left;
 text-align: left;
  padding-left: 4px;
}

#edito{
 width: 140px;
 display: block;
 float: right;
  text-align: left;
  font-size: 10px;
  margin-bottom: 3px;
  
}

#edito h3{
 color: #596380;
 margin: 0px;
 font-size: 16px;
}

#edito b{
  font-size: 10px;
}

#connex{
  font-size: 10px;
  text-align: center;
}

#connex a{
  font-size: 10px;
}

#connex form{
  font-size: 10px;
  margin-bottom: 0px;
}

#connex .button{
  font-size: 10px;
  margin-top: 3px;
  margin-bottom: 0px;
}

#infos-src{
}

#infos-src a{
  font-size: 10px;
}


#forum .reaction{
  margin-left: 15px;
}

#forum p.reaction-comment {
  border-left: 2px solid #727ea3;
    padding-left: 5px;
    margin-top:0px;
	background-color: white;
}

#forum h4{
  margin-bottom: 1px;
}

.normal {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none}
.normalgrasjust {font-family: Arial, Helvetica, sans-serif;font-size: 13px;text-decoration: none; font-weight: bold;text-align: justify;color: #596380;}
.normalbleu {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #596380 ; text-decoration: none}
.normalrouge {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #727ea3 ; text-decoration: none}
.normalblanc{  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #adb8d9 ; text-decoration: none}

.normalcouleur1 {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #596380 ; text-decoration: none}
.normalcouleur2 {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #727ea3 ; text-decoration: none}
.normalcouleur3 {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #adb8d9 ; text-decoration: none}

.moyenbleu {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #596380 ; text-decoration: none; font-weight: bold}
.moyenrouge {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #727ea3 ; text-decoration: none; font-weight: bold}
.moyencouleur1 {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #596380 ; text-decoration: none; font-weight: bold}
.moyencouleur2 {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #727ea3 ; text-decoration: none; font-weight: bold}
.moyencouleur3 {  font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #adb8d9 ; text-decoration: none; font-weight: bold}


.moyenpluscouleur3 {  font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 16px; color: #adb8d9 ;font-weight: bold; text-decoration: none}

.bigrouge {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #727ea3 ;font-weight: bold; text-decoration: none}
.bigblanc {font-family: Arial, Helvetica, sans-serif; font-size: 16px;color: #adb8d9;font-weight: bold;text-decoration: none;}
.bigbleu {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #596380 ;font-weight: bold; text-decoration: none}
.bigcouleur1 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #596380 ;font-weight: bold; text-decoration: none}
.bigcouleur2 {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #727ea3 ;font-weight: bold; text-decoration: none}
.bigcouleur3 {font-family: Arial, Helvetica, sans-serif; font-size: 16px;color: #adb8d9;font-weight: bold;text-decoration: none}

.title1 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #596380 ;font-weight: bold; text-decoration: none;FONT-STYLE: italic;}
.title2 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #727ea3 ;font-weight: bold; text-decoration: none;FONT-STYLE: italic;}
.title3 { font-family: Arial, Helvetica, sans-serif; font-size: 22px; color: #adb8d9 ;font-weight: bold; text-decoration: none;FONT-STYLE: italic;}

.arial-little {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none}
.form-titlebar {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #adb8d9; text-decoration: none; background-color: #000099; border: 1px #adb8d9 solid; font-weight: bold}
.arial-big {  font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-decoration: none}
.arial-justifiy {  font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-decoration: none; text-align: justify}


a.smalltitle1 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #596380 ;font-weight: bold; text-decoration: none;FONT-STYLE: italic;}
a.smalltitle1:hover { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #596380 ;font-weight: bold; text-decoration: none;FONT-STYLE: italic;}


.menucouleur3 {  font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #adb8d9 ;font-weight: bold; text-decoration: none}
.datecouleur2 {  font-family: Arial, Helvetica, sans-serif, sans-serif; font-size: 14px; color: #727ea3 ;font-weight: bold; text-decoration: none}

a.liengros:hover {  font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #727ea3; FONT-WEIGHT: bold; FONT-SIZE: 15px}
a.liengros:active {  font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 15px}
a.liengros {  font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 15px}

a.lien2:hover {  font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #727ea3; FONT-WEIGHT: bold; FONT-SIZE: 13px}
a.lien2:active {  font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 13px}
a.lien2 {  font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 13px}

a.lien3:hover {  font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 13px}
a.lien3:active {  font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 13px}
a.lien3 {  font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 13px}

a.menu:hover {  font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 18px;}
a.menu:active {  font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 18px;}
a.menu {  font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 18px;}

a.menusmall:hover {  font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 13px}
a.menusmall:active {  font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 13px}
a.menusmall {  font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 13px}

.bigorange {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FF9900;font-weight: bold; text-decoration: none}
.moyenblanc {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #adb8d9 ; text-decoration: none}
.normaljust {font-family: Arial, Helvetica, sans-serif;font-size: 13px;text-decoration: none;font-weight: normal;text-align: justify;color: #000000;}

a.italic:hover { FONT-WEIGHT: bold; FONT-SIZE: 13px; color: #727ea3; FONT-STYLE: italic; font-family: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; text-decoration: none; text-align: left}
a.italic:active { FONT-WEIGHT: bold; FONT-SIZE: 13px; color: #727ea3; FONT-STYLE: italic; font-family: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; text-decoration: none; text-align: left}
a.italic{ FONT-WEIGHT: bold; FONT-SIZE: 13px; color: #596380; FONT-STYLE: italic; font-family: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; text-decoration: none; text-align: left}

a.bigblanc {font-family: Arial, Helvetica, sans-serif; font-size: 16px;color: #adb8d9;font-weight: bold;text-decoration: none;}
a.bigblanc:hover {font-family: Arial, Helvetica, sans-serif; font-size: 16px;color: #727ea3;font-weight: bold;text-decoration: none;}
a.bigblanc:active {font-family: Arial, Helvetica, sans-serif; font-size: 16px;color: #727ea3;font-weight: bold;text-decoration: none;}

TD#titre{  
	color: #adb8d9; 
	background-color: #596380;
	font-size: 16px;
	font-weight: bold;
}

TD.titre{  
	color: #adb8d9; 
	background-color: #596380;
	font-size: 16px;
	font-weight: bold;
}

a.lienTD {display: block; font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 16px; padding: 2px; text-align: center; text-decoration: none; background-color: #adb8d9; border: 1px solid #adb8d9;}
a.lienTD:hover {display: block; font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 16px; padding: 2px; text-align: center; text-decoration: none; background-color: #596380; border: 1px solid #adb8d9;}
a.lienTD:active {display: block; font-family: Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 16px; padding: 2px; text-align: center; text-decoration: none; background-color: #596380; border: 1px solid #adb8d9;}


/* PRESENTATION 4 */
/*
*
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}
*/

#menu-ppal
{
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(/images/fond_menu_ppal.jpg);
	border-bottom: 3px solid #596380;
}

#menu-ppal a
{
 display: block;
 padding-top: 2px;
 padding-bottom: 2px;
 font-weight: bold;
 color: #2a486c;
 text-decoration: none;
 padding-left: 5px;
 padding-right: 5px;
}

#menu-ppal a:hover
{
 color: #596380;
 background-color: #adb8d9;
}

#menu-ppal a.selected
{
 display: block;
 padding-top: 2px;
 padding-bottom: 2px;
 font-weight: bold;
 color: #fff;
 text-decoration: none;
 padding-left: 5px;
 padding-right: 5px;
 background-color: #596380;
}

#menu-ppal a.selected:hover
{
 color: #fff;
 background-color: #596380;
}

#menu-top td.bg
{
  text-align: center;
  border-left: 1px solid #2a486c;
  vertical-align: bottom;
}

hr.ombre
{
 clear: both;
 margin: 0px;
 border: 0px;
 border-color: #fff;
 background-image: url(/images/ombre.jpg);
 height: 8px;
}

#menu
{
  background-color: #adb8d9;
  text-align: right;
}

#menu a
{
  font-size: 11px;
 color: #505050;
 display : block;
 padding-right: 4px;
 text-decoration: none;
}

#menu a:hover
{
 color: #596380;
}

#menu a.selected
{
  font-size: 11px;
 color: #727ea3;
 display : block;
 padding-right: 4px;
 text-decoration: underline;
}

#menu a.selected:hover
{
 color: #596380;
}


table.tab_calendrier { width: 400px; font-family: Arial; font-size: 13px; border-style: solid; border-width: 1px; border-color: #596380; background: #FFFFFF;  }

.titremois  { font-weight: bold; color: #727ea3; }
.titremois:hover  { font-weight: bold; color: #727ea3; text-decoration: none }

.titrejours  { font-family: Arial; font-size: 10px; color: #000000; text-align: center;}


.titrenum  { color: #727ea3;  text-align: center;}

.titrenum2  { color: #596380;  text-align: center;}

.titreweek  { color: #000000; }
.titreweek2  { color: #000000; }

a.titre_evt  { display: block; color: #596380; background: #adb8d9; text-decoration:none; border-style: solid; border-width: 1px; border-color: #596380; text-align: center;}
a.titre_evt:hover  { color: #adb8d9; background: #596380; border-style: solid; border-width: 1px; border-color: #727ea3;}

.titrenow  { color: #FFFFFF; background: #727ea3 }

/* module_resultats */
.tab-res th, .tab-res td{
  border-bottom: 1px solid #666;
}

.tab-res th {
  color: #444;
  font-weight: normal;
}

.tab-res a {
  color: #596380;
  text-decoration: none;
}

.pair {
  background-color: #fff;
}

.impair {
   background-color: #adb8d9;
}

/* module_calendrier */

#module-calendrier .nom-jours{
  background-color: #ccc;
}

#module-calendrier .semaine{
  background-color: #fff;
}
#container 
{ 
  position: absolute;
  left: 50%;
  margin-left: -470px;
  width: 950px;
  min-height: 600px;
  }

#page th.titre {
  background-color: #596380;
  width: 120px;
  text-align: left;
  padding-left: 6px;
}

.fond-gris {
  background-color: #ddd;
}

.layer {
  background-color: #adb8d9;
  border: 1px solid #596380;
  padding: 3px;
  z-index : 500;
  position : absolute;
  visibility : hidden;
  top : 187px;
}

.layer a {
  display: block;
  font-weight: bold;
  color: #596380;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
  padding: 2px;
}

.layer a:hover {
  color: #727ea3;
}

.gauche {
  width: 230px;
}

.droite {
  width: 150px;
}

.gauche h1, .droite h1 {
  float: none;
  display: block;
  width: auto;
  text-align: left;
  padding: 2px;
  padding-left: 6px;
}

#edito{
 padding: 6px;
 display: block;
 float: none;
 text-align: justify;
 font-size: 10px;
 margin-bottom: 0px;
 width: auto;
}

#module-galerie-advance {
  background-color: #eee;
}

#module-galerie-advance h1{
  background-color: #aaa;
}

#module-galerie-advance img{
  margin-top: 5px;
}

#module-resultat {
  margin-bottom: 6px;
}

#bas-page .cell-bas{
  color: #fff;
  background-color: #596380;
  font-size: 14px;
  font-weight: bold;
  padding: 4px;
  text-align: center;
}

#bas-page .cell-bas-contact {
  width: 150px;
}

#bas-page .cell-bas-contact a {
  color: #ccc;
  text-decoration: none;
}


#motif
{
background-image: none;
}

#pub-top {
  position:absolute;
  left: 450px;
  top: 80px;
}

.nom-club {
  position:absolute;
  right: 23px;
  top: 30px;
}

#coordonnees-top {
  display: none;
}