img {border-style: none; vertical-align: middle; }

p {	text-indent: 1em; text-align: justify; }

.submitbutton
{
	color: #990000;
	background-color: #FFFFCC;
	font-weight: bold;
	border-top: 1px solid #990000;
	border-left: 2px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 2px solid #990000;
	cursor: pointer; 	
}
.submitbutton:hover, .submitbutton:active, .submitbutton:focus{
	color: #FFCC66;
	background-color: #990000;	
}

/* ************** publications **************** */
#publi-menu 
{
	padding: 0;
	margin-top: 10px;
	/* border: 1px solid grey; */
    font-family: trebuchet ms, arial, tahoma, verdana, sans-serif; font-size: 90%; font-weight:bold;
}

#publi-menu a:hover
{
	color: #ffffff;
}

#publi-menu ul
{
	margin:0px 5px 0 7px; padding: 0px; 
}

#publi-menu ul ul
{
	display: none; position: absolute; top: -1px; margin:0px; padding: 0px;
	border: 1px solid #b8b8b8; 
}

#publi-menu ul.niveau2 {left: 0px; top: 22px; }
#publi-menu ul.niveau3 {left: 230px; top: -1px;}

#publi-menu li
{
	list-style-type: none; position: relative; width: 230px; background-color: #efefef; padding: 2px; margin: 0px ; 
	text-align: center; float:left; 
}

#publi-menu li:hover ul.niveau2
{
	display: block;
}

#publi-menu li:hover ul.niveau2 li
{
	display: block; text-align: left;
}

#publi-menu li li:hover ul.niveau3 
{
	display: block;
}
/* I.E 6*/
#publi-menu li:hover, li.sfhover
{
	background-color: #fbb274;
}
/* I.E 6*/
#publi-menu li.sfhover ul.niveau2
{
	display: block;
}
/* I.E 6*/
#publi-menu li li.sfhover ul.niveau3
{
	display: block;
}

#publi-menu li.plus
{
	background-position:right; background-image: url(illustrations/fdroite.gif); background-repeat: no-repeat; border-bottom: 1px solid #b8b8b8;
}
/* ************** FIN publications **************** */



/****************************************    HEADINGS    ******************************************/


/*
.generaldiv h1, .globaldiv h1, div#linksarea h1 {
	font-size: 150%;
	font-weight: bold;
	color: #FFCC66;
	background-color: #990000;
	border: 1px solid #000000;
	margin-top: 0px;
}
.generaldiv h2, .globaldiv h2, div#linksarea h2 {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFCC;
	background-color: #990000;
	border: 1px solid #000000;
}

div#linksarea h2 {
	margin-left: 15%;
	margin-right: 15%;
}	
*/

h1{
	text-align: justify ;
	font: 2.0em Georgia, Arial, "Trebuchet MS", helvetica, sans-serif ;
	font-weight: bold ;
	font-style: italic ;
	letter-spacing: 3pt ; 
	color: #000 ;
	margin: 0 ;
	padding: 25px 0px 20px 120px ;
	/* background: url(images/title6.jpg)  80px 10px no-repeat ; */
}

h2 {
	text-align: center;
	font: 1.3em Verdana, Arial, "Trebuchet MS", helvetica, sans-serif ;
	font-weight: bold ;
	color: #ffffff;
	margin: 5px 0px 0px 0px;
}


/* POPI */
h3 {
	text-align: justify;
	font-style: italic ;
	font-size: 1.2em;
	margin: 0px;
	padding: 8px 0px 4px 0px;
	text-indent: 1.0em ;
}

/* POPI */
h4 
{
	text-align: justify;
	font-weight: bold ;
	font-size: 0.9em;
	margin: 5px 0px 2px 0px;
	text-align: left;
}

h5
{
	font-size: 1.0em;
	margin: 5px 0px 5px 0px;
	font-style: italic;
	font-weight: bold
}


/*
.detailsdivs h1 { font-size:130%; font-weight: bold; }
.detailsdivs h2 { font-size:80%; font-weight:normal; }
*/

/******************************************   LINKS    *********************************************/

:link, :visited {text-decoration: none; color: #505050; font-weight: bold;}


a:hover, a:active, a:focus {text-decoration: underline; color: #333333;}

/* Pour les liens externes */
a.lien_ext:after {
	content: "\0000a0[\2197]";
}

a.lien_ext {text-decoration:none;}

a.lien_ext_img {}


a.external:link { color: #990000; }
a.external:visited { color: #990000; }
a.external:hover { color: #009900;}
a.external:active {	color: #009900;}
a.external:focus {	color: #009900;}


/****************************************     SPEC FONTS  *****************************
.titlecsh{
   font-family: Georgia, Garamond, serif;
	font-size: 250%; 
 	border-bottom: 1px solid #990000;
	color: #000000;
}

.sortedby { color: #003399;}

.staffname {
text-align: left;
font-weight: bold;
}

.staffposition {
text-align: left;
font-weight: normal;	
}

.author {
text-align: center;
font-weight: normal;
}

.title {
text-align: center;
font-weight: bold;	
}

.edition {
font-size:85%;
text-align: center;
font-weight: normal;	
}

**************/

/***************************************    BOXES    ************************************************/
body
	{
		margin: 10px 0 10px 0;
		padding: 0 ;
		text-align: center ;
		/* background: #ffeaca ; */

		background: url(images/back.gif) repeat ;
	}
	/* On définit les marges haute et basse à 10px et les marges droite et gauche à 0 */
	/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body */
	/* On utilise text-align: center ; pour Internet Explorer, 
	c'est la seule façon de centrer les éléments de type block avec ce navigateur */
	
	
#all 
	{
		width: 1000px ;
		margin: 0 auto ;
		padding: 0;
	}
#header
	{
		margin: 0 auto ;
		padding: 0;
		
		border-top: 3px solid #f69f2b; 
		border-left: 3px solid #f69f2b; 
		border-right: 3px solid #f69f2b;
	}

#header img { display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */  } 


/* contient tous les blocs sauf Entete / pied de page */
div#conteneur
	{
		border: 3px solid #f69f2b ;
		margin-bottom: 10px ;
		text-align: justify;
		font: 0.8em Arial, "Times New Roman", Verdana, "Trebuchet MS", helvetica, sans-serif ;
		background: #fff ; 

		/* border: 1px solid #0BC000; */
	}
	
/*
div#general
	{
		width: 100%;
		margin: 0px ;
		padding:0px ;
		 border: 1px solid #000 ; 
		/width: 994px;
	}
*/

/* ************** ABOUT US ************** */


/* contient tous les blocs sauf Entete / pied de page */
div#about
{
	margin: 0px 30px 0px 20px ;
	padding: 0px ;
	display:block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	/* text-align: left ; */
	/* border: 2px solid #000 ; */
}

div#about-left
{
	width: 620px;
	margin-left: 20px;
	padding: 0px 5px 0px 5px;
	line-height: 18px;
	 /* border: 1px solid #000000; */
	float: left;
	/margin-left: 10px;
}

#about-left p
{
	 text-indent: 2em;
}

div#about-right
{
	width: 220px;
	margin: 14px 0px 0px 60px;
	/margin: 14px 0px 0px 46px;
	padding: 0px 5px 0px 5px;
	border: 2px solid #bd281e;
	text-align: center;
	float: right;
}

div#about-right img { margin: 0px 0px 10px 0px;}

div.about-report a img { padding: 0 2px 0 6px ;}

/* ************** FIN ABOUT US ************** */


/* ***************************** DIVISE Research-prog en deux ************************** */

.half-block 
{
	width: 340px; float: left ; padding: 20px 0 0 100px;
}



/* *********************** ARCHIVES ****************************** */
#research-detail-old
{	
	width: 460px;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	margin: 20px 0px 0px 0px;
	padding: 0;
	border: 2px solid #eef6e0 ;
	background: url("images/fond_research_old2.png");
	float: left ;
}

#research-detail-old h3
{
	padding: 16px 0 10px 0;
	text-align: center;
	font-style: normal ;
	font-size: 1.4em;
	text-indent: 0em ;
}

#research-detail-old h4
{
	margin: 0; 
	padding: 6px 0 2px 0;
	text-align: justify;
	font-size: 1.0em;
}

#research-detail-prog-old
{	
	width: 360px;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	margin: 20px 20px 0px 0px;
	/margin: 20px 14px 0px 0px;
	padding: 0;
	border: 2px solid #eef6e0 ; 
	background: url("images/fond_research_old2.png");
	float: left;
/*	position:relative ; */
}

#research-detail-prog-old h3
{
	padding: 16px 0 10px 0;
	text-align: center;
	font-style: normal ;
	font-size: 1.4em;
	text-indent: 0em ;
}

#prog-details-old
{
	/* 550*/
	/* display:inline-block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	width: 540px;
	margin-top: 20px;
	padding: 10px 12px 10px 10px;
	border: 2px solid #eef6e0;
	text-align: justify;
	/* float: none; */
	float:right; 
	background: #f1f7e6 url("images/fond_archive.png") repeat-x;
}


#prog-details-old h3
{
	font-style: normal ;
	font: 1.3em Verdana, Arial;
	margin: 0;
	padding: 8px 10px 16px 10px;
}

#prog-details-old h4
{
	margin: 0; 
	padding: 20px 0 6px 0;
	text-align: justify;
	font-size: 1.0em;
}

.year
{
	text-align: center ;
	padding: 5px 10px 5px 10px ; 
	border-top: 1px solid #000000 ;
	font: 1.3em Verdana, Arial, "Trebuchet MS", helvetica, sans-serif ;
	background: #fff ;
}


/* ************************************************************************************* */
/* ************************* Programme's details frame ********************************** */
#prog-details
{
/* 	display:inline-block ; bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	width: 540px ;
/*	position: relative ; */
	margin-top: 20px ;
	padding: 10px 12px 10px 10px ;
	text-align: justify ;
	background: #f1f1f1 url("images/fond_prog.png") repeat-x;
	border: 2px solid #ebeaf3;
	float:right; 
}

#prog-details h3
{
	font-style: normal ;
	font: 1.3em Verdana, Arial;
	margin: 0;
	padding: 8px 10px 16px 10px;
}

#prog-details h4
{
	margin: 0; 
	padding: 20px 0 6px 0;
	text-align: justify;
	font-size: 1.0em;
}

/* ************************************************************************************ */
/* ****************************** RESEARCH PROGRAMMES **************************** */


#research-block
{
	margin: 0px 20px 20px 20px ;
	padding: 0;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	
	/* text-align: left ; */
/*	 border: 1px solid #bd281e ; */
}

#research-block p
{
	text-indent: 2em ;
	margin: 0;
	padding: 0px 0px 10px 0px;
}

#research-block h2
{
	margin: 0;
	padding: 8px 0px 16px 250px;
	font-size: 1.3em;
	color: #000000;
	text-align: justify;
}

/*
#research-block h3
{
	margin: 0;
	padding: 24px 0px 10px 40px;
	font-size: 1.3em;
	color: #000000;
	text-align: justify;
}
*/


#research-block h5
{
	text-indent: 2em ;
	font-weight: normal;
	padding-bottom: 4px;
}


#research-content h3
{
	text-align: justify;
	font-style: italic ;
	font-size: 1.1em;
	margin: 0px;
	padding: 12px 0px 2px 14px;
	color: #990000;
	background: url(images/csh-icon.gif) 0 6px no-repeat ;
}

#research-content h5
{
	text-indent: 0em ;
	text-align: center;
	font-style: italic ;
	font-size: 1.3em;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #990000;
	/* border: 1px solid #000000; */
}

#research-content
{	
	width: 450px;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	padding: 0;
	margin: 20px 40px 0 0px;
	/margin: 20px 34px 0 0px;
	float: left;
	/* background: url(images/csh-fire4.png)  top left  no-repeat; */
}

#research-content a { color: #990000; }
#research-content a:hover {	color: #006600; }

#research-program
{	
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	margin: 20px 0px 10px 0px;
	padding: 0;
	border: 2px solid #bd281e ; 
	background: #ffead9 ;
}

#research-detail
{	
	width: 460px;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	margin: 20px 0px 0px 0px;
	padding: 0;
	border: 2px solid #ebeaf3 ;
	background: url("images/fond_research2.png");
	float: left ;
}

#research-detail h3
{
	padding: 16px 0 10px 0;
	text-align: center;
	font-style: normal ;
	font-size: 1.4em;
	text-indent: 0em ;
}

#research-detail h4
{
	margin: 0; 
	padding: 6px 0 2px 0;
	text-align: justify;
	font-size: 1.0em;
		/*  border: 1px solid #000000;  */
}

/*
#research-detail a { color: #990000;}
#research-detail a:hover { color: #006600;}
*/

/* ************************* FIN RESEARCH PROGRAM ********************************* */


.research-indent {text-indent: 2em ; float:left; padding: 4px 0px 2px 0px; }
.indent {text-indent: 1em ; padding: 4px 0px 2px 0px; text-align: left;} /* text-align left avoid  display mess*/
.indent2 {text-indent: 2em ; padding: 10px 0px 8px 0px; }
.indent4 {text-indent: 4em ; padding: 4px 0px 2px 0px; }
.index-prog {background: #e2e6eb url("images/fond_research.png") repeat-x ; padding: 5px 10px 5px 10px; border-top: 1px solid #000000; text-align: left;}
.index-archive {background: #e5f2dc url("images/fond_research_old.png") repeat-x ; padding: 5px 10px 5px 10px; border-top: 1px solid #000000; text-align: left;}
.coord {padding: 6px 0 6px 0;}
.list-publi { text-indent: 4em ; padding: 16px 0px 2px 0px; font-weight: bold; font-size: 1.4em; font-style: italic;}

#research-detail-prog
{	
	width: 360px;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	margin: 20px 20px 0px 0px;
	/margin: 20px 14px 0px 0px;
	padding: 0;
	border: 2px solid #ebeaf3 ; 
	background: url("images/fond_research2.png");
	float: left;
/*	position:relative ; */
}

#research-detail-prog h3
{
	padding: 16px 0 10px 0;
	text-align: center;
	font-style: normal ;
	font-size: 1.4em;
	text-indent: 0em ;
}

/* **************************************************** */
/* *********************** MENU ********************** */
	#menuframe
	{
		width: 100% ; /* largeur pour partie menu après les boutons */
	}
	
	ul#menu
	{	
		padding: 0;
		margin: 0;
		width: 100% ; /* largeur pour partie menu après les boutons */
		list-style-type: none ;
		background: url(images/fond-menu.gif) repeat 0 0 ;
		
		/* 		float: left ;		pour que le texte s'affiche à côté du menu */
		/* Suppression du margin, du padding et des puces du <ul> */
		
		/*  border: 1px solid #000000;  */
	}
	
	#menu li
	{
		display:block; 
		float:left; 
		position:relative; 
		z-index:100; 
		text-align: center ; 
		font: 1.0em  Georgia, "Times New Roman", sans-serif ;
		font-weight: bold ;
		font-style: normal;
		background: url(images/barre.png) 100% 5px no-repeat;
	}

	ul#menu li a
	{
		display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
		padding: 0 6px;
		line-height: 40px ;
		letter-spacing: 2px ;
		color: #990000 ;
		text-indent: 0px ; /* On décale le texte de 0px du bord gauche */
		text-decoration: none ;
		background: url(images/fond-menu.gif) repeat 0 0 ;
	}
	
	ul#menu li a:hover
	{
		background: url(images/fond-menu.gif) repeat 0 -40px ; /* Et ici on décale l'image du background de 49px vers le haut pour laisser apparaître la 2eme partie de l'image */
		color: #fff ;
	}
	
	/* ******* BARRE DE RECHERCHE ******* */
.search {
	text-align: center;
	height: 30px ;
	padding: 8px 0px 0px 18px ;
	/padding: 0px ;
	background: url(images/fond-menu.gif) repeat 0 0 ;
}	
	
	/* ******** Boutons pour les axes ********************** */
	.boutonAxe1 a 
	{ width : 45px ; line-height: 45px ; background: url(images/soustitre_axe1.jpg) no-repeat 0 0 ; margin-right: 12px; float: left ; }
	.boutonAxe1 a:hover { background: url(images/soustitre_axe1-on.jpg) no-repeat 0 0 ; float: left ; }
	
	.boutonAxe2 a 
	{ width : 45px ; line-height: 45px ; background: url(images/soustitre_axe2.jpg) no-repeat 0 0 ; margin-right: 12px; float: left ; }
	.boutonAxe2 a:hover { background: url(images/soustitre_axe2-on.jpg) no-repeat 0 0 ; float: left ; }
	
	.boutonAxe3 a 
	{ width : 45px ; line-height: 45px ; background: url(images/soustitre_axe3.jpg) no-repeat 0 0 ; margin-right: 12px;float: left ; }
	.boutonAxe3 a:hover { background: url(images/soustitre_axe3-on.jpg) no-repeat 0 0 ; float: left ; }
	
	.boutonAxe4 a 
	{ width : 45px ; line-height: 45px ; background: url(images/soustitre_axe4.jpg) no-repeat 0 0 ; margin-right: 12px; float: left ; }
	.boutonAxe4 a:hover { background: url(images/soustitre_axe4-on.jpg) no-repeat 0 0 ; float: left ; }
	
		/* ******** Boutons pour les axes version archive ********************** */
	.boutonAxeOld1 a 
	{ width : 45px ; line-height: 45px ; background: url(images/soustitre_axe1.jpg) no-repeat 0 0 ; margin-right: 12px; float: left ; }
	.boutonAxeOld1 a:hover { background: url(images/soustitre_axe1-old.jpg) no-repeat 0 0 ; float: left ; }
	
	.boutonAxeOld2 a 
	{ width : 45px ; line-height: 45px ; background: url(images/soustitre_axe2.jpg) no-repeat 0 0 ; margin-right: 12px; float: left ; }
	.boutonAxeOld2 a:hover { background: url(images/soustitre_axe2-old.jpg) no-repeat 0 0 ; float: left ; }
	
	.boutonAxeOld3 a 
	{ width : 45px ; line-height: 45px ; background: url(images/soustitre_axe3.jpg) no-repeat 0 0 ; margin-right: 12px;float: left ; }
	.boutonAxeOld3 a:hover { background: url(images/soustitre_axe3-old.jpg) no-repeat 0 0 ; float: left ; }
	
	.boutonAxeOld4 a 
	{ width : 45px ; line-height: 45px ; background: url(images/soustitre_axe4.jpg) no-repeat 0 0 ; margin-right: 12px; float: left ; }
	.boutonAxeOld4 a:hover { background: url(images/soustitre_axe4-old.jpg) no-repeat 0 0 ; float: left ; }
	
	.listing { line-height: 30px ; text-align: center; }
	#menu-axes {  display: block; width:240px ; margin-top:20px ; padding: 8px 10px 0px 10px; float: right ; }
	
	
/****************** FIN MENU ******************/


#bottom
{
	display: block;
	margin: 0;
	padding: 4px 20px 0px 20px;
	font-weight: bold ;
	background: #fbc68d;
	border-top: 2px solid #f8b534 ;
}

#bottom span {padding: 10px 0 10px 0; display: block;}

.left {text-align: left; float: left; }
.left img {text-align: left; float: left; }

.right {text-align: right; float:right; }
.right img {text-align: right; float: right; }
.right-rss {text-align: right; float:right; font-size: 0.8em; margin-top: 6px;}

.dateProgCenter { text-align: center; font-weight: bold; }
.center { text-align: center; }
.picture-frame { margin-bottom: 10px ;}

.spacer
	{
		clear: both;		/* force l'extension du cadre vers le bas (pour le menu) */
	}

.space { margin-left: 20px; margin-bottom: 6px; float: left; }




/********************* INDEX MAIN BLOCKS **************************/


#big-left
{
	width: 420px ;
	float: left ;
	display: block;
}




/* 1st col, used for latest book release, publication, etc.. */
#publi-block
{
	/* width: 420px ; */
	margin: 10px 0px 20px 0px ;
	padding: 26px 0px 0px 0px ;
	background: #8e5fa7 url(images/hautpubli.gif)  left top no-repeat ;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 	
	float: left;
/*	border-left: 2px solid #8e5fa7; */
}


/* Books, Occasionnal Papers, etc.. */
.publi
{	
	border: 1px solid #a4a4a4 ;
	margin: 10px 10px 10px 0px ;
	padding: 0px 10px 0px 0px ;
	background: #d2b6e0 ;
}


/* ******* Deifini le cadrage d'une ligne au sein de publi ************* */
.research-prog
{	
	padding: 5px 10px 5px 10px;
	margin: 0;
	 background: #ffffff ; 
}

.research-prog2
{	
	/* border: 1px solid #dc8700; */
	padding: 5px 10px 5px 10px;
	margin: 0;
	 background: #f0e0fc ; 
}


#logos-block
{
	background: #ffffff ;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	float: left ;
	border: 1px solid #999999 ;
	margin: 0px 10px 0px 10px ; /* les 10 ppourle bottom ont ete mis dans le padding de logos-fond pour I.E
	/* border: 2px solid #f69f2b;*/
}

#logos-fond
{	
	width: 420px ;
	padding: 36px 0px 10px 0px ;
	background: #666666 url(images/hautlogos.gif)  left top no-repeat ;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	float: left ;
}


.logos
{	
	margin: 12px 0px 12px 0px ;
	padding: 0px 0px 0px 0px ;
	background: #ffffff ;
	text-align: center ;
	
}

.logos a img
{
	margin: 0 26px 0 26px ;
}


/* ********** FIN PREMIERE COLONNE ******** */








.left-publi img
{	
	float: left;
	padding-right: 6px ;
	padding-top: 4px ;
}

.right-publi img
{	
	float: right;
	padding-left: 6px ;
	padding-top: 4px ;
}






/* Utilise pour colonne de droite des news */
#news-block
{
	width: 540px ;
	margin: 10px 0px 0px 0px;
	padding: 30px 0px 0px 0px ;
	float: right;
	/* background: url(images/fond-section-news2.gif) repeat-x ; */
	background: #2a7dbe url(images/hautnews.gif)  left top no-repeat ;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
/*	 border: 2px solid #ffffff; */
}

.news
{
	padding-left: 10px;
	margin: 6px 0px 10px 8px ;
	border: 1px solid #0083e3 ;
	background: #d1ddff ; 
	border: 1px solid #a4a4a4 ;
}


.news h4 a
{
	text-align: justify;
	font-weight: bold ;
	font-size: 1.0em;
	color: #990000;
	margin: 5px 0px 2px 0px;
	text-align: left;
}

/* used for new staff on INDEX */
.news-prog
{	
	/* border: 1px solid #dc8700; */
	padding: 5px 10px 2px 10px;
	margin-top: 0px ;
	/* background: #bcd0ea ;*/
	background: #ffffff ;
}

.news-prog-rss  /*probleme du l'image de fond */
{	
	padding: 5px 10px 2px 10px;
	margin-top: 0px ;
}

#fond-rss { background:  #ffffff url(images/csh-rssfeed2.jpg)  390px 10px no-repeat ; }



.accueil-prog 
{
	padding: 5px 10px 5px 10px ;
	margin: 0 ;
	 background: #ffffff ;
}

.accueil-prog2
{
	padding: 5px 10px 5px 10px ;
	margin: 0 ;
	 background: #e2ebf6 ;
}
	
}

/******************* RSS ***********************/
.rss
{
	font-size: 0.85em ;
	
}

/******************* EVENTS ***********************/
.event-text
{
	font-size: 0.9em ;
	
}

.date-event {text-align: center;  color: #2150ae; font-weight: bold; } 

.event-title-block
{
	font-size: 1.0em ;
	font-weight: bold;
	padding: 6px 10px 6px 10px;
}


/**************** Liens page d'accueil *******************/
#research-menu-block
{	
	width: 520px ;
	margin: 16px 0px 0px 0px ;
	padding: 10px 0px 0px 0px ;
	background: #bd281e url(images/hautresearch.gif)  left top no-repeat ;
	float: right ;
	/* border: 1px solid #dc8700; */
}
#research-menu-block-bas
{
	background: url(images/basresearch.gif) bottom left no-repeat;
	width:100%; /* bug I.E */
	padding-bottom: 8px;
}

#research-menu
{	
/*	border: 1px solid #981913 ; */
	display: block ;
	padding: 3px 4px 0px 0px ;
	margin: 10px 0px 0px 0px ;
	color: #000000 ;
	background: #f1f1f1 url(images/axes.jpg)  right top no-repeat ;
	/* background: url(images/fond-events.gif) repeat-x ; */
	border-top: 2px solid #3579ae; 
	border-left: 2px solid #3579ae; 
	border-bottom: 2px solid #3579ae; 
	float: right;
}

#research-menu h3
{	
	margin: 0;
	padding-top: 0px;
	text-align: left;
	font-style: normal ;
	font-size: 0.9em;
	color: #000000 ;
	text-indent: 0.5em;
}




/**************** EVENTS *******************/
/* 1st and 2nd cols, used for latest book release, publication, etc.. */


.events
{	
	/* border: 1px solid #64884f ; */
	padding-left: 0px;
	margin: 5px 0px 5px 0px ;
	text-align: justify;
	font: 1.1em Arial;
	color: #000000 ;
	background: #fff url(images/fond-event.png);
	border-bottom: 1px solid #666666;
	/* background: url(images/fond-events.gif) repeat-x ; */
}

.events-prog
{	
	/* border: 1px solid #dc8700; */
	padding: 5px 10px 10px 10px;
	margin: 0;
	/* background: #b7e49d ; */
	background: #fff ;
}

/* ****************************PUBLICATIONS **************************** */

#intro-publications
{
	width: 630px ;
	margin-right: 40px;
	margin-top: 20px;
	float: left;
	
}

#publications-block
{
	width: 100% ;
	margin: 20px 0px 0px 0px ;
	padding: 26px 0px 0px 0px ;
	background: #8e5fa7 url(images/hautpublications.gif)  left top no-repeat ;
	display: block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	float: left ;
	
/*	border-left: 2px solid #8e5fa7; */
}

#publications-books
{
	width: 490px ;
	float: left ;
	
/*	border-left: 2px solid #8e5fa7; */
}

#publications-others
{
	width: 460px ;
	float: right ;

/*	border-left: 2px solid #8e5fa7; */
}


/* *************************** TEAM ************************************ */
#team-left
{
	width: 440px;
	display:block; /* bug IE, on aurait aussi pu utiliser width:100%; pour le contrecarrer */ 
	padding: 0px;
	margin: 20px 0 0 20px ;
	-margin: 20px 12px 0 0 ;
	float: left ;
	/* border: 2px solid #eeddee; */
}

div.team-left-box h2
{
	text-align: left;
	font: 1.1em Verdana, Arial, "Trebuchet MS", helvetica, sans-serif ;
	font-weight: bold ;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 1px 14px;
	background:  url(images/hautteam.gif) top left no-repeat;	
}

.team-left-box-content
{
	padding:  2px 5px 5px 5px ;
	margin: 0 0px 6px 0px;
	font: 0.9em Verdana, Arial, "Trebuchet MS", helvetica, sans-serif ;
	border: 2px solid #98b2e7; 
	background: #ffffff;
}


#team-right
{
	width: 470px;
	padding: 10px 12px 10px 10px;
	margin: 20px 0px 0px 18px ;
	-margin: 20px 0px 0 6px ; /* uniquement IE 6*/
	display: block; 
	background: #f1f1f1;
	border: 2px solid #3579ae; 
	float: left;
}

#team-right-old
{
	width: 470px;
	padding: 10px 12px 10px 10px;
	margin: 20px 0px 0px 18px ;
	-margin: 20px 0px 0 6px ; /* uniquement IE 6*/
	display: block; 
	background: #dff3d2;
	border: 2px solid #279242; 
	float: left;
}


#team-right p
{
	text-indent: 2em ;
}

#team-right-old p
{
	text-indent: 2em ;
}


#contact
{
	width: auto ;
	
	background: #ffffff ;
}















/*********************  TOP  *****************************/
/*the top layer : logo and navigation bar*/
#topnavarea {
	/*position: absolute;*/
	margin: 1% 2% 1% 2% ;
	width: 96% ;
	z-index: 10 ;
	visibility: visible ;
	border-top: 1px solid #990000 ;
	border-left: 3px solid #990000 ;
	border-right: 2px solid #990000 ;
	border-bottom: 3px solid #990000 ;
}
/*the layer used for 2nd level navigation : make the 2nd level nav appear*/
#internavarea {
	display:none;
}

/*small box for printfriendly and emailfriendly actions*/
#toolbararea {
	display:none;
}

/********************   ONE BOX PAGES    ******************************/
/*covering all the page width like in the links page*/
#linksarea {
	width:95%;
	margin: 0% 3% 1% 2%;
	z-index: 10;
	visibility: visible;
	background-color: transparent;
	padding: 6px 8px 6px 8px;
	border-top: 1px solid #990000;
	border-left: 2px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 2px solid #990000;
}

/********************  TWO-BOX PAGES  ******************************/
/*class generaldiv : general information apppearing on the left of the screen*/
.generaldiv {
	left: 0px;
	z-index: 2;
	margin-right: 1.5%;
	margin-left: 2%;
	margin-top: 0;
	padding: 6px 8px 6px 8px;
	border-top: 1px solid #990000;
	border-left: 2px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 2px solid #990000;
}

.globaldiv {
	left: 0px;
	z-index: 2;
	margin-right: 1.5%;
	margin-left: 2%;
	margin-top: 0;
	padding: 6px 8px 6px 8px;
	border-top: 1px solid #990000;
	border-left: 2px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 2px solid #990000;
}

.generaldiv p, .globaldiv p{
	text-indent: 15px;
	margin: 7px;
}

.generaldiv .help, .globaldiv .help {
	text-indent: 0px;
	font-style: italic;
	text-align: center;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.generaldiv dl, .globaldiv dl { margin-top: 0px; }

/*class cgeneralboxes : parts of information within generalarea to be highlighted (borders) or not*/
.generalboxes {
	border-top: 1px dotted #000000;
	border-left: 1px dotted #000000;
	border-right: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
   margin: 5px 3px 5px 3px;
	padding: 0px 3px 0px 2px;  
	background-color: transparent;
}

.generalboxeshighlighted {
	border-top: 1px solid #FF9900;
	border-left: 3px solid #FF9900;
	border-right: 1px solid #FF9900;
	border-bottom: 3px solid #FF9900;
	margin: 5px 3px 5px 3px;
	padding: 0px 3px 0px 2px;
	background-color: transparent;
}

.pressreview {
	border-top: 1px solid #009900;
	border-left: 2px solid #009900;
	border-right: 1px solid #009900;
	border-bottom: 2px solid #009900;
	margin: 10px 0px 0px 0px;
	padding: 2px 5px 4px 5px;  
	background-color: #FFFFFF;
}

.pressreview dl {
	margin: 2px 1px 2px 1px;
}
.pressreview dl dt {
	text-align: center;
 	font-weight: bold;	
}

.pressreview dl dd {
	text-align: left;
	margin-left: 10px;
}

/*class detailsdivs : specific informations apppearing on the right of the screen*/
.detailsdivs {
	right: 0px;
	z-index: 10;
	margin-right: 2%;
	margin-left: 2%;
	margin-top: 0;
	margin-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	background-color: #FFFFCC;
	border-top: 1px solid #990000;
	border-left: 2px solid #990000;
	border-right: 2px solid #990000;
	border-bottom: 2px solid #990000;
	padding-top: 5px;
}

.rightnavdivs {
	right: 0px;
	z-index: 12;
	margin-right: 2%;
	margin-left: 1.5%;
	margin-top: 0;
	margin-bottom: 5px;
	padding-bottom: 15px;
	padding-top:0px;
	border:0;
	background-color: transparent;
 
}

.detailsdivs p {
	text-indent: 20px;
	margin:0;
	text-align: justify;
	clear:both;
}

.detailsdivs dl {
	text-align: center;
	clear:both;
}

.detailsdivs table {
	width:95%;
	border: 0;
	float: right;
	clear: both;
	margin-bottom:10px;
}

.borderdivstyle
{
	border-top: 1px solid #990000;
	border-left: 2px solid #990000;
	border-right: 1px solid #990000;
	border-bottom: 2px solid #990000;	
}

dd
{
margin-left:0px;
}

dl dt
{
list-style-type: circle;
}

#nojavascript{
display:block;
}