html, body
	{
		height: 100%;
	}
	
	body
	{
		margin: 0px;
		padding: 0px;
		background: #F6F4F3;
		font-family: 'Source Sans Pro', sans-serif;
		font-size: 12pt;
		font-weight: 400;
		color: #4E4D4D;
	}
	
	
	h1, h2, h3
	{
		margin: 0;
		padding: 0;
	}
	
	p, ol, ul
	{
		margin-top: 0;
	}
	
	p
	{
		line-height: 180%;
	}
	
	.container
	{
		width: 1200px;
		margin: 0px auto;
	}




/*********************************************************************************/
/* Major Styles
/*********************************************************************************/

	.titre
	{
		overflow: hidden;
		margin-bottom: 4em;
		text-align: center;
	}
	
	.titre h2
	{
		letter-spacing: 0.10em;
		font-size: 3em;
		font-weight: 700;
		color: #3f3f3f;
	}

	.titre .byline
	{
		display: block;
		padding-top: 0.2em;
		font-weight: 300;
		font-size: 2em;
	}

/*********************************************************************************/
/* Title Styles                                                                  */
/*********************************************************************************/

	.title
	{
		text-align: center;
	}

	.title .byline
	{
		display: block;
		padding-top: 1em;
		font-weight: 300;
		font-size: 1.1em;
	}


/*********************************************************************************/
/* Button Style                                                                  */
/*********************************************************************************/

	.button
	{
		display: inline-block;
		margin: 1em 0em;
		padding: 1em 3em 1em 3em;
		background: #3f3f3f;
		letter-spacing: 0.20em;
		text-decoration: none;
		text-align: center;
		text-transform: uppercase;
		font-weight: 400;
		font-size: 0.90em;
		color: #FFF;
	}
	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		background: #3f3f3f;
	}

/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		padding: 4em 0em;
		text-transform: uppercase;
	}

	#logo h1
	{
		text-align: center;
		font-weight: 900;
		font-size: 2.5em;
	}

	#logo span
	{
		padding: 0em 0em 0em 0.5em;
	}

	#logo a 
	{
		color: #3f3f3f;
	}


/*********************************************************************************/
/* Menu                                                                          */
/*********************************************************************************/

	#menu ul
	{
		margin: 0;
		padding: 20px 0px 20px 0px;
		list-style: none;
		line-height: normal;
		text-align: center;
	}
	
	#menu li
	{
		display: inline-block;
	}
	
	#menu a
	{
		display: block;
		padding: 1em 2em;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 1em;
		font-weight: 700;
		color: #FFF;
	}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#basdepage
	{
		overflow: hidden;
		padding: 5em 0em;
	}
	
	#basdepage p
	{
		letter-spacing: 0.20em;
		text-align: center;
		text-transform: uppercase;
		font-size: 0.80em;
		color: #6F6F6F;
	}
	
	#basdepage a
	{
		text-decoration: none;
		color: #8C8C8C;
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/

	#featured-wrapper
	{
		overflow: hidden;
		padding: 5em 0em;
		background: #FFF;
	}


    #featured h2
	{
		text-align: center;
	}


	#featured .icon
	{
		position: relative;
		display: block;
		margin: 0px auto 20px auto;
		line-height:  normal;
		font-size: 6em;
		text-align: center;
		color: #3f3f3f;
	}

	.column1,
	.column2,
	.column3,
	.column4
	{
		width: 282px;
	}
	
	.columnoption1,
	.columnoption2,
	.columnoption3
	{
		width: 32%;
	}
	
	.columnoption1 
	{
		float: left;
		margin-right: 24px;
	}
	
	.columnoption2
	{
		float: left;
	}
	
	.columnoption3
	{
		float: right;
	}
	
	.column1,
	.column2
	{
		float: left;
		margin-right: 24px;
	}
	
	.column3
	{
		float: left;
	}
	
	.column4
	{
		float: right;
	}

    .gauche
    {
        float:left;
    }
    
    .droite
    { 
        float:right;
    }
	
	.centre 
	{
		margin: auto;
		
	}

/*********************************************************************************/
/* Jeu                                                                     */
/*********************************************************************************/

	#jeu-wrapper
	{
		padding: 6em 0em;
	}
	
	#jeu
	{
		overflow: hidden;
		text-align: center;
	}
	
	#jeu .box
	{
		padding: 30px;
		background: #FFF;
		border-bottom: 2px solid #7C7C7C;
		border-right: 1px solid #DADADA;
		border-left: 1px solid #DADADA;
	}