/* Feuilles de style pour l'affichage */

body {
	position: relative;
  padding:15px 0 0 0;
  margin:0;
  font:85% tahoma, verdana, sans-serif;
  background:#770000;
  color:#ffffff;
}

#body_hbcl {
  margin: auto;
  width:735px;
}

/* Entête de connexion-----------------------------------------------------------*/

#headmenu_hbcl {
  color: #ffffff;
	margin:0 auto;
	text-align:right;
	font-size:11px;
}
#headmenu_hbcl ul {
	list-style-type:none;
	padding:0px 10px;
	height:21px;
	margin:0 auto;
	text-align:center;
}
#headmenu_hbcl li {
	display:block;
	float:left;
	line-height:20px;
	height:21px;
}
#headmenu_hbcl a {
	color:white;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right:0.8em;
}
#headmenu_hbcl a:hover {
  color:white;
	text-decoration:none;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #fff;
}
#fast_connect_form {
	padding:0px;
	margin:0px;
}
#headmenu_hbcl #fast_connect {
	float:right;
	margin-top:1px;
	height:20px;
}
#headmenu_hbcl #fast_connect input {

	border-left:3px solid #000000; 
	border-right:1px solid #000000); 
	border-top:1px solid #000000); 
	border-bottom:1px solid #000000;
	padding:1px;
  font-family: Verdana,"Century Gothic",Arial,serif;
  color:#ffffff;
  background:#000000;
	vertical-align:middle;
	height:13px;
	font-size:0.8em;
}

#headmenu_hbcl input#fcf_connect { height:18px; }

/* Formatage du texte-----------------------------------------------------------*/

a {
  color:#ffffff;
  text-decoration:none;
}

a:hover {
  color:#ffffff;
  text-decoration:none;
}

h1 {
  margin:0 0 20px 0;
  font-size:3.2em;
  font-weight:normal;
}

h2 {
  margin:0 0 12px 0;
  font-size:2.8em;
  font-weight:normal;
}

h3 {
  margin:0 0 10px 0;
  font-size:1.5em;
  font-weight:normal;
  color: #990000;
}

h4 {
  margin:0 0 10px 0;
  font-size:1.2em;
  font-weight:normal;
  color: #cc0000;
}

p {
  margin:0 0 15px 0;
  line-height:1.5em;
  text-align:left;
}



/* Container principal ---------------------------------------------------------*/

#container {
  margin:0 auto 20px auto;
  width:730px;
  padding:5px 20px 0 20px;
  background:#000000 url(../img/corner2.gif) top right no-repeat;
}

/* Header ----------------------------------------------------------------------*/

#logo {
  margin:15px 0 0 0;
}

#logo h1 {
  text-align:center;
  margin-top: -50px;
}

#logo h1 span {
  color:#990000;
  border:none;
}

#logo h1 a {
  color:#808080;
  border:none;
}

#logo h1 a:hover {
  color:#505050;
  border:none;
  text-decoration:underline;
}

/* Notices et Warning ----------------------------------------------------------*/

.warning {
	margin:10px auto 10px 15px;
	padding:0px;
	text-align:center;
	font-weight:bold;
}
.warning p {
  text-align:center;
	padding:5px;
	margin:0px;
	background-image: url(../img/war.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 696px;
	color:white;
}
.notice {
	margin:10px auto 10px 15px;
	padding:0px;
	text-align:center;
	font-weight:bold;
}
.notice p {
 text-align:center;
	padding:5px;
	margin:0px;
	background-image: url(../img/notice.jpg);
	background-repeat: no-repeat;
	height: 31px;
	width: 696px;
	color:white;
}

/* Onglets du menu -------------------------------------------------------------*/

#navitabs {
  clear:both;
}

.navitab {
  padding:4px 8px 4px 8px;
  margin:0 0 4px 0;
  text-decoration:none;
  font-size:1.1em;
  background:#505050 url(../img/corner.gif) top right no-repeat;
  border-bottom:1px solid #000000;
  border-left:1px solid #000000;
}

.navitab:hover, .navitab:focus {
  text-decoration:none;
  background:#252525 url(../img/corner.gif) top right no-repeat;
  border-bottom:1px solid #000000;
}

.activenavitab {
  padding:4px 8px 5px 8px;
  color:#ffffff;
  margin:0 0 5px 0;
  font-size:1.1em;
  text-decoration:none;
  background:#770000 url(../img/corner.gif) top right no-repeat;
}

.activenavitab:hover, .activenavitab:focus {
  cursor:default;
  text-decoration:none;
  color:#ffffff;
}

/* Description page + ... ------------------------------------------------------*/

#desc {
  color:#ffffff;
  padding:0;
  background:#770000 url(../img/corner.gif) top right no-repeat;
  clear:both;
  margin:5px 0 15px 0;
  height: 105px;
}

/* Hack ie pour hauteur min*/
html>body #desc {
height: auto;
min-height: 105px;
} 

#desc p {
  font-size:1em;
  line-height:1.3em;
  padding:0 0 10px 15px;
}

#desc h2 {
  padding:15px 15px 0 15px;
  color:#ffffff;
}

#desc a {
  color:#ffffff;
  text-decoration:none;
  border-color:#ffffff;
}

/* Contenu ---------------------------------------------------------------------*/

#main {
  width:550px;
  float:left;
  padding:0 15px 0 0;
  margin:0 0 20px 0;
  border-right:1px solid #808080;
}

#main strong {
  color: #808080;
}


/* Ajout d'une bordure pour les liens */
#suite a {
  border-bottom:1px dotted #cc0000;
}

#suite a:hover {
  border-bottom:1px solid #cc0000;
}

/* Colonne de droite -----------------------------------------------------------*/

#sidebar {
  width:150px;
  float:right;
}

#sidebar p {
  font-size:0.9em;
  line-height:1.3em;
  margin:0 0 15px 0;
}

#sidebar h4 {
  color: #ffffff;
  border-left: 2px solid #808080;
  border-bottom: 1px solid #808080;
  padding-left: 5px;
  
}

.sidelink {
  text-align:left;
  display:block;
  width:140px;
  background:#303030 url(../img/corner.gif) top right no-repeat;
  padding:3px 4px 3px 8px;
  margin:5px 10px 5px 0;
  border:none;
}

.sidelink:hover {
  background:#808080 url(../img/corner.gif) top right no-repeat;
  text-decoration:none;
  border:none;
}

/* Footer ----------------------------------------------------------------------*/

#footer {
  clear:both;
  background:#505050;
  padding:0;
  margin:0;
  border-top:1px solid #808080;
}

/* Ajout d'une bordure pour les liens */
#footer a {
  border-bottom:1px dotted #ffffff;
}

#footer a:hover {
  border-bottom:1px solid #ffffff;
}

#footer p {
  color:#ffffff;
  font-size:1.1em;
  line-height:1.3em;
  margin:15px 0 0 0;
  padding:0 0 5px 5px;
  text-align:center;
}

/* Divers ----------------------------------------------------------------------*/

.photo {
  padding:2px;
  margin:0 0 8px 0;
  background-color:#f0f0f0;
  border:1px solid #808080;
}

.right {
  float:right;
}

.hide {
  display:none;
}

.bureau span {
  color: #808080;
}

.histoire span {
  color: #808080;
}

/* Couleur des noms et adresses des sponsors */
td.nometp {
  color: #770000;
}

td.adretp {
  color: #808080;
}

/* Ajout d'une bordure pour les liens */
.liens a , .stats a, .equipes a{
  border-bottom:1px dotted #505050;
}

.liens a:hover, .stats a:hover, .equipes a:hover {
  border-bottom:1px solid #cc0000;
}

.galerie a, .galerie a:hover {
  border-bottom:none;
}

.stats span {
  color: #CC0000;
}

/* Bloc d'information -----------------------------------------------------------*/
.block {
  background:#808080 url(../img/corner.gif) top right no-repeat;
  padding:5px 0 1px 10px;
}

/* Spécifiques à la page d'accueil ---------------------------------------------*/
.photo_accueil {
  padding:2px;
  margin:0 0 0 -7px;
  background-color:#f0f0f0;
  border:1px solid #808080;
}

#news {
  border: 2px solid #808080;
  padding: 1em 8px;
  margin-bottom : 10px;
  background: #000000; /* declare background color for container to avoid distorted fonts in IE while fading */
}

#news h3 a{
  margin:0 0 10px 0;
  font-weight:normal;
  color: #990000;
}

#news p {
  text-indent: 2em;
}

#news span {
  color: #808080;
}

/* Ajout d'une bordure pour les liens */
#news a {
  color: #808080;
  border-bottom:1px dotted #cc0000;
}

#news a:hover {
  color: #808080;
  border-bottom:1px solid #cc0000;
}

/* Onglets pour les pages ------------------------------------------------------*/
/* root element for tabs  */
ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #770000;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 10px;	
	text-decoration:none;
	border-bottom:0px;
	height:18px;
	background:#505050 url(../img/corner.gif) top right no-repeat;
	color:#fff;
	margin-right:2px;
	/*-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright:4px;*/
	position:relative;
	top:1px;	
}

ul.css-tabs a:hover, ul.css-tabs a:focus {
	background:#252525 url(../img/corner.gif) top right no-repeat;
	color:#fff;
}
	
/* selected tab */
ul.css-tabs a.current {
	background:#770000 url(../img/corner.gif) top right no-repeat;
	border-bottom:1px solid #770000;
	color:#fff;	
	cursor:default;
}

	
/* tab pane */
div.css-panes div {
	display:none;
	border:1px solid #770000;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#000;	
}
	
/* Utilisation Classements -------------------------------------------------------*/
/*pour les classements 
td.TxtcontenubleuNA { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffff66; background-color: #444444;}
td.Txtcontenubleu { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffffff}
td.Journees { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #ffff66; text-align: justify ;background-color: #770000;}
td.Txttableau { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #ffffff; text-align: justify }
td.TxttableauLoulay { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #000000; text-align: justify;background-color: #770000; }
tr.TxtLoulay {background-color: #770000; } */

/* Classement */
#main div.lgClassmt strong {
  color: #fff;
}

#main div.lgClassmt span {
  color: #700;
  font-weight:bold;
}

div.lgClassmt table {
width:100%;
color:#eee;
border-collapse:collapse;
border-spacing:0;
}

div.lgClassmt table tr th {
background:#770000;
color: #fff;
}

div.lgClassmt table tr th#cls1 {
width:20px;
}
div.lgClassmt table tr td {
text-align:center;
background:#A0A0A0;
height:26px;

}
div.lgClassmt table tr.pair td {
background:#808080;

}
div.lgClassmt table th.clsEq, div.lgClassmt table td.clsEq {
text-align:left;
}
/* Journées */
#main div.journee span {
  color: #700;
  font-weight:bold;
}

div.journee h3 {
background:#770000;
color:#fff;
text-transform:uppercase;
font-size:1.2em;
padding:8px 0 0 33px;
height:23px;/*31-8*/
position:relative;
margin:31px 0 1px;
}
div.journee h3 img {
position:absolute;
left:7px;
top:7px;
}
div.journee ul.resultsJournee {
margin:0;
padding:0;
list-style:none;
}
div.journee ul.resultsJournee li {
background:#A0A0A0;
padding:5px 0;
}
div.journee ul.resultsJournee li.pair {
background:#808080;
}
#main  div.journee ul.resultsJournee li strong{
color:#252525;
}

#main  div.journee ul.resultsJournee li.pair strong{
color:#252525;
}
div.journee ul.resultsJournee li div {
display:inline-block;
min-height:25px;
vertical-align:top;
}
div.journee ul.resultsJournee li div.dateH {
width:125px;
padding-left:5px;
}
div.journee ul.resultsJournee li div.equipe1,
div.journee ul.resultsJournee li div.equipe2 {
width:140px;
padding-left:5px;
text-transform:uppercase;
}
div.journee ul.resultsJournee li div.score {
width:55px;
text-align:center;
}

/* Partenaires -------------------------------------------------------*/
#effect1, #effect2{
    position:relative;
    margin:0 0 8px 10px;
}

.box_sponsors {
  float: right;
  margin: 5px 2px 0 0;
}

.pics { height: 100px; width: 130px; padding:0; margin:0; overflow: hidden }

.pics img {     background-color: none;  
    width:  120px; 
    height: 90px;
    padding:2px;
    margin:0 0 8px 0;
    background-color:#f0f0f0;
    border:1px solid #808080; 
}
/* Formulaire de contact -------------------------------------------------------*/
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
#contactname.error,  #email.error, #subject.error, #message.error{ 
	background-color: #FF303A; 
}
form#contactform input, form#contactform select {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	color:#333;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

/* jQuery Tools -------------------------------------------------------*/
/* the overlayed element */
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:570px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}
 
/* some styling for triggers */
#triggers {
	text-align:center;
}
 
#triggers img {
	cursor:pointer;
	margin:0 5px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:2px;
 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/* the active thumbnail */

#triggers a.active img {
	outline:1px solid #000;
 
	/* show on top of the expose mask */
	z-index:9999;
	position:relative;
} 

/* the large image. we use a gray border around it */
#img {
	border:1px solid #666;
}

/* "next image" and "prev image" links */
.next, .prev {
	
	/* absolute positioning relative to the overlay */
	position:absolute;
	top:40%;	
	border:1px solid #666;	
	cursor:pointer;
	display:block;
	padding:10px 20px;
	color:#fff;
	font-size:11px;
	
	/* upcoming CSS3 features */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}

.prev {
	left:0;
	border-left:0;
	-moz-border-radius-topleft:0;
	-moz-border-radius-bottomleft:0;
	-webkit-border-bottom-left-radius:0;
	-webkit-border-top-left-radius:0;
}

.next {
	right:0;
	border-right:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-bottomright:0;
	-webkit-border-bottom-right-radius:0;
	-webkit-border-top-right-radius:0;	
}

.next:hover, .prev:hover {
	text-decoration:underline;
	background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
	visibility:hidden;		
}

/* the "information box" */
.info {
	position:absolute;
	bottom:0;
	left:0;	
	padding:10px 15px;
	color:#fff;
	font-size:11px;
	border-top:1px solid #666;
}

.info strong {
	display:block;	
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
	position:absolute;
	top:45%;
	left:50%;
	display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
	background:#333 !important;
	background:rgba(0, 0, 0, 0.6) url(../img/h80.png) repeat-x;		
}


 
/* styling for elements inside overlay */
.details {
	position:absolute;
	top:15px;
	right:15px;
	font-size:11px;
	color:#fff;
	width:150px;
}
 
.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}