/*  Styles written for mananamusic.com
	Author: Edouard LACAN
	Date Mod: 06/06/06
----------------------------------------------- */


/* BALISES HTML SECHES (depourvues d'id et de classe)
-----------------------------------------------
----------------------------------------------- */

body {
background : transparent url(../images/bg_star.jpg);
font-family: Verdana, "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
color: #555555;
margin: 0;
padding: 0;
text-align:center;
}

p {
margin: 0px 0px 0px 0px;
padding: 0px;
line-height: 1.4em;
}

ul, li {
padding: 0px;
margin: 0px;
list-style-type: none;
}


/* INTRO SITE */

#wrapper_intro {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 700px;
     height: 400px;
     margin-top: -250px; /* moitiż de la hauteur */
     margin-left: -350px; /* moitiż de la largeur */
     border: 0px solid #000;
}
#logo_intro {
position: relative;
width: 550px;
height: 380px;
margin: auto;
}
#menu_intro {
position: relative;
width: 550px;
margin: auto;
line-height: 30px;
text-align: center;
}
#menu_intro ul {
list-style: none ;
margin: 0 ;
padding: 0 ;
}
#menu_intro ul li {
display: inline ;
margin: 30px ;
color: #fff ;
}
#menu_intro ul li a {
background: transparent ;
color: #fff ;
border: 1px solid transparent ;
font: 1.5em "Trebuchet MS",Arial,sans-serif ;
line-height: 1em ;
padding: 4px 15px ;
text-align: center ;
text-decoration: none ;
background: #000;
}
#menu_intro ul li a:hover, #menu_intro ul li a:active, #menu_intro ul li a:focus {
border: 1px dotted #fff ;
text-decoration: none ;
color: #ddd;
background: #000;
}

/* LIENS */

a, a img {
border: 0;
text-decoration : none;
}

a:link { color: #BA0000; }

a:visited { color: #BA0000; text-decoration : none; }

a:hover { color: #BA0000; text-decoration: underline; }

a:active { color: #b3c93d;  }

h1 a, h1 a:link, h1 a:hover, h1 a:active, h1 a:visited {
color: #BA0000;
}

.soustitre a, .soustitre a:link, .soustitre a:hover, .soustitre a:active, .soustitre a:visited {
color: #666666;
text-decoration : none;
}
.soustitre a:hover, .soustitre a:active {
color: #BA0000;
}

/* TITRES */

h1  {
margin : 0px;
padding: 10px 0px 0px 0px;
font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
font-variant:normal;
color: #000000;
font-size:1.8em;

clear:both;
display: block;
}
h2  {
margin : 0px;
padding: 10px 0px 0px 0px;
font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
font-variant:normal;
color: #000000;
font-size:1.6em;
clear:both;
}

h4 {
margin:0;
padding: 0;
color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.95em;
font-weight: normal;
}

.soustitre  {
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666666;
font-size:1.6em;
text-align: left;
line-height:50px;
}

.soustitre_agenda  {
margin : 0px;
padding: 0px;
font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
color: #999999;
font-size:1.6em;
clear:both;
line-height:25px;
}



/* STRUCTURES
-----------------------------------------------
----------------------------------------------- */

div.alerte {
position:relative;
display: block;
clear: both;
color: #ffffff;
height: 50px;
width: 650px;
overflow: visible;
text-align: center;
text-wrap: nowrap;
padding: 5px;
margin: 20px;
font-size: 2em;
border: 0.5px #666666 solid; 
}


/* HAUT DE PAGE  */

#wrapper {
width: 738px;
background: transparent;
margin: 0px auto 0px auto;
}

div#edeur  {
top: 0px;
width: 738px;
height: 200px;
margin: 0px auto 0px auto;
background: transparent;
display: block;
z-index: 0;
}

div#flash {
height: 150px;
width: 738px;
background: transparent;
display: inline;
z-index: 1;
}

div#nav {
background: #000000 url(../images/nav-2.jpg);
background-position: 0px 0px;
background-repeat: repeat-x;
width:738px;
display:table-cell;
}
.nav { 
width:650px;
background: transparent ;
font-family: Arial, Tahoma, sans-serif; 
font-size: 1.1em;
font-weight: normal;
text-transform : uppercase;
float: left;
z-index: 2;
}
div#langues {
position: relative;
top: 4px;
z-index: 1;
float: right;
right: 10px;
}
.nav li {
position: relative;
top: 0px;
left: 0px;
padding: 0px 10px 0px 10px;
float:left;
height:21px;
}
.nav li .p {
position : relative;
top: 3px;
left: 4px;
font-style: normal;
display: inline;
padding: 0px 0px 2px 0px;
margin-right: 4px;
}
.nav li img {
position : relative;
top: 3px;
left: 0px;
font-style: normal;
display: inline;
padding: 0px 5px 0px 5px;
}
.nav li a:link, .nav li a:visited { 
text-decoration: none; 
color: #ffffff;
font-weight: bold;
}
.nav li a:hover {
color: #ffffff; 
text-decoration: none;  
overflow: visible;
}
.nav li:hover {
background: transparent url(../images/nav-4.jpg) 0px 0px no-repeat;
}

body#home li#homemenu  { background: transparent url(images/red-aro.gif) 8px 6px no-repeat;}
body#artiste li#artistemenu  {background: transparent url(images/red-aro.gif) 8px 6px  no-repeat;}
body#album li#albummenu  {background: transparent url(images/red-aro.gif) 8px 6px no-repeat;}
body#concert li#concertmenu {background: transparent url(images/red-aro.gif) 8px 6px no-repeat;}
body#liens li#liensmenu  {background: transparent url(images/red-aro.gif) 8px 6px no-repeat;}
body#label li#labelmenu  {background: transparent url(images/red-aro.gif) 8px 6px no-repeat;}
body#contact li#contactmenu  {background: transparent url(images/red-aro.gif) 8px 6px no-repeat;}
body#video li#videomenu  {background: transparent url(images/red-aro.gif) 8px 6px no-repeat;}

/* CORPS DE LA PAGE  */

body#newsletter {
background:#fffddf;
}

#main {	 
position: relative;
left: 0px;
width:738px;
background : #fff;
padding:0px;
margin:0px;
}
#main p {
font-size: 1.1em;
color: #000;
}
#animus {
position: relative;
background: #000000 url(/images/nav-3.jpg) 0px 200px no-repeat;
width: 738px;
height: 210px;
text-align:left;
}
#promo {
width:385px;
position: relative;
margin: 0px;
float: left;
background:#ffffff;
height: 200px;
}
#catalogue {
position: relative;
left:10px;
float:left;
width: 343px;
height:200px;
}

#txtcol {
position: relative;
left: 0px;
width: 400px;
float: left;

}
#sidebar {
position: relative;
width: 278px;
float: left;
clear: right;
left: 30px;
}
#col_gauche, #col_droite {
left: 0px;
top: 0px;
margin: 0px;
padding: 0px 15px 0px 15px;
min-height:100%;
text-align:left;
font-size:1.1em;
float: left;
width: 100%;
}

#txtcolhome {
position: relative;
left: 0px;
width: 360px;
float: left;

}
#sidebarhome {
position: relative;
width: 320px;
float: left;
clear: right;
left: 30px;
}
#txtcolcal {
left: 0px;
position: relative;
width: 300px;
float: left;
}
#sidebarcal {
position: relative;
width: 380px;
float: left;
clear: right;
left: 30px;
}
/* BAS DE PAGE */

#footer {
font-size:0.9em;
width: 738px;
height:25px;
margin: 0px auto 30px auto;
color: #999999;
text-align: center;
background: transparent url(http://ns29333.ovh.net/~mananaftp/website/images/site/footeur.png) 0 0 no-repeat;
}
#footer a { color: #999999; }

#footer img { 
border: 0; 
padding: 0;
margin: 0;
}
/* STYLES SPECIAUX
-----------------------------------------------
----------------------------------------------- */
.emp {
font-size:1.1em;
font-weight: bold;
color: #aa0000;
}
span.chapot {
font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
text-decoration : none;
font-size: 1.5em;
color: #000000;
line-height: 1.5em;
display: block;
}
.biointro {

}
/* IMAGES */

#col_gauche img {
background: #ffffff;
border: 0px solid #000000;
padding: 0px;
}
img.ilu, #col_droite img.ilu, #col_gauche img.ilu, #main div.listed p img {
position: relative;
margin:3px 10px 7px 0px;
border: 1px solid #000000;
float: left;
display: block;
clear: both;
}
.ico_sm {
padding: 0px 0px 0px 0px;
font-size: 100%;
}
.ico_sm a img {
background: #e7e4cf;
border: 1px solid #d4cebb;
}
.ico_sm a:hover img {
background: #d2ddd9;
border: 1px solid #809dae;
text-decoration: none;
}
.ico_sm a img {
padding: 3px;
margin: auto 3px auto auto;
}
#txtcol img.imgtunes {
border: 0px;
margin: 5px 0px 5px 0px;
}
/* FORMULAIRES */

input, select {
font-size:1em;
}
input, textarea {
border-top: 1px solid #d9d5b5;
border-left: 1px solid #d9d5b5;
border-right: 1px solid #bfb98a;
border-bottom: 1px solid #bfb98a;
}
textarea {
display: block;
margin-bottom: 15px;
}
input.btn {
background: #e8e5d0;
font: bold 80% arial, helvetica, sans-serif; 
color: #816643;
padding: 2px 0;
border: 1px solid #bfb98a;
margin-bottom: 2px;
}
input:hover.btn {
background: #d2ddd9;
border: 1px solid #809dae;
color: #6C8A9C;
}
.menuform {
margin: 0px 10px 0px 10px;
width: 100px;
display: inline;
}

/* CALENDRIER */
#supracalendar {
text-align: center;
position: relative;
top: 0px;
left: 0px;
width: 300px;
min-height: 100%;
background: #000 url(http://www.mananamusic.com/website/images/site/calendar_stripes.png) repeat-x;
}
#calendar_foot {
position: relative;
top:0px;
height: 15px;
background: transparent url(http://www.mananamusic.com/website/images/site/calendar_foot.png) 0px 0px no-repeat;
margin: 0px auto 30px auto;
}
#calendrier {
margin: auto;
text-align: center;
line-height: 10px; 
background: #fcfcfc;
padding: 5px 0px 2px 0px;
border: dotted 1px #999999;
width: 200px;
}
#calendar {
text-align: left;
font-size: 0.8em;
padding: 0px 20px 20px 20px;
}
#calendar span.titre {
font-size: 1.8em;
font-weight: normal;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
color: #ffffff;
}
#calendar a.suite {
font-size: 1.3em;
background-position: -8px 4px;
padding-left: 7px;
}
#calendar span.soustitre {
line-height: 18px;
}
.droite  {
	text-align: right;
}
.gauche  {
	text-align: left;
}
.centre  {
	text-align: center;
}
.jour { 
	width: 28px;
	font: bold 0.85em Arial, Helvetica, sans-serif;
	color: #333333; 
	float: left;
}
.cbold{
	font: bold 1.2em Arial, Helvetica, sans-serif; 
}

/* LISTES */justify

div.listed {
position: relative;
top: 0px;
left: 0px;
text-align: left;
margin: 0px;
padding: 0px;
min-height: 100%;
display: block;
clear: both;
float: left;
}
div.listed img {
float: left;
margin: 0px 10px 0px 0px;
}
div.listed p {
position: relative;
top: 0px;
text-align: left;
clear: both;
float: left;
}
li.listed {
margin: 5px 0px 0px 0px;
}
.liste_agenda {
position: relative;
top: 0px;
left:0px;
text-align: justify;
}
.suite {
background: transparent url(/images/droite.gif) 0px 2px no-repeat;
padding: 0px 0px 0px 10px;
font-size:0.9em;    
clear: both;
}
li.agenda {
width: 100%;
margin: 0px 0px 7px 0px;
}

/* ASTUCES
-----------------------------------------------
----------------------------------------------- */

.hidden {
display : none; 
} 

/* LIENS */

a.ext, a.ext:visited {
text-decoration: none;
color:#555555;
}
a.ext:hover {
color:#BA0000;
text-decoration: none;
}

/* TEXTES */

.petit {
font-size: 1em;
}

/* INTEROPERABILITE */

/* Hack for IE5 Win to make the */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clear {
clear : both; 
display: block; 
} 

* html .clear {
display : none; 
}