/* Balises générales */
html {
	padding: 0;
	margin: 0;
	background: #181818;} /* couleur de fond principale */
body {
	background: #181818; /* couleur de fond principale */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	color: white;
	width: 100%;}
/* Style général des liens */
a {
	color: #B5B5B5;
	text-decoration: none;}
a:hover { /* lorsque la souris pointe */
	color: #7ECAD9;}
a:visited { /* liens déjà visités */
	color: #B5B5B5;}
/* La classe clearb pour annuler les float après plusieurs colonnes */
.clearb {
	clear: both;
	margin: 0;
	padding: 0;}
/* block en-tête */
#header {
	margin: auto;
	width: 100%;
	height: 150px;
	color: #7ECAD9;}
/* bloc principal du contenu de la page */
#contenu {
	width: 100%;
	margin: auto;
	background: #272727;} /* couleur du fond du contenu */
.contenu { /* bloc du contenu à la taille voulue, centré */
	width: 910px;
	margin: auto;}
/* bloc pied de page */
#copyright {
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 10px 0;
	color: #B5B5B5;}
#header div.ctrhdr { /* bloc en-tête pour logo */
	width: 900px;
	height: 150px;
	margin: auto;}
#header h1 { /* titre : logo */
	display: block;
	width: 500px;
	height: 125px;
	margin: 0px 0 0 50px;
	background: transparent url(../img/style/nsignat.png) no-repeat top;
	padding: 0;}
#header #switch { /* switch : sélecteur de langue */
	width: 100px;
	height: 125px;
	margin: 0;
	padding: 0;
	float: right;
	text-align: right;}
#switch a img {
	border: none;}
#copyright span {
	display: block;}
/* menu de navigation */
#nav {
	width: 200px;
	height: 300px;
	float: left;
	background: transparent url(../img/style/fondu_vertical.png) no-repeat top;}
/* page */
#page {
	width: 700px;
	min-height: 300px;
	float: left;
	padding: 15px 5px;
	background: transparent url(../img/style/fondu_simple.png) no-repeat top right;}
#Productions #page {
	background: none;}
#navindex a, #navprod span.prod, #navcontact a {
	color: #66D7E6;} /* couleur des liens pour le menu */
#menu ul {
	margin: 10px;
	padding: 0;
	list-style-type: none;}
#menu li {
	display: block;
	line-height: 22px;
	font-size: 14px;
	font-weight: bold;
	background: transparent url(../img/style/menus2.png) no-repeat bottom;
	padding-bottom: 2px;}
#menu li#navindex, #menu li#navprod, #menu li#navcontact {
	background: transparent url(../img/style/menus.png) no-repeat bottom;}
#menu li#navlinks {
	background: none;}
#menu li a {
	margin-left: 20px;}
#menu li#navprod span.prod {
	margin-left: 20px;}
#menu li.isactive a {
	margin-left: 10px;}
#menu span.isactive a {
	margin-left: 30px;}
#menu li#navprod span.cat a {
	color: white;}
#menu li a:hover {
	color: #7ECAD9; /* liens du menu : couleur lorsque la souris pointe */
	margin-left: 25px;}
#menu li.isactive a:hover {
	margin-left: 10px;}
#menu li#navprod span.cat a:hover {
	color: #7ECAD9; /* liens du menu : couleur lorsque la souris pointe */
	margin-left: 25px;}
#menu li#navprod span.isactive a:hover {
	margin-left: 30px;}
#menu li#navprod span.cat {
	display: block;
	padding-left: 15px;
	font-weight: normal;
	line-height: 20px;}
/* titres des pages */
#page h2 {
	display: block;
	width: 400px;
	height: 40px;
	margin: auto;
	line-height: 35px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #7ECAD9; /* couleur des titres */
	background: transparent url(../img/style/h2.png) no-repeat top;}
#page p {
	margin: 20px 50px;
	text-align: center;}
#page p.texte {
	margin-bottom: 40px;}
#Présentation #page p {
	position: relative;}
#Présentation #page p img {
	float: right;
	margin: 15px;}
#page a {
	color: #66D7E6;} /* couleur des liens dans la page */
span.bu {
	font-weight: bold;
	text-decoration: underline;}
#Liens table {
	width: 650px;
	margin: 10px auto;}
#Liens table td {
	padding: 3px 8px;
	vertical-align: middle;}
#Liens table td.img {
	width: 25%;
	margin: 0;
	text-align: right;}
td.center {
	text-align: center;}
td.right {
	text-align: right;}
input.link {
	border: none;
	background: none;
	color: #66D7E6;} /* couleur pour transformer un input en lien */
input.link:hover {
	cursor: pointer;}
#prods {
	margin-top: 10px;
	background: transparent url(../img/style/fondu_simple.png) no-repeat top right;}
#prodleft {
	width: 200px;
	min-height: 300px;
	height: 550px;
	overflow-y: auto;
	float: left;
	margin: 0 0 10px 10px;
	padding-right: 10px;
	background: transparent url(../img/style/fondu_simple.png) no-repeat top right;}
#prodright {
	width: 460px;
	margin: 10px 10px 10px 0;
	text-align: center;
	float:right;}
#prodleft h3 {
	font-size: 13px;
	text-align: center;}
#prodleft ul {
	list-style-type: none;
	margin: 0;
	padding: 0;}
#prodleft ul li {
	font-size: 12px;
	display: block;
	margin: 0;
	padding: 0;
	line-height: 16px;}
#prodleft ul li.pselect {
	font-weight: bold;
	padding-left: 30px;}
/* titres des compositions */
#prodright h3 {
	font-size: 14px;
	text-align: center;
	color: #7ECAD9;}
#prodright p {
	margin: 0 10px 20px 10px;
	padding: 0;}
/* bloc en popup pour la hd */
div #hdplay {
	display: none; /* on ne l'affiche pas par défaut */
	width: 482px;
	height: 410px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -210px;
	margin-left: -239px;
	text-align: center;
    border:1px solid #7ECAD9;
	background-color: #262626;
	z-index: 9999999;}
div.hdclose {
	width: 450px;
	margin: 5px auto 0 auto;
	text-align: right;
	font-weight: bold;}
div.hdclose a {
	color: #66D7E6;} /* couleur du lien pour fermer la popup hd */