/* CSS Document */
body
{
background-image : url('fond2010.png');
background-repeat: no-repeat;
background-position: 50% 205px;
background-color: #1d1d1d;
font-family: Verdana, arial;
color : white;
font-size: 11px;
padding: 0px;
margin : 0px;
behavior: url("/images/csshover.htc");
}

h1
{
visibility: hidden;
margin:0;
padding:0;
font-size:1px;
}

h2 {
text-indent:-5000px;
font-size:0px;
color : white;
text-align: center;
width:280px;
height:25px;
margin: 0px;
margin-left: 5px;
background-repeat:no-repeat;
}

h3 {
padding:0px;
margin:0px;
font-size:15px;
color : #a1fd3b;
margin-left:15px;
text-align:left;
}

form
{
display:inline;
}

.image
{
background:#454545;border:1px solid #767676;padding:1px; margin:4px;
}

label
{
float:left;
width:25%;
margin-right:0.5em;
margin-top:2px;
text-align:right;
}

a
{
color: white;
}

a:hover
{
  color : #ff60d9;
}

.footer
{
text-align: center;
}
.footer a
{
color: white;
}
.footer a:hover, .footer ul.nav li a:hover
{
  color : #ec018c;
}

.footer ul.nav{
	margin:auto; padding:0; list-style:none;
	width:310px;
	}
	
.footer ul.nav li{
	color:#FFFFFF;  float:left; 
	display:block;
	}
	
.footer ul.nav li a{
	color:#FFFFFF; padding:0 2px;
	}

a.infobulle {
position: relative;
}
a.infobulle span {
display: none;
}
a.infobulle:hover {
background: none;
z-index: 500;
text-decoration:none;
}
a.infobulle:hover span {
border: 1px dashed #ec018c;
border-left: 4px solid #ec018c;
font-weight: normal;
display: inline;
position: absolute;
top: 2em;
left: 1em;
background:  white;
text-align: center;
color: #000000;
padding: 2px;
width: 200px;
text-decoration:none;
}


input, textarea {
	color 							: #ff00c0 ;
	border 							: 2px solid white ;
	border-left 				: 2px solid white ;
	background-image		: url('input.gif');
	background-repeat		: repeat-x;
	padding-left				: 5px;
}


input[type=text]:hover, input[type=password]:hover, textarea:hover {
border: 2px solid #a1a1a1;
}

.button
{
border:0px;
margin:0px;
padding:0px;
background-image: none;
background-color:transparent;
}

#reglement{
background: url('/images/grand_warning.gif') no-repeat;
padding-left:40px;
}

#aide{
background: url('grand_help.gif') no-repeat;
padding-left:40px;
}

ul li
{
    list-style-image: url('puce1.gif');
}
.ligne
{
text-align:left;
}

  #menu
  {
  width:600px;
  }
  #menu a
  {
  font-size:0px;
  letter-spacing:-50px;
  text-indent:-100;
  color:#3d3e42;
  text-align:left;
  }
  .onglet
  {
  margin-top:20px;
  margin-right:5px;
  cursor: pointer;
  float:left;
  }
  #Panelaccueil{background-image:url('/images/menu_accueil.gif');width:80px;height:33px;}
  #Panelaccueil2, #Panelaccueil:hover{background-image:url('/images/menu_accueil2.gif');width:80px;height:33px;}
  #Panelinscription{background-image:url('/images/menu_inscription.gif');width:105px;height:33px;}
  #Panelinscription2, #Panelinscription:hover{background-image:url('/images/menu_inscription2.gif');width:105px;height:33px;}
  #Panelcadeaux{background-image:url('/images/menu_cadeaux.gif');width:88px;height:33px;}
  #Panelcadeaux2, #Panelcadeaux:hover{background-image:url('/images/menu_cadeaux2.gif');width:88px;height:33px;}
  #Panelforum{background-image:url('/images/menu_forum.gif');width:79px;height:33px;}
  #Panelforum2, #Panelforum:hover{background-image:url('/images/menu_forum2.gif');width:79px;height:33px;}
  #Panelcompte{background-image:url('/images/menu_compte.gif');width:120px;height:33px;}
  #Panelcompte2, #Panelcompte:hover{background-image:url('/images/menu_compte2.gif');width:120px;height:33px;}
  #Panelpartie{background-image:url('/images/menu_parties.gif');width:96px;height:33px;}
  #Panelpartie2, #Panelpartie:hover{background-image:url('/images/menu_parties2.gif');width:96px;height:33px;}




.grosBouton
{
background-image:url('/images/bouton.gif');
background-repeat:no-repeat;
width: 324px;
height: 60px;
float:left;
text-align:center;
padding-top:5px;
margin-right:15px;
margin-left:5px;
margin-bottom:5px;
cursor:pointer;
}
.grosBoutonTexte
{
float:left;
padding-top:5px;
width:250px;
margin-left:20px;
text-align:left;
}
.grosBoutonImage
{
float:left;
padding-top:7px;
padding-left:15px;
}
.grosBouton:hover
{
background-image:url('/images/bouton-hover.gif');
}



.petitBouton
{
background-image:url('/images/sbouton.gif');
background-repeat:no-repeat;
width: 134px; 
/*184*/
height: 31px;
float:left;
text-align:center;
padding-top:5px;
margin-left:5px;
cursor:pointer;
}
.petitBoutonTexte h3
{
float:left;
margin-left:17px;
margin-top:4px;
color:white;
font-size:11px;
font-weight: normal;
}
.petitBoutonImage
{
padding-top:0px;
float:left;
margin-left:7px;
}

.relsample { width: 882px; position: relative; background-image: url("/images/arrondis/haut_centre.gif"); background-repeat: repeat-x; background-color:#757575;}
.relsample .top_left, .relsample .top_right, .relsample .bottom_left, .relsample .bottom_right, .relsample .bottom_center { background-color:#1d1d1d; position: absolute;}
.relsample .top_left { top: 0px; left: 0px; width:11px; height:96px;background-image: url("/images/arrondis/haut_gauche.gif");z-index: 0;  }
.relsample .top_right { top: 0px; right: 0px; width:11px;  height:96px; background-image: url("/images/arrondis/haut_droite.gif"); background-repeat:no-repeat;z-index: 1; }
.relsample .bottom_left { bottom: -1px; left: 0px; width:8px; height:26px; background-image: url("/images/arrondis/bas_gauche.gif"); z-index: 2; }
.relsample .bottom_center { bottom: -1px; width:100%; height:26px; background-image: url("/images/arrondis/bas_centre.gif"); background-repeat: repeat-x; z-index: 1; }
.relsample .bottom_right { bottom: -1px; right: 0px; width:10px; height:26px; background-image: url("/images/arrondis/bas_droite.gif"); z-index: 3; }
.relsample .content {position: relative; padding:10px; z-index:4;}

.relsample2 { width: 250px; position: relative; background-image: url("/images/arrondis/haut_centre2.gif"); background-repeat: repeat-x; background-color:#454545;}
.relsample2 .top_left, .relsample2 .top_right, .relsample2 .bottom_left, .relsample2 .bottom_right, .relsample2 .bottom_center { background-color:#757575; position: absolute;}
.relsample2 .top_left { top: 0px; left: 0px; width:11px; height:15px;background-image: url("/images/arrondis/haut_gauche2.gif");z-index: 5;  }
.relsample2 .top_right { top: 0px; right: 0px; width:11px;  height:15px; background-image: url("/images/arrondis/haut_droite2.gif"); z-index: 6; }
.relsample2 .bottom_left { bottom: -1px; left: 0px; width:8px; height:26px; background-image: url("/images/arrondis/bas_gauche2.gif"); z-index: 7; }
.relsample2 .bottom_center { bottom: -1px; width:100%; height:26px; background-image: url("/images/arrondis/bas_centre2.gif"); background-repeat: repeat-x; z-index: 6; }
.relsample2 .bottom_right { bottom: -1px; right: 0px; width:10px; height:26px; background-image: url("/images/arrondis/bas_droite2.gif"); z-index: 8; }
.relsample2 .content {position: relative; padding:10px; z-index:9;text-align:center;}



/*google maps*/
        v\:* {
          behavior:url(#default#VML);
        }
        #gmapmarker {
          font: normal small verdana, arial, helvetica, sans-serif;
          font-size: 10pt;
          margin: 0px;
          width: 175px;
          height: 110px;
          overflow:auto;
		  text-align:left;
		  color : black;
        }

        #gmapmarker p{
          margin : 0;
          padding : 2px 0 2px 0;
		  color : black;
        }

        #gmapmarker a {text-decoration: none; color: #0066CC; background-color: transparent;}

        #gmapmarker a:hover {color: #F60; background-color: transparent;}

        #gmapmarker h1 {
          font-weight: bold;
          font-size: 13px;
          color: #369;
          border-bottom: 2px solid #369;
          padding : 2px;
          margin : 0;
        }


/* Sliding Accueil */
#box4{
	position:absolute;
}
#box4 div{
	width:560px;
	height:185px;
	float:left;
}
.mask3{
	position:relative;
	width:560px;
	height:155px;
	overflow:hidden;
}
.sample{margin-left:15px;width:560px; height:185px;}

.buttons{padding:5px;}
.buttons span{color:white;padding:0 5px;cursor:pointer;}
.buttons span.active, .buttons span:hover{background:#ef129a;color:#fff}


/* Sliding Accueil Logué */
#box5{
	position:absolute;
	text-align:center;
}
#box5 div{
	width:240px;
	height:90px;
	float:left;
}
.mask4{
	position:relative;
	width:240px;
	height:105px;
	overflow:hidden;
}
.sample2{margin-left:15px;width:240px; height:95px;}

.buttons{padding:5px;}
.buttons span{color:white;padding:0 5px;cursor:pointer;}
.buttons span.active, .buttons span:hover{background:#ef129a;color:#fff}	



/*-------Pagination----------------*/
.pagenavi {
	font-size: 1.2em;
	padding-top:5px;
	display: block;
	/*width: 390px;*/
	/*margin:auto;*/
	text-align:center;
	margin-right: 20px;
	margin-bottom:15px;
	float:right;	
	height: 28px;
}

.pagenavi .pages {
	font-weight: 700;
	padding: 0;
	margin: 2px;
	float: left;
	text-align: center;
	height: 28px;
	line-height: 28px;
}
.pagenavi .current, .pagenavi span.active {
	padding: 0;
	background: url(/images/pagination_a.gif) left top;
	margin: 2px;
	font-weight: 700;
	color: #111;
	float: left;
	text-align: center;
	width: 32px;
	height: 28px;
	line-height: 28px;
}
.pagenavi a, .pagenavi span{
	padding: 0;
	margin: 2px;
	background: url(/images/pagination_a.gif) left 56px;
	color: #334200;
	text-decoration: none;
	float: left;
	width: 32px;
	height: 28px;
	line-height: 28px;
	text-align:  center;
}
.pagenavi a:hover, .pagenavi span:hover {
	background: url(/images/pagination_a.gif) left 28px;
	color: #222;
}

.miniOnglet
{
border-left:1px solid #333333;
border-right:1px solid #333333;
border-top:1px solid #333333;
padding-left:5px;
padding-right:5px;
margin-right:3px;
}

.miniOnglet a
{
color : #949494;
text-decoration:none;
}

.miniOnglet:hover a
{
color : white;
}