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


html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
}

img{
	border: 0;
}

a {
	border:none;
}

ul {
	list-style:none;
}


h1, #pixels{
	font-family:"Museo 900", Verdana, serif;
	font-size-adjust:0.40;
	font-weight:700;
	font-style:normal;
}

h2{
	font-family:"Beau Sans Pro Book", Verdana, sans-serif;
	font-size-adjust:0.531;
	font-weight:500;
	font-style:normal;
}

#header h1, #pixels{
	color: #48941A;
}





#nav {
	position: inherit;
	width:250px;
	height:auto;
	list-style: none;
	padding-left:7.7%;
}


#nav ul{
	display: block;
	margin: 0;
	width:210px;	
}



#intro{
	
	color: #FFF;
	height: 100%;
	width: 100%;
	margin: 0 ;
	padding: 0 0 0 0;
	overflow: hidden;
}

#second{
	background: url(images/secondBG.jpg) 50% 0 no-repeat fixed;
	background-size:auto;
	color: #FFF;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}

#second .bg{
	background: url(images/trainers.png) 50% 0 no-repeat fixed;
	background-position: 50% 70px;
	height: 1300px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	width: 900px;
	z-index: 200;
}

#third{
	background: url(images/thirdBG.jpg) 50% 0 no-repeat fixed;
	background-size:auto;
	color: #FFF;
	height: 100%;
	width: 100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;	
}

#fourth{
	background: url(images/fourthBG.jpg) 50% 0 no-repeat fixed;
	background-size:auto;
	color: #FFF;
	height: 100%;
	width: 100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;	
}

#five{
	background: url(images/fiveBG.jpg) 50% 0 no-repeat fixed;
	background-size:auto;
	color: #FFF;
	height: 100%;
	width: 100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;	
}

#six{
	background: url(images/sixBG.jpg) 50% 0 no-repeat fixed;
	background-size:auto;
	color: #FFF;
	height: 100%;
	width: 100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;	
}

#seven{
	background: url(images/fourthBG_2.jpg) 50% 0 no-repeat fixed;
	background-size:auto;
	color: #FFF;
	height: 100%;
	width: 100%;
	margin:0 auto;
	padding: 0;
	overflow: hidden;	
}

#story {
	width:100%;
	height:100%;
	background:url(images/firstBG.jpg) no-repeat fixed;
	background-size:auto;
	
}


#cote {
	list-style: none; 
	position: inherit;
	width: 450px;
	height: 700px;
	top:0px;
	z-index:1;
}

#cote4 {
	list-style: none; 
	position:relative;
	float:left;
	height: 700px;
	width: 500px;
	top:173px;
	right:396px;
	z-index:1;
}

#cote3 {
	list-style: none; 
	position:relative;
	float:left;
	height: 700px;
	width: 500px;
	bottom:245px;
	right:397px;
	z-index:1;
}

#video {
	width:670px;
	height:572px;
	position:relative;
	float:right;
	margin-right:12%;
	bottom:43%;
}

#video p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:1px;
	font-size:15px;
	line-height:20px;
	margin-left:3px;
	text-shadow: 1px 1px 10px #000000;
}

#float-right {
	width:142px;
	height:147px;
	list-style:none;
	position:relative;
	margin-left:10.2%;
	margin-top:3.5%;
	margin-bottom:25px;
}



#logo_blanc {
	float: left;
	margin: 0;
	position:relative;
	right:800px;
	top:10px;
}

#logo_blanc2 {
	float: left;
	margin: 0;
	position:relative;
	right:300px;
	bottom:1115px;
}


.logo {
	width:264px;
	height:286px;
	position: relative;
	margin:auto;
	left:12px;
	top:30%;
}

.logo2 {
	position: relative;
	width:533px;
	height:421px;
	bottom:622px;
	right:68px;
}

.logo5 {
	position: relative;
	width:533px;
	height:421px;
	bottom:537px;
	left:3px;
}

.logo3 {
	position:relative;
	width:198px;
	height:193px;
	float:right;	
}

.logo3_2 {
	position:relative;
	width:252px;
	height:350px;
	float:right;
	margin-right:8%;
	bottom:52%;	
}

.logo3_2 p {
	text-align:right;
	margin-right:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:14px;
	line-height:20px;
	letter-spacing:0.5px;
}

.titre_actu {
	position:relative;
	width:180px;
	height:50px;
	left:0px;
	bottom:0px;
}

#activites {
	width:770px;
	height:420px;
	position:relative;
	float:right;
	right:12%;
	bottom:42%;
}

#activites span {
	float: left;
}


#vignette1 {
	width:192.5px;
	height:420px;
	background-image:url(images/vignette1_hover.jpg);
}

#vignette2 {
	width:192.5px;
	height:420px;
	background-image:url(images/vignette2_hover.jpg);
}

#vignette2 a:hover {
	width:192.5px;
	height:420px;
	background-image:url(images/vignette2.jpg);
}

#vignette3 {
	width:192.5px;
	height:420px;
	background-image:url(images/vignette3_hover.jpg);
}

#vignette4 {
	width:192.5px;
	height:420px;
	background-image:url(images/vignette4_hover.jpg);
}



#private {
	width:470px;
	height:300px;
	float:right;
	position:relative;
	bottom:14.5%;
	right:9%;
}

#texte_private {
	width:404px;
	height:70px;
	background-image:url(images/accroche_private.png);
	background-repeat:no-repeat;
	position:relative;
	top:190px;
	right:-55px;
}

.titre_actu h1 {
	font-family:  Georgia, "Times New Roman", Times, serif;
	font-size: 29px;
	font-weight:400;
	font-style:italic;
	color: #666;
	
}

.dessous_menu_gris {
	width:500px;
	height:500px;
	position: relative;
	z-index:300;
	top:600px;
	left:600px;
}