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


/* BALISES HTML SECHES (depourvues d'id et de classe)
-----------------------------------------------
----------------------------------------------- */
html{
background: #F5F5F5 url(../images/site/bg.jpg) repeat fixed;
-webkit-text-size-adjust:none;
}

body {
background: transparent;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #55555;
margin: 0;
padding: 0;
text-align:center;
}

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

ul, li {
padding: 0px;
margin: 0px;
list-style-type: none;
}
#langues a { opacity: .7; }
#langues a:hover, #langues a:focus { opacity: 1; }

#follow a { opacity: .7; }
#follow a:hover, #follow a:focus { opacity: 1; }

/* INTRO SITE */


/* 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: #000;
text-decoration : none;
}
.soustitre a:hover, .soustitre a:active {
color: #BA0000;
}

/* TITRES */

h1  {
margin : 0px;
padding: 10px 0px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-variant: normal;
font-weight: 300;
color: #000000;
clear:both;
display: block;
font-style: italic;
color: #333333;
text-decoration: none;
text-shadow: 1px 1px 0px silver;
}
h2  {
margin : 0px;
padding: 10px 0px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-variant:normal;
font-weight: 200;
color: #000000;
font-size:1.4em;
clear:both;
font-style: italic;
color: #333333;
text-decoration: none;
text-shadow: 1px 1px 0px silver;
}

h4 {
margin:0;
padding: 0;
color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:0.95em;
font-weight: normal;
font-style: italic;
color: #333333;
text-decoration: none;
text-shadow: 1px 1px 0px silver;
}

.soustitre  {
margin : 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: 200;
color: #000;
font-size:1.5em;
text-align: left;font-style: italic;
color: #333333;
text-decoration: none;
text-shadow: 1px 1px 0px silver;
}

.soustitre_agenda  {
margin : 0px;
padding: 0px;
font-family: Georgia, "Times New Roman", Times, 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; 
}

div#error404 {
text-align: left;
margin: 30px;
}
/* HAUT DE PAGE  */

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

div#edeur  {
width: 800px;
height: 110px;
margin: 0px auto 0px auto;
text-align: left;
}

div#flash {
height: 150px;
width: 150px;
background: transparent;
float: left;
}
div#follow {
position: relative;
height: 100px;
width: 210px;
top: 30px;
left: 435px;
background: transparent;
float: left;
Overflow: hidden;
}
div#follow ul {

height: 20px;
display: block;

text-align: center;
padding: 2px 0px 13px 17px;
background: transparent url(../images/site/transparent.png) repeat;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
div#follow ul li {
float: left;
padding: 0px 15px 0px 0px;
}
li.followli img {

}
div#newsL {
position: relative;
top: 0px;
height: 10px;
width: 210px;
text-align: right;
}



div#langues {
position: relative;
top: 46px;
width: 72px;
z-index: 3;
right: 0px;
float: right;
}
div#langues {
line-height: 1.5em;
}
div#langues a {
border-right: 8px solid transparent;
}

/* CORPS DE LA PAGE  */

body#newsletter {
background:#fffddf;
}

#main {	 
width:800px;
padding:0px;
margin:0px;
Overflow: hidden;
}
#sous-main {
padding:0px;
margin:0px;
margin-bottom: 45px;
background: #ffffff;
border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
 
Overflow: hidden;
}
#animus {
position: relative;
left: -15px;
width: 820px;
height: 300px;
margin: 10px 0px;
text-align:left;
Z-index: 1000;
Overfolw: hidden;
}

#Flashcatalogue {
position: relative;
margin: 0px auto;
float:left;
width: 820px;
height:300px;
Z-index: 1001;
Overfolw: hidden;
}
#FlashVPE {
position: relative;
margin: 0px;
float:left;
width: 800px;
height:460px;
}
#FlashVPL {
position: relative;
margin: 0px;
float:left;
width: 800px;
height: 520px;
}
#col_un, #col_deux, #col_trois {
width: 30%;
text-align: left;
float: left;
padding: 0px 10px 0px 10px;
}
#col_un h1, #col_deux h1, #col_trois h1 {
text-align: left;
font-style: italic;
color: #333333;
font-size: 28px;
text-decoration: none;
text-shadow: 1px 1px 0px silver;
padding: 10px 0px 5px 0px;
}
#main p {
font-size: 1.1em;
}

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

}
#sidebar {
position: relative;
width: 385px;
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 {
position: relative;
top: 0px;
font-size:1em;
width: 800px;
height:30px;
margin: 0px auto 0px auto;
padding-top: 15px;
color: #999999;
text-align: center;
background: #ffffff;
Overflow: hidden;
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
Z-index: 0;
}
#footer a { color: #999999; }

#footer img { 
border: 0; 
padding: 0;
margin: 0;
}
/* STYLES SPECIAUX
-----------------------------------------------
----------------------------------------------- */
.option img {
position: relative;
top:-4px;
}
#footer .footcontact {
color: #777;
font-size: 1.1em;
padding-left: 16px;
background: url(../images/site/icone_mail.gif) 0px 5px no-repeat;
}
.emp {
font-size:1.1em;
font-weight: bold;
color: #aa0000;
}
span.chapot {
font-family: Georgia, "Times New Roman", Times, serif;
text-decoration : none;
font-size: 1.5em;
font-weight: 500;
color: #000000;
line-height: 1.5em;
display: block;
}
#shop-list ul {
width: 60em;
}
#shop-list ul li {
margin : 20px;
line-height :1.7em;
float: left;
width: 15em;
}
#shop-list input {
margin : 5px;
border: transparent 0px;
}
 /* stop the float */
#shop-list br
  {
    clear: left;
  }

/* 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:5px 15px 7px 0px;
float: left;
display: block;
clear: both;
border: 0px;
}
#artist img.ilu {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#artist a:hover img.ilu {
  -moz-box-shadow: 1px 1px 5px #000;
  -webkit-box-shadow: 1px 1px 5px #000;
}
#visuel_cata {
position: relative;
height: 220px;
width: 738px;
float: left;
margin: 0;
}
.imageInt {
position: relative;
top: 10px;
left: 15px;
margin: 0px;
float: left;
}
.ilu-cat {
position: absolute;
top: 40px;
left: 440px;
float: left;
border: 1px solid #000000;
}
#fb-like {
position: relative;
top: 10px;
left: 15px;
margin: 0px;
text-align: left;
width: 738px;
}
.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 */
#main input {
border: 0px;

}
input, select {
font-size:1em;
}
input, textarea {
border-top: 1px dotted #d9d5b5;
border-left: 1px dotted #d9d5b5;
border-right: 1px dotted #bfb98a;
border-bottom: 1px dotted #bfb98a;

}
textarea {
display: block;
margin-bottom: 15px;
}
input.btn {
background: #e8e5d0;
font: bold arial, helvetica, sans-serif; 
color: #816643;
padding: 2px 0;
border: 1px solid #bfb98a;
margin-bottom: 2px;
font-size: 11px;
}
input.emailsubmit {
background: transparent;
color: #ffffff;
font-size: 11px;
width: 100px;
float: left;
}
input:hover.btn {
background: #d2ddd9;
border: 1px solid #809dae;
color: #6C8A9C;
}
.menuform {
margin: 0px 10px 0px 10px;
width: 100px;
display: inline;
}
#newsL form {
text-align: center;
font-size: 11px;
padding: 10px 0px 10px 15px;
background: transparent url(../images/site/transparent.png) repeat;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;

Overflow: hidden;
}
#newsL form input {
float: left;
display: inline;
}

/* CALENDRIER -----------------------------------------------
----------------------------------------------- */

#supracalendar {
text-align: left;
top: 0px;
left: 0px;
width: 778px;
min-height: 100%;
margin: 10px 10px 0px 10px;
padding:0px;
float: left;
}
#calendrier {
margin: 0px 0px 20px 10px;
text-align: center;
line-height: 10px; 
border: solid 5px #999999;
border-color: transparent;
width: 225px;
-khtml-border-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
 -moz-box-shadow: 5px 5px 7px #888;
 -webkit-box-shadow: 5px 5px 7px #888;
padding:5px;
background-color:rgba(0,0,0,0.5);
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
float: left;
}
#calendos {
padding:10px;
text-align:center;
background-color:#FFFFFF;
color:#333333;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
#calendar {
position: relative;
top: 0px;
width: 490px;
text-align: left;
font-size: 0.8em;
padding: 0px 0px 20px 20px;
float: left;
}
#calendar span.titre {
position: relative;
top: -15px;
display: block;
padding: 0px;
font-size: 30px;
text-shadow: white 1px 1px 0;
font-style: italic;
font-weight: normal;
color: gray;
}
#calendar a.suite {
font-size: 12px;
}
#calendar span.soustitre {
line-height: 18px;
}
div#calendar_foot {
background: transparent;
clear: both;
}
div#calendar_suite {
text-align: left;
margin: 10px 20px;
}
ul#artist-gig {
margin: 0px;
padding: 0px;
position: relative;
top: -20px;
}

ul#artist-gig li {
display: inline;
float: left;
margin: 0px 5px 0px 0px;
width: 100px;
height: 180px;
line-height: 12px;
font-size: 10px;
text-align: center;
position: relative;
float: left;
}

ul#artist-gig li img {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
position: relative;
z-index: 5;
}
ul#artist-gig li a:link, ul#artist-gig li a:visited, ul#artist-gig li a:active {
text-decoration: none;
color: gray;
}
ul#artist-gig li a:hover img {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 -moz-box-shadow: 1px 1px 5px #000;
 -webkit-box-shadow: 1px 1px 5px #000;
}
#Artist-list {
position: relative;
top: 20px;
text-align: left;
}

.droite  {
	text-align: right;
}
.gauche  {
	text-align: left;
}
.centre  {
	text-align: center;
}
.jour { 
	width: 28px;
	font: 0.90em Georgia, "Times New Roman", Times, serif;
	color: #333333; 
	float: left;
}
.cbold{

	font: bold 1.2em Georgia, "Times New Roman", Times, serif; 
}

#Passed-gigs  {
position: relative;
float: left;
width:380px;
text-align: left;
margin: 15px 20px 10px 10px;
padding: 0px;
}
#Next-gigs {
position: relative;
float: left;
width: 390px;
text-align: left;
margin: 0px;
padding: 0px;
}
#Passed-gigs .titre, #Next-gigs .titre {
position: relative;
top: -15px;
display: block;
padding: 0px;
font-size: 30px;
text-shadow: white 1px 1px 0;
font-style: italic;
font-weight: normal;
color: gray;
}

/* LISTES */

#main_artiste {
position: relative;
left: 20px;
}
#main_artiste h1 {
text-align: left;
}
.listed_artiste, .listed_album {
position: relative;
top: 0px;
text-align: left;
margin: 0px 20px 0px 0px;
padding: 0px;
width: 375px;
height: 200px;
display: block;
float: left;
}
.listed_artiste span.soustitre, .listed_album span.soustitre {
font-size: 1.7em;
}


div.listed {
position: relative;
top: 0px;
left: 0px;
text-align: left;
margin: 0px;
padding: 0px;
}
div.listed img {
float: left;
margin: 0px 10px 0px 0px;
}
div.listed p, div.listed_artiste p {
position: relative;
top: 0px;
text-align: left;
color: #000;
padding: 5px 0px 015px 0px;
float: left;
}
li.listed {
margin: 5px 0px 0px 0px;
}
.liste_agenda {
position: relative;
top: 0px;
left:0px;
text-align: justify;
}
.suite {
background: transparent url(http://www.mananamusic.com/images/fleche.gif) -8px 2px no-repeat;
padding: 0px 0px 0px 10px;
font-size:0.9em;  
clear: both;
}
li.agenda {
width: 100%;
margin: 0px 0px 7px 0px;
}
p.listed {
clear: both;
}
#col_trois p.listed {
margin: 0px 0px 30px 0px;

}

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

.hidden {
display : none; 
} 

/* LIENS */

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

/* TEXTES */
.listed .soustitre {
font-size: 1.2;
}
.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 {
margin: 0px 0px 0px 0px;
clear : both; 
display: block; 
} 

* html .clear {
display : none; 
}