body {
	margin:0;
	background-position: center top;
	background-color: #EEEEEB;
	background-image: url('../images/background.gif');
	background-repeat: repeat-y;
	background-attachment: fixed;
	font:Verdana,Tahoma,sans-serif;
	height:100%;
	text-align: center;
}


html {
	margin:0;
	background-position: center top;
	background-color: #EEEEEB;
	background-image: url('../images/background.gif');
	background-repeat: repeat-y;
	background-attachment: fixed;
	font:Verdana,Tahoma,sans-serif;
	height:100%;
	text-align: center;
}


/*Image de fond en haut de la page*/
#backtop {
	background-position: center top;
	background-color: #EEEEEB;
	border-width: 0px;
	padding: 0px;
	width: 100%;
	height: 191px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	background-image: url('../images/BackTop.jpg');
	background-repeat: no-repeat;
}


/*Le conteneur centré et avec une hauteur de 100%, qui contiendra tout*/
#conteneur {
	position:relative;
	margin-left: auto;
	margin-right:auto;
	z-index: 2;
	width: 900px;
	background-color:white;
	min-height:100%;	
}

/*Le footer, avec la petite image*/
#footer {
	position:absolute;
	bottom:0;
	left:0;
	height:45px;
	width:900px;
	background-image: url('../images/herbe.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
}

/*Le conteneur en haut pour le titre*/
#header {
	padding: 0px 0px 0px 0px;
	border-width: 0px 0px 0px 0px;
	width: 100%;
	height: 189px;
	background-image: url('../images/titre_new.jpg');
	background-repeat: no-repeat;
	position:relative;
}

/*Le cadre qui contient texte et images*/
#contenu {
	padding-bottom: 45px;
	padding-right: 20px;
	padding-left: 20px;
	border-width: 0px 0px 0px 0px;
	width: 860px;
	z-index: 3;
	float: relative;
	margin-top: 0px;
	font-size: 10pt;
	color: #313131;
	text-align: justify;
	font-family: Verdana,Tahoma,sans-serif;
	line-height: 170%;
	clip: rect(0px, auto, auto, auto);
}

.contenu p{
	margin-bottom: 40px;
}

/*Les différents styles de contenu_texte, représentant les différents titres*/
.index_page {
	background-image: url('../images/bienvenue.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 45px;
}
.cv_page {
	padding-top: 45px;
}
.publications_page {
	padding-top: 45px;
}
.presentation_page {
	padding-top: 45px;
}
.research_page {
	padding-top: 45px;
}





.normal_page p
{
	margin-bottom: 8px;
}


/*Le cadre contenant l'adresse mail*/
.add {
	position:relative;
	bottom:-3px;
}



/*Style de texte*/

/*Effet lettrine*/
.drop_cap {
	font-size:20pt;
}

/*Les liens*/
a {
text-decoration:underline;
border-width:0px;
}

a:active {
	color:#313131;
}

a:link {
	color:#313131;
}

a:visited {
	color: #5A295F;
}

a:hover {
	color:#606060;
}

.blue_links a:visited {
	color: #28527B;
}

.blue_links a:active {
	color: #28527B;
}

.blue_links a:link {
	color: #28527B;
}

.blue_links a:hover {
	color: #3289A3;
}


.publications_titre_article {
	font-style: italic;
}


.research_describe
{
	width: auto;
	display:block;
	vertical-align:top;
	margin-top:-25px;
}

.research_describe p
{
	margin-bottom:15px;
}

.research_describe li
{
	margin-left:20px;
}


.image_viewer_background
{
	width: 100%;
	height: 40000px;
	top: 0;
	left: 0;
	position:fixed;
	z-index: 10;
	background-color: #000000;
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	display:none;
}

.image_viewer
{
	position:absolute;
	z-index:11;
	text-align:center;
	display:none;
	margin-top:-70px;
}

.image_viewer_container
{
	border-width: 0px;
}

.image_viewer_image
{
}

.image_viewer_close
{
	margin-right:100%;
	background-color:black;
}

.image_viewer_caption
{
	width: 800px;
	text-align: center;
	position:absolute;
	margin-left: auto;
	margin-right:auto;
	margin-top: 20px;
	color: #FFFFFF;
	font-family: Verdana,Tahoma,sans-serif;
	font-size: 12px;
	font-weight:bold;
	z-index:12;
}

.image_viewer_caption a
{
	color:#FFFFFF;
}

.image_viewer_caption a:hover
{
	color:#606060;
}


.image
{
	width:100%;
	margin-top:20px;
	margin-bottom:50px;
}

.image_container
{
	border-width: 0px;
	width: 150px;
	margin-left: auto;
	margin-right: auto;
}

.image_zoom_hover
{
	width: 30px;
	height: 30px;
	z-index: 3;
	position: absolute;
	display: none;
	margin-left:-30px;
}

.image_container:hover .image_zoom_hover
{
	display:block;
}


.image_caption
{
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	font-size: 8pt;
	text-align:center;

}