/*#############################################################
Name: 
Date: 2007/10/30
Description: 
Author:


#############################################################*/

/* standard elements */
html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #963;}
a:hover {color: #C60;}

body {
	background: #afafaf url(img/bg.png) repeat left bottom;
	/*background: #afafaf url(img/bg_grey.jpg) repeat-x left bottom;
	;#CCD8E0*/
	color: #444;
	/*color: #d8d3d9;*/
	font: normal 62.5% Tahoma,sans-serif;
}

p,code,ul {padding-bottom: 1.2em;}

li {
	list-style: none;
	/*
	list-style: url(img/li.gif);
	margin-left: 18px; *//*list-style: none;*/}

h1 {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
}
h1.home {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #f8047d;
}
h1.studio {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #fb8ec8;
}
h1.artist {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #6dd2e4;
}
h1.concept{
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #2fea00;
}
h1.actuality {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #da39ba;
}

h1.contact {
	font: normal 1.8em Tahoma,sans-serif;
	margin-bottom: 4px;
	color: #F2F700;
}
hoeuvre {
	font: normal 1.1em Tahoma,sans-serif;
	margin-bottom: 4px;
}
code {
	background: #FFF;
	border: 1px solid #EEE;
	border-left: 6px solid #C1CAD3;
	color: #666;
	display: block;
	font: normal 1em Tahoma,sans-serif;
	line-height: 1.6em;
	margin-bottom: 12px;
	padding: 8px 10px;
	white-space: pre;
}

blockquote {
	background: url(img/quote.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
blockquote.artist {
	background: url(img/quoteblue.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
blockquote.home {
	background: url(img/quotepink.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
blockquote.studio {
	background: url(img/quotesoftpink.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
blockquote.actuality {
	background: url(img/quote-purple.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
blockquote.concept {
	background: url(img/quote-green.gif) no-repeat;
	display: block;
	font-weight: bold;
	padding-left: 28px;
}
li.home {
	list-style: url(img/li-pink.gif);
	margin-left: 18px;
}
li.studio {
	list-style: url(img/li-pink.gif);
	margin-left: 18px;
}
li.artist {
	list-style: url(img/li-pink.gif);
	margin-left: 18px;
}
li.concept {
	list-style: url(img/li-pink.gif);
	margin-left: 18px;
}
li.actuality {
	list-style: url(img/li-pink.gif);
	margin-left: 18px;
}
li.contact {
	list-style: url(img/li-yellow.gif);
	margin-left: 18px;
}
h1,h2,h3 {padding-top: 6px;}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {float: right;}

/* structure */
.container {
	/*background: #FFF;*/
	/*background: #d8d3d9;*/
	background: #afafaf;
	font-size: 1.2em;
	margin: 0 auto;
	padding: 0 0px 0px;
	width: 800px;
}

/* header */
.top {
	/*background: url(img/clouds.gif) repeat-x;*/

	;padding: 50px 10px 0;
	padding: 0px 0px 0;
}

/* title */
.header {
	background: #FFF;
	background: #d8d3d9;
	background: #afafaf;
	font-size: 1.2em;
	height: 212px;
	margin: 0 auto;
	padding: 0px 0px 0px;
	width: 800px;
}
.header .left, .header .right ,.header .center{
	/*background: #ffffff;*/
	background: #d8d3d9;
	/*;#A4A4A0;*/
	color: #FFF;
	height: 212px;	
}
.header .left {
	/*background: #FFF url(img/HeaderCN.jpg) no-repeat;*/
	background: #d8d3d9 url(img/HeaderCN.jpg) no-repeat;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 212px;
	text-align: center;	
	width: 564px;
}
.header .right {
	overflow: auto;
	width: 212px;
}
.header .center {
	/*background: #FFFFFF url(img/HeaderCN.jpg) no-repeat;*/
	background: #d8d3d9 url(img/HeaderCN.jpg) no-repeat;
	font: normal 2.8em "Trebuchet MS",sans-serif;
	line-height: 212px;
	vertical-align: text-top;
	text-align: right;
	width: 800px;
}
.header .center2 {
	background: url(img/header_bg.gif) no-repeat;
	vertical-align: text-top;
	text-align: right;
	width: 772px;
	height: 10px;
}
.header .right p,.header .right h2 {padding: 0 16px;}
.header .right h2 {padding-top: 16px; font: normal 1.6em "Trebuchet MS",sans-serif;}

/* navigation */
.navigation {	
	background: #d8d3d9 url(img/nav3_greyHard.gif);
	border: 1px solid #d8d3d9;
	border-color: #d8d3d9 #d8d3d9;
	height: 41px;
	/*width: 10px;*/
}
.navigation a {
	background: #d8d3d9 url(img/nav3_greyHard.gif);
	border-right: 1px solid #d8d3d9;
	color: #456;
	display: block;
	float: left;
	font: bold 1.0em sans-serif;
	line-height: 41px;
	/*padding: 0 15px;*/
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
	text-decoration: none;
	width: 16.4%;
	text-align: center;
}
.navigation a:hover {background-position: left bottom; color: #234;}

/* main */
.main {
	border-top: 0px solid #d8d3d9;
	/*background: #d8d3d9;*/
	background: #afafaf;
	/*border-left: 1px solid #eeeeee;*/
	/*background: url(img/bgmain.gif) repeat-y;*/
}

/* sub navigation */
.sidenav {
	float: right;
	width: 210px;
	/*background: #EEEEEE;*/
	background: #afafaf;
	height: 100%;
	padding-bottom:20%;
}
.sidenav h2 {
	color: #5A5A43;
	font-size: 1em;
	line-height: 30px;
	margin: 0;
	padding-left: 12px;
}

.sidenav h2bg {
	color: #5A5A43;
	font-size: 1em;
	line-height: 40px;
	margin: 0;
	padding-left: 0px;
}
.sidenav ul {
	padding: 0;
	/*border-top: 1px solid #EAEADA;*/
}
/*.sidenav li {border-bottom: 1px solid #EAEADA;}
*/
.sidenav li a.links {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 0px 0 17px 0;
	text-decoration: none;
	width: 100%;
}
.sidenav li a {
	font-size: 1.1em;
	color: #554;
	display: block;
	padding: 8px 0 8px 5%;
	text-decoration: none;
	width: 95%;
}
.sidenav li a:hover {
	/*background: #F0F0EB;*/
	background: #afafaf;
	color: #654;	
}

/* content  CONTENU PRINCIPAL*/
.content {
	/*background:#d8d3d9;*/
	background:	#afafaf;;
	float: left;
	margin: 10px 0;
	padding: 0 16px;
	width: 551px;

}
.content .descr {

	color: #664;
	font-size: 0.9em;
	margin-bottom: 6px;
}
/*
.content li {
	list-style: url(img/li.gif);
	margin-left: 18px;
}*/
.content p {font-family: "Lucida Sans Unicode",sans-serif;}

/* footer */
.footer {
	background: #eeeeee;
	/*color: #5d5d5d;*/
	color: #bebebe;
	font: bold 1em sans-serif;
	line-height: 39px;
	text-align: center;
}
.footer a,.footer a:hover {
/*color: #5d5d5d;*/
color: #bebebe;

}

.artist a {
	color: #000;
	padding-right:18px;
	text-decoration:none;
}	

.artist a:hover {
    color: #C60;
	text-decoration:underline;
}
/*#################################menu HAUT POUR LES LANGUES #########################
*/
.header .pnav2{ position:relative;top:-6px; right:-635px; margin:0; padding:0;background:#afafaf;}
.header .pnav2 div {margin:0; padding:0}
.header .pnav2 table td {
	height:8px;
	white-space:nowrap; 
	line-height:normal;
	
}
.header .pnav2 td a:active, .header .pnav2 td a:link, .header .pnav2 td a:visited, .header .pnav2 td a:hover {
		color:#456;
		/*color:#afafaf;*/
		/*color:#222222;*/
		
		font-weight:bold; 
		font-size:1em; 
		white-space:nowrap; 
		padding:6px 5px; 
		display:block; 
		background:url(img/imgHdrMainNavBg3.gif) repeat-x bottom left; 
		border-right:1px solid #ccc; 
		text-decoration:none; 
		position:relative; 
		line-height:normal;
	}
.header .pnav2 td.fc a:active, .header .pnav2 td.fc a:link, .header .pnav2 td.fc a:visited {background: url(img/imgHdrMainNavLft3.gif) no-repeat bottom left; padding:6px 5px 6px 10px}
.header .pnav2 td.lc a:active, .header .pnav2 td.lc a:link, .header .pnav2 td.lc a:visited {background:url(img/imgHdrMainNavRgt3.gif) no-repeat bottom right; border-style:none; padding:6px 10px 6px 5px}
.header .pnav2 td a:hover, .header .pnav2 td.lc a:hover {text-decoration:underline}


div.pnav {position:absolute; top:0; right:20px; margin:0; padding:0}
div.pnav div {margin:0; padding:0; position:relative}
div.pnav table td {height:28px; white-space:nowrap; line-height:normal}
div.pnav td a:active, div.pnav td a:link, div.pnav td a:visited, div.pnav td a:hover {color:#000; font-weight:bold; font-size:1em; white-space:nowrap; padding:6px 5px; display:block; background:url(img/imgHdrMainNavBg3.gif) repeat-x bottom left; border-right:1px solid #afafaf; text-decoration:none; position:relative; line-height:normal}
div.pnav td.fc a:active, div.pnav td.fc a:link, div.pnav td.fc a:visited {background: url(img/imgHdrMainNavLft3.gif) no-repeat bottom left; padding:6px 5px 6px 10px}
div.pnav td.lc a:active, div.pnav td.lc a:link, div.pnav td.lc a:visited {background:url(img/imgHdrMainNavRgt3.gif) no-repeat bottom right; border-style:none; padding:6px 10px 6px 5px}
div.pnav td a:hover, div.pnav td.lc a:hover {text-decoration:underline}



/*############################################################################*/
 hr {
  border: 0;
  width: 100%;
  color: #00b4ca;
  background-color: #00b4ca;
  height: 2px;
}