td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
html, body {
	/*height: 100%;*/
}
*{
	margin:0;
	padding:0;
}
.rouge{/*color:#ff555e;*/}

	body	
	{
	background:#FCF9F9;
	margin: 0;
	padding: 0;
	font-family:  Arial, Helvetica, sans-serif, Verdana;
	font-size: 14px;
	color:#999999;
	}
	
	#horizon	
	{
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 1px;
		height: 1px;
		overflow: visible;
		visibility: visible;
		display: block;
	}
	
	#container
	{
		border: thin solid #EEEEEE;
		position: absolute;
		top: -335px;
		left:-487px;
		width:965px;
		height: 670px;
		visibility: visible;
	}


img {border: 0px ;}
#accueil_film{
margin-top:8%;}


#container a{
text-decoration:none;
color:#333333;
}

#cls{
position:absolute;
top:5px;
right:5px;

width:12px;
height:12px;
}

p{color:#666666;}
h1{text-align:center;font-weight:500;color:#999999;font-size:22px;}
h2{font-weight:100;}
container a:hover{color:#000000;}
h3{color:#333333;}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////
										FILMOGRAPHIE
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*#filmographie{
width:600px;
height:400px;
overflow:auto;
margin-left:100px;
float:right;
}
#filmographie2{width:600px;
margin-left:100px;
    position:relative;
   height:500px;text-align:left;
   margin-top:50px;
    overflow:hidden;
	text-align:justify;
	} */
#titre_filmo{position:absolute; left:500px;z-index:50;}
#filmographie p{
text-align:justify;
}
#AutoScrollContainer{width:600px;
height:400px;
overflow:auto;
margin-left:100px;
float:right;
}
#filmographie2 a:hover{color:#000000;}

#titre_photo{width:650px;}
#entete_film{position:absolute;left:70px;top:40px; width:785px; text-align:center;}
#filmo_by{position:absolute;top:635px;left:150px; width:655px; text-align:center;}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
										ASSOCIATION
///////////////////////////////////////////////////////////////////////////////////////////////////////*/

#yesprint{
	text-align:center;
	font-size:18px;
	/*display: none;*/ 

	}

/* CONDITIONS DE PRêT */


#avant_accroche{width:700px;height:120px;}
#accroche{width:700px;height:300px;overflow:auto;text-align:left;}

.clearfloats{clear:both;}

#portraits_bio{left:100px; width:700px;height:600px;}
/* texte défilant */ 
#datacontainer{

}


/*  BIOGRAPHIE */
#titre_bio{position:absolute;top:44px;left:307px;}
#biographie{
	position:absolute;
	top:150px;
	left:310px;
	text-align:left;
	width: 368px;
}


#accroche{
	position:absolute;
	top:330px;
	left:250px;
	text-align:left;
	width: 468px;
}

#text_bio{position:absolute;top:250px; left:200px; text-align:left;}

/*   PAROLES    */ 

/*#diapolight{position:absolute;top:180px;left:0px; width:960px; text-align:center; height:300px;}
*/
.ptt{font-size:12px;}
#meinphoto{width:400px; text-align:right; margin-left:auto; margin-right:auto; margin-top:180px; height:300px;}
#meindoc{width:250px; text-align:right; margin-left:auto; margin-right:auto; margin-top:180px; height:300px;}
#meinportrait{width:300px; text-align:right; margin-left:auto; margin-right:auto; margin-top:180px; height:300px;}
#diapo{position:absolute;top:50px;left:90px;}

/*  Association  */ 
#titre_asso{position:absolute; top:50px; left:250px;}
#association{position:absolute;top:300px;left:210px;width:550px;text-align:left;}

/* EXPOSITION */
#titre_lettre{position:absolute;top:50px;left:0px; width:965px; text-align:center; font-weight:500;color:#999999;font-size:22px;}
#lettre #li{ text-align:justify;}

/*  Condition */
#titre_cond{position:absolute;left:370px;top:45px;} 
#condition{position:absolute;top:85px;left:308px;}
#fiche_tech{position:absolute;top:125px;left:150px;width:680px;}
#liste_col{position:absolute;top:150px;left:380px;}


/* AGENDA */
#titre_agenda{
	position:absolute;
	top:50px;
	left:422px;
	height: 55px;
}
#agenda img{padding:10px;text-align:right;}

#id_img{
float:right;
margin-bottom:15px;
margin-left:15px;
}


/*  STATUTS  */
#liens{position:absolute;top:300px;left:170px;text-align:left;}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////
										MENU
///////////////////////////////////////////////////////////////////////////////////////////////////////*/


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:absolute;
top:300px;
right:0px;
width: 7px;
height: 20px;
}
#menu dt {
background-color:#CCCCCC;
background-image:url(../images/vertical.gif);
background-position:center;
background-repeat:no-repeat;
cursor: pointer;
height:auto;
margin: 0px 0;
/*border: 1px solid gray;*/
text-align: right;
font-weight: bold;
}
#menu dt:hover{
background-color:#666666;
}
#menu dd {
position:absolute;
top:10px;
right:20px;
z-index: 100;
width: 11em;
}

#menu ul {
padding: 2px;
}
#menu li {
text-align: right;
font-size: 12px;
height: 18px;
line-height: 15px;
}
#menu li a, #menu dt a {
color:#999999;
text-decoration: none;
display: block;
}

#menu li a:hover {
color:#333333;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////
										MENU 4 
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu4 {
position:absolute;
top:300px;
right:0px;
width: 7px;
height: 10px;
}
#menu4 dt {
background-color:#CCCCCC;
background-image:url(../images/vertical.png);
background-position:center;
background-repeat:no-repeat;
cursor: pointer;
height:auto;
margin: 0px 0;
/*border: 1px solid gray;*/
text-align: right;
font-weight: bold;
}
#menu4 dt:hover{
background-color:#666666;
}
#menu4 dd {
position:absolute;
right:20px;
top:10px;
z-index: 100;
width: 150px;
height:auto;
}
hr{

height:1px;
color:#666666;}

#menu4 ul {
padding: 0px;
}
#menu4 li {
text-align: right;
font-size: 12px;
height: 18px;
}
#menu4 a {
text-align: right;
font-size: 12px;
height: 18px;
line-height:18px;
color:#999999;
text-decoration: none;
display: block;
}

#menu4 a:hover {
color:#333333;
}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////
										MENU 2 
///////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu2 {
position:absolute;
top:300px;
right:0px;
width: 7px;
height: 20px;
}
#menu2 dt {
background-color:#CCCCCC;
background-image:url(../images/vertical.png);
background-position:center;
background-repeat:no-repeat;
cursor: pointer;
height:auto;
margin: 0px 0;
/*border: 1px solid gray;*/
text-align: right;
font-weight: bold;
}
#menu2 dt:hover{
background-color:#666666;
}
#menu2 dd {
position:absolute;
right:20px;
top:10px;
z-index: 100;
width: 10em;
}

#menu2 ul {
padding: 2px;
}
#menu2 li {
text-align: right;
font-size: 12px;
height: 18px;
line-height: 30px;
}
#menu2 li a, #menu2 dt a {
color:#999999;
text-decoration: none;
display: block;
}

#menu2 li a:hover {
color:#333333;
}



/*    zone du footer  */
#footer{position:absolute;left:940px;top:645px; z-index:1;}

.menucontextuel{
	position: absolute;
	display: none;
	background-color: #FCF9F9;
	width:52px; height:40px; z-index:150; text-align:right; font-size:10px;
}




.box{
	width: 150px;
	height: 150px;
	background: #eee none;
	border: 1px solid #ddd;
	font-size: 0.9em;
	cursor: help;
}

#box1{
	position: absolute;
	top: 50px;
	left: 10px;
}

#box2{
	position: absolute;
	top: 50px;
	left: 200px;
}

#forprint{
display:none;
}

#li hr{ margin-top: 20px; margin-bottom:20px; color:#999; }

#li h3{color:#999; }