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

* {

  font-size: 12px;
}

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

#sitecontent
{
  background-color: white;
}

#page .admin 
{
	color: black;
	background-color: #FDC1A5;
	border: 2px solid red;
	margin: 10px;
	padding: 10px;
	background-image: url(http://www.sportsregions.fr/club/images/cadenas.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

#page .admin h2
{
	color: black;
}

.hidden
{
	display: none;
}

.clickable
{
	cursor: pointer;
}

.invisible
{
	visibility: hidden;
}

.window_close
{
	position: absolute;
	right: 10px;
	top: 0px;
}

.window_home
{
	position: absolute;
	right: 45px;
	top: 0px;
}

.bold
{
  font-weight: bold;
}

.center
{
  text-align:center;
}

.left
{
  text-align: left;
}

.right
{
  text-align: right;
}

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;
}

#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/114.gif);
}

#motif
{
background-image: url(http://www.sportsregions.fr/images/motifs/88.gif);
 background-position: bottom right;
 background-repeat: no-repeat;
}

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

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

td.coordonees a
{
 color: #FFFFFF;
}

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

/* Page */

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

#page td, #page p, #page th, #page a, #page div
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}

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

#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: #ffffff;
 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;
}


#page .reaction h4{
  margin-bottom: 4px;
}

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

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

#page .fil_arianne, #page .fil_arianne a
{
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #596380;
	margin-bottom: 15px;
}

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

#forum p.message {
	font-weight: bold;
	text-align: center;
	background-color: #adb8d9;
	border: 2px solid #727ea3;
	padding: 4px;
}

#forum table, #news-comment table
{
	width: 100%;
	border-spacing: 0px;
}

#forum th
{
	background-image: url(/images/fond_menu_ppal.jpg);
	color: black;
	font-size: 14px;
}

#forum tr
{
	background-color: #fcfcfc;
}

#forum tr.odd
{
	background-color: #efefef;
}

#forum td.user-info, #news-comment td.user-info
{
	background-color: #efefef;
	width: 110px;
	text-align: center;
	padding: 10px;
	border-right: 1px solid darkgrey;
}

#forum td.message, #news-comment td.message
{
	padding: 5px;
	vertical-align: top;
}

#forum .meta, #news-comment .meta
{
	background-color: #ddd;
	color: black;
}

#page table.forum img, #news-comment img
{
	border: 0;
}

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

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

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


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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

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

a.lienTD {display: block; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #596380; FONT-WEIGHT: bold; FONT-SIZE: 18px; padding: 2px; text-align: center; text-decoration: none; background-color: #adb8d9; border: 1px solid #adb8d9;}
a.lienTD:hover {display: block; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 18px; padding: 2px; text-align: center; text-decoration: none; background-color: #596380; border: 1px solid #adb8d9;}
a.lienTD:active {display: block; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif, sans-serif; text-decoration: none; color: #adb8d9; FONT-WEIGHT: bold; FONT-SIZE: 18px; 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;}

#page td .video_vignette  { font-size: 10px;}

.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;
}

.photo_frame
{
	float: left;
	width: 160px;
	height: 150px;
	margin-right: 4px;
	margin-bottom: 4px;
	overflow: hidden;
	text-align: center;
	padding: 2px;
	cursor: pointer;
}

#galerie_photos_window_galerie_view .photo_frame
{
	height: 138px;	
}

.photo_frame img
{
	height: 112px;
	margin-top: 2px;
}

#page div .photo_frame .titre
{
	font-size: 13px;
	margin-top: 1px;
}

#page div .photo_frame .detail
{
	font-size: 11px;
}

#page div .legende_video
{
        font-size: 11px;
}

#galerie_photo_container
{
	position: relative;
}

#galerie_photos_window
{
	position: absolute;
	border: 2px solid black;
	background-color: #000;
	width: 920px;
	left: -200px;
	top: -180px;
	padding: 5px;
	text-align: center;
}

#galerie_photos_window h1
{
	font-size: 20px;
	color: white;
	border-bottom: 1px solid white;
}

#galerie_photos_window p
{
	color: white;
}


#galerie_photos_window h2
{
	font-size: 16px;
	color: white;
}

#galerie_photos_window_content
{
	margin: 10px;
}

#galerie_photos_window .rating
{
	text-align: left !important;
}

#galerie_photos_window .star-rating
{
	margin-left: 400px !important;
}

#galerie_photos_window #ratingtext2
{
	color: white;
	margin-left: 400px !important;
}


.cell-bas a
{
	color: white;
}