/**
 * CSS Document
 * 	$Rev$
 * 	$Date$
 *
 * by Samuel Diakité (sdiakite@extrafine.fr)
 *  Copyright (c) 2014 Samuel Diakité
 * for Miroslav Pilon (Post Production Audio - Lyon FR)
 */

/** *** **** ** *** ***** ** *** ** ** ****** * * *** ***** */
/**
 * TYPOGRAPHIES */
@import "../typo/wigrum.css";


/** *** **** ** *** ***** ** *** ** ** ****** * * *** ***** */
/**
 * VIEWPORT */
/*@-webkit-viewport{
    width: device-width;
    zoom: 1;
    
}
@-moz-viewport{
    width: device-width;
    zoom: 1;
}
@-ms-viewport{
    width: device-width;
    zoom: 1;
}
@-o-viewport{
    width: device-width;
    zoom: 1;
}
@viewport{
    width: device-width;
    zoom: 1;
}*/


/** *** **** ** *** ***** ** *** ** ** ****** * * *** ***** */
/**
 * GÉNÉRALE */
body {
	min-width: 300px;
	margin: 0;
	background-color: #FFF;
	color: #000000;
	font-family: "Wigrum", sans-serif;
	font-size: 13px;
	line-height: 17px;
	overflow-x: hidden;
	overflow-y: scroll;
}

#MainPage {
	top: 0;
	width: 1120px;
	margin-left: auto;
	margin-right: auto;
/* 	overflow: hidden; */
}

#idBackMain {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
}


.pull-left{
	float:left;
}
.img-responsive {
	display: block;
	height: auto;
	max-width: 100%;
}

.align-center{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#idMenuStudio > ul > li > a.studio img{
	height:65px;
}

.banner-right {
	position:fixed;
	right: 0;
	top: 115px;
	width: 60px;
	background:#fff;
	z-index: 1001;
}
.banner-right ul{
	padding:0px;
	margin:0px;
	list-style:none;
}
.banner-right li{
	border-bottom:1px solid #000;
	padding:10px 5px;
	text-align: right;
	position:relative;
	display:block;
}


.banner-right ul li:last-child{
	border-bottom:none;
}

.banner-right li span{
	color:#000;
	text-decoration:none;
	text-transform: uppercase;
}
.banner-right li a.lang-link{
	color:#999;
}
.banner-right li a{
	color:#000;
	text-decoration:none;
	text-transform: uppercase;
}


.logo-black{
	margin-right:20px;
}


.btn{
	background: #000;
	border:1px solid #000;
	color: #fff;
	font-size: 18px;
	line-height: 28px;
	padding: 5px 15px;
	text-transform: uppercase;
}
.btn:hover{
	text-decoration: none;
	background: #fff;
	color: #000;
}
.page.mdl-page2 > .content .item .link a.btn{
	color:#fff;
}
.page.mdl-page2 > .content .item .link a.btn:hover{
	color: #000;
	text-decoration: none;
}
/** *** **** ** *** ***** ** *** ** ** ****** * * *** ***** */
/**
 * PAGE */
.page {
	display: none;
	padding-bottom: 60px;
	color: rgb(255,255,255);
}

/** *** **** ** *** ***** ** *** ** ** ****** * * *** ***** */
/**
 * RESPONSIVE */

/** 1200 **/
/* Défaut */

/** 1024 **/
@media screen and (max-width: 1199px) {
	#MainPage {
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1199px) {
	/*
	#MainPage {
		width: 1000px;
	}
	*/

}

/** 768 **/
@media screen and (min-width: 768px) and (max-width: 1023px) {
	/*
	#MainPage {
		width: 750px;
	}
	*/
	#MainPage {
		margin-left: 2%;
		margin-right: 2%;
		width: 96%;
	}
}

@media screen and (max-width: 767px) {

	#MainPage .page.mdl-page2 > .titre {
		text-align: center;
		padding-top:30px;
	}
	.banner-right {
		top: 5px;
	}


	.logo-black {
		float:none;
		margin-bottom:25px;
		margin-right:0px;
		text-align: center;
	}
	.page.mdl-page2 > .titre .img-responsive{
		margin: 0 auto;
		text-align: center;
	}
	#MainPage .page.mdl-page2 > .titre .txt{
		width:100%;
	}
	#MainPage .page.mdl-page2 > .content{
		margin-top:170px;
	}

}



@media screen and (max-width: 599px) {

	.banner-right {
		top: 130px;
	}
	.banner-right ul li:last-child{
		display:none;
	}
}