a{list-style-type:none;outline:medium none; cursor:pointer;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
li{float:left; list-style-type:none; tex-decoration;none; cursor:default;}

body {/*background:url("images/03.jpg") no-repeat scroll center top #090909;*/
	background-color:#090909;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding:0px;
	font-size:12px;
	line-height:22px;
	text-align:left;
	font-family:Arial,Helvetica,sans;
	font-weight:normal;
}
#ensemble { width:998px; overflow:hiden; /*opacity:0.4;*/
margin:0 auto;
background:url("images/backgroundEnsemble.jpg") no-repeat scroll center top transparent;
min-height:1100px;
padding:0px;
}
#subHeader{width:100%; height:26px; background:url("images/headerUp.png") repeat-x scroll left top transparent; position:absolute; z-index:10;}
#subHeader ul li{list-style-type:none; float:left; padding-right:18px; padding-left:2px; font-family:impact,arial,times; color:#046866; font-size:16px;}
.activeLi {color:#046866; cursor:default; float:left; /*text-shadow: 0 -1px 0 #666; filter: dropshadow(color=#000, offx=0, offy=-1);*/ }
#subHeader a{color:#393939; text-decoration:none; float:left;  display:block;}
#subHeader a:hover, #subHeader a:active{color:#FFF; text-decoration:none; float:left; }
#subHeader ul { width:600px; text-align:center; margin:0 auto 0; opacity:0.8;}


#header{width:100%; height:247px;}
#header2{width:100%; height:168px;}
#logo{float:left; width:246px; height:44px; margin-left:38px; margin-top:42px; background:url("images/logoTitre.png") no-repeat scroll left top transparent; position:absolute;}
#connect{width:100%; height:110px; float:right; margin-top:24px; overflow:hidden; color:#393939; }
#log {width:160px; float:right; margin-right:20px;}
#log span{text-align:right; margin-right:16px; float:right;}
#log .input {border: 1px solid #046866; background: #000; float:right; color:#046866; -moz-border-radius: 6px; border-radius: 6px; }
#log .button {background:url("images/btnOkPerso.png") no-repeat scroll 0 0 transparent; border:none; list-style-type:none;outline:medium none;
cursor:pointer;display:block; float:right; height:26px; margin:0;padding:0;text-indent:-9999px; width:71px;}
#log .button:hover {background-position:0 -27px; outline:medium none;}
#log .button:active {background-position:0 -54px; outline:medium none;}


#apDroit{width:41px; height:42px;margin-top:68px; margin-right:52px; float:right; background:url("images/guillemeFermer.png") no-repeat scroll left top transparent;}
#apGauche{width:41px; height:100px; float:right;margin-top:1px; background:url("images/guillemetOuvert.png") no-repeat scroll left top transparent;}
#intro{width:224px; height:120px; padding-left:5px; padding-right:5px; float:right; color:#FFF;}
#mainMenu a{text-decoration:none;  text-shadow: 0 0 0 #000;}
#donate{width:230px; height:168px;margin-left:30px; margin-top:-80px; position:absolute; background:url("images/faireDonGraf.png") no-repeat scroll left bottom transparent;}
#donate span{font-family:impact,arial,times; color:#046866; text-decoration:none; font-size:16px; text-align:left; margin-top:20px;float:left;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
#donate span:hover{color:#FFF; text-decoration:none;}

#mainMenu{float:left;height:66px; width:998px; margin:0 auto; text-align:center;font-family:'Arial Rounded MT Bold','Arial Rounded MT','Arial Rounded', Arial Bold, Arial,Helvetica,sans; /*font-weight:bold; */}
#slide{position:absolute;margin-left: 232px; margin-top:-6px; height:66px; width: 206px; background:url("images/mainMenuSlide.png") no-repeat scroll center top transparent;
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
#menGauche{float:left; height:55px; width:30px; margin-top:6px; background:url("images/mainMenuGauche.png") no-repeat scroll left top transparent;}
#menDroit{float:right; height:55px; width:30px; margin-top:6px; background:url("images/mainMenuDroit.png") no-repeat scroll left top transparent;}
#menuCentre {position:absolute; margin-left:30px; height:55px; width:940px; margin-top:6px; background:url("images/mainMenu.png") repeat-x scroll left top transparent;}
#menuCentre ul {
font-size:18px;
margin-left:210px;
margin-top:14px;
position:absolute;
z-index:20;
padding:0;
}
#menuCentre ul li{color:#FFF; float:left; list-style-type:none; padding-right:20px; padding-left:46px;  min-width: 100px;}
#menuCentre ul li a, #menuCentre ul li a:active{color:#046866; text-decoration:none; }
#menuCentre ul li a:hover{color:#000; text-decoration:none; }
#pochette{height:260px; float:left; margin-bottom:10px;margin-right:20px;margin-top:8px; -webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000; }

#center{margin-top:-12px;float:left; width:950px; min-height:400px; padding-left:38px; padding-top:50px; background:url("images/backgroundCenter.png") no-repeat scroll center top transparent;}
#coloneGauche{float:left; width:220px; height:1076px; /*background-color:#046866;*/ margin-top:6px; overflow:hidden;}
#coloneGauche a{padding:0;margin-bottom:10px; width:220px; margin-bottom:10px;float:left;}
#coloneGauche img{float:left;padding:0; width:220px; border:none;}
#coloneGauche img:hover{opacity:0.6;}
#coupCoeur{margin-left:12px; float:left; width:712px; min-height:320px; /*background-color:#000;*/ cursor:pointer;}
#coupCoeur a{padding-left:10px;  float:left; width:702px; min-height:270px; background-color:transparent; }
#coupCoeur a:hover{padding-left:10px;  float:left; width:702px; min-height:270px; /*background:url("images/bgBest.png") repeat scroll left top transparent;*/
background-color: rgba(0,0,0,0.5)!important;
background-color: #000;}
#banCoup{position:absolute; z-index:10; width:134px; height:122px; background:url("images/coupDeCoeur.png") no-repeat scroll left top transparent; margin-left:-15px; margin-top:-10px;}
#artisteViewer{margin-left:22px; float:left; width:702px; min-height:310px; margin-top:8px;}
#artisteViewer ul{margin:0px; padding-left:8px; font-family:'Eras Medium ITC',Arial,Helvetica,sans; font-size:14px; float:left;}
#artisteViewer ul li{float:left; color:#FFF; /*background-color:#000;*/ padding-left:8px; padding-right:8px; height: 30px; margin-right:36px;}
.activeVLi{background-color:black; font-size:16px; line-height:1.9;}
#artisteViewer ul a{color:#046866; text-decoration:none;line-height:2.3;}
#artisteViewer ul a:hover{color:#FFF; text-decoration:none;}
#blocArtist{float:left; border:1px solid #161616; margin-left:1px;
-webkit-box-shadow: 0px 0px 2px ;
-moz-box-shadow: 0px 0px 2px ;
box-shadow: 0px 0px 2px ; }
#overCentre{width:681px; height:232px; background:url("images/backgroundDiapo.jpg") no-repeat scroll left top transparent; overflow:hidden;
margin:8px;}
#bandoDiapo{heigth:212px; margin-top:18px; float:left; overflow:hidden; width:1000px; margin-left:12px; /*width et margin-left sont variables */  
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
#blocDiapo{ float:left; cursor:pointer; width:126px; min-height:186px; max-height:214px;  margin-right:7px; word-wrap: break-word;  
background-color:transparent; }
#bandoDiapo a:hover{ /*background:url("images/bgBest.png") repeat scroll left top transparent;*/
background-color: rgba(0,0,0,0.3)!important;
background-color: grey;}
#blocDiapo img{padding-top:4px; padding-left:5px; float:left;}
#blocDiapo h3{font-family:impact, times, arial; font-size:19px; font-weight:normal; margin-top:5px; padding-left:4px; float:left; word-wrap: break-word;   }
#blocDiapo span{font-family:Arial,Helvetica,sans; font-size:11px; font-weight:bold; margin-top:-18px; padding-left:4px; float:left; word-wrap: break-word;   
color:#046866; line-height:14px; margin-bottom:10px;}
#btnArtist{float:right; background:url("images/bntDiapoPerso.png") no-repeat scroll left top transparent;
 overflow:hidden; width:60px; height:34px; margin-right:22px; margin-top:-20px;}
#btnArtist span {background:url("images/bntDiapoPerso.png") no-repeat scroll 0 0 transparent;
cursor:pointer;display:block;float:left;height:33px;margin:0;padding:0;text-indent:-9999px;width:30px;}
#btnArtist  span.prevBtn:hover {background-position:0 -33px;}
#btnArtist  span.prevBtn:active {background-position:0 -66px;}
#btnArtist span.nextBtn {background-position:-30px 0;}
#btnArtist  span.nextBtn:hover {background-position:-30px -33px;}
#btnArtist  span.nextBtn:active {background-position:-30px -66px;}

 
#titreGroupe{color:#FFF; font-family:impact, times, arial; font-size:36px;margin-top:12px; float:left; width:400px; text-transform: capitalize;}
#GenreGroupe{color:#046866;float:left;width:400px;margin-top:2px;}
#texteGroupe{color:#FFF;float:left;width:400px; margin-top:14px; height:178px; overflow: hidden; word-wrap: break-word;
      -o-text-overflow: ellipsis; /* pour Opera 9 */ 
      text-overflow: ellipsis; /* pour le reste du monde */ }
#lienGroupe{color:#393939;float:right; margin-top:6px; font-style : italic; margin-right:14px;}


#agenda{margin-left:22px; float:left; width:422px; min-height:412px; margin-top:26px; color:#FFF;}
#agenda h1,#news h1{font-family:'Eras Medium ITC',Arial,Helvetica,sans; font-size:18px; float:left; margin:0px;}
#ContenerAgenda {height:360px; margin-top:2px; float:left; width:100%; border-top:1px dotted #FFF; border-bottom:1px dotted #FFF; overflow:hidden;}
#scrollBack{position:absolute; z-index:10; width:18px; height:360px; margin-top:25px;background: #024649; /* old browsers */
background: -moz-linear-gradient(left, #024649 0%, #046866 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#024649), color-stop(100%,#046866)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#024649', endColorstr='#046866',GradientType=1 ); /* ie */}
#scrollBar{width:14px; height:60px; margin:2px; -moz-border-radius: 6px;
border-radius: 6px; background: #1C1C1C; /* old browsers */
background: -moz-linear-gradient(left, #1C1C1C 0%, #2B2B2B 32%, #000000 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1C1C1C), color-stop(32%,#2B2B2B), color-stop(100%,#000000)); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1C1C1C', endColorstr='#000000',GradientType=1 ); /* ie */}
#BandoEvenement{float:left;overflow:hidden; width:420px;  height: 800px; margin-top:0px;/* Height et Margin-top sont variables */
-webkit-transition: all 0.6s ease-out;
-moz-transition: all 0.6s ease-out;
-o-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;}
#BandoEvenement a:hover{background-color:#161616;}
#blocArtistEv{width:406px; padding:6px;cursor:pointer; height:96px; float:left; margin-top:8px; margin-bottom:2px; background-color:#000;-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 10px;-moz-border-radius-bottomright: 10px;-moz-border-radius-bottomleft: 0px;border-top-left-radius: 0px;border-top-right-radius: 10px;
border-bottom-right-radius: 10px;border-bottom-left-radius: 0px; }
#blocArtistEv img{margin-top:2px; margin-left:22px;margin-right:4px; float:left; border: 4px solid #FFF;}
#blocArtistEv h3{font-family:impact, times, arial; font-size:18px; font-weight:normal; margin-top:-2px; padding-left:4px; float:left;}
#evGenre{color:#046866;font-family:Arial,Helvetica,sans; font-size:11px; font-weight:bold; margin-top:-19px; padding-left:4px; float:left;line-height:12px;}
#date{float:left; color:#FFF; font-weight:bold; padding-left:4px;  margin-top:-4px; font-size:14px; width:280px;}
#lieux{float:left;color:#FFF; padding-left:4px;  margin-top:-4px; font-size:14px;width:280px;}
#btnAdress{float:left; font-size:11px;color:#046866; padding-left:4px; margin-top:0px;  width:260px; line-height:12px;}

#news{margin-left:56px; float:left; width:224px; min-height:412px; margin-top:26px; color:#FFF;}
#firstNews{float:left;margin-top:4px;}
#otherNews{float:left; margin-top:15px; padding-top:6px;border-top:1px dotted #FFF;}

#footer{/*opacity:0.4;*/ margin-top:18px;color:#FFF; float:left; height:434px; width:100%;
background:url("images/dechirFooter.jpg") repeat-x scroll left top #161616; overflow:hidden;}
#contentFooter{ padding-top:100px; width:885px; margin:0 auto; padding-left:60px;}
#colonGauchFooter {width:412px; float:left;height:312px; overflow:hidden;}
#colonDroitFooter {width:342px; float:right;height:312px; overflow:hidden;}
#titreDevenir{font-family:impact,times, arial; font-size:32px; float:left; line-height:30px; padding-top:18px;}
#c1{font-family:'Eras Medium ITC',impact,times, arial;}
#c2{font-family:'Arial Rounded MT Bold','Arial Rounded MT', impact,times, arial; font-size:27px;}
#devenirArtist{padding-top:24px;float:left;font-family:Arial,Helvetica,sans;font-size:12px;font-weight:normal;line-height:22px;text-align:left;}
#devenirArtist a { float:right; text-decoration:underline; margin-right:60px; margin-top:20px;
background:url("images/btnInscription.png") no-repeat scroll 0 0 transparent;
background-position:0 0;
border:medium none;
cursor:pointer;
display:block;
height:26px;
list-style-type:none;
outline:medium none;
text-indent:-9999px;
width:156px;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
#devenirArtist a:hover{background-position:0 -27px;}
#devenirArtist a:active{background-position:0 -54px;}

#titreRechTag{font-family:impact,arial,times;text-align:right; font-size:22px; float:right; line-height:30px; padding-top:16px; width:336px;}
#RechercheTag{font-family:Arial,Helvetica,sans;font-size:12px;font-weight:normal;line-height:22px;text-align:left;}
#menuFooterDown{width:1020px; margin-left:-80px; float:left;font-family:Arial,Helvetica,sans;font-size:12px;font-weight:normal;line-height:22px;text-align:left;}
#menuFooterDown a{float:left; margin:0 auto; padding-left:28px; padding-right:30px; text-decoration:none; color:#046866;}
#menuFooterDown a:hover{text-decoration:underline;}