@font-face {
	font-family: 'Nyala';
	src: url('../../fonts/Nyala.eot');
	src: local('☺'), url('../../fonts/Nyala.woff') format('woff'), url('../../fonts/Nyala.ttf') format('truetype'), url('../../fonts/Nyala.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../../fonts/Gothic.eot');
	src: local('☺'), url('../../fonts/Gothic.woff') format('woff'), url('../../fonts/Gothic.ttf') format('truetype'), url('../../fonts/Gothic.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*---------------------------------
  Stylisation générale du site web
 ----------------------------------*/

/*
 * Ajuste les marges et la police Century Gothic
 */
* {
	font-family: "Century Gothic", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
}

/*
 * Ajuste la couleur du texte et d'arrière-plan
 */
body {
	background-color: #000;
	color: #FFF;
	cursor: default;
	font-variant: small-caps;
}

/*
 * Retire les styles pour les listes
 */
ol, ul {
	list-style: none;
}

span.bold {
	font-weight: bold;
}

span.italic {
	font-style: italic;
}

/*-------------------------------
  Stylisation générale des liens
 --------------------------------*/

/*
 * Retire le soulignement des liens
 */
a {
	text-decoration: none;
}

/*
 * Ajuste la couleur du texte de liens
 */
a:link, a:visited, a:active {
	color: #FFF;
}

a:hover {
	/*color: #CCC;*/
	text-decoration: underline;
	/*font-weight: bold;*/
	/*font-style: italic;*/
}

/*-------DELETE THIS LINE------*/
h1 {
	/*display: none;*/
	visibility: hidden;
	position: absolute;
	z-index: 0;
}


/*-------------------------------------------
  Stylisation du conteneur
 --------------------------------------------*/
 /*
 * Stylisation d'avertissement si le navigateur ne roule pas JavaScript
	Noscript -- Hinweis
	|-------------------------------------------|
	| Sert à avertir l'usager que le navigateur |
	| nécéssite JavaScript afin de bien			|
	| fonctionner.								|
	|-------------------------------------------|
	| Copyright (c)/www.medienfreunde.com |
	| Gestaltung und XHTML-Programmierung |
	|  +49 341 2 27 96 99				  |
	|-------------------------------------|
 */

div#att {
	background-color: #fffeb8;
	border-bottom: 1px solid;
	height: 2.5em;
	line-height: 2.5em;
	padding-left: 10px;
	position: fixed;
	top:0;
	width: 100%;
}

div#att p{
	background: transparent url(/assets/img/iconAtt.png) no-repeat 0 46%;
	color: #000;
	margin: 0;
	display: inline;
	padding: 6px 0 6px 26px;
}


 /* Dimensions et positionnement du conteneur
	Grosseur de police
 */
div.content {
	bottom: 0px;
	font-size: 16px;
	height: 672px;
	left: 0px;
	margin: auto;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1007px;
	/*-----DELETE THIS LINE-----*/
	/*overflow: hidden;*/
	z-index: -2;
}

/*
 * Stylisation des arrière-plans de page
	Ajout d'image comme arrière plan
 */
div#indexContent {
	background: url(../../img/bgIndex.jpg) no-repeat center;
	/*background: url(../../img/bgIndexRef.jpg) no-repeat center;*/
}

div#filmogContent {
	background: url(../../img/bgFilmog.jpg) no-repeat center;
	/*background: url(../../img/bgFilmogRef.jpg) no-repeat center;*/
}

div#catalogContent {
	background: url(../../img/bgCatal.jpg) no-repeat center;
	/*background: url(../../img/bgCatalRef.jpg) no-repeat center;*/
}

div#newsContent {
	background: url(../../img/bgNews.jpg) no-repeat center;
	/*background: url(../../img/bgNewsRef.jpg) no-repeat center;*/
}

div#contactContent {
	background: url(../../img/bgConta.jpg) no-repeat center;
	/*background: url(../../img/bgContaRef.jpg) no-repeat center;*/
}

/*--------------------------------
   Stylisation des menus de page
 ---------------------------------*/

/*
 * Styles généraux
	Modifications de texte, de positionnement, de dimensions et de curseur
 */
nav.menu {
	color: #cdcdcd;
	cursor: default;
	font-size: 23px;
	font-weight: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 49px;
	top: -1px;
	width: auto;
}

/*
 * Styles de liste de menu
 */
nav.menu ul{
	margin: 0;
	padding: 0;
}

/*
 * Styles de lien de menu
 */
nav.menu li a {
	color: #cdcdcd;
	cursor: pointer;
	display: inline-block;
}

/*
 * Styles de bas de page
 */
footer {
	position: absolute;
	bottom: -40px;
	height: 35px;
	width: 100%;
}
footer a {
	font-size: 0;
}
footer img {
	width: auto;
	height: 17px;
}
footer .facebookLink, footer .bandcamp2Link, footer .dryftLink, footer .linkedInLink {
	margin-right: 10px;
}
footer .partners {
	display: block;
    margin: 0 auto;
    margin-top: -26px;
    width: 500px;
}
footer .partners a {
	display: inline-block;
}
footer .calqLink {
	width: 200px;
}
footer .ccfaLink {
	width: 285px;
}
footer .calqLink img,
footer .ccfaLink img {
	width: 100%;
	height: auto;
}