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


/********* GENERAL **********/
body {background-image:url(back.jpg); background-position:top; background-position:center; background-repeat: repeat-y; background-color:#000000;margin-top:0px; margin-bottom: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 12px; color:#ffffff;}
img{border:none;}
a:link {color: #339999;text-decoration: none;}
a:visited {color: #339999;text-decoration: none;}
a:hover {color: #339999; text-decoration: underline;}
a:active {color: #339999;text-decoration: none;}


/********* COMMUN **********/
#top{ width: 1035px; height: 32px; margin: auto; margin-top: 0px;  background-image: url("images/top.jpg");background-repeat: no-repeat;}
#ban{ width: 1035px; height: 219px; margin: auto; margin-top: 0px;  background-image: url("images/banner.jpg");background-repeat: no-repeat;}
#menu{ width: 1035px; height: 41px; margin: auto; margin-top: 0px;  background-image: url("images/menu.jpg");background-repeat: no-repeat;}
#footer{ width: 1035px; height: 118px; margin: auto; margin-top: 0px;  background-image: url("images/foot.jpg");background-repeat: no-repeat;}

.top_banner{margin-top:10px;width: 1016px;float:left;position:relative;margin-left:9px;height: 207px;}
.copyright{margin-top:20px;width: 200px;float:left;position:relative;margin-left:65px;height: 40px;text-align:left;font-size: 10px;font-family: Arial, Helvetica, sans-serif;}
.inf{margin-top:20px;width: 300px;float:left;position:relative;margin-left:460px;height: 40px;text-align:right;font-size: 10px;font-family: Arial, Helvetica, sans-serif;}

.Style1 {color: #30B8CB;font-weight: bold;}



/********* INDEX **********/
#splash{width: 966px;height: 426px;margin: auto;margin-top: 50px;background-image: url("images/splash.jpg");background-repeat: no-repeat;}
.splash_anim{margin-top:10px;width: 944px;float:left;position:relative;margin-left:10px;height: 362px;}
.splash_img{float:left;position:relative;}
.splash_btom{
	margin-top:13px;
	width: 400px;
	float:left;
	position:relative;
	margin-left:95px;
	height: 30px;
	text-align: center;
}
.splash_copyright{
	margin-top:8px;
	width: 180px;
	float:left;
	position:relative;
	margin-left:12px;
	height: 40px;
	text-align: left;
	font-size: 9px;
}
.splash_info{
	margin-top:8px;
	width: 230px;
	float:left;
	position:relative;
	margin-left:37px;
	height: 40px;
	text-align: right;
	font-size: 9px;
}

/********* INDEX **********/
#contener{width: 1035px;height: 880px;margin: auto;margin-top: 0px;background-image: url("images/corps.jpg");background-repeat: no-repeat;}
.myspace{margin-top:13px;width: 245px;float:left;position:relative;margin-left:34px;height: 182px;}
.ban{margin-top:13px;width: 695px;float:left;position:relative;margin-left:22px;height: 182px;}
.news{margin-top:55px;width: 646px;float:left;position:relative;margin-left:32px;height: 620px;}
.titre_news{ font-family:Arial, Helvetica, sans-serif; color:#1E7481; font-weight:bold;}
.newsletter{margin-top:53px;width: 300px;float:left;position:relative;margin-left:20px;height: 100px; text-align:center;}
.dl{margin-top:70px;width: 300px;float:left;position:relative;margin-left:20px;height: 68px;text-align: center;}
.partenaire{margin-top:52px;width: 300px;float:left;position:relative;margin-left:20px;height: 150px;text-align:center;}


/********* PRESENTATION **********/
#contener_presentation{width:1035px;height:1485px;margin:auto;margin-top:0px;background-image:url("images/presentation.jpg");background-repeat:no-repeat;}
.text_presentation{margin-top:55px;width: 575px;float:left;position:relative;margin-left:50px;height: 230px;text-align: justify;}
.player_presentation{margin-top:13px;width: 325px;float:left;position:relative;margin-left:47px;height: 280px;}
.discographie{margin-top:70px;width: 960px;float:left;position:relative;margin-left:35px;height: 430px;text-align: justify;}
#contentwrap{width:100%;height:407px;background:url(images/content-bg.png) left top no-repeat;}
#contentwrap_home{width:100%;height:587px;background:url(images/content_home-bg.png) left top no-repeat;}
#content{float:left;width:700px;height:290px;overflow:hidden;}
#content_home{float:left;width:570px;height:526px;padding:25px 0px 0px 50px;overflow:hidden;}
#content_about{float:left;width:635px;padding:25px 25px 0px 50px;height:526px;overflow:hidden;}
#content_contact{float:left;width:450px;height:526px;padding:25px 0px 0px 50px;overflow:hidden;}
#sidebar{float:right;width:310px;height: 526px;padding:25px 40px 0px 15px;}
#sidebar_about{float:right;width:230px;height: 526px;padding:25px 40px 0px 15px;}
#sidebar_contact{float:right;width:430px;height: 526px;padding:25px 40px 0px 15px;}
#aboutmepicture	{clear:both;float:left;width:145px;height:127px;background:url(images/aboutmeframe.png) left top no-repeat;overflow: hidden;padding: 24px 26px 64px 26px;margin-bottom: 5px;}
.portfolio_preview_alt{float:left;width:126px;height:125px;background:url(images/portfolio_preview.png) left top no-repeat;padding:26px 23px 20px 23px;margin:0px 2px 5px 0px;overflow:hidden;}
.portfolio_preview{float: left;width: 125px;height: 125px;background: #ffffff;border: 1px solid #756457;padding: 5px;margin: 0px 15px 15px 0px;}											
.contentpanel{display:none;}
.active	{display:block;}
.right{float:right;}
.mtop{margin-top:15px;}
.mright	{margin-right: 15px;}
#info{float: left;clear: both;width: 550px;padding: 5px;font-size: 12px;font-weight: bold;margin-bottom: 10px;}
#info.green	{background: #83ff9a;border: 1px solid #48d061;}
#info.red{background: #ff7171;border: 1px solid #d84848;}
#imgframe{float:right;width:190px;height:190px;background:url(images2/01.png) left top no-repeat;padding:5px 10px 10px 5px;margin-top: 20px;margin-right: 20px;}
#framewrap{width:900.px;height:180px;float:left;clear:both;padding:0px 30px 0px 60px;position:relative;width: 900px;}
.scroll{float:left;width:720px;height:120px;margin:0px 10px 0px 40px;display:inline;position:relative;overflow: auto;}
.scrollContainer div.panel{width:803px;height:115px;}
.leftnav{position:absolute;left:20px;top:0;width:77px;height:180px;cursor:pointer;margin-right:15px;}
.rightnav{position:absolute;right:20px;top:0;width:80px;height:180px;cursor:pointer;margin-left:5px;}
.pictureframe{display:inline;width:780px;height:180px;overflow:hidden;}
.pictureframe li{display:inline;float:left;width:105px;height:105px;padding:7px 30px 45px 6px;margin-right:10px;background:url(images2/02.png) left top no-repeat;}
.pictureframe li p{float: left;margin: 5px 0px 0px 21px; font-family: "Georgia", "Times", serif; font-size: 12px;font-style: italic;color: #939393;}
.picture{width:105px;height:105px;}
.titre_prod{font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#30B8CB;}
.evenements{margin-top:60px;width: 945px;float:left;position:relative;margin-left:40px;height: 270px;text-align:justify;}
.galerie_photo{margin-top:25px;width: 976px;float:left;position:relative;margin-left:26px;height: 319px;text-align:justify;}


/********* PROMOTION **********/
#contener_promotion{width:1035px;height:1130px;margin:auto;margin-top:0px;background-image:url("images/promotion.jpg");background-repeat:no-repeat;}
.promo1{margin-top:2px;width: 248px;float:left;position:relative;margin-left:26px;height: 301px;text-align: justify;}
.promo2{margin-top:50px;width: 675px;float:left;position:relative;margin-left:34px;height: 260px;text-align: justify;}
.promo3{
	margin-top:63px;
	width: 535px;
	float:left;
	position:relative;
	margin-left:45px;
	height: 280px;
	text-align: justify;
}
.carte_fr{
	margin-top:24px;
	width: 376px;
	float:left;
	position:relative;
	margin-left:38px;
	height: 335px;
}
.lect_video{margin-top:77px;width: 713px;float:left;position:relative;margin-left:158px;height: 351px;text-align:center;}


/********* DESIGN WEB **********/
#contener_design{width:1035px;height:1100px;margin:auto;margin-top:0px;background-image:url("images/design.jpg");background-repeat:no-repeat;}
.jey_present{margin-top:55px;width: 580px;float:left;position:relative;margin-left:47px;height: 200px;text-align: justify;}
.collabo{margin-top:55px;width: 300px;float:left;position:relative;margin-left:58px;height: 240px;text-align: justify;}
.ref_design{margin-top:67px;width: 950px;float:left;position:relative;margin-left:40px;height: 175px;}
.serv1{margin-top:63px;width: 265px;float:left;position:relative;margin-left:69px;height: 135px;text-align: justify;}
.serv2{margin-top:63px;width: 265px;float:left;position:relative;margin-left:46px;height: 135px;text-align: justify;}
.serv3{margin-top:63px;width: 265px;float:left;position:relative;margin-left:45px;height: 135px;text-align: justify;}
.ref_web{margin-top:75px;width: 952px;float:left;position:relative;margin-left:39px;height: 265px;text-align: center;}


/********* STUDIO **********/
#contener_studio{width:1035px;height:770px;margin:auto;margin-top:0px;background-image:url("images/studio.jpg");background-repeat:no-repeat;}
.luisino{margin-top:47px;width: 630px;float:left;position:relative;margin-left:40px;height: 90px;text-align: justify;}
.player{margin-top:12px;width: 300px;float:left;position:relative;margin-left:29px;height: 132px;}
.emix{margin-top:28px;width: 730px;float:left;position:relative;margin-left:260px;height: 130px;text-align: justify;}
.emaster{margin-top:40px;width: 730px;float:left;position:relative;margin-left:260px;height: 130px;text-align:justify;}
.ref_studio{margin-top:70px;width: 960px;float:left;position:relative;margin-left:35px;height: 205px;text-align:center;}


/********* CONTACT **********/
#contener_contact{width:1035px;height:500px;margin:auto;margin-top:0px;	background-image:url("images/contact.jpg");	background-repeat:no-repeat;}
.formulaire{margin-top:47px;width: 635px;float:left;position:relative;margin-left:40px;height: 440px;text-align: center;}
.info_contact{margin-top:16px;width: 280px;float:left;position:relative;margin-left:32px;height: 120px;}
.links{margin-top:67px;width: 280px;float:left;position:relative;margin-left:32px;height: 275px;}