/* CSS Document */
body {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color:#666666;
	}
* {
	outline:none;
}
img {
	border-style:none;
	}
a {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color:#000000;
	}
p {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	font-size : 11px;
	}
li {
	font-family : Helvetica, Verdana, Arial, sans-serif;
	color:#333333;
	font-size : 12px;
	}
h1 {
	font-size : 24px;
	font-weight:bold;
	color:#333333;
	}
h2 {
	font-size : 16px;
	font-weight:bold;
	color:#444444;
	}
h2.news {
	font-size : 14px;
	margin-top:20px;
	font-weight:bold;
	}	
h3 {
	font-size : 18px;
	font-weight:bold;
	color:#999999;
	background-color:#333333;
	padding-left:4px;
	}
img {
	border-style:none;
	}
.droite {
	float:right;
	}
.noir {
	border-style:solid;
	border-color:#000000;
	border-width:1px;
	}
.rubri {
	font-weight:bold;
	font-size:10px;
	color:#000000;
	}
a.liste {
	text-decoration:none;
	color:#666666;
	font-size:9px;
	}
a.liste2 {
	text-decoration:none;
	color:#000000;
	font-size:11px;
	}

a.typo {
	text-decoration:none;
	}
a.choix {
	text-decoration:none;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
	}
a:hover.choix {
	color:#FFFFFF;
	background-color:#000000;
	padding-left:3px;
	padding-right:3px;
	font-weight:bold;
	}
.menuesp {
	color:#666666;
	font-size:9px;
	line-height:150%;
	}
input {
	height:14px;
	border-style:solid;
	border-color:#000000;
	border-width:1px;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
.radio {
	height:10px;
	border-style:none;
	}
.submit {
	height:16px;
	background-color:#CCCCCC;
	margin-top:5px;
	}

/* ------------------ boites ---------------- */
#global {
	position:absolute;
	left: 50%;
	text-align: left;
	width:798px;
	margin-left: -399px;
	top:50%;
	height:564px;
	margin-top:-282px;
	}
#associes {
	POSITION: absolute;
	right:275px;
	text-align:right;
	top:15px;
	font-size:9px;
	background-color:#FFFFFF;
	font-weight:bold;
	color:#666666;
	}
#titre {
	position:absolute;
	left:542px;
	top:44px;
	width:250px;
	height:20px;
	background-color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}
/* ---- le conteneur de la description qui reste en place ---- */
#textCont {
	POSITION:absolute;
	left:542px;
	top:80px;
	width:250px;
	height:236px;
	background-color:#FFFFFF;
	font-size:11px;
	overflow:auto;
	}
#contenuCv {
	POSITION:absolute;
	left:146px;
	top:44px;
	width:370px;
	height:452px;
	background-color:#FFFFFF;
	font-size:11px;
	overflow:hidden;
	}
/* ---- le conteneur de la description qui bouge ---- */
#textDefil {
	POSITION:absolute;
	left:0px;
	top:0px;
	width:100%;
	VERTICAL-ALIGN: top; 
	background-color:#FFFFFF;
	font-size:11px;
	}
#textDefilCourt {
	POSITION:absolute;
	left:0px;
	top:0px;
	width:250px;
	VERTICAL-ALIGN: top; 
	background-color:#FFFFFF;
	font-size:11px;
	}
/* ---- possibilité de switcher le contenu ---- */
#descrCourt {
	position:absolute;
	left:542px;
	top:80px;
	width:250px;
	height:418px;
	color:#666666;
	font-size:11px;
	overflow:hidden;
	}
	
#descrLong {
	position:absolute;
	left:542px;
	top:80px;
	width:250px;
	height:418px;
	color:#000000;
	font-size:11px;
	overflow:hidden;
	visibility:hidden;
	}
#cvLong {
	position:absolute;
	left:145px;
	top:80px;
	width:380px;
	height:418px;
	color:#000000;
	font-size:11px;
	overflow:hidden;
	}
	
.scroll-pane {
	height:418px;
}








.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	width:4px;

}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	width:4px;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	width:4px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}






/* ---- les boutons pour passer de descr court ŕ descr long ---- */
#changeurL {
	POSITION:absolute;
	left:728px;
	top:503px;
	}
#changeurC {
	POSITION:absolute;
	left:728px;
	top:503px;
	}
/*
#navgraph {
	POSITION:absolute;
	right:10px;
	top:95px;
	width:350px;
	height:20px;
	font-size:10px;
	color:#666666;
	text-align:right;
	}
*/
#imgCv {
	POSITION:absolute;
	left:542px;
	top:44px;
	width:250px;
	height:452px;
	background-color:#FFFFFF;
	font-size:11px;
	overflow:hidden;
	}
#menuline {
	POSITION : absolute;
	top : 528px;
	left : 0px;
	}
#menu {
	position:absolute;
	top : 534px;
	left : 12px;
	z-index:9;
	}
#menu a.menu {
	text-decoration:none;
	font-weight:normal;
	color:#a9a5a5;
	font-size:12px;
	line-height:12px;
	margin-top:6px;
	margin-bottom:6px;
	border-left-style:solid;
	border-left-width:1px;
	border-color:#a9a5a5;
	display:block;
	float:left;
	width:132px;
}

#menulg {
	position:absolute;
	top : 534px;
	left :0px;
	z-index:10;
	}
#menulg a {
	text-decoration:none;
	font-weight:normal;
	color:#a9a5a5;
	font-size:12px;
	line-height:12px;
	margin-top:6px;
	margin-bottom:6px;
	margin-right:3px;
	display:block;
	float:left;
}


#menu a.first {
	width:120px;
	border-style:none;
	text-align:right;
}
#menu a.menu div {
	padding-left:9px;
	padding-right:9px;
}

	
	
#menutypo {
	POSITION : absolute;
	visibility:hidden; 
	bottom : -18px;
	left : 389px;
	}
#list {
	POSITION : absolute;
	top:506;
	left:30px;
	}
#menuIllus {
	POSITION : absolute;
	bottom:45px;
	right:275px;
	text-align:right;
	font-size:3px;
	color:black;
	font-weight:bold;
	}
#menuIllus2 {
	position:absolute;
	bottom:47px;
	right:275px;
	text-align:right;
	font-size:10px;
	color:black;
	font-weight:bold;
	}
	
#menuIllus2 a {
	color:#a9a5a5;
	text-decoration:none;
	font-weight:bold;
}
	

a.bouton {
	background-color:#FFF;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

dl, dt, dd, ul, li {
	margin:0px;
	padding:0px;
	list-style-type:none;
	}
.espace li, li.espace {
	padding-top:6px;
	line-height:11px;
	}
#menuCv {
	position:absolute;
	top : 74px;
	left : -10px;
	width:140px;
	text-align:right;
	}
#menuProjects {
	position:absolute;
	bottom : 65px;
	left : -16px;
	width:140px;
	text-align:right;
	}
#menuProjects dt {
	cursor: pointer;
	height: 10px;
	font-size:11px;
	color:#000000;
	margin-top:16px;
	}
#menuProjects dd {
	margin-top:0px;
	line-height:9px;
	margin-bottom:9px;
	}
#menuProjects li {
	line-height:9px;
	}
#menuProjects li a, #menuProjects dt a {
	color:#666666;
	text-decoration: none;
	}

#mosaic {
	position:absolute;
	left:146px;
	top:44px;
	}
#voile {
	z-index:5;
	position:absolute;
	left:146px;
	top:44px;
	width:645px;
	height:448px;
	}
#txt {
	position:absolute;
	left:542px;
	top:44px;
	width:250px;
	height:350px;
	text-align:left;
	font-size:11px;
	color:#000000;
	}
#legende {
	POSITION:absolute;
	bottom : 69px;
	left : -10px;
	width:140px;
	text-align:right;
	font-size:10px;
	color:#000000;
	}
#stats {
	display:none;
	}
#web {
	z-index:0;
	POSITION:absolute;
	left:538px;
	padding-left:4px;
	top:470px;
	width:250px;
	background-color:#FFFFFF;
	font-size:11px;
	}
#langues {
	POSITION : absolute;
	top : 534px;
	right : -4px;
	font-size:11px;
	color:#000000;
	}
sup {
	font-size:8px;
	}
.rech {
	padding-bottom:-7px;
	margin-bottom:-7px;
	}
#fr {
	display:none;
	}
	
#show_archives_list {
	text-decoration:none;
	color:#666666;
}

a:hover.liste {
	font-size:9px;
	}
a:hover.liste2 {
	font-size:11px;
	}
h2.news, .color, #menuIllus2 a:hover, #menuIllus2 a.current, a:hover.liste, a:hover.liste2, #menuProjects li a:hover, #menuProjects dt a:hover, #menu a.menu:hover, #menu a.current, a.current, #menulg a:hover, #menulg a.current {
	color:#FE0EC0;
	}