@charset "UTF-8";
/* CSS Document */

body {
	background-color: #000;
	 top:0px;
    left:0px;
}
	 
.fleches {
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 100px;
	font-weight: 600;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	letter-spacing:40px;
	
	
}

.fleches2 {
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 100px;
	font-weight: 600;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	letter-spacing:40px;
	

}

.desc {
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #FFF;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;	
}

.desc a:link{
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.desc a:visited{
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.desc a:active{
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	color: #FFF;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.desc a:hover{
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 100%;
	font-weight: 500;
	text-decoration: overline;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.mailcass {
	font-family: Helvetica, Verdana, Arial sans-serif;
font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #FFF;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;	
}

.mailcass a:link{
	font-family: Helvetica, Verdana, Arial sans-serif;
font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.mailcass a:visited{
	font-family: Helvetica, Verdana, Arial sans-serif;
font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.mailcass a:active{
	font-family: Helvetica, Verdana, Arial sans-serif;
font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #FFF;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.mailcass a:hover{
	font-family: Helvetica, Verdana, Arial sans-serif;
font-size: 100%;
	font-weight: 500;
	text-decoration: overline;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}


.descal {
	font-family: 'Merriweather', serif;
	font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #66F;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.descal a:link{
	font-family: 'Merriweather', serif;
	font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.descal a:visited{
	font-family: 'Merriweather', serif;
	font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.descal a:active{
	font-family: 'Merriweather', serif;
	font-size: 100%;
	font-weight: 500;
	text-decoration: none;
	color: #66F;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}

.descal a:hover{
	font-family: 'Merriweather', serif;
	font-size: 100%;
	font-weight: 500;
	text-decoration: overline;
	color: #FF3;
	text-align: left;
	letter-spacing: 5px;
	text-shadow: 3px 2px 2px #666666;
}


.menu{
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 7px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	letter-spacing:4px;	
}

.menu a:link{
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 7px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	letter-spacing:4px;	
}

.menu a:visited{
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 7px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	letter-spacing:4px;	
}

.menu a:active{
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 7px;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	letter-spacing:4px;	
}

.menu a:hover {
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 7px;
	text-decoration: overline;
	color: #FFF;
	text-align: center;
	letter-spacing: 4px;
}



.pmts {
	font-family: Helvetica, Verdana, Arial sans-serif;
	font-size: 50px;
	font-weight: 600;
	text-decoration: none;
	color: #FFF;
	text-align: center;
	letter-spacing:20px;
	
}



#fittext1 {
	position: static;
	padding-top:3%;
		padding-left:5%;
	width: 90%;
	height: 60%;
	z-index: 100;
	visibility: visible;
	text-decoration: none;
	transform: scale(1,4) rotate(2deg); /* W3C */
	-webkit-transform: scale(1,4) rotate(2deg); /* Safari and Chrome */
	-moz-transform: scale(1,4) rotate(2deg); /* Firefox */
	-ms-transform: scale(1,4) rotate(2deg); /* IE 9 */
	-o-transform: scale(1,4) rotate(2deg); /* Opera */
	transform: scale(1,4) rotate(2deg); /* W3C */
	overflow: hidden;
}

#fittext2 {
	position: static;
	padding-left:3%;
		padding-top:8%;
	width: 90%;
	height: 90%;
	z-index: 100;
	visibility: visible;
	text-decoration: none;
	transform:scale(1,4)rotate(-2deg); /* W3C */
    -webkit-transform:scale(1,4)rotate(-2deg); /* Safari and Chrome */
    -moz-transform:scale(1,4)rotate(-2deg); /* Firefox */
    -ms-transform:scale(1,4)rotate(-2deg); /* IE 9 */
    -o-transform:scale(1,4)rotate(-2deg); /* Opera */
	transform:scale(1,4)rotate(-2deg); /* W3C */
	overflow: hidden;

}

#cache {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 0;
		width: 100%;
	height: 100%;
	background: url(cachean2.gif) repeat center center fixed;

}

#video {
	position: fixed;
	left: 0px;
	top: -100px;
	width: 90%;
	height: 90%;
	z-index: 0;
	visibility: visible;
	text-align: center;	
	margin: 0 auto;
	display: block;
	border: 0;
	background-color:#000;
}

#sons {
	position: absolute;
	top:0;
		left: 100%;
	width: 90%;
	height: 20%;
	z-index: 100;
	visibility: visible;	
	margin: 0 auto;
	display: block;
	border: 0;
}

#sonorem {

	transform: scale(1,4) rotate(2deg); /* W3C */
	-webkit-transform: scale(1,4) rotate(2deg); /* Safari and Chrome */
	-moz-transform: scale(1,4) rotate(2deg); /* Firefox */
	-ms-transform: scale(1,4) rotate(2deg); /* IE 9 */
	-o-transform: scale(1,4) rotate(2deg); /* Opera */
	transform: scale(1,4) rotate(2deg); /* W3C */
}

#collectifm {
	transform:scale(1,4)rotate(-2deg); /* W3C */
    -webkit-transform:scale(1,4)rotate(-2deg); /* Safari and Chrome */
    -moz-transform:scale(1,4)rotate(-2deg); /* Firefox */
    -ms-transform:scale(1,4)rotate(-2deg); /* IE 9 */
    -o-transform:scale(1,4)rotate(-2deg); /* Opera */
	transform:scale(1,4)rotate(-2deg); /* W3C */
}

#radiophonique {
	transform:scale(1,4)rotate(2deg); /* W3C */
    -webkit-transform:scale(1,4)rotate(2deg); /* Safari and Chrome */
    -moz-transform:scale(1,4)rotate(2deg); /* Firefox */
    -ms-transform:scale(1,4)rotate(2deg); /* IE 9 */
    -o-transform:scale(1,4)rotate(2deg); /* Opera */
	transform:scale(1,4)rotate(2deg); /* W3C */
}

#sorties {
	transform:scale(1,4)rotate(-4deg); /* W3C */
    -webkit-transform:scale(1,4)rotate(-4deg); /* Safari and Chrome */
    -moz-transform:scale(1,4)rotate(-4deg); /* Firefox */
    -ms-transform:scale(1,4)rotate(-4deg); /* IE 9 */
    -o-transform:scale(1,4)rotate(-4deg); /* Opera */
	transform:scale(1,4)rotate(-4deg); /* W3C */
}

#sorties2 {
	transform:scale(1,4)rotate(-4deg); /* W3C */
    -webkit-transform:scale(1,4)rotate(-4deg); /* Safari and Chrome */
    -moz-transform:scale(1,4)rotate(-4deg); /* Firefox */
    -ms-transform:scale(1,4)rotate(-4deg); /* IE 9 */
    -o-transform:scale(1,4)rotate(-4deg); /* Opera */
	transform:scale(1,4)rotate(-4deg); /* W3C */
}



#menugrille {
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 150;

}

#SC {
	position: absolute;
	left: 130%;
	top: 10%;
	width: 40%;
	height: 70%;
	z-index: 200;
	transform: skew(-8deg,-8deg); /* W3C */
	-webkit-transform: skew(-8deg,-8deg); /* Safari and Chrome */
	-moz-transform: scaleskew(-8deg,-8deg); /* Firefox */
	-ms-transform: skew(-8deg,-8deg); /* IE 9 */
	-o-transform: skew(-8deg,-8deg); /* Opera */
	transform: skew(-8deg,-8deg); /* W3C */
	box-shadow: 10px 10px 10px #333333;	
}

#SCa {
	position: absolute;
	left: 100%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#FB {
	position: absolute;
	left: 260%;
	top: 10%;
	width: 400px;
	height: 70%;
	z-index: 250;
		transform: skew(8deg,8deg); /* W3C */
	-webkit-transform: skew(8deg,8deg); /* Safari and Chrome */
	-moz-transform: skew(8deg,8deg); /* Firefox */
	-ms-transform: skew(8deg,8deg); /* IE 9 */
	-o-transform: skew(8deg,8deg); /* Opera */
	transform: skew(8deg,8deg); /* W3C */
	box-shadow: -10px 10px 10px #333333;	
}

#FBa {
	position: absolute;
	left: 207%;
	top: 0%;
	width: 100%;
	height: 100%;
	z-index: 0;
}

#DE {
	position: absolute;
	left: 224%;
	top: 10%;
	width: 30%;
	height: 60%;
	z-index: 250;
	transform: skew(-8deg,-8deg); /* W3C */
	-webkit-transform: skew(-8deg,-8deg); /* Safari and Chrome */
	-moz-transform: scaleskew(-8deg,-8deg); /* Firefox */
	-ms-transform: skew(-8deg,-8deg); /* IE 9 */
	-o-transform: skew(-8deg,-8deg); /* Opera */
	transform: skew(-8deg,-8deg); /* W3C */	
}

#DOCa {
	position: absolute;
	left: 320%;
	top: 0%;
	width: 100%;
	height: 100%;
}

#DOC {
	position: absolute;
	left: 354%;
	top: 10%;
	width: 40%;
	height: 70%;
	z-index: 250;
	transform: skew(-8deg,-8deg); /* W3C */
	-webkit-transform: skew(-8deg,-8deg); /* Safari and Chrome */
	-moz-transform: scaleskew(-8deg,-8deg); /* Firefox */
	-ms-transform: skew(-8deg,-8deg); /* IE 9 */
	-o-transform: skew(-8deg,-8deg); /* Opera */
	transform: skew(-8deg,-8deg); /* W3C */	
	box-shadow: 10px 10px 10px #333333;
}

#RADa {
	position: absolute;
	left: 420%;
	top: 0%;
	width: 100%;
	height: 100%;
}

#RADIO {
	position: absolute;
	left: 454%;
	top: 10%;
	width: 40%;
	height: 70%;
	z-index: 251;
	transform: skew(8deg,8deg); /* W3C */
	-webkit-transform: skew(8deg,8deg); /* Safari and Chrome */
	-moz-transform: scaleskew(8deg,8deg); /* Firefox */
	-ms-transform: skew(8deg,8deg); /* IE 9 */
	-o-transform: skew(8deg,8deg); /* Opera */
	transform: skew(8deg,8deg); /* W3C */	
	box-shadow: 10px 10px 10px #333333;
}

#SORa {
	position: absolute;
	left: 540%;
	top: 0%;
	width: 100%;
	height: 100%;
}

#SORTIES {
	position: absolute;
	left: 545%;
	top: 5%;
	width: 40%;
	height: 620px;
	z-index: 252;
}


#SORTIES2 {
	position: absolute;
	left: 600%;
	top: 5%;
	width: 70%;
	height: 100%;
	z-index: 252;
}

#over {
	position: absolute;
	left: 573%;
	top: 23px;
	width: 30%;
	height: 100%;
	z-index: 300;
}

#over2 {
	position: absolute;
	left: 625%;
	top: 23px;
	width: 30%;
	height: 100%;
	z-index: 300;
}

#textcass {
	
	visibility:hidden;
	width: 85%;
	height: 100%;
	cursor:pointer;
}

#textcass2 {
	
	visibility:hidden;
	width: 80%;
	height: 100%;
	cursor:pointer;
}

.fixed-ratio-resize { /* basic responsive img */
	max-width: 140%;
	height: auto;
	width: auto\9; /* IE8 */
	
}

.fixed-ratio-resize2 { /* basic responsive img */
	max-width: 100%;
	height: auto;
	width: auto\9; /* IE8 */
}	
	.fixed-ratio-resize3 { /* basic responsive img */
	max-width: 110%;
	height: auto;
	width: auto\9; /* IE8 */
	
}

iframe:focus { 
    outline: none;
}

iframe[seamless] {
	display: inherit;
}

#cache2 {
	position: fixed;
	top: -50px;
	left: 0%;
	z-index: 300;
		width: 100%;
	height: 100%;
	background: url(cachel.png) repeat center center fixed;
	pointer-events: none;
}

#cache3 {
	position: absolute;
	top: -50px;
	left: 224%;
	z-index: 301;
		width: 100%;
	height: 100%;
	background: url(cache3.png) repeat center center fixed;
	pointer-events: none;
}

#cache4 {
	position: absolute;
	top: -50px;
	left: 320%;
	z-index: 302;
		width: 100%;
	height: 100%;
	background: url(cache4.png) repeat center center fixed;
	pointer-events: none;
}

#textcassette {
	position: absolute;
	left: 5251px;
	top: 36px;
	width: 30%;
	height: 100%;
	z-index: 301;
	background-color: black;
	visibility:hidden;
}