/* Claude Bernhart CSS */
* {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: #000;
	text-decoration: none;
}

img { display: block; }
ul { list-style-type: none; }
span { display: none; }

/* Page d’accueil*/
#splash { background: url(img/intro.gif) no-repeat center center fixed; }

#news {
	width: 276px;
	height: 293px;
	background-color: #fff;
	position: absolute;
	top: 144px;
	left: 72px;
}

#scroll {
	margin: 10px 10px;
	height: 270px;
	overflow: auto;
}

#scroll p {
	margin-bottom: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.7em;
}

/* Claude Bernhart */
h1 {
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	text-align: right;
	position: absolute;
	top: 55px;
	left: 80px;
}

h1 a {
	width: 142px;
	height: 25px;
	display: block;
	background: url(img/ClaudeBernhart.gif) no-repeat 0 0;
}

/* Menu principal */
#menu {
	min-width: 560px;
	height: 100px;
	padding: 0 0 0 248px;
	background: #fff;
}

#menu li {
	margin: 60px 32px 0;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 0.95em;
	line-height: 1em;
	float: left;
}

#menu li a { padding: 1px 12px; }

#menu li.x a {
	padding: 1px 12px;
	border-bottom: 2px solid #e4ebbc;
}

#menu li a:hover { border-bottom: 1px solid #c1c99a; }

#parcours a {
	width: 53px;
	height: 18px;
	display: block;
	background: url(img/menuParcours.gif) no-repeat center top;
}

#galerie a {
	width: 45px;
	height: 18px;
	display: block;
	background: url(img/menuGalerie.gif) no-repeat center top;
}

#selection a {
	width: 57px;
	height: 18px;
	display: block;
	background: url(img/menuSelection.gif) no-repeat center top;
}

#contact a {
	width: 50px;
	height: 18px;
	display: block;
	background: url(img/menuContact.gif) no-repeat center top;
}

/* COLONNE DE GAUCHE */
#sub {
	width: 250px;
	position: absolute;
	top: 200px;
	left: 0;
	clear: both;
}

/* signes typo */
#sub .typquo, #sub .typche, #sub .typarr {
	padding: 40px 3px 0 46px;
	color: #666;
	font-size: 0.7em;
	line-height: 1.1em;
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
}

#sub .typquo:before {
	content: url(img/typquo.gif);
	vertical-align: -3px;
	margin-left: -2px;
	margin-right: 5px;
}

#sub .typche:before {
	content: url(img/typche.gif);
	vertical-align: -3px;
	margin-left: -2px;
	margin-right: 5px;
}

#sub .typarr #adr:before {
	content: url(img/typarr.gif);
	vertical-align: -3px;
	margin-left: -2px;
	margin-right: 5px;
}

#coordonnees li {
	color: #333;
	font-size: 1em;
	line-height: 1.3em;
	font-family: Verdana, Arial, sans-serif;
	text-align: right;
}

#tel { padding-top: 0.85em; }

#coordonnees li span {
	color: #666;
	font-family: Verdana, Arial, sans-serif;
	display: inline;
}

/* colonne principale */
#work {
	width: 450px;
	margin: 14px 14px 14px 300px;
	font-size: 0.8em;
	color: #666;
}

#expo {
	width: 490px;
	margin: 14px 14px 14px 280px;
}

h2 {
	padding: 18px 0 6px;
	color: #660;
	/*'Adobe Caslon', */
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 1.2em;
	font-weight: normal;
	clear: both;
}

h2#dessin {
	padding: 5px 0 0;
	color: #990;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	clear: both;
}

h2#peinture {
	padding: 18px 0 0;
	border-top: 1px dotted #666;
	color: #990;
	font-size: 1.2em;
	font-weight: normal;
	text-transform: uppercase;
	clear: both;
}

#work { clear: both; }

#work p {
	margin: 8px 36px 10px 36px;
	color: #777;
	font-family: Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
}

#work ul li {
	margin: 0 36px;
	padding-left: 11px;
	color: #444;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.85em;
	line-height: 1.3em;
	background: url(img/tiretliens.gif) no-repeat 0 6px;
}

.serie dt {
	margin: 0 6px 6px 0;
	padding: 0;
	float: left;
}

.serie dt a img { border: 4px solid #eee; }
.serie dt a:hover img { border: 4px solid #e2e2d1; }
.serie dt a:active img { border: 4px solid #990; }

/* Cartel infos */
#work .cartel { display: none; }

/* cartel flottant */
#tooltipDiv {
	width: 200px;
	padding: 5px;
	border: 5px solid #fff;
	background-color: #eee;
	font-family: verdana, sans-serif;
	font-size: 11px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1000;
	display: none;
}

/* cartel fixe */
#cartel {
	width: 180px;
	background-color: #fff;
	color: #3278a0;
	font-family: verdana, sans-serif;
	font-size: 11px;
	text-align: right;
	position: absolute;
	left: 50px;
	top: 115px;
}

/* Navigation « horizontale » */
#cartel .subnav {
	padding: 1px 0;
	margin: 0 0 1px 0;
	border-bottom: 1px dotted #e2e2d1;
	color: #990;
	font-size: 10px;
	text-transform: uppercase;
	display: block;
}

#cartel .subnav:hover {
	padding: 1px 0;
	margin: 0 0 1px 0;
	border-bottom: 1px dotted #e2e2d1;
	color: #330;
}

/* infos */
#cartel div {
	margin: 20px 0;
	color: #3278a0;
	font-family: verdana, sans-serif;
	font-size: 11px;
	position: absolute;
	right: 0;
	top: 40px;
}

#cartel .tec, .dim { color: #440; }

#cartel .ven {
	color: #770;
	font-size: 10px;
	text-transform: uppercase;
}

/* Presse */
.article {
	margin: 10px 9px 10px 36px;
	font-family: Arial, sans-serif;
	font-size: 0.85em;
	line-height: 1.2em;
}

.article dt { float: right; }

.article dd {
	padding-right: 205px;
	text-align: justify;
	display: block;
}

.article dd div { margin-bottom: 10px; }

/* Formulaire de contact */
#formulaire dl dt {
	width: 100px;
	padding: 4px;
	float: left;
	clear: both;
	text-align: right;
}

#formulaire dl dd {
	width: 330px;
	padding: 4px;
	float: right;
	text-align: left;
	font-family: Arial, sans-serif;
}

#fnom, #fema, #formulaire textarea {
	width: 275px;
	padding: 2px;
	border: 1px solid #c1c99a;
	color: #333;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 0.9em;
	background: #eff2da;
}

#submitmsg {
	padding: 12px 36px;
	text-align: right;
	clear: both;
}

#forminfos {
	padding-left: 110px;
	color: #a0a778;
	font-size: 10px;
	text-align: left;
}

#alert {
	color: #f30;
}

.liens a { color: #333; }
.liens a:hover { text-decoration: underline; }

/* Haut de page */
#hautpage {
	margin: 15px 0;
	padding: 15px 10px;
	border-top: 1px dotted #666;
	color: #de500b;
	/*'Adobe Caslon', */
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 0.85em;
	text-align: center;
	clear: both;
}

/* PH & Martin */
#signature {
	margin: 15px 0;
	padding: 15px 10px;
	border-top: 1px dotted #666;
	color: #878455;
	/*'Adobe Caslon', */
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 0.85em;
	text-align: right;
	clear: both;
}

#signature a { color: #7e7954; }
#signature a:hover { color: #a5a06b; }