
***************************************************************************************************************************************************************
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/
html	{margin-left:0px;padding-left:0px;margin-right:0px;padding-right:0px;}

body{
        background: none #0D0D0D;
	font-family: verdana,Helvetica,Arial,  sans-serif;
	font-size: 12px; 
	line-height: 10px;
	/*color: #666666;*/
        color:#ffffff;
        margin-left:0px;padding-left:0px;margin-right:0px;padding-right:0px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: 0px;
	margin-right: 0px;
	width: 912px;
        background: none #0D0D0D; 
	font-family: verdana,Helvetica,Arial,  sans-serif;
	font-size: 12px; 
	line-height: 10px;
	/*color: #666666;*/
        color:#ffffff; 
        margin-left:0px;padding-left:0px;margin-right:0px;padding-right:0px;      
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:940px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/


**********************************************************************************************************************************************************
#megaglob {
	width:1106px;
	/*min-height:100%;*/
	margin:0px;
	/*background: url(images/megaglob.png) top left repeat;*/
        background: none #0D0D0D; 
	font-family: verdana,Helvetica,Arial,  sans-serif;
	font-size: 12px; 
	line-height: 1.05em;
	/*color: #666666;*/
        color:#ffffff;
}

#global {
	background: none #0D0D0D; 
	font-family: verdana,Helvetica,Arial,  sans-serif;
	font-size: 12px; 
	line-height: 1.05em;
	/*color: #666666;*/
        color:#ffffff;
}

.separateur { height:10px;float:left; width:100%; }





/* #wrap ------------------------------------------------------------ */
#wrap { float:left;margin-left:0px;padding-left:0px;margin-right:0px;padding-right:0px }

#modrub {
	float:left;
	/*padding:0 20px;*/
	width:500px;
	margin-top:0px;
	/* background: rgba(0,0,0,0.5) ;*/
}






/* devenir membres -------------------------------- */

div.user {
	font-size:12px;
	text-align:center;
	cursor:pointer;
}

div.contentuser {
	font-size:14px;
	line-height:18px;
	/*margin:20px 0px;*/
	/*padding:10px;*/
	text-align:left;
	color:#000;
}

.bgd div.contentuser { color:#FFF; }

div.user a.more {
	display:block;
	height:16px;
	/*margin:10px;*/
	font-size:12px;
	font-style:italic;
	/*padding-left:15px;*/	
	color:#000;
	/*background: url(images/puce.png) center left no-repeat;*/
}

.bgd div.contentuser  a.more { color:#FFF; }

a.contactb , input.contact{
	/*display:block;
	position:relative;
	width:153px;
	height:30px;
	line-height:30px;
	/*margin:0 auto;*/
	margin-top:20px;
	text-align:center;
	font-size:14px;
	/*background: url(images/contact.png) top left no-repeat;*/
	border:none;
	color:#fff;
	cursor:pointer;
	text-transform:uppercase;
	font-size:15px;*/
}

.boxgd{ 
	width:155px; 
	height: 113px; 
	/*margin:40px 0; */
	float:left; 
	/*background:#000; */
	overflow: hidden; 
	position: relative; 
}

.boxgd a{
	/*float:left;
	display:block;
	width:153px;
	height:111px;
	font-size:16px;
	line-height:113px;
	text-align:center;
	background:url(images/contact.png) center center no-repeat;*/
} 


h3.tclub {
	width:100%;
	float:left;
	/*padding:5px 0px;*/
	text-align:center;
/* 	background:url(images/menubg1.png) top left no-repeat; */
}

div.dclub {
	float:left;
	/*padding-right:4px;*/
	text-align:justify;
	color:#000;
	height:100%;
	width:100%;
	/*background:#111;*/
}

div.dclub.bgg {
	background:url(images/bgg.jpg) top left no-repeat;
        line-height: 1.05em;
        /*padding-right:4px;*/
        
}
div.dclub.bgp {
	background:url(images/bgp.jpg) top left no-repeat;
        line-height: 1.05em;
        
        
}
div.dclub.bgd {
	background:url(images/bgd.jpg) top left no-repeat;	color:#FFF;
        line-height: 1.05em;
        
}
div.dclub.bgr {
	background:url(images/bgr.jpg) top left no-repeat;	color:#FFF;
        line-height: 1.05em;
        
}

div.dclub p{
	text-align:justify;
}

div.content { display:none; }

.flipbox {
	width:100%;
	height:221px;
	/*background:#111;*/
        margin-bottom:10x;
        

}

.cover { position:absolute; left:0px ;right:0px ;}

/* .flipbox.bgg {	background:url(images/bgg.jpg) top left no-repeat; }
.flipbox.bgp {	background:url(images/bgp.jpg) top left no-repeat; }
.flipbox.bgd {	background:url(images/bgd.jpg) top left no-repeat; }
.flipbox.bgr {	background:url(images/bgr.jpg) top left no-repeat; }
 */

div.clear {
clear:both;    
}
*****************************************************************************************************************************************************************

**********************************************************************************************************************************************

***************************************************************************************************************************************************************
