body
{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	overflow:auto;

}

#entete_site
{
  font-size:14px;
  width:550px;
  margin:20px 0 0 10px;
  border:2px dotted #339900;
  padding:10px; 
}

#header
{
  background-image:url(/images/fond.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  width:1024px;
  height:809px;
  margin:0 auto 0 auto;
}

#footer
{
  width:1024px;
  height:429px;
  background:url(/images/footer.jpg);
  margin:-300px auto 0 auto;
}

#footertexte
{
  text-align:center;
  margin-top:-35px;
  color:#339900;
}

#conteneur
{
  width:960px;
  margin: -570px auto 0 auto;
}

#imgmilieu
{
  background:url(/images/ligne4.png) repeat-y left;
  width:944px;
  margin: 30px auto 0 auto;
}

#pagemilieu
{
  width:858px;
  margin:-20px auto 0 auto;
}

#fixedroit
{
  float:right;
  width:220px;
  margin: 10px 10px 0 0;
}

#contenu
{
  float:left;
  width:70%;
  margin:0 0 0 10px;
}

#rayure_h
{
  background-image:url(/images/rayure_h.png);
  background-repeat:no-repeat;
  width:214px;
}


#rayure_m
{
  background:url(/images/rayure_m.png) repeat-y left;
  width:214px;
  padding:0 0 0 9px;
}

#rayure_b
{
  background:url(/images/rayure_b2.png);
  width:214px;
  height:32px;
}

#event_h
{
  background:url(/images/event_h2.png);
  width:196px;
  height:22px;
  margin:-8px 0 -13px 0;
}

.bloc
{
  padding:0 15px 0 15px;
}

#event_h3
{
  background:url(/images/event_h2.png);
  width:196px;
  height:22px;
  margin:0px 0 0px 0;
}

#event_h2
{
  background:url(/images/event_h.png);
  width:196px;
  height:22px;
  margin-bottom:-1px;
}

#event_m
{
  background:url(/images/event_m.gif) repeat-y left;
  width:196px;
  padding:0 0 0 5px;
}

#event_m2
{
  background:url(/images/event_m.gif) repeat-y left;
  width:196px;
  padding:0 0 0 5px;
}

#event_b
{
  background:url(/images/event_b.png);
  width:196px;
  height:11px;
}

#thumbevent
{
  margin: 10px 0 0 10px;
}

#titre-topnews
{
  background:url(/images/titre-topnews.png);
  width:219px;
  height:73px;
  margin:40px 0 -8px -44px;
}

#titre-newsliste
{
  background:url(/images/titre-newsliste.png);
  width:219px;
  height:73px;
  margin:40px 0 -10px -44px;
}

#titre-presentation
{
  background:url(/images/titre-presentation.png);
  width:265px;
  height:73px;
  margin:40px 0 -10px -44px;
}

#titre-membreliste
{
  background:url(/images/titre-membreliste.png);
  width:265px;
  height:73px;
  margin:40px 0 10px -44px;
}

#titre-membre
{
  background:url(/images/titre-membre.png);
  width:266px;
  height:73px;
  margin:40px 0 30px -44px;
}

#titre-historique
{
  background:url(/images/titre-historique.png);
  width:265px;
  height:73px;
  margin:40px 0 10px -44px;
}

#titre-contact
{
  background:url(/images/titre-contact.png);
  width:265px;
  height:73px;
  margin:40px 0 10px -44px;
}

#titre-eventliste
{
  background:url(/images/titre-eventliste.png);
  width:265px;
  height:73px;
  margin:40px 0 -10px -44px;
}

#titre-news
{
  background:url(/images/titre-news.png);
  width:172px;
  height:73px;
  margin:40px 0 -20px -44px;
}

#titre-commentaire
{
  background:url(/images/titre-commentaire.png);
  width:269px;
  height:73px;
  margin:0px 0 0px -45px;
}

#titre-gb
{
  background:url(/images/titre-gb.png);
  width:249px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-gbmess
{
  background:url(/images/titre-gbmess.png);
  width:249px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-photoalbum
{
  background:url(/images/titre-photoalbum.png);
  width:266px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-photo
{
  background:url(/images/titre-photo.png);
  width:266px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-logo
{
  background:url(/images/titre-logo.png);
  width:265px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-vetement
{
  background:url(/images/titre-vetement.png);
  width:265px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-inscription
{
  background:url(/images/titre-inscription.png);
  width:263px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-confirmation
{
  background:url(/images/titre-confirmation.png);
  width:263px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-profile
{
  background:url(/images/titre-profile.png);
  width:266px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-passe
{
  background:url(/images/titre-passe.png);
  width:263px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-erreur
{
  background:url(/images/titre-erreur.png);
  width:263px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-album
{
  background:url(/images/titre-sonalbum.png);
  width:266px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-mixtape
{
  background:url(/images/titre-sonmixtape.png);
  width:266px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-playlists
{
  background:url(/images/titre-playlists.png);
  width:266px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-videoliste
{
  background:url(/images/titre-videoliste.png);
  width:266px;
  height:73px;
  margin:30px 0 20px -44px;
}

#titre-userliste
{
  background:url(/images/titre-userliste.png);
  width:263px;
  height:73px;
  margin:40px 0 10px -44px;
}

#form-message
{
  margin:0 0 0 20px;
}

a.newsliste
{
  color:#9DC21C;
	text-decoration:none;
	font-weight:bold;
  margin:0 0 0 10px;
}

#event_entete
{
  background:url(/images/titredroit-event.png);
  width:230px;
  height:60px;
  margin:-16px 0 0px -13px;
}

#news_entete
{
  background:url(/images/titredroit-news.png);
  width:230px;
  height:60px;
  margin:10px 0 0px -13px;
}

#photo_entete
{
  background:url(/images/titredroit-photo.png);
  width:230px;
  height:60px;
  margin:10px 0 -8px -13px;
}

#son_entete
{
  background:url(/images/titredroit-sons.png);
  width:230px;
  height:60px;
  margin:10px 0 -8px -13px;
}

#video_entete
{
  background:url(/images/titredroit-video.png);
  width:230px;
  height:60px;
  margin:10px 0 -8px -13px;
}

#info_entete
{
  background:url(/images/titredroit-info.png);
  width:230px;
  height:60px;
  margin:10px 0 -8px -13px;
}

#reseausociaux
{
  margin:15px 0 -10px 50px;
}

#infosite
{
  font-size:12px;
}

#lecteurmp3
{
  float:right;
  margin:-25px -28px -25px 0;
}
/*/////////////////////////////////////
		    Le menu connexion
/////////////////////////////////////*/
#contactFormContainer
{
	position:absolute;
	left:68%;
	float:right;
}
#contactForm
{
	height:180px;
	width:260px;
	background-image:url('/images/bkg.jpg');
	display:none;
}

#contactForm fieldset
{
	border:none;
}      
#contactForm label
{
	display:block;
	color:black;
}      
#contactForm input[type=text]
{
	display:block;
	border:solid 1px #4d3a24;
	width:100%;
	margin:10px 0 10px 0;
	height:24px;
}  
#contactForm textarea
{
	display:block;
	border:solid 1px #4d3a24;
	width:100%;
	margin-bottom:10px;
}  
#contactForm input[type=submit]
{
	background-color:#4d3a24;
	border:solid 1px #23150c;
	color:#fecd28;
	padding:5px;
}                
#contactLink
{
	height:25px;
	width:260px;
	background-image:url('/images/slidein_button.png');
	display:block;
	cursor:pointer;
}

#menuconnexion input[type=text]{
	border:0;
	width:215px;
	height:23px;
	padding:3px 0 0 10px;
	color:#888888;
	background:url(/images/form-text-vert.png) top left no-repeat;
	margin:0;
}
#menuconnexion input[type=text]:focus{
	background-position:left bottom;
}
#menuconnexion input[type=text]:hover{
	background-position:left bottom;
}

#menuconnexion input[type=password]{
	border:0;
	width:215px;
	height:23px;
	padding:3px 0 0 10px;
	color:#888888;
	background:url(/images/form-text-vert.png) top left no-repeat;
	margin:0;
}
#menuconnexion input[type=password]:focus{
	background-position:left bottom;
}
#menuconnexion input[type=password]:hover{
	background-position:left bottom;
}

#menuconnexion input[type=submit]{
	border:0;
	width:99px;
	height:22px;
	padding:3px 0 0 10px;
	color:#888888;
	background:url(/images/form-submit.png) top left no-repeat;
	margin:0;
	cursor:pointer;
}
#menuconnexion input[type=submit]:focus{
	background-position:left bottom;
}
#menuconnexion input[type=submit]:hover{
	background-position:left bottom;
}

#cologin
{
  font-size:16px;
  width:215px;
  height:40px;
  background-color:red;
  color:white;
  font-weight:bold;
  text-align:center;
}

#coinput
{
  margin: 5px 0 5px 0;
}

#bois
{
  background:url("/images/login-tache.jpg")no-repeat top left;
  width:250px;
  height:95px;
  display:block;
  font-size:12px;
  color:#339900;
  font-weight:bold;
  text-align:center;
  line-height:76px;
  vertical-align:middle;
  margin:-5px 0 0 2px;
  
}

a.boutonprofil
{
  background:url("/images/modifier-profil.png")no-repeat top left;
  width:131px;
  height:22px;
  display:block;
  margin:0 auto 0 auto;
}

a.boutonprofil:hover
{
  background-position:bottom left;
}

a.boutonadmin
{
  background:url("/images/administration.png")no-repeat top left;
  width:131px;
  height:22px;
  display:block;
  margin:5px auto 0 auto;
}

a.boutonadmin:hover
{
  background-position:bottom left;
}

a.boutondeco
{
  background:url("/images/deconnexion.png")no-repeat top left;
  width:131px;
  height:22px;
  display:block;
  margin:5px auto 0 auto;
}

a.boutondeco:hover
{
  background-position:bottom left;
}
/*/////////////////////////////////////
		    Le menu 
/////////////////////////////////////*/
#menu, #menu ul /* Liste */     
{
	padding : 0 0 0 0; /* pas de marge intérieure */
	margin : 0; /* ni extérieure */
	list-style : none; /* on supprime le style par défaut de la liste */
}

#menuderoulant /* Ensemble du menu */
{
	width:810px;
	height:66px;
  background-image:url(/images/menu/barre5.png);
  background-repeat:no-repeat;
  margin:0 auto -10px auto;
}

#menu li span.home a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
  padding : 0; /* aucune marge intérieure */      
  color : #fff; /* couleur du texte */
  text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:57px;
	height:55px;
	background:url(/images/menu/bt-home.png);
	line-height: 55px;
	vertical-align: middle;
	margin:5px 0 0 15px;
}

#menu li span.news a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
  padding : 0; /* aucune marge intérieure */      
  color : #fff; /* couleur du texte */
  text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:89px;
	height:54px;
	background:url(/images/menu/bt-news.png);
	line-height: 54px;
	vertical-align: middle;
	margin:-7px 0 0 10px;
}

#menu li span.asso a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
  padding : 0; /* aucune marge intérieure */      
  color : #fff; /* couleur du texte */
  text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:184px;
	height:54px;
	background:url(/images/menu/bt-asso.png);
	line-height: 54px;
	vertical-align: middle;
	margin:5px 0 0 10px;
}

#menu li span.event a
{
  display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
  padding : 0; /* aucune marge intérieure */      
  color : #fff; /* couleur du texte */
  text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
  width:112px;
  height:54px;
  background:url(/images/menu/bt-event.png);
  line-height: 54px;
  vertical-align: middle;
margin:5px 0 0 10px;
}

#menu li span.media a
{
  display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
  padding : 0; /* aucune marge intérieure */      
  color : #fff; /* couleur du texte */
  text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
  width:117px;
  height:54px;
  background:url(/images/menu/bt-media.png);
  line-height: 54px;
  vertical-align: middle;
  margin:5px 0 0 10px;
}

#menu li span.gb a
{
  display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
  padding : 0; /* aucune marge intérieure */      
  text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
  width:164px;
  height:54px;
  background:url(/images/menu/bt-gb.png);
  margin:5px 0 0 10px;
}

#menu li span.home a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:57px;
  height:55px;
  background:url(/images/menu/bt-home2.png);
}

#menu li span.news a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:89px;
	height:54px;
	background:url(/images/menu/bt-news2.png);
}

#menu li span.asso a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:184px;
	height:54px;
	background:url(/images/menu/bt-asso2.png);
}

#menu li span.event a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:112px;
	height:54px;
	background:url(/images/menu/bt-event2.png);
}

#menu li span.media a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:117px;
	height:54px;
	background:url(/images/menu/bt-media2.png);
}

#menu li span.gb a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:164px;
	height:54px;
	background:url(/images/menu/bt-gb3.png);
}

#menu li ul.asso
{
  display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
  margin:0 0 0 14px;
  padding : 0; /* aucune marge intérieure */      
  
  width:177px;
  height:110px;
  background:url(/images/menu/sous-barre-asso.png);
  position: absolute; /* Position absolue */
  left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul.media
{
  display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
  margin:0 0 0 12px;
  padding : 0; /* aucune marge intérieure */      
  width:114px;
  height:84px;
  background:url(/images/menu/sous-barre-media.png);
  position: absolute; /* Position absolue */
  left: -999em; /* Hop, on envoie loin du champ de vision */
}

#menu li ul li span.pres a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */      
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:168px;
	height:24px;
	background:url(/images/menu/bt-pres.png);
	line-height: 24px;
	vertical-align: middle;
	margin:5px 0 0 4px;
}

#menu li ul li span.membre a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */      
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:168px;
	height:24px;
	background:url(/images/menu/bt-membre.png);
	line-height: 24px;
	vertical-align: middle;
	margin:0 0 0 4px;
}

#menu li ul li span.hist a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */      
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:168px;
	height:24px;
	background:url(/images/menu/bt-hist.png);
	line-height: 24px;
	vertical-align: middle;
	margin:0 0 0 4px;
}

#menu li ul li span.contact a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */      
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:168px;
	height:24px;
	background:url(/images/menu/bt-contact.png);
	line-height: 24px;
	vertical-align: middle;
	margin:0 0 0 4px;
}

#menu li ul li span.pres a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:168px;
  height:24px;
  background:url(/images/menu/bt-pres2.png);
}

#menu li ul li span.membre a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:168px;
  height:24px;
  background:url(/images/menu/bt-membre2.png);
}

#menu li ul li span.hist a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:168px;
  height:24px;
  background:url(/images/menu/bt-hist2.png);
}

#menu li ul li span.contact a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:168px;
  height:24px;
  background:url(/images/menu/bt-contact2.png);
}

#menu li ul li span.photo a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */      
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:105px;
	height:24px;
	background:url(/images/menu/bt-photo.png);
	line-height: 24px;
	vertical-align: middle;
	margin:5px 0 0 4px;
}

#menu li ul li span.son a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */      
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:105px;
	height:24px;
	background:url(/images/menu/bt-son.png);
	line-height: 24px;
	vertical-align: middle;
	margin:0 0 0 4px;
}

#menu li ul li span.video a
{
	display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding : 0; /* aucune marge intérieure */      
	color : #fff; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
	width:105px;
	height:24px;
	background:url(/images/menu/bt-video.png);
	line-height: 24px;
	vertical-align: middle;
	margin:0 0 0 4px;
}

#menu li ul li span.photo a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:105px;
  height:24px;
  background:url(/images/menu/bt-photo2.png);
}

#menu li ul li span.son a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:105px;
  height:24px;
  background:url(/images/menu/bt-son2.png);
}

#menu li ul li span.video a:hover /* Lorsque la souris passe sur un des liens */    
{
  width:105px;
  height:24px;
  background:url(/images/menu/bt-video2.png);
}

#menu li /* Éléments des listes */      
{ 
  float : left; 
  /* pour IE qui ne reconnaît pas "transparent" */
  /*border-right : 1px solid #fff;  on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
  /* border-right: 1px solid transparent ; on met une bordure transparente à droite de chaque élément */
}

#menu li ul li /* Eléments de sous-listes */
{
  /* pour ie qui ne reconnaît pas "transparent" (comme précédemment) */
  border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous-liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
  border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
  margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
  /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
  /*border-left     : 1px solid #fff ;  Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
  /* border-left     : 1px solid transparent ;on met une bordure transparente sur la gauche de chaque élément */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
  left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
  left: auto; /* Repositionnement normal */
  min-height: 0; /* Corrige un bug sous IE */
}

/* ===================
        NEWS
======================*/
.news
{
  width:90%;
  padding: 0 5% 0 5%;
}

.titreNews
{
  color:#808080;
  padding-bottom:3px;
  margin:50px 0 0 30px;
  float:left;
  width:63%;
}

.headerNews
{
  background:url(/images/news_h5.png) no-repeat;
  width:556px;
  height:179px;
  margin:0 0 0 -10px;
}

.headersansNews
{
  background:url(/images/news_h4.png) no-repeat;
  width:556px;
  height:142px;
  margin:20px 0 0 -10px;
}

.headersansNews2
{
  background:url(/images/news_h4.png) no-repeat;
  width:556px;
  height:142px;
  margin:20px 0 -80px -30px;
}

.headersansNews3
{
  background:url(/images/news_h4.png) no-repeat;
  width:556px;
  height:142px;
  margin:20px 0 -120px -30px;
}

.headersansNews4
{
  background:url(/images/news_h4.png) no-repeat;
  width:556px;
  height:142px;
  margin:20px 0 -120px -10px;
}

#blocListeNews
{
  margin:-120px 0 0px 20px;
}

#blocgb
{
  margin:0 0 0 20px;
}

#blocform
{
  padding:0 0 0 30px;
   margin:-50px 0 -30px 0;
}

#newsresume
{
  width:90%;
  margin: 0 auto 0 auto;
}

#auteurnews
{
  margin:0 0 0 2px;
}

.footerNews
{
  background:url(/images/news_b4.png);
  width:556px;
  height:142px;
  margin:-50px 0 0 0px;
  padding: 50px 0 0 0;
}

.footerNewsVideo
{
  background:url(/images/news_b4.png);
  width:556px;
  height:142px;
  margin:-90px 0 0 0px;
  padding: 50px 0 0 0;
}

.footerNews2
{
  background:url(/images/news_b4.png);
  width:556px;
  height:142px;
  margin:-130px 0 5% -10px;
}

.footerNews3
{
  background:url(/images/news_b4.png);
  width:556px;
  height:142px;
  margin:-130px 0 5% -30px;
}

.footerNews4
{
  background:url(/images/news_b4.png);
  width:556px;
  height:142px;
  margin:-50px 0 5% -10px;
  padding: 50px 0 0 0;
}

#commlect
{
  float:left;
  color:#808080;
  margin:55px 0 0 35px;
}

#comm_h
{
  background:url(/images/comm_h.gif);
  width:504px;
  height:21px;
  margin:-8px 0 -1px 0;
}

#comm_m
{
  background:url(/images/comm_m.gif) repeat-y;
  width:485px;
  padding:10px;
  color:#808080;
}

#comm_b
{
  background:url(/images/comm_b.png);
  width:504px;
  height:10px;
}

a
{
  text-decoration:none; 
}

a.boutonsuite
{
  background:url("/images/news_bt3.png")no-repeat top left;
  width:129px;
  height:35px;
  float:right;
  margin:40px 20px 0 0;
}

a.boutonsuite:hover
{
  background-position:bottom left;
}

.facebook
{
  float:right;
  margin:55px 20px 0 0;
}

a.boutonphoto
{
  background:url("/images/bt-photo.png")no-repeat top left;
  width:150px;
  height:35px;
  float:right;
  margin:40px 20px 0 0;
}

a.boutonphoto:hover
{
  background-position:bottom left;
}

a.album
{
  background:url("/images/bt-album.png")no-repeat top left;
  width:150px;
  height:35px;
  float:right;
  margin:40px 20px 0 0;
}

a.album:hover
{
  background-position:bottom left;
}

a.mixtape
{
  background:url("/images/bt-mixtape.png")no-repeat top left;
  width:150px;
  height:35px;
  float:right;
  margin:40px 20px 0 0;
}

a.mixtape:hover
{
  background-position:bottom left;
}

a.playlist
{
  background:url("/images/bt-playlist.png")no-repeat top left;
  width:150px;
  height:35px;
  float:right;
  margin:40px 20px 0 0;
}

a.playlist:hover
{
  background-position:bottom left;
}

#play
{
  background:url("/images/bt-play.png")no-repeat bottom left;
  width:50px;
  height:50px;
}

#play:hover
{
  background-position:top left;
}

#download
{
  background:url("/images/bt-download.png")no-repeat bottom left;
  width:50px;
  height:50px;
}

#download:hover
{
  background-position:top left;
}

a.video
{
  background:url("/images/bt-video.png")no-repeat top left;
  width:150px;
  height:35px;
  float:right;
  margin:40px 20px 0 0;
}

a.video:hover
{
  background-position:bottom left;
}

.imageNews
{
  width:150px;
  height:130px;
  float:right;
}

.mois
{
  color:#9DC21C;
  margin: 34px 0 0 24px;
  float:left;
  font-weight:bold;
}

.annee
{
  color:#9DC21C;
  margin: 34px 0 0 54px;
  font-weight:bold;
}

.jour
{
  font-size:22px;
  font-weight:bold;
  margin: 5px 0 0 31px;
  color:black;
}

span.newslist
{
  color:#808080;
  font-size:12px;
}
/* ===================
        MEMRBES
======================*/
.titreMembre
 {
  margin:0 0 20px 0;
 }
 
.titreMembre2
{
  float:left;
  width:78%;
  margin:3% 0 3% 0;
  color:#808080;
}

.footerMembre
{
  width:510px;
  color:#808080;
  border-bottom:2px dotted #808080;
  text-align:right;
  margin:2% auto 2% auto;
}

.headerMembre
{
  float:left;
  width:370px;
  height:135px;
  margin: 0 0 5% 3%;
}

#membreliste
{
  margin:10px 0 0 30px
}

#ordremembre
{
  margin:20px 0 -25px 65px;
  font-size:12px;
}

#membredesc
{
  margin:-25px 0 30px 30px;
}

/* ===================
        BALISES
======================*/
p
{
  color:#808080;
}

p.center
{
  text-align:center;
}

p.text
{
  margin:0 0 0 20px;
}

p.messageok
{
  margin:40px 0 -30px 30px;
}

p.bloctexte
{
  padding:10px;
}

h1.titre
{
  color:#808080;
  font-size:18px;
  margin:0 0 1px 20px;
}

h1.titre2
{
  color:black;
  font-size:17px;
  margin-bottom:1px;
  font-weight:bold;
  margin:-10px 0 0 0;
}

h1.titre3
{
  color:#808080;
  font-size:17px;
  margin-bottom:1px;
  font-weight:bold;
  margin:-10px 0 0 0;
}

a.vert
{
	color:#9DC21C;
	text-decoration:none;
	font-weight:bold;
}

a.blanc
{
	color:white;
	text-decoration:none;
	font-weight:bold;
}

a.time0
{
  color:#9DC21C;
	text-decoration:none;
}

a.time1
{
  color:#669900;
	text-decoration:none;
	font-weight:bold;
}

a.titre
{
	color:black;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	margin:3px 0 0 0px;
}

.titrevideo
{
  
}

a.titre:hover
{
  color:#9DC21C;
}

a:hover
{
	color:#000;
}

img 
{
	border: none;
}

.lienPageListe
{
  width:400px;
	height:40px;
  margin:0 0 0 215px;
	text-align:center;
}

.lienPageListe2
{
  width:400px;
	height:40px;
  margin:20px 0 0 215px;
	text-align:center;
}


#liste-prec
{
  width: 7px;
  height: 12px;
  line-height:12px;
  vertical-align:middle;
  float:left;
  margin: 5px 6px 0 0;
}

#liste-suiv
{
  width: 7px;
  height: 12px;
  line-height:12px;
  vertical-align:middle;
  float:left;
  margin: 5px 0 0 6px;
}

#bt-selec
{
  background:url("/images/liste-selec.gif");
  width:20px;
  height:18px;
  color:white;
  padding:3px 1px 0 0;
  font-weight:bold;
  float:left;
  margin: 0 2px 0 2px;
}

#bt-autre
{
  background:url("/images/liste-autre.gif");
  width:20px;
  height:18px;
  padding:3px 1px 0 0;
  font-weight:bold;
  float:left;
  margin: 0 2px 0 2px;
}

#bt-point
{
  color:#9DC21C;
  width:19px;
  height:19px;
  padding:3px 2px 0 0;
  font-weight:bold;
  float:left;
  margin: 0 2px 0 2px;
}


/* ===================
        BALISES
======================*/
#bloccomm
{
  margin:20px 0 0 20px;
  color:#808080;
}

.commentaire
{
  background-color:#DCDCDE;
  padding:5px 10px 5px 10px;
  margin-top:-8px;
}

#dateComm
{
  font-size:10px;

}

span.nomAuteur
{
  font-weight:bold;
  font-size:17px;

}

span.nomAuteurMembre
{
  font-weight:bold;
  font-size:17px;
  color:green;
}

/* ===================
      TABLEAUX
======================*/
table.infosite
{
  font-size:12px;
  padding:0 0 0 10px;
  color:grey;
}

table.listeNews
{
  padding: 5% 2% 5% 2%;
}

.membre
{
  color:#808080;
  margin-right:5%;
}

table.paragraphe
{
  margin: 0 0 5% 5%;
  font-size:14px;
  font-family:Verdana, Geneva, sans-serif;
}

table td.descMembre
{
  background-color:#DCDCDE;
  width:450px;
  padding:5px 10px 5px 10px;
}

table.tab /* Le tableau en lui-même */
{
   width:100%;
   margin: auto; /* Centre le tableau */
   border: 1px solid #808080; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   font-size:12px;
   overflow:auto;
}

.tabadmin
{
  width:830px;
  overflow:auto;
   border: 1px solid #808080;
}

table.tab2 /* Le tableau en lui-même */
{
   width:70%;
   margin: auto; /* Centre le tableau */
   border: 1px solid #808080; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
   font-size:12px;
}

th.admin /* Les cellules d'en-tête */
{
   background-color: #808080;
   color: white;
   padding: 5px;
}

td.tab /* Les cellules normales */
{
   border: 1px solid #808080;
   text-align: center; /* Tous les textes des cellules seront centrés*/
   padding: 5px; /* Petite marge intérieure aux cellules pour éviter que le texte touche les bordures */
}

.content /* Les cellules normales */
{
   height:150px;
   width:150px;
   overflow:auto;
   border: 1px solid #808080; /* Bordure du tableau avec effet 3D (outset) */
}

td.lignenews
{
  width:400px;
  font-size:14px;
}

/* ===================
      Menu droite
======================*/
ul.dernierenews
{
  list-style-type: none;
  margin:0;
  padding:6% 0 0 0;
}

li.listesansborder
{
  width:180px;
  margin:0 0 0 3px;
  line-height: 19px;
  padding: 0 0 2px 0;
}

li.listeavecborder
{
  width:180px;
  margin:0 0 0 3px;
  padding:2px 0 2px 0;
  border-top: 1px solid white;
  line-height: 20px;
}

ul.dernierenews li a:hover
{
  background-color:#9DC21C;
  color:white;
  width:180px;
  padding:5px 0 5px 0;
}

#miniphotosans
{
  width:180px;
  height:50px;
}

#miniphotoavec
{
  width:180px;
  height:50px;
  border-top: 1px solid white;
  padding:10px 0 0 0;
}

#miniphotoimg
{
  float:left;
  margin:0 0 0 3px;
}

#photolien
{
  margin:0 0 0 50px;
  line-height:40px;
  vertical-align:middle;
}

#last1
{
  float:left;
  width:75%;
  height:180px;
  padding: 2% 2% 1% 4%;
  margin: 4% 0 0 8%;
  color:#808080;
  border:2px solid #dcb;
  background-color:white;
}

.entete_menu1
{
  background-color:#eed;
  width:108%;
  font-size:15px;
  color:grey;
  text-align:center;
  font-weight:bold;
  margin:-5px 0 0 -9.5px;
  border-bottom:2px solid #dcb;
  line-height:25px;
  vertical-align: middle;
}

#last2
{
  float:left;
  width:89%;
  height:60px;
  padding: 2% 2% 1% 4%;
  margin: 4% 0 0 2%;
  color:#808080;
  border:2px solid #dcb;
  background-color:white;
}

.entete_menu2
{
  background-color:#eed;
  width:107%;
  font-size:15px;
  color:grey;
  text-align:center;
  font-weight:bold;
  margin:-5px 0 0 -9.5px;
  border-bottom:2px solid #dcb;
  line-height:25px;
  vertical-align: middle;
}

#last3
{
  float:left;
  width:89%;
  height:160px;
  padding: 2% 2% 1% 4%;
  margin: 4% 0 0 2%;
  color:#808080;
  border:2px solid #dcb;
  background-color:white;
}

#last4
{
  float:left;
  width:89%;
  height:100px;
  padding: 2% 2% 1% 4%;
  margin: 4% 0 0 2%;
  color:#808080;
  border:2px solid #dcb;
  background-color:white;
}

.lienCo
{
  font-size:12px;
  font-weight:normal;
}

#nextevent
{
  margin: 6% 0 0 10px;
  font-weight:bold;
  color:black;
}

.ligne2
{
  padding:6% 0 0 0;
}

/* ===================
      Commentaire
======================*/
.addComm
{
  width:200px;
  height:50px;
}
/* ===================
      Musique
======================*/
.musique
{
  width:250px;
  margin: 0 10px 0 30px;
}

.musique1
{
  line-height:50px;
  vertical-align:middle;
  margin: -50px 0 0 55px;
}

.musique2
{
  float:right;
  margin: 5% 0% 0 0;
}



.listeson
{
  margin: 0 0 -60px 30px; 
}

/* ===================
      Video
======================*/
.media
{
  border-bottom:1px dotted #808080;
  padding-bottom:3%;
}

.lecteurflv
{
  margin-left:-10px;
  padding-bottom:3%;
  
}

.video1
{
  width:220px;
  height:300px;
  float:right;
  margin:0 0 30px 10px;
}

.video2
{
  margin-top:15%;
  width:300px;
  height:300px;
}

/* ===================
        GALLERY
======================*/
div#galerie
{
	width: 93%;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 10px ;
	margin: 15px auto 0 auto;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
}

ul#galerie_mini li a img
{
	margin: 2px 2px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.5em/1.5em Georgia, serif ;
	color: #dcb ;
}

span.desc
{
  font: bold 15px Georgia, serif ;
	color: #dcb ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}

.gris
{
  color:#808080;
}

.icone_news
{
  margin:2px 0 2px 0;
  border: 1px solid white;
}

/* //////////////FORMULAIRE ///////////*/
#gb input[type=text]{
	border:0;
	width:215px;
	height:23px;
	padding:3px 0 0 10px;
	color:#888888;
	background:url(/images/form-text.png) top left no-repeat;
	margin:0;
}
#gb input[type=text]:focus{
	background-position:left bottom;
}
#gb input[type=text]:hover{
	background-position:left bottom;
}

#gb input[type=password]{
	border:0;
	width:215px;
	height:23px;
	padding:3px 0 0 10px;
	color:#888888;
	background:url(/images/form-text.png) top left no-repeat;
	margin:0;
}
#gb input[type=password]:focus{
	background-position:left bottom;
}
#gb input[type=password]:hover{
	background-position:left bottom;
}

#gb textarea{
	border:0;
	width:393px;
	height:114px;
	padding:3px 0 0 10px;
	color:#888888;
	background:url(/images/form-textarea.png) top left no-repeat;
	margin:0;
}
#gb textarea:focus{
	background-position:left bottom;
}
#gb textarea:hover{
	background-position:left bottom;
}

#gb input[type=submit]{
	border:0;
	width:99px;
	height:22px;
	padding:3px 0 0 10px;
	color:#888888;
	background:url(/images/form-submit.png) top left no-repeat;
	margin:0;
	cursor:pointer;
}
#gb input[type=submit]:focus{
	background-position:left bottom;
}
#gb input[type=submit]:hover{
	background-position:left bottom;
}

/* //////////////GALLERIA ///////////*/
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.caption{font-style:italic;color:#808080;}
.demo{position:relative;margin:100px 0 0 0;} 
.gallery_demo{width:550px;margin:0 0 20px -15px;}
.gallery_demo li{width:68px;height:50px;border:2px double #cccccc;margin: 2px;background:white;}
.gallery_demo li div{left:240px}
.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}

#main_image{margin:0 auto 35px auto;height:400px;width:570px;text-align:center; }
#main_image img{margin-bottom:10px;}

#nav{text-align:center; margin:0 0 10px 0;}
#btdroit{margin:0 0 0 20px;}

.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
.info p{margin-top:1.6em;}

#erreur2
{
  color:red;
}


#playermp3
{
  background-color:red;
}

#centrerbloc1
{
  margin:-30px 0 0 0;
}

td.decale
{
  margin:0 0 0 10px;
}





/* News Slider */

	img{border:none;}
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		margin:25px 0 0 0;
		width:590px;
		height:241px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #339900;
		background:#9DC21C;
		color:white;
		font-weight:bold;
		font-family:verdana;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#339900;
		border:1px solid #9DC21C;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


#slider{
  margin:50px 0 50px 0;
}