/*
Website Name : Nuno's Lair - The Gaming Room
Author: Christophe Imhoff
Author URI: http://christopheimhoff.free.fr/

*/

body {
	background: black;
	text-align: center;
	font: 12px "trebuchet MS", arial, helvetica, sans-serif;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: white;
}

td {
	border-bottom: 1px solid white;
	margin: 0;
	padding: 5px 0 5px 0;
}

a.titre_news {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 25px;
	color: #ccff00;
	background-color: black;
}

a.titre_news:hover {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 25px;
	color: #ccff00;
	background-color: black;
	text-decoration: underline;
}

a.titre_news:visited {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 25px;
	background-color: black;
	text-decoration: underline;
	color: #ccff00;
}

a.titre_archives {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 20px;
	color: #5470eb;
	background-color: black;
}

a.titre_archives:hover {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 20x;
	color: #5470eb;
	background-color: black;
	text-decoration: underline;
}

a.titre_archives:visited {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 20px;
	background-color: black;
	text-decoration: underline;
	color: #5470eb;
}

#conteneur_titre {
	width: 410px;
	left: 20px;
	top: 35%;
	position: absolute;
	z-index:10;
    color: white;
    padding: 10px 0 0 0;
}

#fondtittretranslucide {
	background-color: black; 
	position:absolute; 
	z-index:-1; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
    border-radius: 0 10px 10px 0;
}

#titreopaque {
   width: 400px; height: 100px;     
   background-color: transparent;   
   position: absolute;              
   z-index: 2;  
   padding: 5px;
   border-radius: 0 10px 10px 0;
}

#header {
	position: relative;
	z-index: 10;  
	height: 35px;
	padding: 5px 10px 0 0;
	text-align: right;
}

#header_contenu {
	background-color: black; 
	position:absolute; 
	z-index:-1; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

@font-face{
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
}

#header_gauche {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 20px;
	align: left;
	position: absolute; 
	left:1px;
	top:0;
	padding: 10px 0 0 5px;
	color: white;
}

#bottom {
	width:100%;
	bottom:0;
	height: 50px;
	background-color: transparent;
   position: absolute;
}

#bottom_contenu {
	background-color: black; 
	position:absolute; 
	z-index:-1; 
	bottom:0; 
	left:0; 
	right:0; 
	height:50px;
	width:100%;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}

#bottom_droite {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 20px;
	align: right;
	position: absolute; 
	right:5px;
	bottom:0;
	padding: 0 10px 10px 0;
	color: white;
}

#contenu_page {
	width: 100%;
	right: 0px;
	top: 15%;
	position: absolute;
	z-index:10;
    color: white;
}

#contenu_page_transparent {
	background-color: black; 
	position:absolute; 
	z-index:-1; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	width: 100%;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.7;
}

#date_news {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 20px;	
}

#titre_news2 {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 25px;
	color: #ccff00;
	background-color: black;
}

#contenu_news {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 15px;
	color: white;
	text-shadow: 1px 2px 3px rgba(0,0,0, 0.5);
}

#roadtrip_main_text {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 17px;
	color: white;
	text-shadow: 1px 2px 3px rgba(0,0,0, 0.5);
	margin: 0 10% 0 10%
	
}


#titre_photo {
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	font-size: 15px;
	color: #black;
}

#contenu_page_interieure {
	top: 10%;
	width: 100%;
	height: 70%;
	position: absolute;
}

#icone {
	margin:0 10px 0 0;	
	-webkit-transition: all 0.5s ease-in;
	-moz-transition: all 0.5s ease-in;
	-o-transition: all 0.5s ease-in;
}
#icone:hover {
    box-shadow: 0 0 5px #d3ac6a;
    -moz-box-shadow: 0 0 5px #d3ac6a;
    -webkit-box-shadow: 0 0 5px #d3ac6a;
	border:1px solid #277eb0;
	background:#8ebbca;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

#contenu_galerie {
	position: absolute;
	left: 10px;
	bottom: 25px;
	width: 800px;
	z-index:10;
}

ul.galerie li {
	float: left;
	margin: 0 10px;
	padding: 2px;
	border: 1px solid #ddd;
	list-style: none;
	background: white;
}

ul.galerie li a img {
	float: left;
	width: 150px;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-moz-transition: -moz-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}

ul.galerie li a:hover img {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}

#galaxian {
	width:221px;
	left:40%;
	top:0;
	height:90px;
	position:relative;
	background: black;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
	text-align:center;
	display:none;
}

#boutonslide {
	color: white;
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	text-decoration : none;
}

#effetLogin {
	color: white;
	font-family: "Bebas Neue"; src: url('../font/BebasNeue.otf') format('opentype');
	text-decoration : none;
}

#conteneur_galaxian {
	position: relative;
	z-index: 10;  
	height: 120px;
	width:221px;
	left:40%;
	top:0px;

}

#conteneur_galaxian_transparent {
	background-color: black; 
	position:absolute; 
	z-index:-1; 
	top:0; 
	left:0;
	width:221px;
	height:120px;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
   	border-radius: 0 0 25px 25px;
}

	#gallery {
		width: 90%;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 2px solid white;
		margin: 0 5px 10px 5px;
	}
	#gallery ul a:hover img {
		border: 2px solid blue;
		margin: 0 5px 10px 5px;
		color: #769dde;
	}	
	#gallery ul a:hover { color: #769dde; }
	
#contenu_login {
	width: 300px;
	right: 70px;
	bottom: 50px;
	position: absolute;
	z-index:10;
    color: white;
    padding: 5px 5px 5px 5px;
    text-align: left;
    display: none;
}

#contenu_login_transparent {
	background-color: black; 
	position:absolute; 
	z-index:-1; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	width: 300px;
	filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}