/*
Theme Name: Marc Hervieux
Version: 1.0
Author: Nathalie baa Bergeron
Author URI: http://baazooka.com/

*/

/* Begin RESET |  http://meyerweb.com/eric/tools/css/reset/  */
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,
b, u, i, center,
dl, dt, dd, /*ol, */ul, ul li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
/*ol, */
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a img { border: none; }
/* End RESET */






/* Source: http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

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











html, body { 
  	width:100%;
  	height:100%;
  	margin:0;
  	padding:0;
  	overflow:hidden;}

body {
	font: 12px/16px Helvetica, Arial, sans-serif;
	background: #f1f1f1;
  	position:relative;
  	color:#333;
}



/*Supersize Plugin Styles*/
#supersize img, #supersize a{
	height:100%;
	width:100%;
	display:none;
}
#supersize .activeslide, #supersize .activeslide img{
	display:inline;
}

	
* { 
	margin: 0px;
	padding: 0px;
	outline: none;
	border: 0;
}

a, a:link, a:visited {
	color: #014585;
	cursor:pointer;
	text-decoration: none;
}

a:hover, a:active {
	text-decoration: underline;
}

#container{
	border: 0; 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	left: 0px; 
	top: 0px;
	overflow:auto;
	display:block;
	overflow-x:hidden;
	overflow-y:auto;
}


table#blackborder {
    width:  100%;
    /*position: absolute;
    top: 0px;
    left: 0px;
    color: #333;*/
    z-index:200;
    height:100%;
    
}

td.blackborderh,
td.blackborderv{background:#000;}
td.blackborderv{width:10px !important;}
td.blackborderh{height:10px !important;}


/*-------------------- HEADER  -------------------*/

#header{/*float:left;position:relative; top:0; left:0;width: 650px; height: 150px;clear:both;*/}
#titre {
	width: 220px;
	height: 105px; 
    position:relative;left:20px;
	/*z-index: 20 !important;*/
	display:block;
	margin:10px 0 0;
	padding:0px 0 0px 0px;
}
#titre span {
	background: url(../i/titre-trans.png) no-repeat 0px 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#bodymarcalopera #titre span,
#bodyspectacles #titre span{
	background: url(../i/titre_white-trans.png) no-repeat 0px 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#titre strong { 
	display: none; 
}
#navposition{
	text-align: center;
	width: 100%;
}	
ul#nav{
	list-style: none;
	font-size: 12px;
	padding:0;
	margin:0;
	height:30px;
}

#nav li{ 
	margin: 0px 0 0 0;
	padding: 0px;
	padding:12px 2px 11px;
	display:inline; 
	background: #000;
	line-height: 27px;
}

#nav a, #nav a:link, #nav a:visited{ 
	color: #fff;
	margin: 0;
	border:0;
	text-decoration: none;
	border: 1px solid #000;
	padding:4px 4px;
	/*display:block;*/
	margin:0 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
#nav a:hover, #nav a:active{ 
	border: 1px solid #77c5f7;
}
#nav a:focus, #nav a:focus{
	color: #666;
}
#nav #limarcalopera a{
	/*font-style:italic;*/
	color:#ccc;
}
#bodyindex #liindex a,
#bodymusique #limusique a,
#bodyspectacles #lispectacles a,
#bodyphoto #liphoto a,
#bodyvideo #livideo a,
#bodymarcalopera #limarcalopera a,
#bodybiographie #libiographie a,
#bodycontact #licontact a{ 
	border: 1px solid #000;
	color:#77c5f7;
}
#nav li#limarcalopera{padding-right:16px;}
#nav li#liindex{padding-left:16px;}



#columnright{
	float:right;
	width:250px;
	position:relative; 
	top:5px;
}
#columnleft{
	float: left; 
	margin: 0 0px 20px 0px;
	padding: 0 0px 0px 20px;
	/*position:relative; 
	top:5px;*/
	width: auto;
}
	

/*-------------------------------------*/



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

.zonetxt {
	background: transparent url(../i/zonetxt_trans.png) repeat;
	color:#222;
	clear:both;
	display:block;
    padding: 15px;
	width: 450px;
}
#bodyvideo .zonetxt{width:500px;}
/*#bodymusique .zonetxt{width:450px;}
#bodycontact .zonetxt{width:450px;}*/

.zonetxt_top {
	background: transparent url(../i/zonetxt_top.gif) no-repeat center 0;
	display:block;
	width: 100%;
	height:27px;
}
.zonetxt_left {
	background: transparent url(../i/zonetxt_lr.gif) no-repeat 0 12px;
	display:block;
	width: 100%;
	height:27px;
}
.zonetxt_right {
	background: transparent url(../i/zonetxt_lr.gif) no-repeat right 12px;
	display:block;
	width: 100%;
	height:27px;
	border-bottom:1px solid #333;
	margin-bottom:13px;
}


.zonetxt p{ 
	font-weight: normal;
	margin: 10px 0;
}
.zonetxt h2, .zonetxt h3, .zonetxt h4{ 
	margin: 10px 0;
}

.zonetxt h2{ 
	font-size:28px;
	line-height:36px;
	font-weight:normal;
}
.zonetxt h3{ 
	font-size:20px;
	line-height:30px;
	font-weight:normal;
}
.zonetxt h4{ 
	font-size:16px;
	line-height:24px;
	font-weight:normal;
}
/*
.zonetxt .zonetitle {background: transparent url(../i/ornate.gif) no-repeat 0 top;
      padding: 30px 10px 10px 28px;
      margin:-5px 0 0;
      font:34px/40px helvetica, sans-serif;
      color:#333;
      letter-spacing:1.5px;
}
*/

.zonetitle {
      font:34px/40px helvetica, sans-serif;
      color:#333;
      
      font-weight: normal;
      display: block;
      /*border-bottom:1px solid #bbb;*/
      padding:0 0 0 5px;
      margin:-5px 0 5px 0;
}
.zonetitle2 {
      font:34px/40px helvetica, sans-serif;
      color:#fff;
      
      font-weight: normal;
      display: block;
      /*border-bottom:1px solid #bbb;*/
      padding:0 0 0 5px;
      margin:-5px 0 5px 0;
}

.zonetxt .zonesubtitle {background: transparent url(../i/ornate2.gif) no-repeat 0 top;
      padding: 40px 10px 5px 25px;
      margin:-5px 0 0;
      font:italic 24px/30px Georgia, serif;
      color:#111;
}

#mediaspace p,
#mediaspace p a{color:#ad002a;}
#mediaspace p{padding:30px;text-align:center; background:#fff;border:1px solid #ad002a;}

#thevideos a,
#thethumbs a{
	border:1px solid #fff;
	display:block;
	float:left;
	margin:0 10px 10px 0;
	width:auto;
}
#thethumbs a:hover,
#thethumbs a:active,
#thevideos a:hover,
#thevideos a:active{border:1px solid #000;}



.post{margin:0px 0 0;}
#bodycontact .post{margin:20px 0 0;}

.entry{margin:0 0 20px 0px;}
.entrynomargin{margin:0 0 20px 0px;}

.zonetxt h4.nomargin{ 
	padding-bottom:1px;
	margin-bottom:0;
}
.zonetxt p.nomargin{ 
	padding-top:0;
	margin-top:4px;
	margin-left:1px;
}

.description{
	/*background: url(../i/icon_line.gif) no-repeat 0 bottom;*/
	border-bottom:1px solid #ccc;
}

.borderbottom{
	/*background: url(../i/icon_line.gif) no-repeat 0 bottom;*/
	border-bottom:1px solid #bbb;
}
.bordertop{
	/*background: url(../i/icon_line.gif) no-repeat 0 bottom;*/
	border-top:1px solid #bbb;
}
p.borderbottom{padding-bottom:5px;}
p.bordertop{padding-top:5px;}
p.tocome{letter-spacing:1px;}

.borderinfo{
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #ddd;
	
	padding:0 10px;
	border:1px solid #eee;
	border-radius: 0 10px 10px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;*/
	
}

.zonetxt p.nomargin img{ 
	margin-top:-4px;
}

.museo {
	font: 16px/24px Helvetica, Arial, sans-serif;
	font-weight: normal;
	display: block;
	color:#18334f;
	color:#000;
	padding:5px 0;
}

.museored {
	font: 16px/24px Helvetica, Arial, sans-serif;
	font-weight: normal;
	display: block;
	color:#ae002b;
	color:#000;
	padding:5px 0;
}

.floatleft{float:left; width:auto;}
.floatright{float:right; width:auto;}
.marginright{padding-left:10px;}
.borderimg{border:1px solid #f1f1f1;margin:0 90px 0 0;/*border-top:0;*/}
.noborderimg{margin:0 118px 0 29px;margin:0 147px 0 0px}
.arrowed{
	background: url(../i/icon_arrow.gif) no-repeat 0 3px;
	padding-left:15px;
}
ul.arrowed{
	background: none;
	padding:10px 10px 15px 10px;
	/*margin-bottom:10px;*/
}
ul.arrowed li{
	/*background: url(../i/icon_arrow.gif) no-repeat 0 3px;*/
	padding: 0 0 10px 0px;
}


.zonetxt .paddingtop{margin-top:40px;}
.zonetxt .paddingbottom{margin-bottom:40px;}

.zonetxt .margintop10{margin-top:10px;}
.zonetxt .marginbottom10{margin-bottom:10px;}
.zonetxt .margintop15{margin-top:15px;}
.zonetxt .marginbottom15{margin-bottom:15px;}
.zonetxt .margintop20{margin-top:20px;}
.zonetxt .marginbottom20{margin-bottom:20px;}

.highlight{color:#ad002a;}

.formtxt{background:#f1f1f1;padding:15px;}
.formtxt p{padding:10px 0 0;}
div.container, #success { display: none;border:1px solid #ec3b66;background:#fff; }
input.error,
textarea.error{border: 1px solid #ec3b66;}
/*label.error{color:#ad002a;}*/
.warning{color:#ad002a;}
input, textarea{border: 1px solid #ccc;width:420px;}
textarea{height:110px;}

#human {  
	visibility:hidden;  
	display:none;  
}  

#human1 {  
	  
}

input.send_form{
	border:0;
	background:#acd9f6;
	color:#000;
	margin-top:10px;
	padding:5px;
	cursor:pointer;}

#contactspace a{
	/*background:#eee;*/
	background:#e1f0fd;
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	margin:20px 0 40px;
	padding:20px;
	text-align:center;
	font-size:14px;
	color:#000;
}
#contactspace a:hover{
	/*background:#eee;*/
	background:#c6e2fa;
	text-decoration:none;
}

.offer{
	padding:0px 10px;
	border:1px solid #e2b0bd;
	/*background: url(../i/icon_star.gif) no-repeat;*/
	margin:10px 0 0;}

#playlist_list{
	margin:0; 
	padding:0px 0 10px;
	background:#dbe2e6;}
	
#playlist_list li{
	margin:0; 
	padding:0;
	display:block;
	border-bottom: 1px solid #fff;}
#playlist_list li a,
#playlist_list li a:link{
	display:block;
	text-decoration:none;
	color:#343f46;
	padding:4px 10px 5px;
	margin:0;
	font-size: 12px;
	line-height:16px;
	background:#dbe2e6;
}

#playlist_list li a:hover,
#playlist_list li a:active,
#playlist_list li a.playlistclicked{
	color:#dbe2e6;
	background:#46525a;
}


#playlist_list li a em,
#playlist_list li a:link em{
	color:#ad002a;
	font-style:normal;
}


#playlist_list li a:hover em,
#playlist_list li a:active em,
#playlist_list li a.playlistclicked em{
	color:#fbc8d4;
}

#playlist_list .floatright{font-size:10px;}
.date{padding:10px 10px;}
.emphase{
	border: 2px solid #ba546d;
	margin:20px 0 10px;
	padding:5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.textaligncenter{text-align:center;}
.bigger{font-size:110%;}
.red{color:#ae002b;}
.smaller{font-size:90%;}
.textuppercase{text-transform:uppercase;font-weight:bold;}
p.soon{
	clear:both;
	float:right;
	border: 1px solid #ae002b;
	margin:-5px 0 0px;
	padding:1px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	font-size:9px;}
	
#bodyspectacles p.floatright a{
	white-space:nowrap;
}

#critiques{
	margin-bottom:40px;
	border:2px solid #ae002b;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:10px;
	font-size:14px;
}
#critiques strong{
	white-space:nowrap;
	font-size:12px;
}
#shows{
	margin-bottom:40px;
	border:1px solid #c0ccd4;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	padding:10px;
	/*font-size:14px;*/
}