@charset "utf-8";
/* CSS Document */

*{
	margin:0 auto;
	padding:0; 
}

@font-face {
    font-family: 'discoregular';
    src: url('font/disco.eot');
    src: url('font/disco.eot?#iefix') format('embedded-opentype'),
         url('font/disco.woff') format('woff'),
         url('font/disco.ttf') format('truetype'),
         url('font/disco.svg#discoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alexbrush';
    src: url('font/alexbrush.eot');
    src: url('font/alexbrush.eot?#iefix') format('embedded-opentype'),
         url('font/alexbrush.woff') format('woff'),
         url('font/alexbrush.ttf') format('truetype'),
         url('font/alexbrush.svg#alex_brushregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color:#000;
	}
	
#global {
	width: 1100px;
	background-image:url(images/fond.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:742px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	}

/*------------ Navigation 1er ---------------*/	
#banniere {
	height:96px;
	background-color: #1c181c;
	}
	
#banniere ul {
	font-family: 'discoregular';
}	

#banniere li {
	float:left;
	list-style:none;
	padding: 40px 20px 25px 25px;
	font-size: 20px;
	}
	
#banniere li:first-child {
	padding: 25px 150px 25px 50px;
	}
	
#banniere a:link, #banniere a:visited {
	color: #fff;
	text-decoration: none;
}

#banniere a:hover {
	color: #71378a;
	text-decoration: none;
}

#banniere a.boutonfacebook:link, #banniere a.boutonfacebook:visited  {
	background-image:url(images/banniere_logofacebook_on.jpg);
	width:49px;
	height:49px;
	display:block;
}

#banniere a.boutonfacebook:hover {
	background-image:url(images/banniere_logofacebook.jpg);
	width:49;
	height:49px;
	display:block;
}


/*---------------- Fin nav premier -----------------*/

#contenu {
	width:1100px;
	height:385px;
	}
	
/*-------------- D�but nav deuxi�me ---------------*/
#navigation {
	width:1100px;
	height:215px;
	}

#navigation ul {
		position: absolute;
}

#navigation li{
	float:left;
	list-style:none;
	padding: 13px;
    font-family: 'alexbrush';
	font-size: 34px;
	}

#navigation li:nth-child(n+2){
	margin-top: 81px;
	padding-top: 25px;
	height: 50px;
	background-color: #140e13;
	}
	
#navigation li:first-child {
	padding: 0;
}

#navigation li:last-child {
	padding-right: 22px;
}

#navigation a:link, #navigation a:visited {
	color: #fff;
	text-decoration: none;
	}
	
#navigation a:hover {
	color: #71378a;
}

#navigation a.boutonlogo:link, #navigation a.boutonlogo:visited, #navigation a.boutonlogo:hover {
	background-image:url(images/navigation_logo.png);
	width:309px;
	height:215px;
	display:block;
	}	

.clearboth {
	clear: both;
}

/*------------- fin nav deuxi�me --------------------*/

#piedpage {
	background-color: #1C181C;
	width:1100px;
	height:158px;
	margin-top:28px;
	}
	
/*-------------- Nav pied de page langage -------------*/
#language {
	padding-top: 20px;
	float: left;
}

#language li {
	list-style: none;
}

#language a.b_english:link, #language a.b_english:visited {
	background-image: url(images/b_english.jpg);
	width: 234px;
	height: 40px;
	display: block;
}

#language a.b_english:hover {
	background-image: url(images/b_english.jpg);
	width: 234px;
	height: 40px;
	display: block;
}

#language a.b_french:link, #language a.b_french:visited {
	background-image: url(images/b_francais.jpg);
	width: 234px;
	height: 43px;
	display: block;
}

#language a.b_french:hover {
	background-image: url(images/b_francais.jpg);
	width: 234px;
	height: 43px;
	display: block;
}

#language a.b_spanish:link, #language a.b_spanish:visited {
	background-image: url(images/b_espagnol.jpg);
	width: 234px;
	height: 42px;
	display: block;
}

#language a.b_spanish:hover {
	background-image: url(images/b_espagnol.jpg);
	width: 234px;
	height: 42px;
	display: block;
}

/*-------------- Nav pied de page menu rapide -----------------*/
	
#nav_bot {
	font-family: 'discoregular';
	font-size: 12px;
	float: left;
	padding: 25px 0 0 150px;
}

#nav_bot li {
	list-style: none;
	padding-bottom: 8px;
}

#nav_bot a:link, #nav_bot a:visited {
	color: #e6e1e5;
	text-decoration: none;
}

#nav_bot a:hover {
	color: #71378c;
	text-decoration: none;
}

#b_allure {
	background-image: url(images/p_allure.jpg);
	background-repeat: no-repeat;
	float:right;
	width: 276px;
	height: 141px;
	padding-right: 50px;
	margin-top: 10px;
}

#conception {
	clear: both;
	width: 1100px;
	font-family: 'discoregular';
	font-size: 8px;
	padding: 25px 0 34px 0;
	background-color: #1C181C;
}

#conception p {
	color: #e6e1e5;
	text-align: right;
	padding-right: 50px;
}

#conception a:link, #conception a:visited {
	color: #e6e1e5;
}

#conception a:hover {
	color: #71378c;
}