/* new 2011 */
img.filet {
border:1px solid #222;
padding:2px;
}

/* 
 * admin widgets
 */
fieldset {
	border:0;
	outline:white 2px solid;
	padding:1em;
}

fieldset.column {
	outline-color:yellow;
	width:400px;
}
fieldset.column:before {
	content: "column";
	color:yellow;
}

fieldset.form {
	outline-color:red;
}
fieldset.form:before {
	content: "form";
	color:red;
}

fieldset.formStep {
	outline-color:#ffa500;
}
fieldset.formStep:before {
	content: "form step";
	color:#ffa500;
}
fieldset.formItem:before {
	content: "form item";
}

/*
 * content 
 */
html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}


body {
	background:black;
	color:white;
	line-height:130%;
	margin:0;
	padding:0;

	height: auto !important;
	height: 100%;
	min-height: 100%;
	position: relative;

}
body, 
textarea {
	font:normal normal 80% Verdana, sans-serif;
}
a {
	color:#fe0;
	text-decoration:none;
}
a:visited {
	font-style:italic;
}
a:hover {	
	color:white;
	text-decoration:underline;
}
a img {
	border:0;
}
/* #content + #title → ;-) */
h1 {
	font-size:180%;
}
#content h1 em {
	font-weight:normal;
	font-size:100%;
}
#content h2 {
	font-size:155%;
	font-weight:normal;
	margin-top:1.5em;
}
#content h3 {
	font-size:120%;
	font-style:italic;
}
#content p, 
#content li {
	letter-spacing:-1px;
	line-height:165%;
	 text-align:   justify;
}
#content ul, 
#content ol {
	padding-left:16px;
}
#content ul li {
	list-style-type:square;
	margin-bottom:0.3em;
}
.hidden {
	display:none;
}
.antileft {
	clear:left;
}
/* global floating blocks */
.left {
	float:left;
}
.right {
	float:right;
}
/* default for all images :  float left to reproduce default behaviour : display inline */
.image {
	display:inline-block;
}
.image.left {
	margin:0 1em 0 0;
}
.image.right {
	margin:0 0 0 1em;
}
/* give to the lightbox link the margins that were originaly set on the image */
.lightbox.right {
	margin:0 0 0 1em;
}
.lightbox.left {
	margin:0 1em 0 0;
}
.image.wrapper {
	text-align:center;
}
.image.wrapper img {
	display:block;
}
.image.center img {
	margin:auto;
}
body.xhtml .image.wrapper em {
	background:#333;
	color:white;
	display:block;
	font-size:70%;
	font-weight:normal;
	letter-spacing:0;
	line-height:100%;
	padding-bottom:3px;
}
/* 20100223 : image bottom */
.image.bottom { 
	float:none;
}

.image.bottom img { 
	display:inline;
	margin-bottom:-4px;
}

.spacer {
	clear:both;
}

hr {
	border:0;
	border-top:3px dotted white;
}




/*
 * structure
 */
#admin {
	color:#333;
	position:fixed;
	right:10px;
	top:60px;	
	z-index:90;
}
#admin a {
	color:#999;
	padding:5px;
}
#lang {
	display:none;
}
#header {
	background:transparent url(../images/header.png) repeat-x 50% 15px;
	height:60px;
	left:0;
	position:absolute;
	text-align:center;
	text-indent:-10000px;
	top:0;
	width:100%;
	z-index:80;
}
#header h2 {
	height:100%;
	margin:0;
	padding:0;
}
#header h2 a {
	display:block;
	height:100%;
	outline:none;
	text-indent:-10000px;
}
#header h2 a:hover {
	background-color:transparent;
}
#utils ul {
	list-style:none;
	margin:0;
	padding:0;
}
#utils a {
	background:transparent url(../images/arrow-grey-left.png) no-repeat 10% 50%;
	color:#808080;
	display:block;
	font-size:140%;
	outline:none;
	padding:20px 40px;
	position:absolute;
	top:0;
	width:auto;
	z-index:90;
}
#utils a:hover {
	background-image:url(../images/arrow-white-left.png);
	color:white;
	text-decoration:none;
}
#utils a.next {
	background:transparent url(../images/arrow-grey.png) no-repeat 90% 50%;
	right:0;
}
#utils a.next:hover {
	background-image:url(../images/arrow-white.png);
}
#utils li.lang {
	display:none;
}
#title {
	padding-top:60px;
	text-align:center;
}
#title h1 {
margin:0.4em 0;
	text-transform:uppercase;
}
#title .submenu {
	font-size:60%;
	text-transform:capitalize;
}
#title .submenu a {
	border:1px solid white;
	color:white;
	font-weight:normal;
	margin-left:12px;
	padding:1px 3px;
	position:relative;
	text-decoration:none;
	top:-4px;
}
#title .submenu a.selected,
#title .submenu a:hover {
	background:white;
	color:black;
}

/*
#wrapper {
	position:relative;
	top:-60px;
}
*/
#content {
	padding-bottom:40px; /* 48px*/
	margin:0 auto;
	position:relative;
	width:1000px;
}

#content:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#localnav {
/*left:50%;
margin-left:-600px;
margin-top:50px;
padding-bottom:3em;
position:absolute;
z-index:100;*/
margin:0 auto;
padding:0.2em 0;
text-align:center;
width:100%;
}
#localnav ul {
margin:0;
}
#localnav li {
display:inline-block;
list-style:none;
}
#localnav li a {
border:black 1px solid;
color:#E63D24;
line-height:2em;
margin-right:5px;
padding:0 5px 1px 5px;
}
#localnav li a.selected, 
#localnav li a:hover {
border:#E63D24 1px solid;
background:#E63D24;
color:black;
text-decoration:none;
}


#footer {
	bottom: 0 !important;
	bottom: -1px;
	height: 40px;
	position: absolute;


/*	clear:both; */
	color:#333;
	font-size:90%;	
	text-align:center;
	width:100%;
	z-index:20;
}
#footer address {
	font-style:normal;
	margin:auto;
	width:800px;
}
#footer a {
	color:#333;
	text-decoration:none;	
}
#footer a:hover {
	color:#999;	
}
#footer .design-by {
	color:#333;
	position:absolute;
	right:10px;
}
#footer .design-by em {
	font-style:normal;	
}
#footer .design-by:hover {
	color:#999;	
}
/* 
 * biography  pages
 * */
body.biographie #content {
	padding-left:100px;
	width:800px;
}
body.biographie #content p, 
body.biographie #content li {
	line-height:150%;
}
body.biographie #content strong {
	color:#999;
	font-family:Verdana, sans-serif;
	font-size:180%;
	font-weight:normal;
	margin-left:-73px;
	padding-right:10px;
	text-align:right;
	width:90px;
}
body.biographie #content .form {
	clear:right;
	float:right;
	margin-top:1em;
	position:relative;
	width:300px;
}
body.biographie #content .form label {
	width:18%;
}
body.biographie #content .formRequiredMarker {
	display:none;
}
body.biographie #content .form .button {
	background:transparent url(../images/arrow-swoosh-blue.png) no-repeat 50% 3px;
	border:0;
	display:block;
	height:2em;
	left:67%;
	margin:-1.8em 0 0 0;
	padding:0;
	position:absolute;
	text-indent:-10000px;
	width:50px;	
}
/* dirty fix for publications pages */

body.publications #content p {
	clear:both;
}
/*
body.publications #content .image {
	margin-bottom:1em;
}*/





/* column system */
.column {
    background: transparent url(../../images/column-border3.png) repeat-y 100% 0;
    float: left;
    margin-right: 2%;
    padding-right: 2%;
    position: relative;
    width: 48%;
}

.column.third {
    width: 31%;
}

.column.third.last {
    width: 30%;
}

.column.twothird {
    width: 65%;
}

.column.quarter {
    width: 22%;
}

.column.threequarter {
    width: 74%;
}

.column.fifth {
    width: 16.8%;
}

.column.fourfifth {
    width: 79.2%;
}

.column.threefifth {
    width: 58.4%;
}

.column.last {
    background-image: none;
    margin-right: 0;
    padding-right: 0;
}

.column:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}