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

}

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

}
	
#banniere_img {
	margin:50px 0 20px;
	border-radius:40px;
	box-shadow:4px 4px 8px black;
	
	}
	
body {
	color: #FFFFFF;
	background: url('ressources/tile.png') fixed;
}



nav
{
    background:url('ressources/skull.png') no-repeat;
	background-position: 25px 85%;
	position:fixed;
	float: left;
    width: 150px;
	margin-top:10px;
	
}


 #flag_img a
	{
		border-style:none;
	}

 #flag_img
	{
		margin-left: 10px;
	}



a:hover
{
    color: #760001;
    border-bottom: 3px solid #760001;
}

a
{
    color: #75A175;
    border-bottom: 1px dashed #75A175;
	text-decoration: none;
}

article h1{
	font-size:1.8em;
	margin-left:220px;
	margin-top:5px;
	}

nav h1{
	font-size:1.5em;
	text-align:center;
	}
	
#bloc_page
{
    width: 1200px;
    margin: auto;
}

nav a,article h1, nav h1, footer p, #menu li p{
	font-family: VisitorTT1BRKRegular, serif;
	font-weight: normal;
    text-transform: uppercase;
}

h1, footer{
	color:#97ad2a;
	}

#article_bck{
	background-color: rgba(71, 97, 40, 0.6);
	border-radius: 30px;
	padding:5px 30px 70px;
	margin-left: 160px;
	margin-right:10px;
	
}

#article_bck_big{
	background-color: rgba(71, 97, 40, 0.6);
	border-radius: 30px;
	padding:5px 30px 70px;
	margin-left: 10px;
	margin-right:10px;
	padding-top:20px;
	
}

#article_bck video{
	display:block;
	width:700px;
	margin:auto;
	}

#megapong_img{
	width:641px;
	}
	
#elconejo_img{
	width:800px;
	}

#rhythmblocks_img{
	width:343px;
	}

#mimh_img{
	width:429px;
	margin-top:20px;
	}

#planetes_img{
	width:900px;
	}

#dnap2_img{
	width:379px;
	}

#mw_img{
	width:427px;
	}

#np_img{
	width:457px;
	}

#nemusuke_img{
	width:351px;
	}

#pf_img{
	width:461px;
	}
	

#batraciens_img {
	margin-left:150px;
	}

#gui_img {
	margin-left:300px;
	}

#cf_img {
	width:500px;
	}

.article_content{
	margin:auto;
}



article p{
	font-family: PFTempestaSevenRegular, serif;
	font-weight: normal;
	color:#E1ED8E;
	text-align:center;
	}



section {
	width:1200px;
	background-color: rgba(51, 84, 13, 0.6);
	border-radius: 30px;
	border:8px solid #97ad2a;
	display:inline-block;
	margin: 20px 0;
	padding: 10px 0;
	box-shadow:4px 4px 8px black;
	}
	
#menu {
	padding-left: 10px;
	}
		
	
#menu ul{
	padding-left: 20px;
	}

#menu li p{
	padding:0;
	margin:0;
	margin-top: 10px;
	}
	
#menu li{
	list-style-image: url("ressources/puce.gif");
	}
	
#category{
	color:#E1ED8E;
	}
	
footer p{
	margin-left:50%;
	}

#current{
	color:#A6A7FF;
}

#plus {
	margin-top:50px;
	}
	
strong
{
	color:#760001;
	}
	

#slides_planches
{
	background-color:white;
	width:850px;
	height:775px;
}
	
#slides_petitprince
{
	width:667px;
	height:500px;
}
	
#slides_level
{
	width:667px;
	height:500px;
}
		
#slides_cma
{
	width:850px;
	height:500px;
}
			
#slides_misc
{
	width:850px;
	height:500px;
}
			
#slides_portraits
{
	width:850px;
	height:500px;
}
	
 #slides, #slides_one, #slides_two, #slides_three
{
	margin-bottom:70px;
	}
				
#slides_shc
{
	width:800px;
	height:650px;
}

#slides_pa_GGJ13
{
	width:280px;
	height:280px;
}	
	
#slides_shc_big
{
	width:791px;
	height:1125px;
}
	
	#slides_pa_misc
{
	width:600px;
	height:425px;
}
		
	#slides_pa_ban
{
	width:740px;
	height:360px;
}
			
	#slides_bonus
{
	width:700px;
	height:467px;
}
				
	#slides_cv
{
	width:700px;
	height:990px;
}
	
.slides_container
{
	margin:auto;
	
}

#slides .next,#slides .prev {
	width:24px;
	height:43px;
	display:block;
	z-index:101;
	
}

#prev_shp {
	position:fixed;
	top:400px;
	left:20%;
	}

#next_shp {
	position:fixed;
	top:400px;
	left:90%;
	}

#prev_ld {
	position:absolute;
	top:700px;
	left:25%;
	}

#next_ld {
	position:absolute;
	top:700px;
	left:85%;
	}
	
#prev_pp {
	position:absolute;
	top:400px;
	left:25%;
	}

#next_pp{
	position:absolute;
	top:400px;
	left:85%;
	}
	
#prev_cma {
	position:absolute;
	top:500px;
	left:20%;
	}

#next_cma{
	position:absolute;
	top:500px;
	left:90%;
	}
	
#prev_portraits {
	position:absolute;
	top:1100px;
	left:20%;
	}

#next_portraits{
	position:absolute;
	top:1100px;
	left:90%;
	}
	
	
#prev_misc {
	position:absolute;
	top:1700px;
	left:20%;
	}

#next_misc{
	position:absolute;
	top:1700px;
	left:90%;
	}
	
#prev_shc {
	position:absolute;
	top:400px;
	left:20%;
	}

#next_shc{
	position:absolute;
	top:400px;
	left:90%;
	}
		
#prev_shc_big {
	position:fixed;
	top:200px;
	left:15%;
	}

#next_shc_big{
	position:fixed;
	top:200px;
	left:85%;
	}
			
#prev_pa_misc {
	position:absolute;
	top:200px;
	left:25%;
	}

#next_pa_misc {
	position:absolute;
	top:200px;
	left:85%;
	}
				
#prev_pa_conejo {
	position:absolute;
	top:750px;
	left:25%;
	}

#next_pa_conejo {
	position:absolute;
	top:750px;
	left:85%;
	}
				
#prev_pa_ban {
	position:absolute;
	top:3600px;
	left:20%;
	}

#next_pa_ban{
	position:absolute;
	top:3600px;
	left:85%;
	}
					
#prev_bonus {
	position:absolute;
	top:1000px;
	left:25%;
	}

#next_bonus{
	position:absolute;
	top:1000px;
	left:85%;
	}
						
#prev_cv {
	position:fixed;
	top:400px;
	left:25%;
	}

#next_cv{
	position:fixed;
	top:400px;
	left:85%;
	}
	
#slides a, #slides_one a, #slides_two a, #slides_three a {
	border-style:none;
	}
	
.pagination {
	margin:26px auto 0;
	width:250px;
}

.pagination li {
	float:left;
	list-style:none;
}

.pagination li a {
	display:block;
	width:15px;
	height:13px;
	padding-top:12px;
	margin-left:5px;
	background-image:url(ressources/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
	font-size:0em;
}

.pagination li.current a {
	background-position:0 -28px;
}

#cv {
	margin-top:50px;
	}
	
#right {
	position:absolute;
	left:460px;
	}

#cadre {
	position:absolute;
	right:100px;
	}
	
#mp
	{
	width:640px;
	}
	
#replay
	{
	width:80px;
	}