body {
    	font: 100% Verdana, Arial, Helvetica, sans-serif;
    	background: #F5F5F5; /* #e8e1d7 */
		background-image: url(../img/bioman12.jpg);
		background-repeat:repeat-x;
    	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
    	padding: 0;
    	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
    	color: #000000;
    }
	
	.oneColFixCtrHdr #mainContainer {
    	width: 100%;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: #F5F5F5; /* #e8e1d7 */
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	border: 0px solid #000000;
    	text-align: center; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
		z-index:-100; 
    }
	
	.oneColFixCtrHdr #mainAura {
    	width: 1050px;   /*paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background-image: url(../img/mainAura.jpg);
		background-repeat:repeat-y;
		text-align: center; 
		z-index:1; 
		margin: 0 auto;
    }
	
    .oneColFixCtrHdr #container {
    	width: 1000px;  /* 803  paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: #F5F5F5; /* #e8e1d7 */
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	border: 0px solid #000000;
    	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
		z-index:2; 
    }
    .oneColFixCtrHdr #header {
		height: 292px; /* pour laisser la place en hauteur a VOUS ETEZ ICI */
    	background: #F5F5F5; /* #e8e1d7 */
		background-image: url(../img/header_bg_main.jpg);
		background-repeat:no-repeat;
    	padding: 0 0px 0 0px;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
    }
	.oneColFixCtrHdr #banner {
		height: 300px; /* reglage en hauteur du menu et du login */
    }
	.oneColFixCtrHdr #login{
		height: 39px; /* hauteur du menu seul*/
		width: 1003px;
		position: relative;
    }
	.oneColFixCtrHdr #login_left {
		height: 39px;
		width: 71%;
		position: relative;
		float: left;
    }
	.oneColFixCtrHdr #login_right {
		height: 39px;
		position: relative;
		float: left;
		color: #000080; /*2b89a3;*/
		font-family: Myriad Pro;
		font-size:80%;
    }
	
	.oneColFixCtrHdr #login_right  input[type=text] {
	color: #000080; /*2b89a3;*/
	font-family: Myriad Pro;
	background-color:transparent;
	border-bottom: 0px solid #20a0ea;
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000
	}
	
	.oneColFixCtrHdr #login_right  input[type=password] {
	color: #000080; /*2b89a3;*/
	font-family: Myriad Pro;
	background-color:transparent;
	border-bottom: 0px solid #20a0ea;
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000
	}
	
	.oneColFixCtrHdr #login_right  input[type=submit] {
	width:24px;
	height:25px;
	background-image: url(../img/login_form_valid_button.jpg);
	background-repeat:no-repeat;
	border-bottom: 0px solid #20a0ea;
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000
	}
	
	.oneColFixCtrHdr #login_right  input[type=submit]:hover {
	width:24px;
	height:25px;
	background-image: url(../img/login_form_valid_button_hover.jpg);
	background-repeat:no-repeat;
	border-bottom: 0px solid #20a0ea;
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000
	}
	
	.oneColFixCtrHdr #menu_up {
		height: 35px;
		width: 1069px; /* deplace FR en et Chercher*/
		position:relative;
		margin: 0;
    }
	.oneColFixCtrHdr #menu_main {
		height: 35px;
		width: 75%;
		position:relative;
		float:left;
		margin: 0;
    }
	
	.oneColFixCtrHdr #select_lang {
		width: 5%;
		height: 35px;
		position: relative;
		float: left;
		font-family: trajan pro;
		font-size: 65%;
    }
	
	.oneColFixCtrHdr #select_lang  a :hover{
		color: #000000; /*2b89a3;*/
    }
	
	.oneColFixCtrHdr #select_lang  a{
		text-decoration: underline;
		font-style:oblique;
		color: #000080; /* #756b56;*/
    }
	
	.oneColFixCtrHdr #search_main {
		width: 20%;
		height: 35px;
		position: relative;
		float: left;
		background-image: url(../img/search_main.jpg);
		background-repeat:no-repeat;
		
		
    }
	
	#search_main input[type=text] {
	color: #000080; /*2b89a3;*/
	font-size:75%;
	font-family: Myriad Pro;
	background-color:transparent;
	border-bottom: 0px solid #20a0ea;
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000
	}
	
	#search_main input[type=submit] {
	width:25px;
	height:25px;
	background-image: url(../img/search_all_button.jpg);
	background-repeat:no-repeat;
	background-color:#f3efe6;
	border-bottom: 0px solid #20a0ea;
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000
	}
	
	#search_main input[type=submit]:hover {
	width:25px;
	height:25px;
	background-image: url(../img/search_all_button_hover.jpg);
	background-repeat:no-repeat;
	border-bottom: 0px solid #20a0ea;
	border-top: 0px solid #000000;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000
	}
	
	.oneColFixCtrHdr #menu_down {
		clear:left;
		height: 45px;
		text-align:right;
		padding-right:10px;
    }
    .oneColFixCtrHdr #header h1 {
    	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
    	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
    }
	.oneColFixCtrHdr #mainContentBorder{
	padding-top:1px;
	padding-left:10px;
	padding-bottom:1px;
	padding-right:10px;
	background: #F5F5F5; /* #f7f0e8; */
	height: auto;
	top: auto;
    }
    .oneColFixCtrHdr #mainContent {
	color: #6c614b;
	font-family: Myriad Pro;
	font-size: 80%;
	padding: 0 20px; /* ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	background: #FAFAFA; /* #f4f1ec; */
	height: auto;
	top: auto;
	clip: rect(auto,auto,auto,auto);
    }
	
	.oneColFixCtrHdr #mainContent a{
	text-decoration:none;
	}
	
    #paper_fold {
	text-align:right;
    }
    .oneColFixCtrHdr #footer {
		height:100px;
		text-align: center;
    	padding: 0 10px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
    	background:#F5F5F5; /* #e8e1d7 */
		background-image: url(../img/footer_bg.jpg);
		background-repeat:repeat-x;
    }
    .oneColFixCtrHdr #footer p {
    	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
    	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
    }
	
	#footer a {
	font-family:Myriad Pro;
	font-size:12px;
	color: #000080; /*a4874f; couleur des liens en bas de pages Contact etc */
	text-decoration:none;
	}

	#footer a:hover {
	color: #8080FF; /*649003; couleur des liens en bas sous la souris de pages Contact etc */
	}
	/*
	/////////////////////////////////////////////////////////////////// BONUS ///////////////////////////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	*/
	.oneColFixCtrHdr #cat {
		background-image: url(../img/cat_bg.jpg);
		background-repeat:repeat-x;
    }
	
	h2 {
		font-family: trajan pro;
		font-size: 120%;
		font-weight: normal;
	}
	
	/*
	************************* MENU *********************
	***************************************************
	*/
	
/*^'^ Navigation Structure ^'^*/
.nav-container-outer{
width:750px; /* largeur bande menu principal*/
background: #990000;
padding: 0px;
height: 35px;
background: url(../img/nav-bg.jpg);
}
.float-left{
float: left;
}
.float-right{
float: right;
}
.nav-container .divider{
display:block;
font-size:1px;
border-width:0px;
border-style:solid;
}
.nav-container .divider-vert{
float:left;
width:0px;
display: none;
}
.nav-container .item-secondary-title{
display:block;
cursor:default;
white-space:nowrap;
}
.clear{
font-size:1px;
height:0px;
width:0px;
clear:left;
line-height:0px;
display:block;
float:none;
}
.nav-container{
position:relative;
zoom:1;
margin: 0 auto;
}
.nav-container a, .nav-container li{
float:left;
display:block;
white-space:nowrap;
}
.nav-container div a, .nav-container ul a, .nav-container ul li{
float:none;
}
.nav-container ul{
left:-10000px;
position:absolute;
}
.nav-container, .nav-container ul{
list-style:none;
padding:0px;
margin:0px;
}
.nav-container li a{
float:none
}
.nav-container li{
position:relative;
}
.nav-container ul{
z-index:10;
}
.nav-container ul ul{
z-index:20;
}
.nav-container ul ul ul{
z-index:30;
}
.nav-container ul ul ul ul{
z-index:40;
}
.nav-container ul ul ul ul ul{
z-index:50;
}
li:hover>ul{
left:auto;
}
#nav-container ul {
top:100%;
}
#nav-container ul li:hover>ul{
top:0px;
left:100%;
}

/*^'^ Primary Items ^'^*/	
#nav-container a{	
padding:7px 17px 7px 18px;
margin: 0px 0px 0px 0px;
color: #000080; /*2b89a3;*/
font-family: trajan pro;
font-size:14px;
text-decoration:none;
font-weight: normal;
background: url(../img/blank.jpg);
background-repeat: no-repeat;
background-position: top;
}

#nav-container a:hover{
color: #ffffff;
background: url(../img/item-primary-bg.gif);
background-repeat: no-repeat;
background-position: center;
}

/*^'^ Secondary Items Container ^'^*/	
#nav-container div, #nav-container ul{	
padding:10px 4px 10px 4px;
margin:0px 0px 0px 0px;
background: url(../img/item-secondary-container-bg.jpg);
background-repeat: repeat-y;
background-color: #FF9900;
border-bottom: 1px solid #000080; /*2b89a3;*/
}

/*^'^ Secondary Items ^'^*/	
#nav-container div a, #nav-container ul a{	
color:#000080; /* b78b2acouleur items sous menu */
padding:0px 0px 0px 0px;
text-align:left;
background-color: #FFFFFF;
background: url(../img/item-secondary-bg.jpg);
background-repeat: no-repeat;
background-position: 0px 22px;
font-size:11px;
border-width:0px;
border-style:none;
margin: 0px 0px 0px 0px;
width: 220px; /* largeur du sous menu (attention à dimensionner aussi item-secondary-container-bg.jpg et item-secondary-bg.jpg */
}


/*^'^ Secondary Items Hover State ^'^*/	
#nav-container div a:hover, #nav-container ul a:hover{	
background-color: #FFFFFF;
background: url(../img/blank.jpg);
background-repeat: no-repeat;
color:#8080FF; /*2b89a3; couleur des items sous menu sous souris*/
}

/*^'^ Secondary Item Titles ^'^*/	
#nav-container .item-secondary-title{	
cursor:default;
padding:4px 0px 3px 7px;
color: #6C3600;
font-family: trajan pro;
font-size:11px;
/* background: url(images/item-secondary-title-bg.jpg); */
background-repeat: no-repeat;
}

/*^'^ Horizontal Dividers ^'^*/	
#nav-container .divider-horiz{	
border-top-width:1px;
margin:5px 5px;
border-color: #C16100;
}

/*^'^ Vertical Dividers ^'^*/	
#nav-container .divider-vert{	
border-left-width:1px;
height:15px;
margin:4px 2px 0px 2px;
border-color:#AAAAAA;
}

	/*
	************************* FIN MENU *****************
	***************************************************
	*/
	
.logged_panel {
color: #000080; /*2b89a3;*/
}

.logged_panel a {
color:#8d8578;
text-decoration:none;
}

.logged_panel a:hover {
color:#000080; /*2b89a3;*/
}


 .oneColFixCtrHdr .login_failed {
color: #000080; /*2b89a3;*/
font-family: trajan pro;
font-size:20px;
text-align:center;
vertical-align:middle;
background-color: #f4f1ec;
width:100%;
height:200px;

}

.section_line{
background: url(../img/section_line.jpg);
background-repeat: no-repeat;
height:55px;
font-family: trajan pro;
font-size:14px;
vertical-align:middle;
text-align:center;
color:#ffffff;
}

.vert_sep1 {
background: url(../img/vert_sep1.jpg);
background-repeat: repeat-y;
}

.info_line {
background: url(../img/info_line_shade.jpg);
background-repeat: repeat-x;
height:22px;
vertical-align:top;
background-color:#e3deda;
padding-left:5px;
}

.info_line2 {
background: url(../img/info_line.jpg);
height:22px;
vertical-align:top;
color: #000080; /*2b89a3;*/
padding-left:5px;
}

.info_line3 {
background: url(../img/info_line_shade.jpg);
background-repeat: repeat-x;
height:20px;
font-size:11px;
vertical-align:top;
background-color:#e3deda;
padding-left:5px;
}

.info_line4 {
background: url(../img/info_line.jpg);
height:20px;
font-size:11px;
color: #000080; /*2b89a3;*/
padding-left:5px;
}

.info_line2 a {
color: #8080FF; /*649003; couleur des item menu sous souris */
text-decoration:none;
}

.info_line2 a:hover {
color: #000000;
}

.greyed_cell {
background-color:#F5F5F5; /*e5ded4 */
}

.inter_sec_hor {
background: url(../img/inter_sec_hor.jpg);
background-repeat: no-repeat;
height:10px;
}

.keywords_table {
border: 3px solid #F5F5F5; /*e5ded4 */
}


.keywords_table a{
color: #000000; /*9b8d73;*/
text-decoration:none;
}

.keywords_table a:hover{
color: #8080FF; /*649003; */
}
	
.TabResult {
border-left: 1px solid #e5ded6;
border-right: 1px solid #e5ded6;
border-top: 1px solid #e5ded6;
border-bottom: 0px solid #e5ded6;
}

.TabResult  a{
color: #000080;  /*8d8578; listing resultat dans tableaux*/
text-decoration:none;
}

.TabResult  a:hover{
color: #8080FF; /*649003; */
}

.TabResult  th{
background-color: #C0C0C0; /*e5ded6 entete tableau*/;
padding-left:5px;
border:none;
}

.TabResult  td{
border-left: 1px solid #e5ded6;
border-right: 1px solid #e5ded6;
border-top: 0px solid #e5ded6;
border-bottom: 0px solid #e5ded6;
}


.ResultReport a{
font-family: verdana;
font-size:100%;
color: #000080; /*#ac7826;*/
text-decoration:none;
}

.ResultReport a:hover{
font-size : 100%;
color: #8080FF; /*649003; couleur des liens en bas sous la soiris de pages Contact etc */
text-decoration:none;
}

.download_table {
border: 3px solid #e5ded6;
padding:4px;
}

.download_table td {
background-color: #e5ded6;
}

.download_table td a{
font-size:12px;
color: #000000;
text-decoration:none;
}

.download_table td a:hover{
font-size:12px;
color: #8080FF; /*649003; couleur des liens en bas sous la soiris de pages Contact etc */
}

.search_spec_left {
background: url(../img/info_line.jpg);
height:22px;
color: #9b8d73;
font-family:trajan pro;
font-size:14px;
}

.search_spec_right {
background: url(../img/info_line.jpg);
height:22px;
color: #9b8d73;
font-family:trajan pro;
font-size:14px;
}

.search_spec_right input[type=text] {
background-color: #f3efe4;
border: 1px solid #b89841;
height:16px;
width:195px;
color: #89b20b;
font-family:Myriad Pro;
font-size:12px;
}

.search_spec_soft select {
background-color: #e6ded3;
border: 0px solid #b89841;
height:20px;
width:50px;
color: #89b20b;
font-family:trajan pro;
font-size:11px;
}

.search_spec_right input[type=submit] {
background-color: #e6ded3;
border: 0px solid #b89841;
height:22px;
width:50px;
color: #89b20b;
font-family:trajan pro;
font-size:14px;
}



.search_spec_down input[type=submit] {
background-color: #e6ded3;
border: 0px solid #b89841;
height:18px;
color: #9b8d73;
font-family:Myriad Pro;
font-size:11px;
}

.search_spec_down input[type=submit]:hover {
color: #89b20b;
}

.search_spec_down_active input[type=submit]{
color: #89b20b;
background-color: #e6ded3;
border: 0px solid #b89841;
height:18px;
font-family:Myriad Pro;
font-size:11px;
}

.alpha_list {
background: url(../img/info_line.jpg);
height:24px;
color: #9b8d73;
font-family:Myriad Pro;
font-size:14px;
}

.alpha_list a{
color: #9b8d73;
text-decoration:none;
}

.alpha_list a:hover{
color: #89b20b;
}

.list_letters td {
width:12px;
}

.alpha_list .letter_selected a{
color: #89b20b;
}

.auth_list {
border-top: 1px solid #dad2ca;
border-bottom: 0px solid #dad2ca;
border-left: 0px solid #dad2ca;
border-right: 0px solid #dad2ca;
}

.auth_list td {
padding:5px;
}

.auth_list td a {
color: #807563;
font-family:Myriad Pro;
font-size:13px;
text-decoration:none;
}

.auth_list td a:hover {
color: #89b20b;
}

.auth_list .middle_cell {
border-top: 0px solid #dad2ca;
border-bottom: 0px solid #dad2ca;
border-left: 2px solid #dad2ca;
border-right: 2px solid #dad2ca;
}

#menu_down {
color: #000080; /*2b89a3;*/
font-family:Myriad Pro;
font-size:13px;
font-weight: normal;
text-decoration:none;
}

#menu_down a{
color: #b78b2a;
text-decoration:none;
}

#menu_down a:hover{
color: #000080; /*2b89a3;*/
text-decoration:none;
}

.inter_row{
background: url(../img/album_table_inter_row.jpg);
background-repeat:repeat-x;
height:10px;
}

.album_table {
color:#9b8d73;
border: 0px solid #dad2ca;
background: url(../img/album_table_back.jpg);
background-repeat:repeat-y;
}

.album_table:hover {
background: url(../img/album_table_back_hover.jpg);
background-repeat:repeat-y;
}

.album_table .left_col{
height:92px;
font-family:trajan pro;
font-size:170%;
vertical-align:top;
text-align:center;
}

.album_table .left_col label{
font-family:trajan pro;
font-size:50%;
}

.album_table .middle_col{
vertical-align:top;
text-align:left;
}

.album_table .middle_col .ap_info{
border-top: 0px solid #d5ccbd;
border-bottom: 0px solid #d5ccbd;
border-left: 2px solid #d5ccbd;
border-right: 0px solid #d5ccbd;
padding-left:5px;
vertical-align:top;
text-align:left;
}

.album_table .middle_col .ap_info .top_row a{
color: #000080; /*2b89a3;*/
font-family:trajan pro;
font-size:110%;
}

.album_table .middle_col .ap_info .top_row a:hover{
color: #a4874f;
}

.album_table .middle_col .ap_info .bottom_row{
font-family:Myriad Pro;
font-size:90%;
}

.album_table .right_col{
vertical-align:middle;
text-align:center;
}

.glass_fx{
 position: relative;
 vertical-align:middle;
 text-align:center;
 width:130px;
 height:92px;
}

.glass_fx .preview{
position : absolute;
top : 8px;
left : 16px;
z-index:1;
}

.glass_fx .glass{
position : absolute;
z-index:100;
top : 8px;
left : 5px;
}

.TabPhotos{
background: url(../img/photo_bg.jpg);
background-repeat:repeat-y;
}

.TabPhotos th{
color: #000080; /*2b89a3;*/
font-size:15px;
font-weight:normal;
background: url(../img/photo_header.jpg);
background-repeat:no-repeat;
height:60px;
padding:5px;
}

.TabPhotos th label{
color: #9b8d73;
font-size:12px;
font-weight:normal;
}

.TabPhotos td{
vertical-align:top;
text-align:center;
}

.TabPhotos .PhotosCol{
 position: relative;
 vertical-align:middle;
 text-align:center;
 width:134px;
 height:109px;
}

.TabPhotos .PhotosCol .PhotoFrame{
position : absolute;
top : -5px;
left : -2px;
z-index:100;
}

.TabPhotos .PhotosCol .PhotoPreview{
position : absolute;
top : 12px;
left : 16px;
z-index:1;
}


h3.MD{
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	padding-top : 10px;
	padding-bottom : 5px;
}

table.MD{
	border : 1px solid #d3e2e9; 
	width : 100%;
	background : #ffffff;
	padding:5px;
	border-collapse:collapse;
}

div.MD_TS{
	padding : 5px;
	position: absolute; 
	z-index: 10; 
	background-color : #ffffff;
	border : 2px solid #c1b9b9; 
	width :500px;
	height : 580px;
	left: 40%;
}

div.MD_TS2{
	padding : 5px;
	position: absolute; 
	z-index: 10; 
	background-color : #ffffff;
	border : 2px solid #c1b9b9; 
	width :500px;
	height : 580px;
	left: 33%;
}

div.MD_ST{
	padding : 5px;
	position: absolute; 
	z-index: 10; 
	background-color : #ffffff;
	border : 2px solid #c1b9b9; 
	width :500px;
	height : 540px;
	left: 20%;
}

table.MD td.info_line5{
	color : #000000;
}

table.MD td.info_line6{
	color : #000080;
}

div.hidden{
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

a.data{
	color : #000080;
	font-weight : bold;
	text-decoration : underline;
}

div.conteneur {
	width : 95%;
	/*height : 600px;*/
	text-align : left;
	font-size : 100%;
}


fieldset.multi {
	border : 1px solid #c4bdbd;
	width : 97%;
	padding : 5px 10px;
	margin : 15px 0 0 0;
}

div.multi {
	width : 40%;
	padding : 5px;
	display : block;
	float : left;
	margin: 0 20px;
}

div.multi2 {
	width : 60%;
	padding : 5px;
	display : block;
	float : left;
	margin: 0 20px;
}

div.multi h2, div.multi2 h2{
	font-size : 120%;
	font-weight : bold;
	margin-top : 15px;	
	margin-bottom : 20px;
}

div.multi p, div.multi2 p {
	margin-top : 15px;
	margin-bottom : 15px;
}

div.multi select.grand{
	width : 70%;
	float : right;
	font-size : 95%;
	float : right;
}

div.multi select.moyen {
	width : 50%;
	margin-left : 10px; 
	margin-right : 10px;
	font-size : 95%;
	float : right;
}

div.multi select.petit {
	width : 30%;
	margin-left : 10px; 
	margin-right : 10px;
	font-size : 95%;
}

div.multi span.multi{
	width : 70%;
	float : right;
	font-size : 95%
}

input.multi {
	font-size : 95%;
}

span.erreur
{
	color : #FF0000;
	font-weight : bold;
}

img.imageGauche
{
	float : left;
	margin : 15px 15px 10px 0px;
	border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;
}

img.imageDroite
{
	float : right;
	margin : 15px 0px 10px 15px;
	border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;
}

img.imageCentre
{
	display : block;
	margin : 0 auto;
}

p.justify {
	text-align :justify;
}

hr.floatclear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
	/*
	************************* LIGHTBOX *********************
	*********************************************************
	*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

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