* {margin:0; padding:0;	border: 0;}
body, ul, li {
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:21px;
	text-align:left;
	
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	
	background-color:#000;
	/*background-image:url(img_menu/pixelFond.jpg);
	background-repeat:repeat;
	background-position:center top;*/
	background:url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;
	}

#BodySchouf	{background:url(img_menu/fondSchouf.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}

#BodyMimederien	{background:url(img_menu/fondMimederien.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}

#BodyMimeaciel{background:url(img_menu/fondMimeaciel.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}

#BodyLoukat	{background:url(img_menu/fondLoukat.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}

#BodyEnvert	{background:url(img_menu/fondEnvert.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}

#BodyDuo {background:url(img_menu/fondDuo.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}

#BodySilence {background:url(img_menu/fondSilence.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}

#BodyNezbulleux	{background:url(img_menu/fondNezbulleux.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}

#BodySlava	{background:url(img_menu/fondSlava.jpg) center top no-repeat,url(img_menu/pixelFond.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;}


#presse{
	background:url(img_menu/fondPresse.jpg) center top no-repeat, url(img_menu/pixelFondRepeat.jpg) repeat;	
	}

/*#worksprogress{
	position:absolute;
	float:right;
	margin-right:-600px;
	margin-top:-50px;
	width:777px;
	height:365px;
	background:url(menuAccueil/worksprogress.png);
	background-repeat:no-repeat;
	}*/

/* Contact Sliding Panel
----------------------------------------------------------------------------------------------------*/
#contact {
	/*position:absolute;*/
	position: relative;
	margin-left: auto;
	top:0px;
	margin-top:0px;
	margin-right: auto;
	width: 870px;
}

#page_container {
	position:relative;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	width: 870px;
}

#toppanel {
	position:absolute;
	left: 0px;
	z-index: 45;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	width: 870px;
	height: 145px;
}
#panel {
	width: 870px;
	position: relative;
	height: 0px;
	padding:0;
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
}

#box_gvAll{
	position:relative;
	width: 820px;
	margin-left:auto;
	margin-right:auto;}

#gv1, #gv2, #gv3, #gv4, #gv5, #gv6, #gv7, #gv8, #gv9 {
	position:relative;
	float:left;
	height:82px;
	width:82px;
	margin-top:15px;
	margin-left:10px;
}
#gv1 img, #gv2 img, #gv3 img, #gv4 img, #gv5 img, #gv6 img, #gv7 img, #gv8 img, #gv9 img {
	position:absolute;
	left:0px;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}

#gv1 img.top:hover, #gv2 img.top:hover, #gv3 img.top:hover, #gv4 img.top:hover, #gv5 img.top:hover, #gv6 img.top:hover, #gv7 img.top:hover, #gv8 img.top:hover, #gv9 img.top:hover {
	opacity:0;
}

a img
{
  border:  none ;
}

#panel_contents {
	margin: auto;
	padding:0;
	background:#BB272D;
	height: 100%;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	z-index: -1
}

#boutonConteneur {
	margin:auto;
	width:870px;
}
.panel_button {
	position: relative;
	left:78px;
	z-index: 20;
	cursor: pointer;
}
.panel_button {
	background:url(img_menu/open.png) no-repeat left top;
	width: 64px;
	height:22px;
}
.panel_button:hover {
	background:url(img_menu/open.png) no-repeat left bottom;
}
#hide_button {
	background:url(img_menu/close.png) no-repeat left top;
	width: 64px;
	height:22px;
}
#hide_button:hover {
	background:url(img_menu/close.png) no-repeat left bottom;
}
/* ----------------------------------------------------- */

#boxIndex{
	width:870px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	}
#logoAccueil{
	width:366px;
	margin-left:auto;
	margin-right:auto;
	margin-top:40px;}

#banniere{
	position:relative;
	margin-top:0px;
	width:100%;
	height:140px;
	margin-left:auto;
	margin-right:auto;
	
	background-image:url(img_menu/fondbann.png);
	background-repeat:repeat;}

#logo_bann{
	position:relative;
	width:870px;
	margin-left:auto;
	margin-right:auto;
	}

#menu{
	position:relative;
	height:26px;
	width:100%;
	background-image:url(img_menu/fondmenuselec.png);
	background-repeat:repeat-x;
}
	
/* pour centrer le menu */
#menu_cadre{
	position:relative;
	width:870px;
	height:26px;
	margin:0px auto 0px auto;
	padding-top:0px;
	}

#separationn{
	float:left;
	height:25px;
	width:2px;
	margin-left:0px;
	background-image:url(img_menu/separateurmenu.png);
	background-repeat:repeat-x;}
#menulien{
	float:left;
	height:25px;
	width:215px;
	margin-left:0px;
	color:#BB272D;
	}

#menulien a:link {
	text-decoration: none;	
	color:#FFF;
}
#menulien a:visited{
	text-decoration: none;	
	color:#FFF;	
}
#menulien a:hover {
	text-decoration: none;	
	color:#BB272D;
}

#graphisme_bann{
	width:100%;
	height:13px;
	background-image:url(img_menu/fondgraphisme.png);
	background-repeat:repeat-x;
	position:relative;
	margin-top:0px;
}

.texte_menu{
	text-align:center;
	font-size:15px;
	line-height:0px;
	font-family: Verdana, Geneva, sans-serif;
	padding-top:0px;
	margin-top:12px;
	margin-bottom:0px;
	}

.txtAccueil{
	color:#CCC;
	font-size:16px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	}

.txtAccueil a:link {
	text-decoration: none;	
	color:#CCC;
}
.txtAccueil a:visited{
	text-decoration: none;	
	color:#CCC;	
}
.txtAccueil a:hover {
	text-decoration: none;	
	color:#BB272D;
}

.Titre{
	color:#BB272D;
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	
	line-height:5px;
	margin-left:50px;
	padding-top:50px;
	}

.TitrePress{
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	
	line-height:5px;
	margin-left:50px;
	padding-top:50px;
	}

.LienPress{
	color:#BB272D;
	text-decoration:none;	
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	}
.LienPress:hover{
	color:#DC585F;
	text-decoration:none;
	}

.LienCredit{
	color:#BB272D;
	text-decoration:none;	
	font-size:14px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	}
.LienCredit:hover{
	color:#DC585F;
	text-decoration:none;
	}

.TitreNews{
	font-size:16px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:italic;
	
	line-height:5px;
	margin-left:50px;
	padding-top:30px;
	}

.Texte, .TexteNote{
	color:#FFF;
	font-size:13px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top: 0.6em;
	line-height:24px;
	text-align:left;
	margin-left:50px;
	margin-right:150px;
	letter-spacing:0.1em;
	}
	
.Texte b {
	color:#BB272D;}

.TexteNote{
	font-style:italic;
	color:#666;}

#pageCentralSpec, #pageCentralDeamb, #pageCentral{
	position:relative;
	width:870px;
	margin-right:auto;
	margin-left:auto;
	margin-top: 50px;
	background-color: rgba(20, 20, 20,0.7); 	
	-moz-border-radius: 1.5em; 
    -webkit-border-radius: 1.5em;
    /* epaisseur, aspect et couleur de bordure */
   	border-radius: 20px;
	}
#pageCentralSpec{
	background-image:url(img/spectacle.png);
	background-position:right top;
	background-repeat:no-repeat;
	}
#pageCentralDeamb{
	background-image:url(img/deambulle.png);
	background-position:right top;
	background-repeat:no-repeat;
	}
	
#galerie{
	position:relative;
	margin-left:50px;
	}
.mini{
	margin: 5px 0 0 10px;
	border:2px solid #CCC;
	}

.signatureVideo{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:italic;
	color:#444;
	text-decoration:none;
	margin-left:310px;
	}

a.signatureVideo:visited{color:#444;text-decoration:none;}
a.signatureVideo:hover{color:#BB272D;text-decoration:none;}


#videobio{
	/*float:right;
	margin-right: 40px;
	width:400px;
	height:250px;*/
	margin-left:50px;
	width:660px;
	/*border:1px solid #F00;*/
	}


/*---------------- PRESSE ----------------------- */
.imgPresse{
	float:left;
	width:120px;
	height:100px;
	padding:0px 0px 0px 50px;
	margin-top:10px;
	}
	
/*---------------- SHOW ----------------------- */
.imgShow{
	float:left;
	width:100px;
	height:85px;
	padding:0px 0px 0px 50px;
	margin-top:10px;
	}

/* --------------- FOOTER ----------------------- */

#footer{
	background-image:url(img_menu/graph_footer.png);
	background-position:bottom left;
	background-repeat:no-repeat;
	position:relative;
	width:770px;
	height:76px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	padding:0px;
	margin-bottom:0px;
	}

.footerlien{
	float:left;
	height:25px;
	width:100px;
	margin-left:0px;
	margin-top:25px;
	}

.footerlien a:link {
	text-decoration: none;	
	color:#939393;
}
.footerlien a:visited{
	text-decoration: none;	
	color:#939393;	
}
.footerlien a:hover {
	text-decoration: none;	
	color:#BB272D;
}
#separationnFooter{
	float:left;
	height:25px;
	width:2px;
	margin-left:0px;
	margin-top:25px;
	background-image:url(img_menu/separateurmenuFooter.png);
	background-repeat:repeat-x;}

#lienMonsterKid{
	width:136px;
	height:72px;
	position:relative;
	margin-top:0px;
	margin-left:634px;
	margin-right:0px;
	}
#lienMonsterKid a{
	width:136px;
	height:72px;
	display:block;
	background-image:url(img_menu/monsterLogo.png);
	}
#lienMonsterKid a:hover{
	background-image:url(img_menu/monsterLogoHover.png);
	}