@charset "utf-8";
/*
Theme Name: evecournoyer
Version: 1.0
Author: Nathalie baa Bergeron
Author URI: http://baazooka.com/

*/

/* Begin 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;}




/* PNG FIX */
#trans,
#titre span,
.zonetxt{ behavior: url(../js/iepngfix/iepngfix.htc) }






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

body {
	font: 82.5% Helvetica, Arial, sans-serif;
	background: #337892;
	background: #edf2f3;
  	position:relative;
  	color:#4e6067;
}



/*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 {
	color: #032937;
	text-decoration: underline;
	cursor:pointer;
}
a:visited {
	color: #2f4851;
}
a:hover, a:active {
	color: #01161d;
	text-decoration: none;
}

#container{
	border: 0; 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	left: 0px; 
	top: 0px;
	overflow: auto;z-index:1000;
}

#content, #trans {
    position: absolute;
    top: 0px;
    left: 0px;
    width:  100%;
    color: #333;  
}


#trans { 
	background: url(../images/bg_trans_blue.png) repeat-x 0px 0px;
	height: 200px;
}


#forflash{
	min-height:100%;
	height:auto;
    height: 100%;
    width:100%;
	/*overflow: hidden;
	margin:0 auto;padding:0; 
	position: absolute; 
	left: 0px; 
	top: 0px;*/
	background:#111;
}

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

#header{float:left;position:relative; top:0; left:0;width: 650px; height: 150px;clear:both;}
#titre {
	width: 288px;
	height: 38px; 
    position: absolute;
    top: 31px;
    left: 20px;
	z-index: 20 !important;
	float: left;
	padding-bottom:50px;
}
#titre span {
	background: url(../images/titre.png) no-repeat 0px 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}
#titre strong { 
	display: none; 
}
	
ul#nav, ul#nav2, ul#nav3, ul#nav4, ul#navforflash {
	list-style: none;
    position: absolute;
	z-index: 20 !important;
	float: left;
	font-size: 12px;
	line-height:16px;
}
ul#navforflash {
	font-size: 16px;
	line-height:26px;
}	
ul#navforflash{
    top: 30px;
    left: 338px;
	width: 310px;
	border-left: 1px solid #bed4dc;
}	
ul#nav{
    top: 30px;
    left: 338px;
	width: 110px;
	border-left: 1px solid #bed4dc;
}	
ul#nav2 {
    top: 30px;
    left: 453px;
	width: 110px;
}
ul#nav3 {
    top: 30px;
    left: 550px;
	width: 110px;
}
ul#nav4 {
    top: 30px;
    left: 637px;
	width: 110px;
}

#nav li, #nav2 li, #nav3 li, #nav4 li{ padding-left: 20px; }
#navforflash li{ padding:0 0 15px 14px; }

#nav a, #nav a:link, #nav a:visited,
#nav2 a, #nav2 a:link, #nav2 a:visited,
#nav3 a, #nav3 a:link, #nav3 a:visited,
#nav4 a, #nav4 a:link, #nav4 a:visited,
#navforflash a, #navforflash a:link, #navforflash a:visited{ 
	color: #fff;
	padding: 1px 1px 1px 15px; 
	margin: 0; 
	border:0;
	text-decoration: none;
	/*display:block;*/
}
#nav a:hover, #nav a:active,
#nav2 a:hover,#nav2 a:active,
#nav3 a:hover,#nav3 a:active,
#nav4 a:hover,#nav4 a:active,
#navforflash a:hover,#navforflash a:active{ 
	border:0; 
	text-decoration: none;
	color: #011c26;
	background:#fff;
	padding: 0 0 0 0px; 
	padding: 1px 1px 1px 1px; 
	margin: 0 0 0 14px; 
}
/*#nav li.new a, #nav2 li.new a, #nav3 li.new a {
	background: transparent url(../images/icn_new.gif) no-repeat 0px 3px; border:0;
	text-decoration: none;
}*/

#bodyindex #navindex a,#bodyindex #navindex a:hover,
#bodydisco #navdisco a,#bodydisco #navdisco a:hover,
#bodyphotos #navphotos a,#bodyphotos #navphotos a:hover,
#bodyvideos #navvideos a,#bodyvideos #navvideos a:hover,
#bodybio #navbio a,#bodybio #navbio a:hover,
#bodyboutique #navboutique a,#bodyboutique #navboutique a:hover,
#bodytempete #navtempete a,#bodytempete #navtempete a:hover,
#bodycontact #navcontact a,#bodycontact #navcontact a:hover{
	background: transparent url(../images/nav_on.gif) no-repeat 0px 1px;
	text-decoration: none; border:0;
	color:#fff;
	padding: 1px 1px 1px 15px; 
	margin: 0; 
}
#nav a:focus, #nav a:focus,
#nav2 a:focus,#nav2 a:focus,
#nav3 a:focus,#nav3 a:focus,
#nav4 a:focus,#nav4 a:focus,
#subnav a:focus,#subnav a:focus{
	color: #011c26;
}
#nav a#medias:focus{
	background: transparent;
	color: #fff;
}
#nav a#medias:hover{
	background: transparent;
	color: #011c26;
}


#myspace{
	font-size: 11px;
	line-height:16px;
	font-style:italic;}

#columnshow{
	float:right;
	width:250px;
	z-index: 120 !important;
	position:relative; 
	height: auto;
	top:0; 
}
#columnnew{
	float: left; 
	width: 500px;
	z-index: 120 !important;
	position:relative; 
	height: auto;
	top:0; 
	padding-left:20px;
}
	
#footer p, #credit p, #medias p {padding:0px 10px 2px 12px;margin:0;}

#footer, #credit, #medias{padding: 10px 10px 8px 0px;font-size: 82.5%;width: 230px;}
#footer{display:none;}
#credit a{text-decoration: none;color:#333;padding-left: 3px;}
#credit a:hover, #credit a:active{text-decoration: none;color:#000;}

#medias h3{ 
	margin-left: 10px; 
	padding-left: 24px;
	background: transparent url(../images/title_arrow.gif) no-repeat -6px -9px;
}
#medias p{ 
	margin-left: 22px; 
}
/*-------------------------------------*/



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

.zonetxt {
	background: transparent url(../images/zonetxt_trans.png) repeat;
	color:#212e33;
	float:left;
	margin: 0 0px 20px 0px;
}

.post, #fields {
	z-index: 130 !important;
	padding-left: 10px;
	margin: 20px 10px 20px 10px;
	border-left:1px solid #93b8c5;
}

#bodymedias .post.
#bigbody #bodyindex .forcontent .post{
	border: 0;
	margin:0;
}

.zonetxt p, .zonetxt h2, .zonetxt h3, .zonetxt h4{ 
	font-weight: normal;
}

.zonetxt h2, .zonetxt h2 a{ 
	border-left: 0px solid #ff649e;
	font-size: 180%; 
	margin: 0px 0 10px; 
}
.zonetxt h3{ 
	font-size: 150%;
	margin-bottom: 10px;
}
.zonetxt h4{ 
	font-size: 120%;
	margin-bottom: 10px;
}
.zonetxt p{ 
	margin-bottom: 10px;
}

.forshow,
/*#bodyphotos .forcontent,
#bodyvideos .forcontent,
.forcontact,
.fornews,
#bodyindex .forcontent,
#bodydisco .forcontent,*/
.forcontent{
    padding: 20px 10px 10px 10px;
}

.forshow{width: 220px;}
#bodyindex .forcontent{width: 350px;}
#bodyvideos .forcontent,
#bodyphotos .forcontent,
#bodydisco .forcontent,
#bodybio .forcontent{width: 480px;}
#bodyboutique .forcontent{width: 600px;}
#bodycontact .forcontent{width: 390px;}


.forshow h2, .forshow h2 a{ 
	padding-left: 30px;
	background: transparent url(../images/title_circle.gif) no-repeat 0 0;
}
#bodyphotos .forcontent h2, #bodyphotos .forcontent h2 a,
#bodyvideos .forcontent h2, #bodyvideos .forcontent h2 a,
#bodyboutique .zonetxt h2, #bodyboutique .zonetxt h2 a,
#bodybio .zonetxt h2, #bodybio .zonetxt h2 a,
#bodycontact .zonetxt h2, #bodycontact .zonetxt h2 a,
.fornews h2, .fornews h2 a{ 
	padding-left: 25px;
	background: transparent url(../images/title_arrow.gif) no-repeat -6px -5px;
}
#bodyindex .forcontent h2, #bodyindex .forcontent h2 a{ 
	padding-left: 30px;
	background: transparent url(../images/title_heart.gif) no-repeat 0 0;
}
#bodydisco .forcontent h2, #bodydisco .forcontent h2 a{ 
	padding-left: 30px;
	background: transparent url(../images/title_star.gif) no-repeat 0 0;
}
#bodyphotos .forcontent .entry p{ 
	margin: 0 0px 10px 0;
}
#bodyindex .forcontent .entry p,
#bodydisco .forcontent .entry p{
	margin: 0 0px 10px 0;
	float: left;
}
#bodyindex .forcontent small,
#bodydisco .forcontent small{display:block; margin-bottom: 10px;}

#bodyindex .forcontent .entry div.forimg,
#bodydisco .forcontent .entry div.forimg{ 
	float:left;margin: 0 10px 20px 0;width:202px;
}
.album_thumb a{ 
	border: 1px solid #fff;
	display: block;
}

.album_thumb a:hover{ 
	border: 1px solid #000;
}
.buy{ 
	text-align:right;width:195px;margin-top:5px;
}
.buy a{ 
	border:0;
}
#bodyindex .forcontent .entry ul,
#bodydisco .forcontent .entry ul{ 
	float: left;margin: 0 20px 15px 10px;
	font-size:11px;
}

#bodyindex .forcontent .entry .forsongs,
#bodydisco .forcontent .entry .forsongs{ 
	float: left;
	margin: 5px 0px 15px 15px;
	padding-left: 25px;
	font-size:11px;
	width:170px;
}

#bodyindex .forcontent .entry .forsongs ol,
#bodydisco .forcontent .entry .forsongs ol{ 
	float: none;
	margin: 0;
	width:auto;
}

#bodyindex .forcontent .entry ul li,
#bodydisco .forcontent .entry ul li{ 
	margin-left:0px;
	padding-left: 10px;
	margin-bottom: 4px;
	background: url(../images/disco_li.gif) no-repeat 0 5px;
}


.forshow small{display: block;margin:-10px 0 0px; padding:0px 0 0;}	
.forshow p{font-size:82.5%; padding: 0;margin:3px 0 0;}	
	
#bodyphotos .forcontent .post #images li {
	display: block;
	float:left;
	margin:0 10px 10px 0;
}
#bodyphotos .forcontent .post #images li a {
	display: block;
	border: 1px solid #fff;
}
#bodyphotos .forcontent .post #images li a:hover {
	border: 1px solid #347a93;
	border: 1px solid #000;
}
p.explication{
	padding-left: 10px;
	margin: 10px 10px 0px 10px;
	font-style: italic;
	font-size:92.5%;
}

#note {
	padding-left: 8px;
	margin: 20px 10px 20px 10px;
	border-left:2px solid #d13050;
}
input.textbox, textarea.textbox { 
	color: #111;
	width: 330px;
}
label  { 
	padding-left: 5px; 
	margin: 5px 0; 
	text-align: left; 
}
input, textarea {
	margin: 5px;
	padding: 2px;
	border: 1px solid #fff;
}
input:focus, textarea:focus{border: 1px solid #93b8c5;}
input.button{background:#95caec;color:#000;border: 0;font-size:12px;cursor:pointer;}
/* End Images */


ul.videos li {
  float: left;
  width: 100px;
  margin:0 10px 10px 0;
  padding:0;
  cursor:pointer;
  border: 1px solid #fff;height:75px;display:block;
}
ul.videos li:hover {border: 1px solid #000;}
ul.videos
{clear: both;
  margin: 0;
  padding : 0;
  list-style: none;
}

.paroles{ 
	margin: 5px 0px 15px 5px;
	font-size:11px;
}
.warning{color:#bd4036;margin-left:5px;}
.warning p{margin-bottom:20px;}
/* Begin Various Tags & Classes */

small {
	color: #0e1518;
	color: #212e33;
	display: block;
	font-size: 92.5%;
	/*line-height: 1.5em;*/
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 3px;
}


.clear, .clearit { 
	border:0;
	clear: both;
	display: block;
	width:100%; 
}