.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .legende{display:block;padding-top:.5em; font-weight:bold; text-align:left;}


	h1,h2{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	h3{font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase; font-size:9px;}
	a{color:#348;text-decoration:none;outline:none;}
	a:hover{color:#67a;}

	.titlegende{
	font-style:italic;
	color:#404037;
	margin-bottom:10px;
	font-weight: bold;
}
	.demo{
	text-align: center; margin-top:10px;
}
	.gallery_demo{width:155px;margin:0; float:left;}
	.gallery_demo li{
	width:68px;
	height:50px;
	border:3px double #111;
	margin: 2px 2px 0 0;
	background-color: #979797;
}
	.gallery_demo li div{left:100px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif; color:#339999;}
	.menu{
	width:auto;
	background-color:#7E9ABE;
	float:left;
	text-align:left;

}
	#main_image{margin:10 10 10 10px;height:auto;width:580px; background-color:#DFDFDF; float:right;}
	
	.navcat{
	padding-top:5px;
	clear:both;
	font:80% 'helvetica neue',sans-serif;
	letter-spacing:2px;
	text-transform:uppercase;
	font-size:10px;
	font-weight: bold;
}
	
	.info{text-align:left;width:700px;margin:10px auto;border-top:1px dotted #221;padding-top:10px;}
	.info p{margin-top:1.6em;}
	.info a{color:#348;text-decoration:none;outline:none;}
	.info a:hover{color:#67a;}

	.navcat2 

{

padding-top: 2px;

padding-bottom: 5px;
	
padding-left: 20px;

clear: both;

font-family: 'helvetica neue',sans-serif;

font-style: normal;

font-variant: normal;

line-height: normal;

font-size-adjust: none;

font-stretch: normal;

-x-system-font: none;

letter-spacing: 1px;

text-transform: uppercase;

font-size: 10px;

font-weight: bold;

width: auto;

height: auto;

border-top-color: #999999;

border-right-color-value: #999999;

border-bottom-color: #999999;

border-left-color-value: #999999;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

margin-top: 4px;

margin-right: 0px;

margin-bottom: 4px;

margin-left: 40px;

background-image: url(../images/pic_folderclo.gif);

background-position: left top;

background-repeat: no-repeat;

white-space: nowrap;

}


#galerie_txt{
	
	float:left;
	
}

.text_strong{
	font-weight:bold;
	font-size:13px;
	float:right;
	margin-right:550px;
	margin-bottom:2px;
} 


.encadrement {
	background-color: #dfdfdf;
	padding-top: 8px; 
	float: left;
	width:100%;

}

.encadrement  .first_part{
	position: relative;
	float: left;

}

.encadrement  .second_part{
	position: relative;
	float: left;
	font-weight: bold;
	
}

/** javascript pour image qui defile sur biographie**/
#motioncontainer
{
	/* la width est à préciser directement dans la div car elle sert pour les fonctions js */
	float: left;
	position: relative;
	margin: auto;
	height: 130px;
	padding-left:30px;
	overflow: hidden;
	border: 0px solid #FFFFFF;
}

#motioncontainer a img
{
	/*image border color*/
	border: 1px solid #ccc;
}

#motioncontainer a:hover img
{ /*image border hover color*/
	border: 1px solid navy;
}

#motioncontainer a:hover
{
	color: red; /* Dummy definition to overcome IE bug */
}

#motiongallery
{
	/* les propriétés left et top sont à préciser directement dans la div 
		car elles servent pour les fonctions js */
	position: absolute;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	white-space: nowrap;
	border-top: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
}

#statusdiv
{
	position: absolute;
	padding: 2px;
	left: -300px;
	background-color: lightyellow;
	border: 1px solid gray;
	visibility: hidden;
}

/*telechargement*/
.line-entete 

{

width: 100%;

height: 22px;

font-size: 10px;

font-weight: bold;

vertical-align: top;

border-bottom-color: #dddddd;

border-top-color: #dddddd;

border-top-style: none;

border-bottom-style: dotted;

border-top-width: thin;

border-bottom-width: thin;

background-repeat: no-repeat;

//background-image: url(../images/bg_tabtromb.png);
background-color:#dfdfdf;
//border: solid green;

}

.col-nomressource

{

float: left;

margin-right: 10px;

width: 460px;

margin-left:20px;
font-size:12px;
//border: solid red;

}

.col-extressource

{

float: left;

margin-right: 7px;

width: 75px;

font-size: 10px;
font-size:12px;
//border: solid blue;
}
.col-poidsressource

{

float: left;

margin-right: 7px;

width: 75px;

font-size: 10px;

text-align: right;
font-size:12px;
//border: solid yellow;
}

.line-active

{

width: 100%;

color: #353535;

vertical-align: top;

margin-top: 2px;

background-color: #efefef;

border-bottom-color: #cccccc;

border-bottom-style: dotted;

border-bottom-width: thin;

margin-bottom: 2px;

height: 100px;
//border: solid black;
}

.col-content-imgressource

{

float: left;

margin-right: 5px;

width:125px;

margin-top: 7px;
margin-left:10px;
font-size:12px;
//border: solid orange;
}