/* CSS Document */

/* LE GENERAL */

body {
background-color:#414141;
color:#FFFFFF;
font:Verdana, Arial;
font-size:15px;
}
a:link {
color:#FFFFFF;
font-weight: bold;
text-decoration:none;
}
a:visited {
color:#efefef;
font-weight: bold;
text-decoration:none;
}
a:hover {
color:#c1c1c1;
text-decoration: none;
}
a:active {
color:#757575;
}
img {
border:none;
}
img.bann {
border: 1px solid #FFFFFF;
}
div.masthead {
position:absolute;
width:800px;
left:50%;
margin-left:-400px;
background-color:#000000;
border: 1px solid #FFFFFF;
}
div.head {
overflow:hidden;
background-color:#000000;
}




/* LA BANNIERE */

div.ban {
width:800px;
height:150px;
background-image:url(i/noir.png);
background-repeat:no-repeat;
background-position:top center;
}

div.barre {
width:800px;
height:65px;
background-image:url(i/menu_sombre2.png);
background-repeat:no-repeat;
background-position:top center;
}



/* LE PLAN */

div.plan{
font:Verdana;
font-size:12px;
float:left;
margin-left:25px;
}



/* LE MENU */

div.menu {
width:127px;
float:left;
font-size:13px;
}

.element_menu a {
color:#ffffff;
margin-left:6px;
font-size:13px;
font-weight: bold;
text-decoration: none;
display:block ;
text-align:left;
width:70px ;
height:20px;
border-style:none ;
border-width:5px ;
}
.element_menu a:hover {
color:#cc0000;
font-weight: bold;
text-decoration: none;
}
.element_menu a:active {
color:#ff0000;
font-weight: bold;
border-style:none ;
text-decoration: none;
}

.element_menu2 a {
color:#0000cc;
margin-left:6px;
font-size:13px;
font-weight: bold;
display:block ;
text-align:left;
width:110px ;
height:20px;
border-style:none ;
border-width:5px ;
}
.element_menu2 a:hover {
color:#cc0000;
font-weight: bold;
text-decoration: none;
}
.element_menu2 a:active {
color:#ff0000;
font-weight: bold;
border-style:none ;
text-decoration: none;
}




/* LE CONTENU */

div.int {
margin-top:10px;
padding-left:4px;
width:666px;
text-align:left;
overflow:hidden;
background-color:#000000;
}
p.contenu {
font-size:16px;
margin:5px;
text-align:left;
}



/* LE COPYRIGHT */

div.copy {
width:800px;
height:100px;
background-image:url(i/bas_noir.gif);
background-repeat:no-repeat;
background-position:top center;
font-size:11px;
text-align:center;
overflow:hidden;
margin-top:15px;
}



/* LES MESSAGES */

div.erreur {
border: 2px solid #FF0000;
background-color:#ffccff;
color:#000000;
text-align:center;
padding:5px;
}

div.message {
border: 2px solid #008000;
background-color:#ccff99;
color:#000000;
text-align:center;
padding:5px;
}



/* LES POP-UP */

div.masthead2 {
position:absolute;
width:530px;
background-color:#000000;
border: 1px solid #FFFFFF;
text-align:center;
padding:20px;
}
div.comm {
text-align:left;
border: 1px solid #FFFFFF;
background-color: #111111;
width:500px;
padding:10px;
}
div.comm_info {
text-align:left;
border: 1px solid #FFFFFF;
background-color: #000033;
width:400px;
margin-top:30px;
padding:3px 0px 2px 10px;
}
div.comm_mess {
text-align:left;
border-bottom: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
background-color: #000011;
width:390px;
padding:10px;
}



/* LES ZONES DE TEXTE */

input.autre {
border: 2px solid #515151;
background-color: #000000;
color:#FFFFFF;
}

textarea {
border: 2px solid #515151;
background-color: #000000;
color:#FFFFFF;
}

input.oblig {
border: 2px solid #FFFFFF;
background-color: #000000;
color:#FFFFFF;
}

textarea.oblig {
border: 2px solid #FFFFFF;
background-color: #000000;
color:#FFFFFF;
}
select {
border: 2px solid #515151;
background-color: #000000;
color:#FFFFFF;
}
select.oblig {
border: 2px solid #FFFFFF;
background-color: #000000;
color:#FFFFFF;
}




/* LES TABLEAUX */

tr.barre {
background-image:url(i/noir_barre.png);
background-repeat:y-repeat;
background-position:top center;
font-size:11px;
}
tr.barre2 {
background-image:url(i/noir_barre2.png);
background-repeat:y-repeat;
background-position:top center;
font-size:11px;
}
tr.zik {
font-size:13px;
}


/* CONTACT */

div.contacter {
border: 1px solid #FFFFFF;
background-color: #111111;
width:500px;
padding:20px;
}



/* LE LIVRE D'OR */

div.sign_livre {
border: 1px solid #FFFFFF;
background-color: #111111;
width:420px;
padding:10px;
}
div.livre_info {
background-image:url(i/noir_livre_info.png);
background-repeat:y-repeat;
background-position:middle center;
width:400px;
margin-top:30px;
height:21px;
text-align:left;
padding:3px 0px 0px 10px;
}
div.livre_mess {
background-color: #010347;
width:390px;
padding:10px;
}
a.info {
   position: relative;
   color: #FFFFFF;
   text-decoration: none;
   font-size:15px;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   font-size:15px;

}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   text-decoration: none;
   font-size:13px;
   width:300px;
   border: 1px solid #FFFFFF;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 50px;

   background-color:#2d2d2d;

   padding: 3px;

}
a.info:visited {
   position: relative;
   color: #FFFFFF;
   text-decoration: none;
   font-size:15px;
}



/* L'ACCUEIL */

div.news {
background-image:url(i/noir_news.png);
background-repeat:no-repeat;
background-position:top left;
font-size:12px;
text-align:left;
margin:20px 10px 0px 0px;
height:16px;
width:300px;
padding-top:2px;
}

div.news2 {
border: 2px solid #00004d;
font-size:12px;
text-align:left;
height:40px;
width:300px;
padding:8px 0px 5px 5px;
}

div.news_titre {
background-image:url(i/noir_barre_news.png);
background-repeat:x-repeat;
background-position:top left;
font-size:14px;
font-weight: bold;
text-align:left;
height:22px;
width:510px;
padding:2px 5px 0px 10px;
}

div.news_mess {
border: 2px solid #00004d;
font-size:13px;
text-align:left;
width:501px;
padding:5px 10px 10px 10px;
}
div.news_fin {
background-image:url(i/noir_barre_news2.png);
background-repeat:x-repeat;
background-position:top left;
font-size:12px;
text-align:right;
height:15px;
width:510px;
padding:2px 5px 0px 10px;
}





/* LES TITRES */

div.bienvenue {
background-image:url(i/noir_bienvenue.png);
background-repeat:no-repeat;
background-position:top center;
width:600;
}

div.remix {
background-image:url(i/noir_remix.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.megamix {
background-image:url(i/noir_megamix.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.versus {
background-image:url(i/noir_versus.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.compo {
background-image:url(i/noir_composition.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.steve {
background-image:url(i/noir_steve.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.autres {
background-image:url(i/noir_autres.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.house {
background-image:url(i/noir_house.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.rnb {
background-image:url(i/noir_rnb.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.oriental {
background-image:url(i/noir_oriental.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.proch-soirees {
background-image:url(i/noir_proch-soirees.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.soirees-pass {
background-image:url(i/noir_soirees-passees.png);
background-repeat:no-repeat;
background-position:top center;
height:70;
width:500;
}
div.maison1 {
background-image:url(p/maison1/noir_maison1.png);
background-repeat:no-repeat;
background-position:top center;
height:111;
width:500;
}
div.harani06 {
background-image:url(p/harani06/noir_harani.png);
background-repeat:no-repeat;
background-position:top center;
height:111;
width:500;
}
div.halloween07 {
background-image:url(p/halloween07/noir_halloween07.png);
background-repeat:no-repeat;
background-position:top center;
height:111;
width:500;
}
div.steph_18ans {
background-image:url(p/18ans_Steph/noir_18ans_steph.png);
background-repeat:no-repeat;
background-position:top center;
height:111;
width:500;
}

/* LES GROS TITRES */        

div.accueil {
width:800px;
height:65px;
background-image:url(i/title/noir_accueil.png);
background-repeat:no-repeat;
background-position:top center;
}
div.design {
width:800px;
height:65px;
background-image:url(i/title/noir_design.png);
background-repeat:no-repeat;
background-position:top center;
}
div.biographie {
width:800px;
height:65px;
background-image:url(i/title/noir_biographie.png);
background-repeat:no-repeat;
background-position:top center;
}
div.musiques {
width:800px;
height:65px;
background-image:url(i/title/noir_musiques.png);
background-repeat:no-repeat;
background-position:top center;
}
div.soirees {
width:800px;
height:65px;
background-image:url(i/title/noir_soirees.png);
background-repeat:no-repeat;
background-position:top center;
}
div.videos {
width:800px;
height:65px;
background-image:url(i/title/noir_videos.png);
background-repeat:no-repeat;
background-position:top center;
}
div.playlist {
width:800px;
height:65px;
background-image:url(i/title/noir_playlists.png);
background-repeat:no-repeat;
background-position:top center;
}
div.livre {
width:800px;
height:65px;
background-image:url(i/title/noir_livre.png);
background-repeat:no-repeat;
background-position:top center;
}
div.galerie {
width:800px;
height:65px;
background-image:url(i/title/noir_galerie.png);
background-repeat:no-repeat;
background-position:top center;
}
div.liens {
width:800px;
height:65px;
background-image:url(i/title/noir_liens.png);
background-repeat:no-repeat;
background-position:top center;
}
div.bannieres {
width:800px;
height:65px;
background-image:url(i/title/noir_bannieres.png);
background-repeat:no-repeat;
background-position:top center;
}
div.contact {
width:800px;
height:65px;
background-image:url(i/title/noir_contact.png);
background-repeat:no-repeat;
background-position:top center;
}