/*	SUTRA
	----------------------------
	Author:		Exit 9 (www.exit9.fr)
	Version:	20102605
	Copyright:	(c) 2010 Exit 9.
				All rights reserved.
*/



/* RESET */

body {
	line-height: 1;
	background:url('../img/bg_sutra.jpg') no-repeat;
	background-position:center 60px;
	margin: 0 auto;
	font: 11px/18px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	width: 980px;
	padding: 0}


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, a {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

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

/*----------------------------------------------------------------------
	CUSTOM
----------------------------------------------------------------------*/
.special {
	//background:url('../img/bg_sutra2.jpg') no-repeat;
	//background-position:center 60px;
	}
	
/*----------------------------------------------------------------------
	NAVIGATION
----------------------------------------------------------------------*/
nav{ margin:20px 0 0 0px;}



nav li{ display:inline}

nav a { border:0; display:inline-block; background-repeat:no-repeat; padding:0; width:90px; height:34px; margin-right:100px; text-decoration: none}

nav a span{ display:none}
	
nav a span.ad{ display:block; font-size: 16px; font-family: Lucida Grande, Helvetica, Arial; text-align: center; color: #666; width: 150px; margin-left: -50px}


#nav_logo{
background-image:url('../img/nav/rollover2.png');
	width:212px;
	height:50px;
	}

#nav_artiste{
background-image:url('../img/nav/rollover2.png');
	background-position:-217px 0;
}

#nav_toiles{
background-image:url('../img/nav/rollover2.png');
	background-position:-308px 0;
}

#nav_travail{
background-image:url('../img/nav/rollover2.png');
	background-position:-398px 0;
}

#nav_artiste:hover{
	background-position:-217px -34px;
}

#nav_toiles:hover{
	background-position:-308px -34px;
}

#nav_travail:hover{
	background-position:-398px -34px;
}

	
	
/*----------------------------------------------------------------------
	CONTENT
----------------------------------------------------------------------*/
article{ }

.centerpres img{ margin:70px 0 0 50px}
	
.centerpres a { width:893px; height:50px; display:block; background-color:#111; text-decoration:none; color:#999; margin:-16px 0 0 50px}

.centerpres a:hover{ color:#ddd}

.centerpres #vp{ float:right; margin-right:40px; margin-top:-9px}

.centerpres cite{ font-weight:bold; font-size:12px}

.centerpres p{ padding:7px 0 0 15px}

#citation{ margin:20px auto; width:550px; text-align:center; font-size:14px; color:#333; letter-spacing:1px}

#citation span{ margin:0 0 0 440px; font-size:11px}


/*----------------------------------------------------------------------
	ARTISTE
----------------------------------------------------------------------*/

#auteur_info{
	width: 863px;
	height: 246px;
	display: block;
	background:url(../src/themes/classic/moleskin.jpg) no-repeat;
	margin: 70px 0 100px 50px;
	padding: 30px 15px;
}

#auteurgauche { display: block; text-indent:-9999px; text-decoration: none; background:url(../img/artiste.gif) no-repeat 0 0;margin-top: 32px; }

.auteurdroite {float: right; margin-left:250px;}

.auteurdroite h1 {font: bold 18px/16px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#eee; margin-bottom:10px;}	

.auteurtxt{  font-size:10px; letter-spacing: 1px; color:#eee; text-align:justify;
-webkit-column-count:3; -moz-column-count:3; -o-column-count:3;
-webkit-column-gap: 30px; -webkit-column-rule : thin solid #333; 
-moz-column-gap: 30px; -moz-column-rule : thin solid #333;
-o-column-gap: 30px; -o-column-rule : thin solid #333;
}
.titleswirl2 { height: 6px; width: auto; background: url(../img/titleswirl_2.gif) left repeat-x; margin: 0 0 15 fpx 0; display: block;}

/*----------------------------------------------------------------------
	TRAVAIL
----------------------------------------------------------------------*/

#expocontent{ position: relative}

#expotxt{ width:220px; font-size:10px; letter-spacing: 1px; color:#444; text-align:justify; position: absolute; left: 750px}
	
#expotxt h1{ margin: 20px 0 0; font: bold 12px/16px 'Lucida Grande', Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif; text-transform:uppercase}	

.titleswirl { height: 6px; width: auto; background: url(../img/titleswirl.gif) center bottom no-repeat; margin: 0 0 10px 0; display: block;}

.swirly { height: 6px; width: auto; background: url(../img/swirly.gif) center bottom no-repeat; margin: 10px 0 0 0; display: block;}

.h3Expo {display: block; text-indent:-9999px; text-decoration: none; background:url(../img/expotitre.gif) no-repeat 0 0;}

#navexpo{ position: absolute; margin:50px 0 0 -20px;z-index:900;}

#navexpo ul{width: 185px;list-style-type: none; float:left; }

.list li {font:13px/16px "Segoe UI", Calibri, Helvetica, Arial, sans-serif; height:49px; border-bottom:1px solid #e9eaea; text-align:right; text-transform:uppercase;}

.list li a {display:block; width:185px; height:41px; padding-top:8px; color:#54595c; outline:none;}

.list li a span.date, span.date {font-weight: bold;color:#c9cbcc !important;}

span.date {letter-spacing:0;}

.list li a span.consultation {font-family:Cambria, Georgia, serif; font-style:italic; color:#9b9ea0 !important; text-transform:lowercase;}

.list li a span.current {color:#f56e84;}

.list li a:hover {border-bottom:0; color:#f56e84; background:none;}

	
/*----------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------*/
footer { text-align:right; border-top: 1px solid #ececec; color: #999; margin: 10px 0 0 0px; padding: 0; width:980px; float:right}



footer a { color:#69F}
	
.cimg{ margin: 0px 30px 0 -15px}

/*----------------------------------------------------------------
	OVERLAY
	------------------------------------------------------------*/
	
.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:675px;	
	min-height:200px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../img/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;}