html,body{margin: 0;
padding: 0;
height: 100%}

body{font: 11px arial,sans-serif;text-align:center; background-image:url(icononav/fd_main.gif); background-repeat:repeat-x; background-position:top; background-color:#FFFFFF;}
body.accueil{font: 11px arial,sans-serif;text-align:center;  background-color:#ffffff;}

/*.index{font: 11px arial,sans-serif;
text-align:center; 
background-image:url(icononav/acc_fd.gif);
background-repeat:repeat-x; background-position:top; 
background-color:#CCCCCC;}*/
#selection{

	margin-top: 75px;
	height:492px;
	width:  100px;
	text-align: center;
	display: block;
	overflow: auto;
	font: 10px/11px "Arial, Helvetica Neue", Helvetica, Geneva, sans-serif;
	
}
#selection img{
	border-style: none;
}
#selection a:hover{
	font-weight: normal;
	font-style: normal;
	color: #e86500;
}
#selection h3{
	text-align:center;
	margin-bottom: 6px;
}
#icon_film{
	margin-bottom: 1px;
}

/* My Comment */

.titre {display:block; font: 28px Arial, Helvetica, Verdana; font-weight:bold; font-style:normal; color:#e86500; line-height:27px;}
.sstitre {display:block;font: 120% Arial, Helvetica, Verdana; font-weight:bold; font-style:normal; color:#336399; margin-bottom:5px;}

h1 {display:block; font: 150% Arial, Helvetica, Verdana; font-weight:bold; font-style:normal; color:#FFB315; padding-top:7px; text-align:left;	border-top: 1px solid #FFB315;}
h2 {display:block;  font: 140% Arial, Helvetica, Verdana; font-weight:bold; font-style:normal; color:#888; text-align:left;}

h3 {display:block; font: 120% Arial, Helvetica, Verdana; font-weight:bold; font-style:normal; color:#FFB315; margin-bottom:1px; text-align:left;}
h4 {display:block; border:1px solid #e86500; padding: 5px;  font: 11px Arial, Helvetica, Verdana; font-weight:bold; font-style:normal; color:#e86500; margin-bottom:1px; text-align:left;line-height:1.6em;}
h5 {display:table; width:98%; border:1px solid #336399; padding: 5px 5px 4px 5px; font: 12px Arial, Helvetica, Verdana; font-weight:bold; font-style:normal; color:#336399;margin-top:0;margin-right:3px; margin-bottom:5px; text-align:left;line-height:1.6em;}
h5 img{ width: 80px; height: 80px;}
h6 {display:block; font: 120% Arial, Helvetica, Verdana; font-weight:bold; font-style:normal; color:#336399; margin-bottom:3px; text-align:left;margin:0;}
h7 {color:#336399; text-align:left; font: 120% Arial, Helvetica, Verdana;font-weight:bold;}

/*li {color: #156398; font-size:10px; }*/

p{font: 110% Arial, Helvetica, Verdana; font-style: normal; line-height:1.7em; color:#FFFFFF; }
p.spip{font: 110% Arial, Helvetica, Verdana; font-style: normal; line-height:1.7em; color:#FFFFFF; }
a{color:#FFB315; text-decoration:underline;}

a:hover{color:#FFFFFF; text-decoration:none;}

p img{margin:2px;}

p.accueil{font: 13px Arial, Helvetica, Verdana; font-style: italic; margin:3px 5px 0px 5px; margin-right:40px;line-height:1.7em; }


.texte {font: 12px arial,sans-serif;margin:2px 0px 0px;}
p .tx img{display:block;margin:10px 10px 10px 10px;}
.fiche {font: 12px arial,sans-serif;margin:0px 0px 0px;}
.legende {font: 11px Arial, Helvetica, Verdana; font-weight: bold;line-height:1.7em;}

/*----blocs------*/
div#accueil_container{width:880px; height: 100%; margin:0 auto; text-align:center;}
div#accueil_content{ width:780 px;}
div#teloche{ position:relative;top: 60px;height:546px;width:546px;background-image:url(icononav/teloche.jpg);	background-repeat:no-repeat;}
div#teloche #ecran{ position:absolute; top: 57px; left: 122px; height:260px; width:320px;/* border: 1px solid #BEBAB9;*/}
div#titre_accueil{  position:relative; top: 500px; width:546px; text-align: center; font: 16px Arial, Helvetica, Verdana; font-weight:bold; line-height: 18px; color:#804d2e}
div#nav_accueil{position: relative; width: 223px; top: 60px; font: 14px Arial, Helvetica, Verdana; font-weight:bold;text-align:left; line-height: 2.0em; padding-right:5px;}

/*div#teloche.archives{ position:relative;top: 10px;height:530px;width:646px;background-image:url(icononav/teloche.jpg);	background-repeat:no-repeat; background-position:230px -10px;}*/
div#ecrandeux{ position:absolute; top: 44px; left: 352px; height:260px; width:320px;/* border: 1px solid #BEBAB9;*/}
div#titre_accueil.archives{  position:absolute; float:right; width:350px;  right: 10px; top: 490px;  text-align:center; font: 16px Arial, Helvetica, Verdana; font-weight:bold; line-height: 18px; color:#804d2e;}





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

#nav_accueil  {
	line-height: 1.4em;
	padding-left:18px;
}

#navcontainer #current {
	color: #333333;
	font-weight: bold;
}

/* Parent - Level 0 */

#nav_accueil ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav_accueil li {
}

#nav_accueil li a {
	display: block;
font-size:13px;
color: #808080;
	text-decoration: none;
	padding-left: 12px;
	border-bottom: 1px solid #cccccc;
	
}

#archives#navcontainer ul li a {

font-size:11px;
line-height: 1.2 em;
color: #156398;
	text-decoration: none;
	padding-left: 12px;
	border-bottom: 1px solid #cccccc;
	
}
li a {
	display: block;
font-size:12px;
color: #808080;
	text-decoration: none;
	padding-left: 12px;
	border-bottom: 1px solid #cccccc;
	
}
li a:hover {
	color: #e86500;
}

#nav_accueil a:hover {
	color: #e86500;
}

/* Child - Level 1 */

#nav_accueil ul ul {
}

#nav_accueil ul ul li { line-height: 1.3em;
}

#nav_accueil ul ul a {
font-size: 10px;
	text-decoration: none;
	padding-left: 20px;
	color: #808080;
}

#nav_accueil ul ul a:hover {
		color: #e86500;
}

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

/*div#nav_accueil #current {
	color: #0080ff;
	background: #e1e1e1;
}

 Parent - Level 0 

div#nav_accueil ul {
	list-style: none;
	margin: 0px;
	padding-left: 18px;
}

div#nav_accueil li { 
list-style: none;
margin: 0px;
	padding: 0px;
}

div#nav_accueil a {
	display: block;
line-height:1.4em;
	color: #156398;
	text-decoration: none;
	border-bottom: 1px solid #c3c3c3;
	text-shadow: 0px 1px 0px #ffffff;
	padding-top: 6px;
	padding-bottom: 6px;
}

div#nav_accueil a:hover {
	color: #e86500;

}



div#nav_accueil ul ul {
	padding: 0px;
	margin: 0px;

}

div#nav_accueil ul ul li { list-style: none;
margin: 0px;
	padding: 0px;
}

div#nav_accueil ul ul a {
display:block;
line-height: 1.1em;
font-size: 10px;
color: #3974B7;
border-bottom: 1px solid #DFE2E6;
		padding: 4px 0px 3px 10px;
	margin: 0;
	text-decoration: none;

}

div#nav_accueil ul ul li a:hover {
line-height: 1.1em;
font-size: 10px;
	color: #e86500;
border-bottom: 1px solid #DFE2E6;
		padding: 4px 0px 3px 10px;
	margin: 0;
	text-decoration: none;
}
NAVIGATION*/




















div#container{width:962px; height: 100%; margin:0 auto; text-align:center;}

/*div#container_index{width:946px;
margin:0 auto;
text-align:left; 
border-right: 1px solid #222;
border-left: 1px solid #222;
background-color:#313131;
}*/
div#container_content{display:block; position:relative;height:100%;font: 110% Arial, Helvetica, Verdana; font-style: normal; line-height:1.7em;color:#444444;height:500px; }

#content_content{ padding-left: 18px;
padding-right:18px;
padding-bottom:10px; text-align:left;
background-color:#000000;}

div#header {position: absolute;left:100px;top:0; height:30px; width:862px; margin:0; padding:0; text-align:left;}

div#nav{
position: relative; 
left: 0; 
width:223px; 
top: 170px; 
background-image:url(icononav/fd_col1.jpg); background-repeat: no-repeat; background-position: right 10px;  
background-color: #ffffff;
/*padding-top:10px;*/
font: 11px Arial, Helvetica, Verdana;
font-weight:bold;
height: 500px;
/*background-color:#0066FF; */
text-align:right;}

#content{display:table;
position: absolute; 
left: 100px; 
width: 682px; 
top: 32px; 
background-color:#000000;
border-right: 1px solid #C9C9C9;
border-left: 1px solid #C9C9C9;
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
border-width:thin;
 border-width:1px;
bottom:10px;
texte-align:left;
}


#content_ct.archives{
position:relative;
 padding-left: 18px;
padding-right:18px;
padding-bottom:10px; text-align:left;
height:550px; z-index: 4;}

#content.archives{
display:table;
top: 10px; 
background-image:url(icononav/teloche2.jpg);	background-repeat:no-repeat; background-position:230px 10px; z-index: 99;background-color:#fff;height:550px;

}


div#esp{
display:block;
position:relative;
left:0px;
bottom:0px;
width:634px;
background-color: #FFB315; 
height:10px;
width:682px;
/**/

}

div#image { 
border: 1px solid #444444;
}




div#right {
	position: absolute;
	left: 782px;
	top: 0px;
}



div#left { 
position: absolute; 
text-align:right;
left: 0px; 
top: 320px; 
width: 90px;
color:#444444;
font: 90% Arial, Helvetica, Verdana; font-weight:bold;

}

div#left img{
/*background-color:#0066FF; 
padding-bottom: 3px; margin-top:7px; border-width:0px;*/}


div#footer{
display:block;
position:relative;
left:0px;
bottom:0px;
padding-top:6px;
width:634px;
background-color: #FFB315; 
height:20px;
width:682px;
/**/
font: 90% Arial, Helvetica, Verdana; font-weight:bold;
text-align:right;

}


div#footer a{ text-decoration:none; color: #336399;font-weight:bold;}
div#footer a:hover{color: #e86500;}
/* --------------- navigation -----------*/


div#vignettes{/*float:left;
background-color:#0066FF; */
text-align:right;margin-right:2px;width:85px;}

div#vignettes img{border: 1px solid #c3c3c3;margin-bottom: 3px; }
/*background-color:#0066FF; 
margin-right:10px; margin-top:7px; margin-left:10px; border-width:0px;}*/
div#vignettes img a{border-bottom: 1px solid #c3c3c3;}

div#vignettes img a:hover{border-bottom: 1px solid #c3c3c3;}

#btaccueil{ position: absolute;
bottom: 40;margin-left:30px; text-align:center;font: 16px "Times New Roman", Georgia, Times;
font-weight:bold; color:#666666;}
/*
width: 100%;  margin-top: 50px;*/






/*NAVIGATION*/


#navcontainer {
text-align:left;
	line-height: 2.0em;
padding-left:10px;
padding-top:10px;

font: 14px Arial, Helvetica, Verdana; font-weight:bold;
font-weight: bold;
color:#FFFFFF;

}	

#navcontainer.archives {
margin:0px;
padding:0px;
text-align:left;
padding-left:0px;
padding-top:0px;
width: 210px;
font: 11px Arial, Helvetica, Verdana; font-weight:bold;
font-weight: bold;
color:#336399;

}	



#navcontainer #current {
	color: #0080ff;
	background: #e1e1e1;
}


/*/NAVIGATION*/


table td.main{ height:94%;
}




li .menuon {
display:block;
	background: no-repeat 5px 10px  url(icononav/puce_f.jpg);
padding-left:20px
}


ul.plansite, ul.plansite ul { list-style-type: none; margin: 0; padding: 0; padding-right: 1em;
		font-size: 10px; }
ul.plansite li { border-left: 1px solid black; color: black;
		margin: 0; padding: 0; }
ul.plansite li a { padding-right: 0.5em; text-decoration: none;
		color: black; border-bottom: 1px solid black; }
ul.plansite li b { font-size: 80%; }






#affiche {
z-index:100; 
visibility: hidden; 
background-color : #ffffff;
color : #ffffff;
position: absolute;
/*A JOUTE EN DERNIER
	margin-left: auto;
	margin-right: auto;
	margin-top:auto;
	margin-bottom: auto;*/
	border-top: 1px solid #6E0700;
	border-right: 2px solid #6E0700;
border-left: 2px solid #6E0700;
border-bottom: 2px solid #6E0700;
	
}

#affiche im {

padding: 4px;
	
}