@charset "utf-8";
/* CSS Document */
/*Font*******************************/
/************************************/
@font-face {
    font-family: 'league_gothicregular';
    src: url('font/leaguegothic-regular-webfont.eot');
    src: url('font/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/leaguegothic-regular-webfont.woff2') format('woff2'),
         url('font/leaguegothic-regular-webfont.woff') format('woff'),
         url('font/leaguegothic-regular-webfont.ttf') format('truetype'),
         url('font/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('font/proximanova-regular-webfont.eot');
    src: url('font/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/proximanova-regular-webfont.woff2') format('woff2'),
         url('font/proximanova-regular-webfont.woff') format('woff'),
         url('font/proximanova-regular-webfont.ttf') format('truetype'),
         url('font/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/***************************************/

/******WRAPPER pour centrer le contenu**************/

#wrapper { max-width: 1080px;
height:2540px;
margin:0 auto;
}
/**************************************************/

/******Colonne gauche**************/

#col_gauche{
float:left;
position:fixed;
min-width:180px;
height:2540px;
background:url(../img/background_col.jpg) repeat;
margin:0px;
padding:0px;
box-shadow: -5px 0px 5px #999; 
			}

/******Menu**************/
ul#menu{ list-style:none;
		font-family:'league_gothicregular';	
		padding:0px;
		margin:80px 0 0 0px;
		text-align:center;
		}

ul#menu li a {
	cursor:pointer;
	font-size:35pt;
		text-decoration:none;
		color:#515151;
		
}
ul#menu li a:hover {
		color:#00adee;
}

ul#menu li a.active {
		color:#00adee;
}

/******Colonne droite**************/

#col_droite{
float:right;
max-width:900px;
background:#FFF;
padding:0 10px 0 10px;
height:2540px;
	
	}
/*****ARTICLE**************************************/
/**************************************************/
article{ display:block;
}

#pres{ display:block;
		float:left;
		width:430px;
		margin-left:0px;
		
	}
/*************************************************/
/*Screenshots**************************************/
.screenshots{ display:block;
width:430px;
float:right;
		}


#screenshot_1 { float:right;
margin-top:45px;
margin-right:0px;
width:430px; 
height:240px;
background-image:url(../img/sshot_1.jpg);
}

#screenshot_2 {float:right;
margin-right:0px;
margin-top:10px;
width:430px; 
height:240px;
background-image:url(../img/sshot_2.jpg);
}
		
h2.presentation { display:block;
	background:url(../img/picto_1.png) no-repeat;
	background-position:220px 20px;
	background-size:25px;
	font-family:'league_gothicregular';
	font-size:40pt;
	color:#00adee;
	padding:0px;
	margin:35px 0 10px 0;
		
}

p{
font-family:'proxima_nova_rgregular';
font-size:12pt; 
color:#a9a9a9;
line-height:16pt;
margin:0px;
text-align:justify;
}

/************************LE JEU***********************************/
/******************************************************************/
#jeu { diplay:block;

float:left;
margin-top:45px;
margin-left:0px;
clear:both;}

h2.lejeu { display:block;
float:left;
margin:0px;
width:171px;
	background:url(../img/picto_2.png) no-repeat;
	background-position:115px 5px;
	background-size:40px;
	font-family:'league_gothicregular';
	font-size:40pt;
	color:#00adee;
	padding:0px;
}

.btn{ display:inline-block;
background-image:url(../img/btn_lancer0.png);
width:180px;
height:26px;
float:left;
margin:35px 0 25px 135px;
box-shadow: -2px 1px 5px #999; }

.btn:hover{background-image:url(../img/btn_lancer.png);}

.blocjeu {
	clear:both;
	display:block;
	width:880px; height:768px; background-color:#666;margin-left:0px; margin-top:0px;
	}
	/*************************************************/
/*A propos*************************************/
#apropos_bloc { 
width:880px;
height:350px;
diplay:block;
padding-top:40px;
margin-left:0px;
clear:both;}

h2.apropos { 
display:block;
margin:0px 0px 27px 0px;
padding:0px;
width:192px;
	background:url(../img/picto_3.png) no-repeat;
	background-position:150px 10px;
	background-size:40px;
	font-family:'league_gothicregular';
	font-size:40pt;
	color:#00adee;
	padding:0px;
}

/*************************************************/
/*************************************************/
/*Contact*************************************/

#contact_bloc { 
width:880px;
height:450px;
diplay:block;
padding-top:0px;
margin-left:0px;
clear:both;}

h2.contact { 
display:block;
margin:0px 0px 27px 0px;
padding:0px;
width:192px;
	background:url(../img/picto_4.png) no-repeat;
	background-position:150px 20px;
	background-size:40px;
	font-family:'league_gothicregular';
	font-size:40pt;
	color:#00adee;
	padding:0px;
}
/*Formulaire*********/
/***********************/
.formulaire {float:left; display:block; width:810px; height:340px; background-color:#CCC;
padding:25px 0 0 0;}

form p { color:#666;}


.nom {width:360px; height:37px; margin-left:64px; border: solid 1px #CCC; margin-bottom:5px;
font-family:'proxima_nova_rgregular'; 
color:#999;}

.mail {width:360px; height:37px; margin-left:55px; border: solid 1px #CCC;margin-bottom:5px;
font-family:'proxima_nova_rgregular'; 
color:#999;}

textarea {width:595px; height:174px; margin-left:34px;border: solid 1px #CCC;font-family:'proxima_nova_rgregular'; 
color:#999;}

label { float:left; vertical-align:top;margin:12px 0 0 20px; }

.submit {border:none;
background:#00adee;
color:#FFF;
font-family:'proxima_nova_rgregular';
font-weight:bold;
cursor:pointer;
width:100px;
height:30px;
margin-left:624px;
margin-top:18px;
}

.submit:hover {background-color:#999;}

fieldset { border:none; }

/***********************************/
footer {clear:both;
float:right; 
margin-right:20px;
padding-top:0px;
		
	}