/* police et marge par defaut pour tout le site */
html, body{ 
 margin:0; 
 padding:0; 
 color:white;
 font: 12px "Trebuchet MS", Verdana, Arial;
 background-image: url(/theme/images/main_bkg.gif);
} 

#bordpage{
width:1000px; 
margin-left:auto; 
margin-right:auto;  
/*background-image: url(/theme/images/bordpage_bkg.gif);
background-repeat: repeat-y;*/
background-color : black;
}
 
#pagewidth{ 
width:990px; 
margin-left:auto; 
margin-right:auto;  
} 
 
#header{
position:relative; 
height:180px; 
background-image: url(/theme/images/fondmenuhautetlogopxl2.gif);
} 
 
#leftcol{
width:20%; 
float:left; 
position:relative; 
}
 
#twocols{
width:80%; 
float:right; 
position:relative; 
}
 
#footer{

height:26px;
border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #BBBBBB; 
border-right: 1px solid #BBBBBB; 
border-top: 1px solid #BBBBBB;
clear:both;
} 

/*  Float containers fix:  http://www.csscreator.com/attributes/containedfloat.php */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

/* menu du haut */
.menu{
	margin:0 auto;
	padding:0 0 0 15px;
	height:auto;
	/*width:990px;*/
	font-size:0.9em;
}

.menu ul{
	margin:0 auto;
	padding:1px 0 0 0;
	/*width:990px;*/
	list-style:none;
}
.menu ul li{
	margin:0 3px;
	padding:0;
	display:block;
	float:left;
	
}

.menu ul li a{
	display:block;
	font: 14px "Trebuchet MS", Verdana, Arial; 
	font-weight: bold ;
	float:left;
	margin: 0;
	padding:0 0 0 6px;
	width:auto;
	height:29px;
	background:transparent url(/theme/images/onglet_hover_01.gif) no-repeat 0 0;
	text-transform:uppercase;
	text-decoration:none;
}
.menu ul li a strong{
	display:block;
	float:left;
	height:18px;
	padding:7px 5px 4px 5px;
	color:#333;
	font-weight: bold ;
	cursor:pointer;
}
.menu ul li a span{
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0;
	width:6px;
	height:29px;
	background:transparent url(/theme/images/onglet_hover_02.gif) no-repeat right top;
}
.menu ul li a:hover{
	background:transparent url(/theme/images/onglet_01.gif) no-repeat 0 0;
}
.menu ul li a:hover strong{
	color:#fff;
}
.menu ul li a:hover span{
	background:transparent url(/theme/images/onglet_02.gif) no-repeat right top;
}
.menu li ul { /* second-level lists */
	clear:left;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width:auto;
	margin:29px 0 0 0;
	padding:0;
	border:1px solid #666666;
	border-top:0 none;
}
html>body .menu li ul 
{ 
 * margin:0;
} /* hack CSS only for IE7 */

.menu li ul li{
	clear:left;
	font-size:0.9em;
	display:block;
	margin:0;
	padding:0;
}
.menu li ul li a{
	display:block;
	margin:0;
	padding:3px 5px 0 5px;
	height:17px;
	width:270px;
	background:#828282;
	color:#fff;
}
.menu li ul li a:hover{
	background:#7e99c9;
	color:#fff;
}

.menu li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

.menu li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}

/* le texte compris entre des balises <h1> </h1> */
h1 {
	text-align:center;
	margin: 0;
	font: 12px "Trebuchet MS", Verdana, Arial;
}

/* le texte compris entre des balises <p> </p> en plus des caracteristiques par defaut de html, body{  */
p {
	text-align:center;	
	margin: 0;
}

/* on fait un decalage par rapport a la gauche de 9px et 1 par rapport au haut et bas pour le contenu des news commentaires plan etc... */
p.menuleft {
	color:black;
	text-align:left;
	margin: 1px 0px 1px 9px;
}

/* on fait un decalage par rapport a la gauche de 67px et 10px par rapport au haut et bas et 20px a la droite pour le contenu des news commentaires plan etc... */
p.left {
	color:black;
	text-align:left;
	margin: 10px 30px 10px 67px;
}

/* utilisé pour les news, lots, matchs, profil */
p.newsleft {
	color:black;
	text-align:left;
	margin: 0px 0px 0px 10px;
}

/* on fait un decalage par rapport a la droite de 30px et 10px par rapport au haut et bas pour le panier total */
p.right {
	color:black;
	text-align:right;
	margin: 10px 30px 10px 0px;
}

/* on fait un decalage par rapport a la gauche de 30px et 10px par rapport au haut et bas pour le contenu des tableau de 650 */
p.left650 {
	color:black;
	text-align:left;
	margin: 10px 0px 10px 30px;
}

/* texte dans les phases finales */
p.arbre {
	color:black;
	text-align:left;
	margin: 0px 0px 0px 0px;
	font: 9px Arial;
}

/* texte en rouge pour status */
.red {
	color:red;
}

/* texte en vert pour status */
.green {
	color:green;
}

/* toutes les images n'ont pas de bordure et sont centrée verticalement */
img{
	border: 0;
	vertical-align: middle;
}

/* Tous les liens non visite sont non souligne */
a:link{
	color: blue;
	text-decoration: none;
}
/* Tous les liens visite sont on souligne */
a:visited {
	color: blue;
	text-decoration: none;
}

/* Tous les liens survoles deviennent rouge souligne */
a:hover{
	color: red;
	text-decoration: underline;
}

/* Tous les liens non visite de class liensblanc sont non souligne */
a.liensblanc:link{
	color: white;
	text-decoration: none;
}
/* Tous les liens visite de class liensblanc sont on souligne */
a.liensblanc:visited {
	color: white;
	text-decoration: none;
}

/* Tous les liens survoles de class liensblanc deviennent rouge souligne */
a.liensblanc:hover{
	color: red;
	text-decoration: underline;
}

/* Tous les boutons input comme valider ok etc.. sont sans espace autour du texte */
input{
	padding: 0px 0px;
	font:  12px "Trebuchet MS";
}

/* le bouton submit ecrit en texte */
input.submittexte {
	color: blue;
	border-width: 0;
	background: transparent;
}

/* le bouton submit ecrit en texte  survole */
input.submittexte:hover {
	color: red;
	border-width: 0;
	background: transparent;
	text-decoration: underline;
}

/* Supprimer l'espace au dessus des formulaires */
form{ 
	display: block;
	margin: 0;
}

/* Fond gris des input de classe Gris */
input.unselected {
	border-bottom: 1px solid #BBBBBB;
	border-left: 3px solid blue;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	padding: 3px 3px;
	background: #EEEEEE;
}

input.selected {
	border-bottom: 1px solid #BBBBBB;
	border-left: 3px solid blue;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	padding: 3px 3px;
	background: #E0F2FF;
}

input.erreur {
	border-bottom: 1px solid red;
	border-left: 3px solid red;
	border-right: 1px solid red;
	border-top: 1px solid red;
	padding: 3px 3px;
	background: #FFE8E8;
}

textarea.unselected {
	border-bottom: 1px solid #BBBBBB;
	border-left: 3px solid blue;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	padding: 3px 3px;
	background: #EEEEEE;
}

textarea.selected {
	border-bottom: 1px solid #BBBBBB;
	border-left: 3px solid blue;
	border-right: 1px solid #BBBBBB;
	border-top: 1px solid #BBBBBB;
	padding: 3px 3px;
	background: #E0F2FF;
}

textarea.erreur {
	border-bottom: 1px solid red;
	border-left: 3px solid red;
	border-right: 1px solid red;
	border-top: 1px solid red;
	padding: 3px 3px;
	background: #FFE8E8;
}


/* toutes les tables sont par defaut centrees et sans bordure */
table{
 margin-left : auto; /* centre le tableau */
 margin-right : auto; /* centre le tableau */ 
 border-width: 0px;
}

/* Espace a droite de chaque sponsor 730x125 */
.seqslidestyle{
margin-right: 28px;
}

/* petit espace sous les menus ok */
td.espacesousmenu{
	height: 6px;
}
/* menu gauche ok */
.hautmenugauchemembre{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_membre.gif	);
}

.hautmenugaucheplan{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_plan.gif	);
}

.hautmenugauchepanier{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_panier.gif	);
}

.hautmenugauchephoto{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_photo.gif	);
}

.hautmenugauchestat{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_stat.gif	);
}

.hautmenugauchelive{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_live.gif	);
}

.hautmenugaucheserveur{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_serveur.gif	);
}

.hautmenugauchepoker{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_poker.gif	);
}

.hautmenugaucheamd{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_amd.gif	);
}

.hautmenugaucheqpad{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_qpad.gif	);
}

.hautmenugaucheprincipal{
	height: 28px;
	background-image: url(/theme/images/hautmenugauche_principal.gif	);
}

/* le contenu des menus */
td.menucontenu{
 color:black; 
 background:white; 
}
/* fin menu gauche ok */

/* le contenu des menus */
td.arbre{
 color:black; 
 background:#e0f2ff; 
 height: 35px;
 width: 104px;
}
/* fin menu gauche ok */

td.arbrehaut{
 height: 35px;
 width: 10px;
background-image: url(/theme/images/arbre_haut.gif);
background-repeat: no-repeat
}

td.arbremilieu{
 height: 35px;
 width: 10px;
background-image: url(/theme/images/arbre_milieu);
background-repeat: no-repeat
}

td.arbrebarre{
 height: 35px;
 width: 10px;
background-image: url(/theme/images/arbre_barre);
background-repeat: no-repeat
}

td.arbrebas{
 height: 35px;
 width: 10px;
background-image: url(/theme/images/arbre_bas);
background-repeat: no-repeat
}

/* le titre des pages sous degradé */
td.hautcontenu780{
	height: 28px;
	background-image: url(/theme/images/hautcontenu780.gif);
}

/* le titre des news sous degradé */
td.hautcontenunews{
	height: 28px;
	background-image: url(/theme/images/hautcontenu_news.gif );
}

/* le titre des commentaires sous degradé */
td.hautcontenucommentaire{
	height: 28px;
	background-image: url(/theme/images/hautcontenu_commentaire.gif );
}

/* ne pas utiliser de cellpadding cellspacing car ça bug avec IE */

/* tableau menu de 190 de large centre */
table.menu190{
 margin-left : auto; /* centre le tableau */
 margin-right : auto; /* centre le tableau */ 
 width : 190px ;
 border-width:0px;
}

/* table pour le plan complet 1.6 */
table.contenu1650{
 margin-left : auto; /* centre le tableau */
 margin-right : auto; /* centre le tableau */ 
 width : 1650px ;
 border-style:dotted;
 border-color:#CCCCCC;
 border-width:1px;
 border-collapse:collapse; 
}

/* table pour le plan complet source */
table.contenu1300{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left : 0; /* aligne a gauche le tableau */
 width : 1300px ;
 border-style:dotted;
 border-color:#CCCCCC;
 border-width:1px;
 border-collapse:collapse;
}

/* table pour l inclusion du forum et tout les contenus */
table.contenu780{
 margin-left : auto; /* centre le tableau */
 margin-right : auto; /* centre le tableau */ 
 width : 780px ;
 border : 0px;
}

/* tableau a l interieur du tableau contenu780 il fait 700 de large pour les news ET il est decallé de 10 pxpar rapport au haut et bas */
table.contenu700{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left : auto; /* centre le tableau */
 margin-right : auto; /* centre le tableau */ 
 width : 700px ;
 border : 0px;
}

/* tableau a l interieur du tableau contenu780 il fait 650 de large pour les commentaires contact partenaire plan 1.6 etc.. ET il est decallé de 10 pxpar rapport au haut et bas */
table.contenu650{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left : auto; /* centre le tableau */
 margin-right : auto; /* centre le tableau */ 
 width : 650px ;
 border-style:dotted;
 border-color:#CCCCCC;
 border-width:1px;
 border-collapse:collapse;
}

/* tableau a l interieur du tableau contenu780 il fait585 de large pour le plan cs source ET il est decallé de 10 pxpar rapport au haut et bas */
table.contenu585{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left : 0; /* aligne a gauche le tableau */
 width : 585px ;
 border-style:dotted;
 border-color:#CCCCCC;
 border-width:1px;
 border-collapse:collapse;
}

/* tableau a l interieur du tableau contenu780 il fait525 de large pour le plan cs source ET il est decallé de 10 pxpar rapport au haut et bas */
table.contenu525{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left : 0; /* aligne a gauche le tableau */
 width : 525px ;
 border-style:dotted;
 border-color:#CCCCCC;
 border-width:1px;
 border-collapse:collapse;
}

/* tableau a l interieur du tableau contenu780 il fait380 de large pour les participants ET il est decallé de 10 pxpar rapport au haut et bas */
table.contenu380{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left : auto; /* centre le tableau */
 margin-right : auto; /* centre le tableau */ 
 width : 380px ;
 border-style:dotted;
 border-color:#CCCCCC;
 border-width:1px;
 border-collapse:collapse;
}

/* tableau a l interieur du tableau contenu780 il fait300 de large pour les ajouts de poules ET il est decallé de 10 pxpar rapport au haut et bas */
table.contenu300{
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left : auto; /* centre le tableau */
 margin-right : auto; /* centre le tableau */ 
 width : 300px ;
 border-style:dotted;
 border-color:#CCCCCC;
 border-width:1px;
 border-collapse:collapse;
}

/* titre des tableau contenu de 650 */
caption.contenu650{
 margin-left : auto; /* centre le titre */
 margin-right : auto; /* centre le titre */ 
 color:white;
 background:#394f74;
}

/* Si les th sont définiées avec la bonne largeur inutile de définir la largeur dans les td

/* rubriques des tableau contenu de 780 faisant 10% de large */
th.contenu780_10{
 width: 10%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 780 faisant 20% de large */
th.contenu780_20{
 width: 20%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 780 faisant 25% de large */
th.contenu780_25{
 width: 25%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 650 oblige de mettre un width sinon ça bug avec ie */
th.contenu650{
width: 100%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 650 faisant 35% de large */
th.contenu650_65{
 width: 65%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 650 faisant 50% de large */
th.contenu650_50{
 width: 50%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 650 faisant 35% de large */
th.contenu650_35{
 width: 35%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 650 faisant 25% de large */
th.contenu650_25{
 width: 25%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 650 faisant 20% de large */
th.contenu650_20{
 width: 20%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 650 faisant 15% de large */
th.contenu650_15{
 width: 15%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 100% de large pour les poules a remplir */
th.contenu380_100{
 width: 100%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 85% de large  pour les lots*/
th.contenu380_85{
 width: 85%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 50% de large  pour les participants*/
th.contenu380_50{
 width: 50%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 35% de large  pour les tournois*/
th.contenu380_35{
 width: 42%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 25% de large  pour les participants*/
th.contenu380_25{
 width: 25%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 15% de large  pour les participants et lots*/
th.contenu380_15{
 width: 15%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 8% de large  pour les lots*/
th.contenu380_8{
 width: 8%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 85% de large  pour les lequipes a ajouter dans les poules*/
th.contenu300_85{
 width: 85%;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 125 px de large resultats poule bo3 */
th.contenu380_125px{
 width: 125px;
 background:#e0f2ff;
}

/* rubriques des tableau contenu de 380 faisant 85 px de large resultats poule bo3 */
th.contenu380_85px{
 width: 85px;
 background:#e0f2ff;
}

/* celulles contenu des tableau de 1650 (aligné en haut pour le plan complet 1.6*/
td.contenu1650 {
	vertical-align: top;
 color:black; 
 background:white; 
}

/* celulles contenu des tableau de 1300 (aligné en haut pour le plan complet source */
td.contenu1300 {
	vertical-align: top;
 color:black; 
 background:white; 
}

/* celulles contenu des tableau de 780 (aligné en haut pour les participants et poules)*/
td.contenu780 {
	vertical-align: top;
 color:black; 
 background:white; 
}

td.fondblanc{
/* background:white; modif le 15 mars 2008 */
}

/* pour le profil */
td.fondblanc50{
  width:50%;
}

/* pour le profil */
td.fondblanc37{
  width:37%;
}

/* pour le profil */
td.fondblanc25{
  width:25%;
}

td.fondgris{
  background:#efefef; 
}

/* pour la gestion des participations */
td.fondgrisfonce{
  background:#dedede; 
}

/* celulles des resultats de match */
td.fondvert{
background:#a5f79a;
}

/* celulles des resultats de match */
td.fondrouge{
background:#ff7777;
}

/* rubriques des plan */
th.plan{
width:58px;
background:#016fc6;
color:white;
/*background:#e0f2ff;*/
}

/* rubriques et celulles des plan qui font 1px de large pour la 3eme colone vide */
th,td.plan1{
width:3px;
/*background:white; modif le 15 mars 2008 */
}

/* celulles  des plan  sur fond gris */
td.plan{
width:29px;
	background:#e0f2ff;
}

/* celulles pour les lettres des plan grande halle */
td.planlettre{
width:25px;
background:#016fc6;
color:white;
text-align:center;	
}

/* celulles des plan grande halle vide  */
td.planespace{
width:25px;
}

/* espace en hauteur entre les doubles tables des plan grande halle vide */
td.planespacedoublecellule{
height: 30px;
/*background:white; */
}

/* celulles des plan grande halle sur fond gris */
td.planoccupe{
width:115px;
background:#e0e0e0;
text-align:center;	
}

/* celulles des plan grande halle sur fond bleu */
td.planlibre{
width:115px;
background:#e0f2ff;
text-align:center;	
}

/* celulles des plan grande halle sur fond bleu */
td.planlibre16{
width:115px;
background:#e0f2ff;
text-align:center;	
}

/* celulles des plan grande halle sur fond rouge */
td.planlibresource{
width:115px;
background:#ff7777;
text-align:center;	
}

/* celulles des plan grande halle sur fond jaune */
td.planlibresc2{
width:115px;
background:#f7f889;
text-align:center;	
}

/* celulles des plan grande halle sur fond vert */
td.planlibretf2{
width:115px;
background:#a5f79a;
text-align:center;	
}

/* celulles des plan grande halle sur fond transparent car vide */
td.planovide{
width:115px;
background:#000000;
}

/* rubriques des plan */
th.plancomplet{
width:160px;
background:#016fc6;
color:white;
/*background:#e0f2ff;*/
}

/* celulles  des plan  sur fond gris */
td.plancomplet{
width:80px;
	background:#e0f2ff;
}

/* la celulle qui contient le bouton retour ou le bas d une news sur fond gris */
td.bascontenu{
	color:black;
	height: 28px;
	background:#efefef;
}

/* la celulle contenant l image partenaire */
td.partenaire50{
	background:black;
	width:50px;
}

/* la celulle contenant les 4 partenaires qui defilent */
td.partenaire730{
	background:black;
	width:730px;
}

/* on affiche une image de la map en survol pour les finales en BO3 http://www.siteduzero.com/tutoriel-3-34410-modifier-l-apparence-d-une-infobulle.html */
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted 
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 0px; /* on positionne notre infobulle */
   left: 25px;
}