html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/*		remember to define focus styles! */
:focus {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background: white;
	}
ol, ul {
	list-style: none;
	}
/*		tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}

input.submit,
button {
	padding: 0 .25em 0 .25em;
	width: auto;
	overflow: visible;
	margin-left: 15px;
    margin-top:10px;
	}
/* CSS Document */

/********************/
/* general settings */
/********************/
* {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}

body {
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: larger;
}
/* the title for sections */
h2,h4 {
	font-weight: bold;
    color: #FF9900;
}
/* site' sections (home,news,bio, etc.) */
h1 {
  	font-weight: bold;
  	color: #EEEECC;
	opacity: .8;
	font-size: 18pt;
	padding-bottom: 20px;
	text-align: center;
	}
/* page' sections (citation, agenda, recent news, etc.) */
h2 {
	font-size: 12pt;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: left;
	font-variant: small-caps;
}
/* for quotes and title artworks */
em {
	font-style: italic;
	color: #CCFFFF;
	font-weight: plain;
}
/* higlighted text, for instance, venue's names */
strong {
	font-weight: bold;
	opacity: 0.9;
}

a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	color: #990066;
	text-decoration: none;
}
a:hover {
    color: #FF9900;
}

hr {
	width: 3%;
    border-color: #FF9900;
	border-style: ridge;
	border-width: thick;
    margin-top: 10px;
}

sup {
 	font-size: 70%;
 	vertical-align: top;
}

img {
    border: 2px solid #FF9900;
	margin-right: 15px;
	margin-bottom: 5px;
	float: left;
}
img.nb { border: none; }
img.bw { border-color: white; }
img.bb { border-color: black; }
img.fl { float: left; }
img.fr { float: right; }
/* image décorative Nessim */
#nessimou img {
	border: none;
	padding-top: 50px;
}
/* classe pour les noms propres */
.nom {
	font-variant: small-caps;
	font-weight: bold;
}
.linktop { padding-top: 10px; }

/******************/
/* page structure */
/******************/
#content { /* enclose all contents including header and footer */
	background-color: #000000;
	color: #EEEECC; /* text color for the contents */
	width: 750px;
	font-size: 9pt;
    border: 2px solid #773300;
	margin: 50px auto;
}

#header { /* header contains the banner */
	background-image: url(http://nessimb.com/_media/img/top.jpg);
	background-repeat: no-repeat;
	height: 120px;
}

#navigation { /* the navigation div contains the menu */
	height: 25px;
	vertical-align: middle;
	padding: 5px 0px 0px 5px;
}

#navigation li {
	display: inline;
    margin-right: 5px;
}

#navigation li:before { content:"/ " } /* separator for menu */

#main { /* main column settings */
	width: 468px;
	float: left; /* leaves room for the right column */
	background-image: url(http://nessimb.com/_media/img/main.jpg);
	background-repeat: no-repeat;
    padding: 20px;
}

#rightCol { /* right column settings */
	width: 222px;
	float: right;
	font-size: 8pt;
	margin-right: 10px;
    padding-bottom: 10px;
}
#rightCol h4 {
	font-variant: small-caps;
	padding-top: 10px;
}

#footer { /* footer */
	clear: both;
	height: 30px;
	background-image: url(http://nessimb.com/_media/img/bottom.jpg);
	background-repeat: no-repeat;
	vertical-align: middle;
	padding-top: 10px;
	margin-left: 20px;
    font-weight: bold;
    font-size: 10px;
}

#footer img {
position: relative;
display: block;
   float: right;
   border: none;
margin: 0px;
}
#footer a {
float: right;
margin-right: 15px;
}
#langswitcher { text-align: right; margin-top: -25px;} /* language selector */
#langswitcher .caption {display:inline;}

/* HOME PAGE */
#main img { float: left; }


.statement { /* the opening statement */
	font-weight: bold;
	opacity: .8;
}

#news .newsItem { padding-bottom: 10px; } /* recent news section : news item */
#news .newsItem p{ padding-top: 8px; }
#news .date {
	clear: both;
	padding: 0px 0px 10px;
	color: #FF9900;
}

#news .date:before { content:":: " }
#news .date:after { content: " ::" }

#news .subtitle {
	font-weight: bold;
	padding-bottom: 5px;
	color: #CCFFFF;
	opacity: 0.8;
}

#citation .entry_body{ /* the quote du jour */
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 10pt;
	color: #CCFFFF;
	text-align: justify;	
}
#citation .signature {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	text-align: right;
	color: #EEEECC;
}


#agenda img { display: none;} /* agenda (what's coming) */
#agenda { padding-top: 0px; }
#agenda p { padding-top: 5px; }
#intro_agenda{
	padding-bottom: 10px;
	margin-bottom: 0px;
}

#player { margin-bottom: 20px; } /* Music Player */

#discret {
	padding-top:30px;
	text-align: right;
	opacity: 0.3;
}


/* PAGE BIOGRAPHIE */
#bio{ padding: 5px 0px; }
#bio p {
	line-height: 160%;
	text-indent: 20px;
	padding: 8px;
	opacity: 0.9;
}

#biography {
	display: none;
	visibility: hidden;
}
#short_bio {
	display: block;
	visibility: visible;
}
div.img_legend {
   clear:both;
   float: none;
   padding-bottom: 20px;
}
#rightCol .caption {
	padding-top: 10px;
	padding-bottom : 5px;
}

/* PAGE DISCOGRAPHIE */
#intro_disco {padding-top: 15px; }
/*#disco { padding: 15px 0px; }*/
#disco h2 { clear: both; }
#disco ol {
	display: table;
    margin-left: 20px;
	padding-bottom: 15px;
	padding-right: 10px;
	float: left;
}

#disco ul {
	display: table;
    margin-left: 20px;
}

#disco ol li {
	font-size: smaller;
	list-style-type: decimal;
	list-style-position: outside;
}

#disco ul li {
    font-size: smaller;
	list-style-type: circle;
	color: black;
	list-style-position: inside;
}

#disco p { display: block; }

#disco form img,input {
   padding-right: 60px;
    float: right;
	border:none;
}
#disco div.entry_author{
	clear:both;
    float:none;
	margin-top: 10px;
}
.achat { clear: both; }
.hdr {
	font-weight: bold;
	display: block;
}
#track_history .entry, #track_history .entry_title, #track_history .entry_body {
	margin-bottom : 0px;
	padding-bottom: 0px;
}

#track_history .entry_title {
    font-size: 12px;
    color: #FF0000;
}
#track_history .entry_title:hover { color: #FF9900; }
#track_history .entry_body { padding-bottom: 3px; }

#track_history div.toggleSlide {
	background-image: url(http://nessimb.com/_media/img/off.png);
	background-repeat: no-repeat;
	padding-left: 16px;
}

/* ACTUALITES */
#actu { padding: 15px 0px; }
#actu img {
  	float: right;
	margin-left: 10px;
}

.entry { margin-bottom: 25px; }
.entry p { padding-bottom: 6px; }
.entry h4, .entry_title, h4 {
 	font-size: 14px;
 	font-weight: bold;
 	line-height: 20px;
 	padding-bottom: 8px; 
}

.entry_title {
	color: #CCFFFF;
	opacity: 0.8;
}

.entry img { float: right; }


.calendar { /* Calendrier Agenda */
	width: 60px;
	float: left;
	margin: 6px 12px 6px 0px;
	color: #036;
	text-align: center;
	background-color: #FF9900;
	text-transform: uppercase;
	font-size: 8px;
	font-weight: bold;
	font-family: verdana,helvetica,arial,sans-serif;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
}
.calendar .calendar_top, .calendar .calendar_mid, .calendar .calendar_btm {
	display: block;
	border-right: 1px solid #444;
}
.calendar .calendar_top { color: black; }
.calendar .calendar_mid {
	background-color: #EEEECC;
	font-family: impact,'helvetica neue condensed bold','arial narrow',helvetica,sans-serif;
	font-weight: normal;
	color: #FF0000;
	font-size: 36px;
	line-height: 40px;
	height: 36px;
}
.calendar .calendar_btm {
	font-size: 10px;
	background-color: #EEEECC;
	border-bottom: 1px solid #444;
}

#bulletin { margin-top: 10px; } /* newsletter subscribe area */
#newsletter input { background-color: #CCFFFF; }

#feed div { /* flux RSS */
	display: inline;
	float:right;
}
.feedicon { border: none; }

/* PAGE PRESSE */
#press { padding: 8px; }
#press .citation {
	padding-top: 10px;
}
#press div.entry_body {
	font-style: italic;
	color:#CCFFFF;
}
#press p {
	line-height: 150%;
	padding-bottom: 10px;
	opacity: .9;
}
#press .signature {
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #EEEECC;
	padding-bottom: 15px;
}

/* PAGE CONTACT */
#pcontact .formElement {
	text-align: center;
	padding-bottom: 15px;
}

#pcontact .formElement input { float: none; }
#pcontact .submitElement {
	text-align: right;
	margin-right: 35px;
}

#p contact .snailmail,.tel, .adrmail {
	font-weight: bold;
	text-align: center;
}

#pcontact .caption { margin-top: 10px; }
#pcontact form { margin-bottom: 20px; }
#pcontact textarea {
	width: 400px;
	height: 256px;
	background-color: #CCFFFF;
}

#pcontact input {
	background-color: #CCFFFF;
	width: 200px;
}

#pcontact h2 { padding-top: 15px; }

#pcontact h4 {
	font-size: 12pt;
	padding-bottom: 5px;
	text-align: left;
	font-variant: small-caps;
}

#pcontact div.entry_body {
   text-align: center;
   font-weight: bold;
}

#pcontact div.entry_header { padding: 10px 0px; }

/* PAGE GALERIE */
#galerie { padding: 15px 0px; }

.slide {
	border:	1px #ccc solid;
	padding:	2px 2px;
	background:	#fff;
	opacity:	1;
}
.slide:hover {
	opacity:	0.5;
	cursor:	pointer;
}
#galerie table	{
	margin: 0px;
	margin-right: auto;
	margin-left: auto;
}
#galerie td	{
	text-align:	center;
	padding: 2px 4px;
	height: 120px;
	border: 2px;
}
#galerie td a:hover { background:	none; }

#artistgallery-title{
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}

#galerie img {
   float: none;
}
/* PAGE LIENS */
#links .entry{
margin-bottom:5px;
}

#links li{
	clear:both;
	float:none;
	padding-bottom:5px;
	padding-top:10px;
}

#links h2{
	clear:both;
	float:none;
	padding-top: 5px;
}
div.pub {
text-align: center;
}
#rightCol iframe {
margin-left: auto;
margin-right: auto;
}

/* PAGE ABOUT */
#about { font-size: 10pt; }
#about h2 { padding-top: 10px; }
#about ul { padding-left: 10px; }
#about ul li {
	list-style-type: circle;
	list-style-position: inside;
    padding-bottom: 3px;
}
/* PAGE THANKS */
#thanks {
   padding-top: 15px;
   font-size: 11pt;
}
#next_perf  img {
float: right;
margin-left: 10px;
}
#terms {
background-color: #FF0000;
padding: 10px 20px;
line-height: 160%;
}

.milieu {
text-align: center;
}