/****************************************************************************
/                                                                           /
/                       wWWWW     wMMMM     mMMMM                           /
/              WWWWW   wwwWWWW   wwwMMMM   mmmMMMM                          /
/                WWWWwwww  WWWWwwww  MMMMMmmm  MMMM                         /
/                 WWWWww    WWWWww    MMMMmm    MMMMM                       /
/                  WWWw      WWWw      MMMm                                 /
/                                                                           /
/                     http://www.webmister.fr                               /
/                                                                           /
/                                                                           /
/                                                                           /
/  Copyright 2007 by Lilian Thomas.                                         /
/  Visit http://www.webmister.fr                                            /
/  Last update: 2007, by Lilian THOMAS 4 webmister.fr.                      /
/                                                                           /
/  Copyright include basic HTML tags, PHP, JavaScript & CSS scrpit          /
/  including links and images.                                              / 
/                                                                           /
****************************************************************************/

*, p {
  margin: 0;
  padding: 0;
}
body{
  font-family:  Arial, Helvetica,Verdana, sans-serif;
  font-size:11px;
  color: #E32B63;
  background-color:#000;
}
img{
  border:0px;
  }
.hide{
visibility:hidden;
}
a{text-decoration:none; color:#FFFFFF}
.left{float:left;}
#macie{display:none;}
 / Montre  IE-Mac \*/ #macie{
   position: absolute;
  display: block;
  width:100%;
  text-align:center;
  z-index:900;
  background-color:#FFFFFF;
  color:#CC0000;
  padding:10px;
  }/* fin */
#adress{
position:absolute;
bottom:5px; 
right:5px;
}  
#englobe{
  display:block;
  width:955px;
  height:600px;
  position: absolute;
  "\"}\""; /* parsing bug */                    
  margin-top: -300px;
  top:50%;
  margin-left: -475px;
  left:50%;
}
.sulfur{
background-image: url(fond_grille.gif); 
background-repeat:repeat;
}
.sulfurx{
background:#000 url(fond_sulfurx.jpg);
}
div#intro{position:absolute; top:200px; 
display: block; height:160px; width:100%;
background-image: url(sulfurx.png); background-repeat: no-repeat; background-position: center;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icono/sulfurx.png', sizingMethod='crop');
*background-image:none;
*border:1px solid red;
}
#link{position:absolute;
display:block; height:22px; width:160px; 
top:350px; left:400px;
}
a.francais{float:left;
display: block; height:22px; width:69px;
background-image: url(francais.png); background-repeat: no-repeat; background-position: center;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='icono/francais.png', sizingMethod='crop');
*background-image:none;
}
a.english{ float:right;
display: block; height:22px; width:61px;
background-image: url(english.png); background-repeat: no-repeat; background-position: center;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='icono/english.png', sizingMethod='crop');
*background-image:none;
}
#navcontainer{
position:absolute; top:55px; left:164px;
display:block; height:44px; width:626px;
background-color:#000000;}
	#navcontainer ul
	{ 
		text-align: center;
		padding-bottom: 5px;
		padding-top: 15px;
		padding-left: 0;
		margin-top: 0;
		/* cancels gap caused by top padding in Opera 7.54 */
		margin-left: 0;
		margin-bottom: 0;
		/* fixes Firefox 0.9.3 */
	}
	
	#navcontainer ul li
	{
		display: inline;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 5px;
		/* matches link padding except for left and right */
		padding-top: 5px;
	}
	
	#navcontainer ul li a
	{
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-top: 5px;
         font-size:17px;
		 letter-spacing:1.1px;
		text-decoration: none;
	}
a.Home{
height:23px ;
width: 55px;
background:url(home.gif) no-repeat;
}
a.Discographie{

height:23px ;
width:117px;
background:url(discographie.gif) no-repeat;
}
a.Agenda{
height:23px ;
width:66px;
background:url(agenda.gif) no-repeat;
}
a.Contacts{

height:23px ;
width:77px;
background:url(contact.gif) no-repeat;
}
a.Shop{
height:23px ;
width: 49px;
background:url(shop.gif) no-repeat;
}
a.Newsletter{
height:23px ;
width:80px;
background:url(newsletter.gif) no-repeat;
padding-right:0px;
}
div#Home{
position:absolute; top:130px; left:164px;
display:block; height:420px; width:626px;
}
#t_Home{
display:block;
height:29px ;
width: 286px;
background:url(t_presentation.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
}
div.Home_t{
margin-top:10px; padding-right:5px;
height:154px; width:281px;
}
div#presentation{
float:left;
display:block; height;194px; width:286px;
background-color:#000000;
padding:10px;
}
div.scrol{
overflow:auto;
}
/*#t_Newsagenda{
display:block;
height:29px ;
width: 286px;
background:url(t_newsagenda.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
}*/
div.agend{
margin-top:10px; padding-right:5px;
height:361px; width:281px;
}
div#newsagenda{
float:right;
display:block; height:401px; width:286px;
background-color:#000000;
padding:10px; 
}
div.Agenda_t{
margin-top:10px; padding-right:5px;
height:361px;
}
div#contenu div.Agenda_t{
 width:600px;
} 
strong{
color:#FFFFFF;
}
#t_Discographie{
display:block;
height:29px ;
background:url(t_newsdisco.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
clear:both;
}
#newsdisco{
*clear:both;
float:left;
margin-top:15px;
display:block; height:171px; width:286px;
background-color:#000000;
padding:10px;
}
#newsdisco div{display:block;
height:130px; width:286px;
background-color:#000000;
padding-top:10px;
*overflow-x:scroll;
overflow-y:hidden;
}
#newsdisco div #t_Discographie{
display:block;
height:29px ;
width:100%;
}
div#contdisco{
position:absolute; top:395px; left:164px;
display:block; height:150px; width:606px;
background-color:#000000;
padding:10px;
}
#contdisco.admin{height:100px;}
#contdisco div{display:block;
height:120px; width:600px;
padding-top:10px;
*overflow-x:scroll;
overflow-y:hidden;
}

#disco li{
width:100px;
float:left;
list-style:none;
}
#disco{
display:block;
height:131px;
width:360px;

}
h2.titre{margin:0; border-bottom:2px ridge #FFF; color:#fff; }
#contenu{
position:absolute; top:130px; left:164px;
display:block; height:401px; width:606px;
background-color:#000000;
padding:10px;
}
#contenu div{
 width:600px;
}
#contdisque{
position:absolute; top:130px; left:164px;
display:block; height:215px; width:606px;
background-color:#000000;
padding:10px;
}
#contdisque div{
margin-top:10px;
display:block;
width:400px;
height:180px;
*overflow-y:scroll;
overflow-y:auto;
}
#contdisque img{
margin-left:10px; float:right; border:6px solid #FFFFFF;
height:180px; width:180px;
}
#textdisk{
width: 380px;
} 
#t_Contact{
display:block;
height:29px ;
width: 600px;
background:url(t_news.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
}
#t_newsagenda{
display:block;
height:29px ;
width:100%;
background:url(t_newsagenda.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
}
#t_Agenda{
display:block;
height:29px ;
width:100%;
background:url(t_agenda.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
}
#t_Shop{
display:block;
height:29px ;
width:100%;
background:url(t_shop.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
}
div.Shop_t{margin-top:10px; padding-right:5px;}
#t_Newsletters{
display:block;
height:29px ;
width:100%;
background:url(t_newsletter.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
}
div.Newsletters_t{margin-top:10px; padding-right:5px;}
#t_Contacts{
display:block;
height:29px ;
width:100%;
background:url(t_contact.gif) no-repeat;
border-bottom:2px ridge #FFF;margin:0;
}
div.Contacts_t{margin-top:10px; padding-right:5px; width:500px;}
hr{border-bottom:2px ridge #FFF;margin:0;}
  ///////////////////////////////////////////////////////////////////////////////////////////////////////////

/********************* form **********************/


.contact form{
width:580px;
font-size:11px;
color:#333333;
}
input, textarea{
font-size:11px;
border:1px solid #000;
background-color:#CCC;
padding:0 2px;
font-family:  Arial, Helvetica,Verdana, sans-serif;
}

#confirmation{
font-size:11px;
font-weight:bold;

}
.contact form ul{
margin: 0px;
padding: 0px;
float:left;
list-style:none;
width:24%;
height:180px;
display:block;
}

.contact form ul li{height:35px;

}
#valide{
padding:20px 0 0 0;
*clear:both;
float:left;!important
}
.contact form ul input{
width:90%;
}
.contact form ul textarea{width:90%;
height:85px;
} 
em{padding-left:0px;top:8px;
position: absolute;
display:block;
width:202px;
right:0px;
}
/********************* end **********************/