body{	 
	font-family:  Verdana, Arial,"Trebuchet MS";
	background: white;	
	color: #cccccc;
	font-size: 12px;
	font-family: Verdana, Arial, "Trebuchet MS"; 	
	/*text-align: center;*/	
}

td,p,a{  
  color: #cccccc;
  font-size: 12px;
  font-family: Verdana, Arial, "Trebuchet MS"; 
}

hr{
	width: 80%;
}

h1{
	font-size:24px;
	color:#9fa7ae;
	margin-bottom: 15px;
	margin-top: 0px;
	font-style:italic;
}
h1.film{
	font-style:normal;
}
h2{
	font-size:18px;
	font-weight:bold;
	display: block;	
	line-height: 24px;
	color:#9fa7ae;
	margin: 10px 0px 3px 0px;
	/*width: 915px;*/
	/*padding:4px;
	background: #888ea1;*/
}

h2.col01{ color:#fff; background: #9b6b67;}			/*INVITÉS D'HONNEUR*/
h2.col02{ color:#fff; background: #e6b118;}			/*COMPÉTITION EUROPÉENNE*/
h2.col03{ color:#fff; background: #ed6d23;}			/*AVANT-PREMIÈRES*/
h2.col04{ color:#fff; background: #a03624;}			/*CINÉMAS DU MONDE*/
h2.col05{ color:#fff; background: #af6734;}			/*DÉCOUVERTES EUROPÉENNES*/
h2.col06{ color:#fff; background: #005580;}			/*TRÉSORS DU CINÉMA*/
h2.col07{ color:#fff; background: #64587d;}			/*CINE-CONCERTS*/
h2.col08{ color:#fff; background: #b49158;}			/*HOMMAGES ET RETROSPECTIVES*/
h2.col09{ color:#fff; background: #64875a;}			/*FESTIVAL DES ENFANTS*/
h2.col10{ color:#fff; background: #d45ea1;}			/*EXPOSITIONS*/
h2.col11{ color:#fff; background: #8c7673;}			/*FESTIVAL OFF*/

h3{
	font-size:13px;
	color:#000000;
	margin: 10px 0px 3px 0px;
}

p{
	/*margin: 5px 0 0 0px;*/
}

a{  
  color: #cccccc;
  font-size: 12px;
  font-family: Verdana, Arial, "Trebuchet MS";
  text-decoration:none;  
}

a:hover{
	color: #fbba00;
	text-decoration:underline;
}

a.noir{  
  color: #000000;
  font-size: 12px;
  font-family: Verdana, Arial, "Trebuchet MS";
  text-decoration:none;  
}

a.noir:hover{
	color: #951d1e;
	text-decoration:underline;
}

input,textarea{
	/*width:500px;*/
	font-family: Verdana, Arial, "Trebuchet MS";
	font-size: 13px;
}

#global{
	position:absolute; 
	width: 1024px;
	/*height:800px;*/
	margin-left: auto;	
	margin-right: auto;
	padding:0px;		
	text-align: left;	
	left: 50%;	
	margin-left: -512px;
	top: 25px;
	border: 1px solid #9f877f;	
	background: #4b4a53;
	/*background: url(images/fond-site.png) no-repeat #eaeaea;	*/
}

#global-home{	
	position:absolute; 
	width: 1024px;
	height:800px;
	margin-left: auto;	
	margin-right: auto;
	padding:0px;		
	text-align: left;	
	left: 50%;	
	margin-left: -512px;
	top: 25px;
	border: 1px solid #9f877f;	
	background: #4b4a53;
	/*background: url(images/fond-accueil.png) no-repeat #f5f5f5;	*/
}

#header{	
	height:110px;
	padding-left: 80px;
	padding-top: 38px;
	background: #f5f5f5;
}

#header img{
	float:left;
}
#accroche{
	height: 90px;
	width: 570px;
	float:left;

	text-align:left;
	font-size:24px;	
	color:#9fa7ae;
	position: relative;
	top: 52px;
	margin:0px 15px 0px 10px;
}

#facebook{
	position:absolute;
	right: 20px;
	top: 64px;
}
#facebook img{
	border:0px;
}
.clearer{
	clear:both;
	height:0px;
}

span.rouge{
	color:#CC0406;
}

#det-cinema, #det-cinema h1,#det-cinema h2,#det-cinema p{ color:#000000;}

#content{
	margin-left: 80px;
	margin-top: 56px;
	/*height:425px;*/
	min-height:425px;
	overflow:auto;
}

#content img.illust{
	float:left;
	margin-right:20px;
	box-shadow: 2px 2px 4px #000000;
	display: block;
}

#content img.illust-right{
	float:right;
	margin-left:20px;
	margin-right: 10px;
	margin-bottom: 10px;
	box-shadow: 2px 2px 4px #000000;
	display: block;
}

#content p{	
	margin-right:20px;
	line-height: 20px;
	text-align: justify;
}

#content b{
	color:#ffffff;
}

#content h3{
	color:#ffffff;
	margin-bottom: 10px;

}
#content ul{	
	margin-right:20px;
}
#content li{	
	line-height: 18px;
	text-align: justify;
}

#content a.rouge{
	color:#CC0406;
}

#content .message{	
	color: #EA1523;
	padding: 5px;
	border: 1px solid #EA1523;
	float:left;
	width: 460px;
	background: #E8E7DC;
}

#content-home{
	margin-left: 80px;
	margin-top: 86px;	
	margin-bottom:6px;
	padding-right: 5px;
	height:389px;
	overflow:auto;
}

#content-left{
	width: 321px;
	padding-top: 5px;
	height:465px;
	overflow:auto;
	background: #50565e;
	float:left;
	padding-right: 8px;
}

#content-left-large{
	width: 565px;
	height:465px;
	overflow:auto;
	margin-top: 15px;	
	float:left;
	padding-right: 15px;
}

#content-left h2{
	font-size: 18px;
	background: url(images/carre-gris.png) no-repeat;
	padding-left: 25px;
	color: #ffffff;
	line-height: 19px;
}

#content-left p{
	padding-left: 25px;
	margin: 8px;
}

#content-left-large img{
	float:left;
	margin-right:10px;
}

#content-right{
	float: left;
    width: 615px;
}

#content-right b{
	color:none;
}
#content-right-large{
	float:right;
	width: 334px;
	height:465px;
	background: #cccccc;
	color: #000000;
	padding-left: 30px;
	margin-top: 15px;
}

#content-right-large  h2.rose{
	font-size:13px;
	color:#ffffff;
	margin: 10px 0px 3px 0px;
	display: block;
	background: #df1994;		
	padding-left: 15px;
}
#content-right-large  h2.orange{
	font-size:13px;
	color:#ffffff;
	margin: 10px 0px 3px 0px;
	display: block;
	background: #ed6d23;		
	padding-left: 15px;
}

#content-right-large  h3{
	color:#000000;
	margin: 8px 0px 8px 0px;
}
#content-right-large  a{
	color:#000000;
}
#img-principale{
	float: right;
	margin-top: 10px;
	margin-right: 45px;
	margin-left: 10px;
}
#barre-festival {
	height: 72px;
	float: left;
}
#barre-festival img{
	display: block;
	box-shadow: none;
	margin:0px;
}

#festival,#edition,#affiche, #search{
	float:left;
}

.video{
	float:left;
	width: 132px;
	height: 73px;
}

#search form{
	margin:0px;
	padding:0px;
}
.input_search{
	width: 513px;
	height:21px;
	border: 0px;
	float:left;
}
.button-accueil{
	color:#ffffff;
	background:#b70d1d;
	font-size: 11px;
	font-weight:bold;
	width: 100px;
	height:23px;
	border:none;
	float:right;
}
.input_search_large{
	width: 937px;
	height:21px;
	border: 0px;
	float:left;
}
.button{
	color:#ffffff;
	background:#b70d1d;
	font-size: 11px;
	font-weight:bold;
	width: 85px;
	height:23px;
	border:none;
	float:right;
}
#intro{
	width:866px;
	height:145px;
	overflow:auto;
}

#intro-home{
	width:866px;
	height:109px;
	overflow:auto;
}

#footer{	
	height: 170px;
	padding-left:80px;
	background: #e1e1e1;
}

#footer h3{
	font-size:13px;
	color:#999999;
	margin: 10px 0px 3px 0px;
}

#footer a,#footer p {
	color:#999999;
	line-height:18px;
}

#footer a:hover {
	color:#ffffff;
}

#footer ul{
	padding-left: 15px;
}
#footer li{
	color:#999999;
	list-style: none;	
	font-size: 12px;
	line-height: 20px;
}
#foot-left{	
	width:289px;
	/*background: yellow;*/
	height: 100%;
	float:left;
}
#foot-middle{	
	width:289px;
	/*background: blue;*/
	height: 100%;
	float:left;
}

#foot-right{	
	width:289px;
	/*background: red;*/
	height: 100%;
	float:left;
}


/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------ */

/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	background: #a5b5bd;
	width: 944px;
	height: 21px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 170px;
	left: 80px;
	z-index:75;
}
#menuDeroulant li
{
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	border: 0;
}#menuDeroulant li.large
{
	float: left;
	width: 147px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	background: #a5b5bd;
	margin: 0;
	padding: 3px 6px;
	border-right: 1px solid #fff;
	text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #eb8015; }
#menuDeroulant li a:active { background-color: #5F879D; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 157px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}

#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #888ea1;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("images/fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	color: #ffffff;
	background-image: none;
	background-color: #888ea1;
}

#menuDeroulant .sousMenu li.col01{ width: 225px; }
#menuDeroulant .sousMenu li.col02{ width: 225px; }
#menuDeroulant .sousMenu li.col03{ width: 225px; }
#menuDeroulant .sousMenu li.col04{ width: 225px; }
#menuDeroulant .sousMenu li.col05{ width: 225px; }
#menuDeroulant .sousMenu li.col06{ width: 225px; }
#menuDeroulant .sousMenu li.col07{ width: 225px; }
#menuDeroulant .sousMenu li.col08{ width: 225px; }
#menuDeroulant .sousMenu li.col09{ width: 225px; }
#menuDeroulant .sousMenu li.col10{ width: 225px; }
#menuDeroulant .sousMenu li.col11{ width: 225px; }

#menuDeroulant .sousMenu li.col01 a:hover{ color:#fff; background: #9b6b67;}			/*INVITÉS D'HONNEUR*/
#menuDeroulant .sousMenu li.col02 a:hover{ color:#fff; background: #e6b118;}			/*COMPÉTITION EUROPÉENNE*/
#menuDeroulant .sousMenu li.col03 a:hover{ color:#fff; background: #ed6d23;}			/*AVANT-PREMIÈRES*/
#menuDeroulant .sousMenu li.col04 a:hover{ color:#fff; background: #a03624;}			/*CINÉMAS DU MONDE*/
#menuDeroulant .sousMenu li.col05 a:hover{ color:#fff; background: #af6734;}			/*DÉCOUVERTES EUROPÉENNES*/
#menuDeroulant .sousMenu li.col06 a:hover{ color:#fff; background: #005580;}			/*TRÉSORS DU CINÉMA*/
#menuDeroulant .sousMenu li.col07 a:hover{ color:#fff; background: #64587d;}			/*CINE-CONCERTS*/
#menuDeroulant .sousMenu li.col08 a:hover{ color:#fff; background: #b49158;}			/*HOMMAGES ET RETROSPECTIVES*/
#menuDeroulant .sousMenu li.col09 a:hover{ color:#fff; background: #64875a;}			/*FESTIVAL DES ENFANTS*/
#menuDeroulant .sousMenu li.col10 a:hover{ color:#fff; background: #d45ea1;}			/*EXPOSITIONS*/
#menuDeroulant .sousMenu li.col11 a:hover{ color:#fff; background: #8c7673;}			/*FESTIVAL OFF*/

#menuDeroulant li:hover > .sousMenu { display: block; }

/* 
--------------------------------------*/

#navigation {
	position: absolute;
	top: 310px;
    width: 30px;
    font-size: 0.75em;
	z-index:100;
}

#navigation ul {
	margin: 0px;
	padding: 0px;
}
ul.top-level { /*background: #666;*/ }

#navigation li { list-style: none; }

ul.top-level li {
	/*border-bottom: #fff solid;
	border-top: #fff solid;
	border-width: 1px;*/
	margin-bottom:5px;
}

#navigation a {
	color: #fff;
	cursor: pointer;
	display:block;
	height:16px;
	line-height: 16px;
	text-indent: 10px;					
	text-decoration:none;
	width:100%;
	background-image: url(images/fleche-cat.png);
	background-repeat: no-repeat;	
}

#navigation a.col01{ background-color: #9b6b67;}			/*INVITÉS D'HONNEUR*/
#navigation a.col02{ background-color: #e6b118;}			/*COMPÉTITION EUROPÉENNE*/
#navigation a.col03{ background-color: #ed6d23;}			/*AVANT-PREMIÈRES*/
#navigation a.col04{ background-color: #a03624;}			/*CINÉMAS DU MONDE*/
#navigation a.col05{ background-color: #af6734;}			/*DÉCOUVERTES EUROPÉENNES*/
#navigation a.col06{ background-color: #005580;}			/*TRÉSORS DU CINÉMA*/
#navigation a.col07{ background-color: #64587d;}			/*CINE-CONCERTS*/
#navigation a.col08{ background-color: #b49158;}			/*HOMMAGES ET RETROSPECTIVES*/
#navigation a.col09{ background-color: #64875a;}			/*FESTIVAL DES ENFANTS*/
#navigation a.col10{ background-color: #d45ea1;}			/*EXPOSITIONS*/
#navigation a.col11{ background-color: #8c7673;}			/*FESTIVAL OFF*/

#navigation a:hover{ /*text-decoration:underline;*/}
#navigation li:hover {
	background-color: #888ea1;/*#eb8015;/*#f90;*/
	position: relative;	
}

ul.sub-level { display: none; }
li:hover .sub-level {	
	background-color: #fff;
	border: #000 solid 1px;
	display: block;
	position: absolute;
	left: 30px;
	top: 0px;	
	height: 16px;
}
#navigation ul.sub-level li a{
	background: none;
	color: #000;
	height:auto;
	line-height: 16px;
	text-indent: 10px;
	text-decoration:none;	
}
#navigation ul.sub-level li a:hover{
	color: #fff;
}
ul.sub-level li {
	border: none;
	float:left;
	width:150px;
	text-align:center;
}
#navigation .sub-level { background: white; }
#navigation .sub-level .sub-level { background: #eb8015;/*#09C;*/ }

/*IE RESET HELPER*/
li:hover .sub-level .sub-level { display:none; }
.sub-level li:hover .sub-level { display:block; }

/*********************** ANCIENNES CLASSES *********************************************************/
.Arial-22-B { color: #cccccc; font-size: 22px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-36-B  { color: #cccccc; font-size: 32px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-20-B { color: #cccccc; font-size: 20px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-18-B { color: #cccccc; font-size: 18px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-16-B { color: #cccccc; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-14-B   { color: #cccccc; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-12-B { color: #cccccc; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-11-B { color: #cccccc; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-10-B { color: #cccccc; font-size: 10px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-9-B  { color: #cccccc; font-size: 9px; font-family: Arial, Tahoma, Verdana; font-weight: bold }

.Arial-22  { color: #cccccc; font-size: 22px; font-family: Arial, Tahoma, Verdana }
.Arial-32 { text-align: left; color: #cccccc; font-size: 32px; font-family: Arial, Tahoma, Verdana }
.Arial-20  { color: #cccccc; font-size: 20px; font-family: Arial, Tahoma, Verdana }
.Arial-18  { color: #cccccc; font-size: 18px; font-family: Arial, Tahoma, Verdana }
.Arial-16  { color: #cccccc; font-size: 16px; font-family: Arial, Tahoma, Verdana }
.Arial-14  { color: #cccccc; font-size: 14px; font-family: Arial, Tahoma, Verdana }
.Arial-12  { color: #cccccc; font-size: 12px; font-family: Arial, Tahoma, Verdana; line-height: 20px; text-align: justify; }/*width:100%;*/
.Arial-12H  { color: #cccccc; font-size: 12px; font-family: Arial, Tahoma, Verdana; line-height: 20px; text-align: left; }
.Arial-11  { color: #cccccc; font-size: 11px; font-family: Arial, Tahoma, Verdana }
.Arial-10  { color: #cccccc; font-size: 10px; font-family: Arial, Tahoma, Verdana }
.Arial-9   { color: #cccccc; font-size: 9px; font-family: Arial, Tahoma, Verdana }

.Arial-Rouge-22-B  { color: #bf000f; font-size: 22px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-Rouge-20-B  { color: #bf000f; font-size: 20px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-Rouge-18-B  { color: #bf000f; font-size: 18px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-Rouge-16-B  { color: #bf000f; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-Rouge-14-B   { color: #bf000f; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-Rouge-12-B  { color: #bf000f; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-Rouge-11-B  { color: #bf000f; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-Rouge-10-B  { color: #bf000f; font-size: 10px; font-family: Arial, Tahoma, Verdana; font-weight: bold }
.Arial-Rouge-9-B   { color: #bf000f; font-size: 9px; font-family: Arial, Tahoma, Verdana; font-weight: bold }

.Arial-Rouge-22   { color: #bf000f; font-size: 22px; font-family: Arial, Tahoma, Verdana }
.Arial-Rouge-20   { color: #bf000f; font-size: 20px; font-family: Arial, Tahoma, Verdana }
.Arial-Rouge-18   { color: #bf000f; font-size: 18px; font-family: Arial, Tahoma, Verdana }
.Arial-Rouge-16   { color: #bf000f; font-size: 16px; font-family: Arial, Tahoma, Verdana }
.Arial-Rouge-14   { color: #bf000f; font-size: 14px; font-family: Arial, Tahoma, Verdana }
.Arial-Rouge-12   { color: #bf000f; font-size: 12px; font-family: Arial, Tahoma, Verdana }
.Arial-Rouge-11   { color: #bf000f; font-size: 11px; font-family: Arial, Tahoma, Verdana }
.Arial-Rouge-10   { color: #bf000f; font-size: 10px; font-family: Arial, Tahoma, Verdana }
.Arial-Rouge-9    { color: #bf000f; font-size: 9px; font-family: Arial, Tahoma, Verdana }