/* Global Styles */

body
 {
	margin : 0px;
	background : #000000;
	margin-top : 20px;
	margin-bottom : 20px;
	font : 11px Arial, Helvetica, sans-serif;
	color : #FFFFFF;
}
	
.styleGen a 
{
	color : #000000;
	text-decoration : none;
}
			
.styleGen a:hover 
{
	text-decoration : underline;
	color : #E9CD48;
}

.page
{
	margin: 0 50px;
}	
	
.styleGen
{
	background : #000000;
}
	
	

	

.message
{
	position : absolute;
	top : 300px;
	left : 0px;
	width : 100%;
	cursor : pointer;
}
	
.message-td
{
	border : none;
	background : url("./Image/message/fond.jpg");
	padding : 0px;
	color : #000000;
	font-weight : bold;
	font-size : 120%;
}
	
.entete
{
	width : 973px;
	height : 137px;
	background : url('./Image/entete.jpg') top left no-repeat;
	display : block;
}
	
	
.label
{
	width : 973px;
	height : 86px;
	background : url('./Image/label.jpg') top left no-repeat;
	color : black;
	font-size : 130%;
	color : black;
	text-decoration : none;
	font-weight : bold;
}

.label table
{
	height : 55px;
}

.label a
{
	font-size : 90%;
	color : black;
	text-decoration : none;
	font-weight : bold;
}
	
.label a:hover
{
	text-decoration : underline;
	color : black;
}

.label-bouton a
{
	text-align : left;
	display : block;
	width : 161px;
	height : 40px;
	line-height : 40px;
	background : url('./Image/label-bouton.jpg') no-repeat;
	background-position : 0px 0px;
	color : black;
	font-weight : bold;
	font-size : 110%;
	text-decoration : none;
	font-size : 90%;
}

.label-bouton span
{
	margin-left : 35px;
}

.label-bouton a:hover
{
	background-position : 0px -40px;
	color : black;
	text-decoration : none;
}

.tableMenu
{
	width : 160px;
	border : none;
}

.menu
{
	width : 160px;
	height : 44px;
	border : none;
}

.imgMenu
{
	width : 1px;
	height : 44px;
}

.sousmenu
{
	height : 44px;
	border : none;
	vertical-align : top;
}

.sousmenu-select
{
	height : 44px;
	border : none;
	vertical-align : top;
}

.menu a
{
	display : block;
	width : 160px;
	height : 44px;
	line-height : 44px;
	background : url('./Image/menu/menu.jpg') no-repeat;
	background-position : 0px 0px;
	color : black;
	font-weight : bold;
	font-size : 110%;
	text-decoration : none;
}

.menu-select a
{
	display : block;
	width : 160px;
	height : 44px;
	line-height : 44px;
	background : url('./Image/menu/menu.jpg') no-repeat;
	background-position : 0px -44px;
	color : black;
	font-weight : bold;
	font-size : 110%;
	text-decoration : none;
}

.menu a:hover
{
	background-position : 0px -44px;
	color : black;
	text-decoration : none;
}

.menu-select a:hover
{
	color : black;
	text-decoration : none;
}

.sousmenu a
{
	display : block;
	width : 190px;
	height : 44px;
	line-height : 44px;
	background : url('./Image/menu/sous-menu.gif') no-repeat;
	background-position : 0px 0px;
	color : black;
	font-weight : bold;
	text-decoration : none;
}


.menu span 
{
	padding-left : 5px;
}


.menu-select span 
{
	padding-left : 5px;
}

.sousmenu span 
{
	padding-left : 65px;
}


.sousmenu-select span 
{
	padding-left : 65px;
}

.sousmenu-select a
{
	display : block;
	width : 190px;
	height : 44px;
	line-height : 44px;
	background : url('./Image/menu/sous-menu.gif') no-repeat;
	background-position : 0px -44px;
	color : black;
	font-weight : bold;
	text-decoration : none;
}

.sousmenu a:hover
{
	background-position : 0px -44px;
	color : black;
	text-decoration : none;
}

.sousmenu-select a:hover
{
	color : black;
	text-decoration : none;
}

.france a
{
	display : block;
	width : 80px;
	height : 80px;
	background : url('./Image/france.jpg') no-repeat;
	background-position : 0px 0px;
	color : black;
	font-weight : bold;
	font-size : 110%;
	text-decoration : none;
	margin : 0px 0px 0px 20px;
	border : none;
}

.france a:hover
{
	background-position : 0px -80px;
}

.pied
{
	background : url('./Image/pied.jpg') no-repeat;
	padding-top : 15px;
	color : black;
}

.pied a:hover
{
	color : #4A8B39;
}


.colonneFont
{
	background : url("./Image/cadre-droite/fond.jpg");
	background-repeat : y-repeat;
	width : 184px;
}

.colonneHaut
{
	background : url("./Image/cadre-droite/haut.jpg");
	background-repeat : no-repeat;
	background-position : top left;
	width : 184px;
}

.colonneBasPique
{
	background : url("./Image/cadre-droite/bas-pique.jpg");
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 184px;
}

.colonneBasTrefle
{
	background : url("./Image/cadre-droite/bas-trefle.jpg");
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 184px;
}

.colonneBasCoeur
{
	background : url("./Image/cadre-droite/bas-coeur.jpg");
	background-repeat : no-repeat;
	background-position : bottom right;
	width : 184px;
}


.smiliesFond
{
	background : url("./Image/cadre-droite/fond-smilies.gif");
	background-repeat : none;
	width : 184px;
	height : 308px;
}



.blockCentre
{
	background : url("./Image/blockFond.jpg");
	background-repeat : y-repeat;
	height : 1%;
	overflow : auto;
}

.blockHaut
{
	background : url("./Image/blockHaut.jpg");
	background-repeat : no-repeat;
	background-position : top left;
}

.blockBas
{
	background : url("./Image/blockBas.jpg");
	background-repeat : no-repeat;
	background-position : bottom left;
	padding : 20px;
}


.onglet-light
{
	height : 33px;
	line-height : 33px;
	background : url('./Image/onglet-light.jpg') repeat-x;
	color : black;
	font-weight : bold;
	text-decoration : none;
	padding : 0px 5px 0px 5px;
	cursor : default;
}

.onglet-dark
{
	height : 33px;
	line-height : 33px;
	background : url('./Image/onglet-dark.jpg') repeat-x;
	color : black;
	font-weight : bold;
	text-decoration : none;
	padding : 0px 5px 0px 5px;
	cursor : pointer;
}


.titre
{
	font-size : 120%;
	font-weight : bold
}




.titreSalle
{
	font-size : 120%;
	font-weight : bold;
}


.soustitreSalle
{
	font-weight : bold;
	font-style : italic;
}


.tableBonus
{
	width : 100%;
	border-collapse : collapse;
	border : 1px solid black;
}


.trBonus td
{
	padding : 0px 2px 0px 2px;
	font-weight : bold;
	color : black;
	background : url(./Image/bouton-large.jpg) repeat-x;
}


.tableBonus td
{
	border-right : 1px #0A3803 solid;
	border-top : 1px #28721D solid;
	height : 28px;
}


.lienBlanc a
{
	color : black;
}


.lienBlanc a:hover
{
	color : white;
}


.inscription input
{
	padding-left : 3px;
	font : 11px Arial, Helvetica, sans-serif;
}


hr
{
	display:block;
	width:100%;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
	margin-bottom:0px;
	color: #85B162;
	background-color:#85B162;
	height: 1px;
	border: #85B162;
}



	
.soustitre
{
	font-style : italic;
	font-size : 13px;
	letter-spacing:0.1em;
}	

.titrebloc
{
	font-weight : bold;
	text-decoration : underline;
	font-size : 12px;
}	

.blocpic
{
	padding-left : 17px;
	background : url('./Image/pic.gif');
	background-repeat : no-repeat;
	background-position : left;
}

.tooltip
{
	background : #4A8B39;
	padding : 10px;
	border : 2px solid #F8F035;
}

.semaine tr
{
	height : 70px;
	text-align : center;
}

.semaine td 
{
	width : 70px;
	border : 1px solid #102F0C;
	vertical-align : top;
}

.jour
{
	background : #669C3E;
}

.tableauFreeroll
{
	border-collapse : collapse;
}

.tableauFreeroll th
{
	padding : 5px;
	text-align : center;
	border : 1px solid black;
}

.tableauFreeroll td
{
	padding : 2px 5px 2px 5px;
	text-align : center;
	border : 1px solid black;
}

/* menu */

/*
.menu
{
	border-bottom : 1px solid #FFFFFF;
	background : url('./Image/deg.png');
	
}

.sousmenu
{
	border-bottom : 1px solid #FFFFFF;
	padding-left : 20px;
	background : url('./Image/deg.png');
}

.menu2
{
	border-bottom : 1px solid #FFFFFF;
	background : url('./Image/deg.png');
}


.menu a 
{
	font : 11px Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	line-height : 16px;
	letter-spacing : .1em;
	text-decoration : none;
	display : block;
	padding : 8px 6px 8px 22px;
}
	
.menu a:hover
{
	color : #DDDDDD;
	font-weight:bold;
	background: url("./Image/mm_bullet_yellow.gif") 10px 50% no-repeat;
}

.sousmenu a 
{
	font : 11px Arial, Helvetica, sans-serif;
	color : #DBFF99;
	line-height : 16px;
	letter-spacing : .1em;
	text-decoration : none;
	display : block;
	padding : 8px 6px 8px 22px;
}
	
.sousmenu a:hover
{
	color : #DDDDDD;
	background: url("./Image/mm_bullet_yellow.gif") 10px 50% no-repeat;
}

.menu2 a
{
	color : #EEEE55;
	font : 11px Arial, Helvetica, sans-serif;
	line-height : 16px;
	letter-spacing : .1em;
	text-decoration : none;
	display : block;
	padding : 8px 6px 8px 22px;
}

.menu2 a:hover
{
	color : #FFFF99;
	font-weight:bold;
	background: url("./Image/mm_bullet_yellow.gif") 10px 50% no-repeat;
}
	*/

/* Class Styles */	
.bodyText 
{
	font:11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:22px;
	margin-top:0px;
}
	
.pageName{
	font:17px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:24px;
	letter-spacing:4px;
	}
	
.columnHeader {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:18px;
	letter-spacing:.05em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:18px;
	letter-spacing:.1em;
	}

.smallText {
	font:10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	}
	
.Style3
{
	font:13px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
}


/*mise en page generale*/
p#titre {
  color:#FFFFFF;
  font-size:1.2em;
  position:relative;
  width:10em;
}

/*mise en page des cadres*/
fieldset {
  border:none;
}

/*mise en page du fieldset informations*/
.informations
{
	width:500px;
	position:left;
	font-size:14PX;
	left:20px;
	color:#FFFFFF;
}

/*mise en page du fieldset accueil*/
fieldset#accueil {
  color:#FFFFFF;
  position:center;
  margin-left:11em;
  vertical-align:top;
}

/*mise en page du fieldset formulaire*/


/*mise en page du fieldset commentaires*/



/*mise en page des listes deroulantes*/
select {
  margin-bottom:.2em;
  line-height:1.4em;
}

/*mise en page des input d'informations*/
#informations input {
  line-height:1.4em;
  margin-bottom:.2em;
}

/*mise en page des input de formulaire*/
#formulaire input {
  line-height:1.4em;
  margin-bottom:.2em;
}




/*alignement des boutons*/
p#buttons {
  text-align:center;
}

.ma_page
{
	background : #4A8B39;
	border-left : 2px #204F14 solid;
	border-top : 2px #204F14 solid;
	border-right : 2px #C2D886 solid;
	border-bottom : 2px #C2D886 solid;
	font : 11px Arial, Helvetica, sans-serif;
	color : #FFFFFF;	
}

.mess
{
	font : 12px Arial, Helvetica, sans-serif;
	color : #FFFFCC;	
	border-top : 1px #FFFFCC solid;
	border-bottom : 1px #FFFFCC solid;
	width : 550px;
}


.lienPoker a
{
	font-size : 13px;
	color : #000000;
	text-decoration : none;
	font-weight : bold;
	display : block;
	padding : 0px;
}

.lienPoker a:hover
{
	color : #FFFFFF;
}

.tableauVert
{
	border : 1px #000000 solid;
	border-collapse : collapse;
}

.tableauVert td
{
	border : 1px #000000 solid;
}

.mes-donnees
{
	width : 100%;
}

.mes-donnees input
{
	background : #4A8B39;
	border-left : 1px #204F14 solid;
	border-top : 2px #204F14 solid;
	border-right : 2px #C2D886 solid;
	border-bottom : 2px #C2D886 solid;
	padding-left : 3px;
	font : 11px Arial, Helvetica, sans-serif;
	color : #FFFFFF;	
}

.mes-donnees select
{
	background : #4A8B39;
	border-left : 1px #204F14 solid;
	border-top : 2px #204F14 solid;
	border-right : 2px #C2D886 solid;
	border-bottom : 2px #C2D886 solid;
	padding-left : 3px;
	font : 11px Arial, Helvetica, sans-serif;
	color : #FFFFFF;	
}

.mes-donnees textarea
{
	background : #4A8B39;
	border-left : 1px #204F14 solid;
	border-top : 2px #204F14 solid;
	border-right : 2px #C2D886 solid;
	border-bottom : 2px #C2D886 solid;
	padding-left : 3px;
	font : 11px Arial, Helvetica, sans-serif;
	color : #FFFFFF;	
}

.mes-donnees .mes-donnees-bouton
{
	border : none;
	height : 25px;
	cursor : pointer;
	background : url('./Image/bouton.jpg') repeat-x;
	color : black;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
}

.mes-donnees-bouton
{
	border : none;
	height : 25px;
	cursor : pointer;
	background : url('./Image/bouton.jpg') repeat-x;
	color : black;
	font-weight : bold;
	font-family : Arial, Helvetica, sans-serif;
}

.lienFAQ a
{
	color : white;
	text-decoration : none;
	font-size : 120%;
	font-weight : bold;
}

.lienFAQ a:hover
{
	color : #F7EF35;
}