/**
 * @projectDescription http://lookatmekid.org
 * 
 * @author Juego  Juego @ requiem4tv.com
 * @copyright Juego - All rights reserved.
 * @license (cc) by-nc-sa
 * @version 0.4
 */

body {
	color: white;
	margin: 0px;
	background-color: black;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #ffbad1;
	outline: none; /* pas de bord pointille pour les liens cliqués */
}

img {
	border: none;
	behavior: url("win_png.htc"); /* putain d'IE */
}

dl, dt {
	display: block;
	margin: 0px;
	padding: 0px;
}

h2 {
	margin-top: 0px;
}

.text-design {
	text-align: left;
	font-size: 12px;
	color: #fff;
	padding: 10px;
}


/* LAYOUT */
#ciel {
	position: absolute;
	top: 0px;
	left: 0px;
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 0px;
	z-index:1;
}

/* Layer contenant entre autre l'horizon */
#horizon {
	position: absolute;
	text-align:center;
	background-color: black;
	height:142px; /* basé sur la hauteur de l'image */
	margin: 0px;
	background-repeat: repeat-x;
	background-position: top;
	z-index:1;
}

#copyright {
	margin-top: 125px;
	font-size: 10px;
	color: #333;
}

#copyright a {
	text-decoration: none;
	color: #333;
}


/* layer contenant la décoration de l'horizon */
#paysage-news {
	position: absolute;
	width: 800px;
	height: 301px;
	z-index:2;
}

#paysage-nous {
	position: absolute;
	width: 800px;
	height: 430px;
	z-index:2;
}

#paysage-musique {
	position: absolute;
	width: 800px;
	height: 498px;
	z-index:2;
}

#paysage-spectacle {
	position: absolute;
	width: 800px;
	height: 474px;
	z-index:2;
}

#paysage-photo {
	position: absolute;
	width: 800px;
	height: 417px;
	z-index:2;
}				

#paysage-extra {
	position: absolute;
	width: 800px;
	height: 540px;
	z-index:2;
}

#logo {
	float: left;
}


/*contenu Home et News*/
#information {
	position: absolute;
	width: 800px;
	height:280px;
	z-index:3;
}

/* le texte des news affiché à droite */
#information .contenu-news {
	float: right;
	width: 330px;
	height: 280px;
	overflow:auto;
	text-align: left;
	font-size: 12px;
}

#main {
	position: absolute;
	width: 800px;
	height:330px;
	z-index:3;
}

.article-spectacle {
	float: left;
	width: 280px;
	margin-left: 10px;
}

.scroll-pane {
	/*
	float:right;
	width: 532px;
	*/
	height: 325px;
	overflow:auto;
	text-align: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.scroll-pane-menu {
	height: 325px;
	overflow:auto;
	text-align: left;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

.scroll-pane-photo {
	height: 325px;
	overflow:auto;
}

.sous-contenu_article {
	margin: 0px;
	margin-left: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.sous-contenu-photo {
	margin: 0px;
	padding: 5px;
	text-align: center;
}

.article-photo {
	width: 185px;
}

.photo {
	position: absolute;
	width: 400px;
	top: 0px;
	left: 310px;
	text-align: center;
}

.miniature a{
	display: inline-block;
	border: solid #999;
	border-width: 1px;
	margin: 0 15px 12px 0;
	padding: 0px;
	text-align: center;
}

.miniature a:hover {
	border: solid #ffbad1;
	border-width: 1px;
}

.nous {
	width: 220px;
}

.photo-menu {
	width: 130px;
}

.default {
	width: 108px;
}

.menu-rubrique {
	/*
	width: 220px;
	*/
	float: left;
	text-align: left;
	padding-left: 5px;
	font-size: 12px;
}

.element {
	clear: both;
}

/* video player pour spectacle */
.videoplayer {
	float: left;
}

.lien-a-telecharger {
	font-size: 11px;
}

.replace-videoplayer {
	float: left;
	margin-left: 10px;
}

/* musique */
.pochette {
float: right;
margin: 0px 0px 5px 5px;
}

.playlist-display {
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* menu */
#menu {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	width: 115px;
	z-index: 20;
}

#menu ul {
	padding: 0px;
	margin-left: 10px;
}

#menu li {
	list-style-type: none;
	font-size: 12px;
	font-weight: normal;
	color: #DDD;
	margin: 0px;
	padding: 0px;
	padding-bottom: 1px;
	line-height: 10px; /* ou 12px */
}

#menu li a {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	color: #FFF;
}

.menu-global {
	margin : 0px;
	margin-top: -8px;
	padding: 0px;
}

/*MenuLangues*/
.menu-langues {
	float:right;
	width: 330px;
	margin-bottom: 10px;
	font-size: 10px;
	text-align: left;
	color: #AAA;
}

.menu-langues a {
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}

.menu-langues-articles {
	float:right;
	position: relative;
	top : -20px;
	margin-bottom: -20px;
	font-size: 10px;
	color: #AAA;
}

.menu-langues-articles a {
	font-weight: bold;
	font-size: 10px;
	color: #FFF;
	text-decoration: none;
}

.titre_sur_logo {
	margin-left: 5px;
}

/*logo d'articles*/
.logo_link a {
	text-decoration: none; /* Webkit: pour ne pas avoir de ligne en dessous du nom */
}

.logo_link a .spip_logos{
	float: left;
	margin-bottom: 10px;
	border: solid;
	border-width: 1px;
	border-color: #999;
}

.logo_link a:hover .spip_logos{
	border-color: #ffbad1;
}

/* noir transparent */
.noirAlpha {
	background-color: #000;
}

/*contact*/
.article-contact {
	float: left;
	display: block;
	margin-right: 10px;
	width: 200px;
}
.formulaire-contact {	
	float: left;
	display: block;
	width: 300px;
	padding-top: 10px;
}

form, fieldset {
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.forml, spip_bouton{
	border: solid;
	border-width: 1px;
	border-color: #ffbad1;
	color: #FFF;
	background: none;
	margin-bottom: 3px;
}


.spip_documents_left{
	margin: 5px;	
}