/*
Theme Name: LeTrunkCollectif
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;}








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

body {
	font: 62.5%/1.68em Helvetica, Arial, sans-serif;
	background: #f8f7ef;
  	position:relative;
  	color:#333;
}
body #bodyindex{background: #000;}



/*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: #003399;
	text-decoration: underline;
	cursor:pointer;
	
}
a:visited {
	color: #5d6a85;
}
a:hover, a:active {
	color: #0099ff;
	text-decoration: none;
}


#wrapper{
	border: 0; 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	left: 0px; 
	top: 0px;
	overflow: auto;
}

#nav{
	position:relative;
	margin-bottom:10px;
}

#header{
	position:relative;
    width:  500px;
    margin:0 auto 20px;
    text-align:center;
}


#promo{margin-top:40px;padding-bottom:15px;text-align:left;margin-left:150px; padding-left:10px;}


#content {
	position:relative;
	top:20px; left:0;
    width:  505px;
    color: #333;
	z-index:3;
	margin: 0 0 20px;
	font-family:arial,sans-serif;
}
#bodyindex #content {
	/*border-bottom:6px solid #fff;*/
}
#bodysunk #content {
	border-bottom:6px solid #ffff66;
}

#bodytraffik #content {
	/*border-bottom:6px solid #b24651;*/
}

#bodyapropos #content {
	/*border-bottom:6px solid #cc3333;*/
}
#bodyateliers #content {
	/*border-bottom:6px solid #cc3333;*/
}
/*-------------------- HEADER  FOOTER  -------------------*/



#header a, #header a:link {
	color: #0066cc;
	text-decoration: underline;
	cursor:pointer;
	font-size:11px;
	
}
#header a:visited {
	color: #b8c4cc;
}
#header a:hover, #header a:active {
	color: #0099ff;
	text-decoration: none;
}

#promo a {
	color: #000;
	text-decoration: none;
	cursor:pointer;
	font-size:1.8em;
	text-transform:upercase;
	text-align:left;
	
}
#promo a span{
	color:#c74c58;
	font-size:0.9em;
	text-transform:upercase;
	margin-top:-1px;
	display:block;}




#nav h2{
	font-size: 1.4em; 
	color:#fff;
	padding:0 8px;
	float:left;
	/*height:40px;*/
	background:#000;
	text-align:center;
	margin:0 auto;
	float:left;
	padding:13px 10px 8px;
}
#nav h2 a#trunk{
	font-size: 1.4em; 
	color:#fff;
	height:20px;
	text-decoration:none;
}
#nav h2 a#trunk:hover{
	color:#33cccc;
}
#nav h2 a#trunk span{
	font-size: 0.6em;
	padding:2px 0px 11px;
	text-transform:uppercase;
}

#nav ul#projets {
	background:#000;
	float:left;
	padding:15px 5px 10px;
	margin-right:0px;
}

#nav ul#projets li {
	display:inline;
	color:#fff;
	font-size: 1.4em; 
}
#nav ul#projets li a {
	font-size: 0.9em; 
	color:#fff;
	padding:12px 0 9px;
	text-decoration:none;
}

#bodysunk #nav ul#projets li a#sunk,
#bodytraffik #nav ul#projets li a#traffik,
#bodyateliers #nav ul#projets li a#ateliers,
#bodyapropos #nav ul#projets li a#apropos{
	border-top:4px solid #28e2ee;
}

#nav ul#projets li a {
	background:#000;
	border-top:4px solid #000;
}
#nav ul#projets li a#sunk:hover,
#nav ul#projets li a#traffik:hover,
#nav ul#projets li a#ateliers:hover,
#nav ul#projets li a#apropos:hover {
	border-top:4px solid #28e2ee;
}

#nav ul#email {
	background:#000;
	float:left;
	padding:13px 5px 10px;
	margin-right:8px;
}

#nav ul#email li {
	display:inline;
}


#nav ul#email li a {
	font-size:1.0em;
	border:1px solid #777;
	padding:4px 4px 2px;
	margin:0px 5px 10px 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
	color:#fff;
	text-decoration:none;
}

#nav ul#email li a:hover {
	border:1px solid #ccc;
}


#nav ul#lang {
	float:left;
	margin: 0px 0px 0;
	padding:0;
    width:99px;
    display:inline;
}
#nav ul#lang li {
    display:inline;
	margin: 0px 0px 0;
	padding:0;
}
#nav #lang a{height:35px;display:block;float:left;margin-right:2px;text-indent:-9999px;overflow:hidden;}

#nav #lang a#lang_fr{
	background:url(../images/lang_fr-trans.png) no-repeat;
	background-position:0 0px;
	width:26px;
}
#nav #lang a#lang_en{
	background:url(../images/lang_en-trans.png) no-repeat;
	background-position:0 0px;
	width:26px;
}
#nav #lang a#lang_es{
	background:url(../images/lang_es-trans.png) no-repeat;
	background-position:0 0px;
	width:26px;
}

#nav #lang a#lang_fr:hover,
#nav #lang a#lang_en:hover,
#nav #lang a#lang_es:hover,
#nav #lang a#lang_fr:active,
#nav #lang a#lang_en:active,
#nav #lang a#lang_es:active,
#nav #lang a#lang_fr:focus,
#nav #lang a#lang_en:focus,
#nav #lang a#lang_es:focus{
	background-position:0 -35px;
}
.bodyfr #nav #lang a#lang_fr,
.bodyen #nav #lang a#lang_en,
.bodyes #nav #lang a#lang_es{
	background-position:0 -70px;
}



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

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



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


.zonetxt {
	margin: 0px 0px 6px 0;
	background:transparent url(../images/zonetxt_trans.png) repeat;
}



#bodyindex .zonetxt,
#bodyateliers .zonetxt,
#bodyapropos .zonetxt{
	margin: 50px 0px 6px 0;
}


.post, #fields {
	color:#333;
}
.entry {
	padding:5px 15px 5px 20px;
}
.indexmargin{margin:30px 0 30px;}

h2.to_open,h3.to_open,h4.to_open{
	color:#000;
	background:#ffffe9 url(../images/accordion.gif) no-repeat 0 0px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius:7px;
	padding:3px 10px 3px 33px;
	float:left;
	cursor:pointer;
}
h2.to_open:hover,
h3.to_open:hover,
h4.to_open:hover{
	background:#ffff99 url(../images/accordion.gif) no-repeat 0 0px;
}
h2.opened,h3.opened,h4.opened{
	background-position:0 -90px;
}
h2.opened:hover,
h3.opened:hover,
h4.opened:hover{
	background-position:0 -90px;
}

h2.floatleft,
h3.floatleft{
	/*width:250px;border:1px solid red;*/
}
.opening{clear:both;}

#content p, #content h2, #content h3, #content h4{ 
	font-weight: normal;
	margin:10px 0;
}
#content h2, #content h3, #content h4{ 
	line-height:110%;
}

#content h2{ 
	font-size: 2.0em; 
}
#content h3{ 
	font-size: 1.8em;
}
#content h3.titletraffik{ 
	font-size: 2.4em;
	color:#c35d6b;
	text-transform:uppercase;
}
#content h3.titlepage{ 
	font-size: 2.7em;
	color:#000;
	text-transform:uppercase;
}
#content h4{ 
	font-size: 1.4em;
}
#content h4.to_open{ 
	font-size: 1.8em;
}
#content strong.titletrunk{ 
	color:#000;
	font-size: 1.3em;
}
#content p{ 
	font-size: 1.2em;
}

#content ul{ 
	font-size: 1.2em;
	margin:5px 20px;
	list-style-type: square;
}

#content ul.inside{ 
	font-size: 90%;
	margin:0 0 20px 0;
	list-style-type: none;
}
#content ul.inside li{ 
	font-size: 100%;
	margin:7px 0;
	padding:5px 0;
	list-style-type: none;
}

#content ul.inside li.padded{ 
	font-size: 100%;
	margin:7px 10px;
	padding:5px;
	list-style-type: none;
	background:#edeef1;
}
#content ul.inside li.paddedred{ 
	font-size: 90.5%;
	margin:7px 10px;
	padding:5px;
	list-style-type: none;
	border:1px solid #af2532;
}


#content .opening h4{ 
	font-size: 1.4em;
	color:#000;
	margin-bottom:12px;
}
.element{
	border-top: 6px solid #ffff66;
	margin:10px 0 0px;padding:10px 0px 10px;
}
.subelement{
	border: 1px solid #c4e0f1;
	padding:10px;
}

.opening{padding:5px 5px 10px 15px;}
.opening table{border:border-collapse;border:1px solid #c4e0f1;font-size:1.1em;}
.opening table td{padding:3px 10px;vertical-align:top;border:1px solid #c4e0f1;}

.opening ul{list-style-type:circle;margin:5px 10px 15px 20px;}

.warning{color:#ed0322;}
.smaller{font-size:85.5%;}

.logos{text-align:center;vertical-align:middle;}
.logos img{padding:5px 5px;}

#content h4 a.mail{
	text-align:center;
	background:#c4e0f1;
	color:#000;
	padding: 4px 5px;
	text-decoration:none;
	font-size:16px;
}
#content h4 a.mail:hover, #content h4 a.mail:active{
	background:#68bcec;
	color:000;
}

/* Begin Various Tags & Classes */

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

.floatleft{float:left;padding-right:20px;}

	

#mediaspace1{margin-bottom:20px;}

.listshows p strong{background:#ffeee4;color:#c00;font-weight:normal;font-size:1.1em;}

.emphase{color:#000;background:#ffc;padding:1px;}

.photos a img{border:1px solid #fff;}
.photos a:hover img{border:1px solid #000;}

.sunkred{color:#c33;}
.nowrapping{white-space:nowrap;}