@charset "iso-8859-1";
body {


	background-color: #000000;
	
	background-repeat: repeat;
	background-attachment: fixed;
	background-position:top center;	
	font-family: 'Karla', cursive, Courier, MS Courier New, Prestige, monospace;

	color: #ffffff;	border : 0; padding: 0; margin: 0 auto; 
	width: 100%; position: relative;
}
#global {width:100vw; height: 100vh;  border : 0; padding: 0; margin: 0 auto; text-align: center; position: relative; left: 0px; top: 0px; z-index:34;}
#global img {max-width: 100%; max-height: 100%;}
#canvas{z-index:1; position: absolute; left: 0px; top: 0px; border : 0; padding: 0; margin: 0 auto; }
img {border : 0px;}

form {border : 0px;}
	#supersized-loader { position: absolute; top: 49.5%; left: 49.5%; z-index: 10; width: 24px; height: 24px; text-indent: -999em; background-image: url(progress.gif); }
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ position:relative; outline:none; border:none; -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }

a  { border:0px; margin:0px; padding: 0px; }
	a:link {text-decoration:  none ; color: #666666;
	 border:0px; margin:0px; padding: 0px; }
 
a:visited {text-decoration: none ;  border:0px; margin:0px; padding: 0px; color: #666666;
	
}
a:hover { border:0px; margin:0px; padding: 0px; 
	text-decoration: none ;  color: #000000;
}
a:active {text-decoration: none ;  color: #000000;
 border:0px; margin:0px; padding: 0px; 	 }
	
H1 {letter-spacing: -3px;}


.bodystyle {
font-family: 'Karla',  sans-serif, cursive, Courier, MS Courier New, Prestige, monospace; color: #000000;
	
}

.coco {
color: #C0C0C0;
}
.small {
color: #000000;
	font-size: 10px;
}
.small12 {
color: #000000;
	font-size: 12px;
}
}
.medium {color: #000000;
	font-size: 16px;
}


.big {color: #000000;
	font-size: 36px;
}


.xbig {  letter-spacing:-3px;
	font-size: 32px; line-height:0px; vertical-align:middle; 

}

.xxbig {
	font-size: 34px;
	font-weight:bold;     letter-spacing:-5px; color: #C0C0C0;
	border:0px; margin:0px; padding: 0px; line-height:100px;
	
}


#justified700 { width : 700px;
	text-align: justify;
}
	.floatleft {float:left;  border:0px; margin:0px; padding: 0px;  margin-right:10px;}
		.floatleftplay {float:left; margin-right: 10px; border-right:16px; padding: 0px; }
		.floatleftmini {float:left; text-align:center; border : 0px;  margin : 0px; padding: 3px; font-size: 10px}
.left { float:left; clear:left;}
.lefty { float:left; border:0px; margin:0px; padding: 0px;  }

.lefty  a:{ float:left; border:0px; margin:0px; padding: 0px;  }
.lefty  a:visited { float:left; border:0px; margin:0px; padding: 0px;  }
.lefty  a:hover { float:left; border:0px; margin:0px; padding: 0px;  }
.lefty  a:active { float:left; border:0px; margin:0px; padding: 0px;  }
.leftimg{ float:left; border-top:0px; margin-top:0px; padding: 0px;
margin-right: 5px; 
}
#lefttxt{ float:left; width: 500px; border-top:0px; margin-top:0px; padding: 0px;
margin-right: 15px; text-align: justify; 
line-height : 21px;
}
#lefttxtpres{ float:left; width: 500px; border-top:0px; margin-top:0px; padding: 0px;
margin-right: 15px; text-align: justify; z-index: 900; position: relative; color:#000000;
line-height : 21px;
}
.clear { clear:both; }
.rightimg{ float:right; border:0px; margin:0px; padding: 0px;
margin-left: 10px;
}
.right{ float:right; border:0px; margin:0px; padding: 0px;
}
#rightflickr{ float:right; border:0px; margin:0px; padding: 0px; z-index: -1; position: relative;
}
.floatrightplay {float:right; margin-left: 10px; border-left:16px; padding: 0px; position: relative;}

.animhover:hover{
  -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s; 
	  
	  -webkit-transform: scale(1.03);
	  -moz-transform: scale(1.03);
	  -o-transform: scale(1.03);
	  -ms-transform: scale(1.03);
}

@-webkit-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-moz-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
}
@-ms-keyframes myanim {
  0%   { opacity: 0.0; }
  50%  { opacity: 0.5; }
  100% { opacity: 1.0; }
  }


	#prestitre {width:900px;  clear:both; margin: auto; margin-top: 7px;  }
	#presentation {width:1010px;   clear:both; margin: auto; text-align:center; border:0px; position: relative; z-index: 1; }
		#copyright { position:absolute; right: 10px; top: 0px;  text-align:right; z-index:35;
	font-size: 9px; color: #ffffff;} 
			#copyrightfixed { position:fixed; right: 0px; top: 0px;  text-align:right;
	font-size: 9px;} 
			#switch { position:absolute; left: 0px; top: 0px;  text-align:left; z-index:35;
	font-size: 9px;} 
	
		#presentacap {background-color: none;  clear:both; margin: auto; text-align:center; border:0px; padding:0px; position: relative;  }
		#menucentre {width:1010px; clear:both; border : 0; padding: 0; margin: 0 auto; text-align: center; position: relative; z-index:43;}
	
	  .lefty:hover{	  -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s; 
	  }
	.mainimage {float:left;
	  -webkit-animation: myanim 3s; 
     -moz-animation: myanim 3s; 
      -ms-animation: myanim 3s; border-right: 13px; margin-right: 23px;}
	  .mainimage2 {
	  -webkit-animation: myanim 2s; 
     -moz-animation: myanim 2s; 
      -ms-animation: myanim 2s; }
	  
	   .menu{ 
color: #000000;
	position:relative; 


	  font-size: 36px;
	   letter-spacing:-5px; color: #000000;
	border:0px; margin:0px; padding: 0px; }
	
	.menup {color: #000000;
	font-size: 36px;
padding : 3px;

	
}
	.menup a:{ color: #333333;  text-decoration:none ;}
.menup a:link{ color: #333333;  text-decoration:none ;

	
padding : 3px;

	background-image: url(images/opacity_3.png); 

-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.menup  a:visited{ color: #333333; text-decoration:none ;

padding : 3px;

	background-image: url(images/opacity_3.png); 

-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
	
}
.menup a:hover{
color: #000000;  text-decoration: NONE;

padding : 3px;

	background-image: url(images/opacity_orange.png); 

-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
.menup  a:active{color: #000000;  text-decoration:none ;
padding : 3px;

	background-image: url(images/opacity_orange.png); 

-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
	
	
	   #enregistrement { 
color: #000000;
text-align: justify;
 width: 230px;
padding : 5px;
margin-right: 18px;

border-bottom: 23px;
float : left;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
		   -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s;

}
#enregistrement:hover{ 
color: #ffffff;
	background-image: url(images/opacity_rouge.png); 
}
#forfait { 
color: #000000;
text-align: justify;
 width: 500px;
padding : 5px;
margin-top: 10px;

border-bottom: 23px;
float : left;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
		   -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s;

}

#forfait:hover{ 
color: #ffffff;
	background-image: url(images/opacity_rouge.png); 
}
#enregistrement > a,  #forfait > a, #mastering > a, #formations > a, #hebergement > a{ 
color: #951705;
	
}
#enregistrement:hover > a, #forfait:hover > a, #mastering:hover > a, #formations:hover > a, #hebergement:hover > a{ 
color: #fff;
	
}
#enregistrement> a:hover, #forfait > a:hover, #mastering > a:hover, #formations > a:hover, #hebergement > a:hover{ 
color: #ffffff;
	
}

 #mastering { 
color: #000000;
text-align: justify;
 width: 230px;
padding : 5px;
border: auto;
border-left: 5px;
margin-right: 18px;
border-bottom: 23px;
float : left;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
		   -webkit-animation: myanim 2s; 
     -moz-animation: myanim 2s; 
      -ms-animation: myanim 2s;

}
#mastering:hover{ 
color: #ffffff;
	background-image: url(images/opacity_rouge.png); 
}


 #formations { 
color: #000000;
text-align: justify;
 width: 230px;
padding : 5px;
border: auto;
margin: auto;
border-bottom: 23px;
float : left;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
		   -webkit-animation: myanim 3s; 
     -moz-animation: myanim 3s; 
      -ms-animation: myanim 3s;

}
#formations:hover{ 
color: #ffffff;
	background-image: url(images/opacity_rouge.png); 
}


#hebergement{ 
color: #000000;
text-align: justify;
 width: 230px;
padding : 5px;
border: auto;
margin-left: 13px;
border-bottom: 23px;
float : right;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
		  -webkit-animation: myanim 4s; 
     -moz-animation: myanim 4s; 
      -ms-animation: myanim 4s; 
	-webkit-transition: color .5s;
   -moz-transition: color .5s;
     -o-transition: color .5s;
        transition: color .5s;
		-webkit-transition: background-color .1s;
   -moz-transition: background-image .3s;
     -o-transition: background-image .3s;
        transition: background-image .3s;
}
#hebergement:hover{ 
color: #ffffff;
	background-image: url(images/opacity_rouge.png); 
}

#partie_txt{ 
color: #ffffff;
text-align: justify;
 width: 540px;
padding : 5px;
border: auto;
margin: 0px;
border-bottom: 23px;
float : right;
	background-image: url(images/opacity_rouge.png); 
	position:relative; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
		  -webkit-animation: myanim 4s; 
     -moz-animation: myanim 4s; 
      -ms-animation: myanim 4s; 

}

.actu { 
color: #000000;
text-align: justify;
 width: 300px;
padding : 5px;
margin-right: 25px;
margin-bottom: 25px;
border-bottom: 23px;
float : left;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
		   -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s;

}
.actu:hover{ 
color: #ffffff;
	background-image: url(images/opacity_rouge.png); 
}

 #visite { 
color: #000000;
size:23px;
text-align: justify;
 width: 130px;
padding : 5px;
margin-right: 0px;

border-bottom: 23px;
float : left;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-bottom-left-radius: 7px;
-moz-border-bottom-left-radius: 7px;
border-bottom-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-top-left-radius: 7px;
border-top-left-radius: 7px;


}
#visite > a:hover{ 
color: #ffffff; font-weight:bold;
	
}



#visite_contenu{ 
font-size:  23px;
color: #ffffff;
text-align: left;
 width: 840px;
padding : 5px;
border: auto;
margin: 0px;
border-bottom: 23px;
float : left;
	background-image: url(images/opacity_rouge.png); 
	position:relative; 
-webkit-border-top-right-radius: 16px;
-moz-border-top-right-radius: 16px;
border-top-right-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-bottom-right-radius: 16px;
border-bottom-right-radius: 16px;
-webkit-border-bottom-left-radius: 16px;
-moz-border-bottom-left-radius: 16px;
border-bottom-left-radius: 16px;
		  -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s; 

}
.visite_plan{ 
float:left;  border:0px; margin:0px; padding: 0px;  margin:20px; margin-top:5px;}


			.visititre {float:left;  border:0px; margin:0px; padding: 0px;  margin-right:10px; letter-spacing:-3px;
	font-size:  43px; color:#fff; line-height:0px; vertical-align:middle; }
	
	
	
#equipement { 
color: #000000;
size:23px;
text-align: justify;
 width: 150px;
padding : 5px;
margin-right: 0px;

border-bottom: 23px;
float : left;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-bottom-left-radius: 7px;
-moz-border-bottom-left-radius: 7px;
border-bottom-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-top-left-radius: 7px;
border-top-left-radius: 7px;


}
#equipement > a:hover{ 
color: #ffffff; font-weight:bold;
	
}



#equipement_contenu{ 
font-size:  14px;
color: #ffffff;
text-align: left;
 width: 820px;
padding : 5px;
border: auto;
margin: 0px;
border-bottom: 23px;
float : left;
	background-image: url(images/opacity_rouge.png); 
	position:relative; 
-webkit-border-top-right-radius: 16px;
-moz-border-top-right-radius: 16px;
border-top-right-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-bottom-right-radius: 16px;
border-bottom-right-radius: 16px;
-webkit-border-bottom-left-radius: 16px;
-moz-border-bottom-left-radius: 16px;
border-bottom-left-radius: 16px;
		  -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s; 

}	


#discographie_contenu{ 
clear:right;

color: #ffffff;
text-align: left;
 width: auto;
padding : 5px;
border: auto;
margin: 0px;
border-bottom: 23px;
float : left;
	background-image: url(images/opacity_rouge.png); 
	position:relative; 
-webkit-border-top-right-radius: 16px;
-moz-border-top-right-radius: 16px;
border-top-right-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-bottom-right-radius: 16px;
border-bottom-right-radius: 16px;
-webkit-border-bottom-left-radius: 16px;
-moz-border-bottom-left-radius: 16px;
border-bottom-left-radius: 16px;
		  -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s; 

}	

	#m_equipement_contenu{ 
font-size:  14px;
color: #ffffff;
text-align: left;
 width: 680px;
padding : 5px;
border: auto;
margin: 0px;
border-bottom: 23px;
float : left;
	background-image: url(images/opacity_rouge.png); 
	position:relative; 
-webkit-border-top-right-radius: 16px;
-moz-border-top-right-radius: 16px;
border-top-right-radius: 16px;
-webkit-border-bottom-right-radius: 16px;
-moz-border-bottom-right-radius: 16px;
border-bottom-right-radius: 16px;
-webkit-border-bottom-left-radius: 16px;
-moz-border-bottom-left-radius: 16px;
border-bottom-left-radius: 16px;
		  -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s; 

}	
#formations_contenu { 


text-align: justify;
 width: auto;
padding : 5px;
margin-right: 0px;

border-bottom: 23px;
float : left;
	background-image: url(images/opacity_jaune.png); 
	position:relative; 
-webkit-border-bottom-left-radius: 7px;
-moz-border-bottom-left-radius: 7px;
border-bottom-left-radius: 7px;
-webkit-border-top-left-radius: 7px;
-moz-border-top-left-radius: 7px;
border-top-left-radius: 7px;


}

#informations-legales { 
color: #ffffff;
text-align: justify;
 width: auto;
padding : 10px;
margin: 18px;


float : left;
	
-webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s; 

}

	#contact{ 
font-size:  23px;
color: #ffffff;
text-align: left;
 width: auto;
padding : 10px;
border: auto;
margin: 0px;

float : left;
	background-image: url(images/opacity_rouge.png); 
	position:relative; 

-webkit-border-bottom-right-radius: 23px;
-moz-border-bottom-right-radius: 23px;
border-bottom-right-radius: 23px;

		  -webkit-animation: myanim 1s; 
     -moz-animation: myanim 1s; 
      -ms-animation: myanim 1s; 

}	#contact a:{color:#ffffff;} #contact a:active {color:#ffffff;}  #contact a:hover {color:#cccccc;} #contact a:visited{color:#ffffff;}