body, html {
	background:url(../design/bg-entremondes.jpg) no-repeat top;
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
scrollbar-face-color: #000 ;
scrollbar-track-color: #666 ;
scrollbar-arrow-color: #FFF ;
scrollbar-shadow-color: #666 ;
scrollbar-highlight-color: #999 ;
scrollbar-3dlight-color: #666 ;
scrollbar-darkshadow-color: #000;
}

body,td,th {
	color: #FFFFFF;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;

}
.Style1 {
	font-size: 12px;
	text-align:center;
}
.paragraphe {
	font-size: 12px;
	text-align: justify;
}
.Style2 {
	font-size: 14px;
	color:#CCC;
	margin-left: 20px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:20px;
}
.Style3 {
	font-size: 14px;
	font-weight: bold;
	color:#81CFED;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
.Styletitre {
	font-size: 16px;
	font-weight: bold;
	color:#81CFED;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}
a:link {color: #55BFAA;text-decoration: none;}
a:visited {color: #55BFAA;text-decoration: none; }
a:hover {color: #FFF;text-decoration: underline;}
a:active {color: #55BFAA;text-decoration: none;}
.no-underline a:hover {text-decoration:none}

#content{ width:994px; padding-bottom:20px; float:left;}

/*INDEX*/
#main-menu { width:994px; margin:0 auto; position:relative;}
#nav {
	list-style: none ;
	margin: 0 ;
	padding: 0 ;
	overflow: hidden ;		/* Création du contexte de formatage */
	}
#nav li {
	float: left ;
	}
#nav li a {
	display: block ;
	color:#999; 
	font-size:16px; 
	font-weight:bold;
	line-height: 1em ;
	padding: 4px 15px ;
	text-align: center ;
	text-decoration: none ;
	}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	background: #111;
	text-decoration: none;
	color:#FFF;
	}
.nav2 { position: absolute; margin-left:-80px; display:none; padding:4px 2px 10px 2px; backgro/und: #333 }
#nav li ul li { padding:0;  margin:0; list-style:none; display:block; background: #333}
#nav li ul li a, #nav li ul li div { 
	font-size:12px;
	text-align:center;
	padding: 3px 8px 3px 8px;
	line-height:10px;
	height:10px;
	margin:0;
	}
#nav li ul li a {color: #CCC;}
	#nav li ul li a:hover { background: #CCC; color: #000; cursor:pointer;}
#nav li ul li div { color: #111;}
	#nav li ul li div:hover { background: #999; color: #666; cursor:pointer;}
	
#nav li:hover ul.nav2 { display:block;}



/*ACCUEIL*/
#accueilgauche{width:679px; float:left; padding-right:15px}
#accueildroit{width:300px; float:left}

#accueilintro{float:left; width:679px; background:#222; font-size:13px; text-align:justify;}
#accueilnews {float:left; width:679px; background:#222; margin:15px 0 0 0; }
#accueil-carrousel {float:left; width:679px; background:#222; margin:5px 0 0 0; }
#accueilnewsletter {float:right; width: 300px; text-align:center; background:#222; margin-bottom:15px}
#accueilvideo {float:right; width: 300px; text-align:center; background:#222; margin-bottom:15px}
#accueilrdv {float:right; width: 300px; background:#222; margin-bottom:15px}
.accueiltitre {color: #CCC; background:#111; font-size:16px; font-weight:bold; height:25px; line-height:25px; text-align:left; margin:0 auto 5px auto; padding-left:10px; border-bottom:solid #999 1px}
.padding10 {padding:10px}


/*COMMON PAGE*/
.titrepage{color: #ccc; font-size:20px; line-height:10px; font-weight:bold; text-align:left; margin:0px auto 5px auto; padding:15px 0 10px 10px; background:#111; border-bottom:solid #CCC 1px}
.fondpage {background: #222;}
.marging10{margin:10px;}
.floatleft {float:left}



/*LA SERIE*/

#tableau_episode {width:800px; height:155px; margin: 15px auto 10px auto; background:url(../design/bg-tableauepisodes.png) no-repeat -1px -2px; color: #fff;}


.epititre {font-size: 14px; height:25px; line-height:22px; color:#000; font-weight: bold; text-align: left; font-family: Arial, Helvetica, sans-serif; padding-left:20px;}
.epiinfo {padding:10px 3px 0px 3px; width:244px; float:right; text-align:left}
	.statut-libre { background:url(../design/statuts.png) no-repeat 0 -75px;}
	.statut-preparation { background:url(../design/statuts.png) no-repeat 0 -50px;}
	.statut-postprod { background:url(../design/statuts.png) no-repeat 0 -25px;}
	.statut-dispo { background:url(../design/statuts.png) no-repeat 0 0px;}
.epiinfo titre { text-decoration:underline; font-weight:bold;}
.epiimage {width:190px; height:110px; float:left; padding:5px;}
	.epiimage-hover { width:188px; height:109px; border:none; background:url(../design/ficheepisodehover.png) no-repeat 0 0;}
	.epiimage-hover:hover { border:none; background:url(../design/ficheepisodehover.png) no-repeat 0 -109px}
.resume { float:left; width:335px; height:110px; padding:10px 10px 0px 5px; text-align:justify;}
.acces-page { float:left; z-index:100; width:90px; margin-left:420px; margin-top:95px; position: absolute; padding:1px 5px; background:url(../design/detail-episode.png) no-repeat}
.acces-page a { color: #CCC; text-decoration:none;}
.acces-page a:hover { color:#FFF}
.resumetitre { font-weight:bold; border-bottom:solid  #fff 1px; margin-bottom:10px;}

/*SERIE EPISODES*/

.episode-titre { background: #888; font-weight:bold; color:#FFF; text-align:left; padding-left:10px; height:18px; font-size:14px; border-left:1px solid #FFF; border-right:1px solid #FFF; border-top:1px solid #FFF;}
.episode-content { padding:5px; border-right:1px #FFF solid ; border-bottom:1px #FFF solid ; border-left:1px #FFF solid ; min-height:40px; background:#000}
#episode-video{ float:left; width:480px; padding:10px;}
	#video-video { float:left; width:430px;}
		#video-video a { color: #000; text-decoration:none}
		#video-video a:hover { color:#333}
	.video-plus-plus{ background: #CCC; color:#000; font-size:11px; font-weight:bold; float:right; padding:1px 10px; margin-left:2px;}
	.video-plus{ background: #888; color:#000; font-size:9px; font-weight:bold; float:right; padding:1px 10px; margin-left:2px;}
	#video-streaming{ float: left; width:50px;}
		#video-streaming a ,#video-streaming a:hover, #video-streaming img { border:0px;}
	#video-resume{ float:left; width:100%; margin-top:10px; text-align:justify; color:#999;}
	.note{ font-size:9px; color: #999; margin:15px 0 0 0 ; padding:2px 0 0px 18px; background:url(../design/info-icon.png) left top no-repeat;}
#episode-cast{ float:left; width:425px; height:605px; overflow: auto; margin:10px; border:#FFF 1px solid; background:#000; color: #999;}
	.cast-titre{ float:left; width:95%; background:#000; font-size:14px; height:20px; line-height:20px; padding-top:5px; text-align:center; font-weight:bold; color:#FFF;}
	.coll-left{ float:left; text-align:right; width:47%; margin-right:1%;}
	.coll-right{ float:left; text-align:left; width:46%; margin-left:1%;}
	.cast-merci { float:left; text-align:center; width:95%}
	#cast-cast{}
#episode-galerie{ float:left; width:930px; padding:10px;}

#episode-trombi {width:100%; float:left; margin:10px 0 0 0; display:block; position:relative;}
.episode-trombi { float:left; margin:0; padding:0 2px; border:0;}
.episode-trombi ul li img { border:0; width:72px; margin:0; height:100px}
.episode-trombi ul { list-style:none; padding:0; margin:0}
.episode-trombi li { list-style:none; padding:0 2px; margin:0; float:left;}
.episode-trombi ul ul { list-style:none; background:#000; margin:0px; padding:0 0 10px 0; width:70px; font-size:10px; border:#CCC 1px solid;  border-top:none;}
.episode-trombi li li { list-style:none; padding:0; margin:0; border-bottom:#333 1px dotted; background:#000; float:none;}
.episode-trombi li li a { display:block;}
.episode-trombi li li a:hover { background: #999; color:#000; text-decoration:none;}
.trombi-niv2  { position:absolute; padding:0px; margin:0; display:none;}
#episode-trombi li:hover ul.trombi-niv2 { display:block;}



/*LES EQUIPES*/
#tableau_equipes { width:880px; float:left; margin:0 auto; padding:0; color:#CCC; }
.liste-equipes {float:left; display:block; width:880px; margin-bottom:20px; text-align:left; padding:4px 0; background:url(../design/bg-equipes-repeat.png) bottom;}
.equipesvignettes img { height: 140px; width:100px; border: solid 0px #F00; z-index:10}
.equipesvignettes {float:left; width:110px; text-align:center; height:190px}
	.equipesvignettes a { color: #666}
	.equipesvignettes a:hover { color: #FFF; text-decoration:none}
.equipestitre {font-size:16px; font-weight:bold; height:24px; line-height:20px; background: url(../design/bg-equipes-titre.png) no-repeat; text-align:left; padding-left:20px; color:#000; margin-top:15px;}
#hover-equipe{ width:110px; height:130px; margin-top:-140px; z-index:50;}
.undervignette{
	height:30px;
	z-index:100;
	top:-30px;
	margin-top:0px;
	line-height:8px;
	margin-left:5px;
	padding:5px 0;
	margin-right:5px;
	font-size:10px;
	background-color:#000;
	border:solid #CCC 1px;

}

.vignette-infos-hover{

	float: right;
	width:100px;
	line-height:10px;
	margin-top:60px;
	margin-right:5px;
	font-size:10px;
}
.vignette-infos-hover div {margin:1px 0; padding:0px 1px; border:solid #CCC 1px;background:#000; float:left}


/*PAGE MEDIAS*/
#mediaarticles{ width:450px; float:left;}
#article {}
.article { float:left; width:430px;  margin:10px; background:none }
.articletitre{ font-weight:bold; text-align:left; height:17px; padding:3px 0 0 10px; line-height:12px; background: url(../design/bg-medias-titre.png) no-repeat top;}
.article-content{ float:left; width:430px; background: url(../design/bg-medias-repeat.png) no-repeat bottom; padding-bottom:10px}
.articleimg { float:left; width:100px; border:0; margin:5px 0 5px 10px;}
.articlespan { float: left; text-align:justify; width:290px; padding:10px; font-size:11px;}
#articlesuite { z-index:20; float:right; margin-top:-30px; margin-right:5px; padding:0 10px; width:250px; text-align:right}
#articlesuite a {height:22px; line-height:22px; background:#222; margin-top:-10px; margin-right:5px; padding:0 10px; width:150px; }
#articlesuite a:hover {background: #FFF; color:#000; text-decoration:none}

#mediareportages{ width:450px; float:left; }
.reportage{width:430px; margin:10px; text-align:center; float:left;}
.reportagespan {text-align:justify; padding:10px; font-size:10px; line-height:10px;}
.flash-center { text-align:center; margin:5px;}



/*PAGE PARTENAIRES*/
#page-partenaires { width:930px; margin:0 auto; padding-top:20px}

#nouslier {}
.nouslier-versions { float:left; width:930px; height:40px; margin:0 0 8px 0;}
.nouslier-format {float:left; height:35px; width:55px; line-height:35px; padding:0 10px;}
.nouslier-img { width:100px; float:left;}
#nouslier div div img { float:left; margin:2px; border:solid 1px #CCC;}
.nouslier-code {float:left; width:335px; height:35px; font-size:10px; line-height:10px; text-align:center; padding:2px 10px; margin:0 10px}
.nouslier-code div { height:20px; font-size:10px; line-height:10px; text-align:center; padding:2px 10px; color: #999; border:solid 1px #666; background:  #333;}

#partenaires {}
.bouton-lien { width:300px; height:35px; float:left; padding:5px}
.bouton-lien img {width:100px; height:35px; float:left; margin:2px 2px;}
.bouton-lien span { float:left; width:180px; text-align:left;}
.bouton-lien span:hover { background:#111}
#pertenairesliens {}
.blocpartenaires {float:left; width:930px;  margin:50px auto 0 30px ;}
	.blocpartenaires a {border:none; margin:0px; text-decoration:none; font-size:12px; font-weight: normal;}
	.blocpartenaires div img { border:none; margin:0px 0 20px 0; text-decoration:none; font-size:12px; font-weight: normal;}
	.blocpartenaires div span {  float:left; height:25px; padding:12px 5px 0 10px; line-height:10px; }
.partenaires-titre{font-size:16px; font-weight:bold; height:24px; line-height:24px; text-align:left; padding-left:10px; background: url(http://www.entre-mondes.com/2010/design/bg-partenaire-titre.png) no-repeat; color:#000}
.liste-liens { float:left; background: url(../design/bg-partenaires-repeat.png) bottom;}


#accordion2 { margin:0; padding:0}
.accordion2 { margin:0; padding:0}
.accordion2 dt { cursor:pointer; background:url(../design/bg-accordion-960-titre.png) no-repeat; color:#fff; margin-top:10px }
.accordion2 dt:hover {background-color: #333}
.accordion2 .open { background:url(../design/bg-accordion-960-titre.png) no-repeat}
.accordion2 dd { overflow:hidden; background: url(../design/bg-accordion-960-texte.png) top no-repeat ; margin:0;}
.ac/cordion2 span {display:block;}


/*PAGE ARCHIVES*/
#page-archives { width:900px; margin:0 auto; padding-top:20px;}
#page-archives-menu { height:30px; margin:20px 0 0 0}
#page-archives-menu div { float:left;}
#page-archives-menu div div { width:10px; float: right;}

.archives-titre{font-size:16px; width:280px; padding-left:20px; font-weight:bold;  line-height:22px; text-align:left; no-repeat; color:#000;}
	.archives-actif { height:30px; margin-top:0px; background:#0C3; background:url(../design/archives-actif.png) bottom no-repeat;}
	.archives-nonactif { height:22px; margin-top: 8px;  background:url(../design/archives-nonactif.png) bottom no-repeat;}
.archives-titre span {font-size:10px; line-height:-5px; margin-left:10px;}
.liste-archives { background: url(../design/bg-archives-repeat.png) bottom; padding:10px 30px; margin:0; border-right: solid 1px #FFF;border-left: solid 1px #FFF; }
.liste-archives-fin {height:10px; background: url(../design/bg-partenaires-repeat.png) bottom; margin:0}






#tableau_auteurs {
width:800px;
padding:5px 10px 5px 10px;
}
#tableau_compositeurs {
background-image:url(../design/fiche-bords-820.jpg);
width:820px;
}
#tableau_realisateurs {
background-image:url(../design/fiche-bords-820.jpg);
width:820px;
}
#tableau_technique1 {
width:818px;
background-color:#FFFFFF;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
padding-top:0px;
}
#tableau_technique2 {
width:800px;
background-color:#0C4450;
padding-left:1px;
padding-right:1px;
padding-bottom:1px;
padding-top:0px;
}

/** style 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; }
/** fin lightbox **/

/** version 2010**/
#page {width:1024px ; margin: 0 auto; font-size:12px;}
#banniere { width:900px; height: 170px; background:url(../design/banniere.swf) no-repeat; margin: 0 auto}

/**menu slide**/
#menu {width:1024px; height:200px; text-align:center; }
.menu-slide {position:relative; height:30px; width:994px; margin:0 auto;}
#menu-slide {list-style:none; margin:5px auto 0 auto; padding:0; text-align:center}
#menu-slide li {float:left;}
#menu-slide li a{ color:#999; padding:4px 15px; margin:1px; font-size:16px; font-weight:bold;}
#menu-slide li a:hover { color:#FFF; text-decoration:none}

.menu-niveau2 { 
	display:none;
	z-index:130;
	position: absolute;
	top:23px; 
	left:80px;
	width:102px;
	text-align:left;
	border-left:1px #333 solid; 
	border-bottom:1px #333 solid;
	border-right:1px #333 solid;
	background:#000;}
#menu-slide li.sousmenu:hover ul.menu-niveau2 { display:block;}
#menu-slide li.sousmenu ul.menu-niveau2:hover ul.menu-niveau2 { display:block;}
#menu-slide li ul a{ list-style:none; display:block; width:70px; height:14px;margin:0;  padding:0px 15px; text-align:center; color:#FFF; text-decoration:none; font-size:12px; font-weight:normal;  color:#CCC;}
#menu-slide li ul div{ list-style:none; display:block; width:70px; height:14px; padding:0px 15px; text-align:center; color:#FFF; text-decoration:none; font-size:12px; font-weight:normal;  color: #333;}
#menu-slide li ul a:hover{ color:#000; text-decoration:none; background:#999;}

#slide {position:absolute; bottom:0; height:4px; background:#89957a; z-index:10}
#bouton-contact { position:relative; z-index:50; width: 300px ; height:22px; float: right; margin-top:-5px; line-height: 20px; text-align:right; padding-right:40px; font-size: 14px; font-weight:bold; color:#999; background:url(../design/bouton-contact.png) 0 -22px; text-decoration:none;}
#bouton-contact:hover { background:url(../design/bouton-contact.png) 0 0; text-decoration:none;}
#bouton-contact a:hover {text-decoration:none;}

/**menu accordeon
#menu { width:1024px; height:100px;}
#menu-list { height:100px; display:block; list-style-type:none; padding:0; margin:0;}
	#menu-list .closed{ba/ckground-image:url(ha-down.gif);}
	#menu-list .closed,#menu-list .opened{padding-right:10px; background-position:98% 50%; background-repeat:no-repeat;}
	#menu-list .header{backgr/ound-color:#7B7B7B;}
	#menu-list .opened{background-image:url(ha-up.gif);}
	#menu-list a{ font-size:16px;display:block;font-weight:bold;text-decoration:none;}
	#menu-list a.hover{border-top:1px solid #5F5F5F;border-bottom:1px solid #7B7B7B;background-color:#7B7B7B;color:#FFFFFF;}
	#menu-list ul{overflow: hidden;margin:0;padding:0;}
	#menu-list li{margin:0;padding:5px 20px; float:left; list-style-type:none;color:#FFFFFF;}
	#menu-list li a{color:#FFFFFF;}
	#menu-list li.active a,#menu-list li li.active a{background-color:#404040;color:#FFFFFF;}
	#menu-list li.active li a,#menu-list li li a{padding:2px 4px 2px 8px;color:#FFFFFF;}
**/

#contenu { padding:15px; text-align:center; display:block;  }
#footer { width:1024px; height:50px; text-align:center; margin:50px auto 0 auto ; color: #666; display:block; float:left; padding-top:15px; ba/ckground:url(../design/bg-footer.png) no-repeat top; background:#111;}
	#compteurs { float:left; color:#666 }


/*MENTIONS LEGALES*/

#mentions-entremondes { width:350px}
#mentions-hebergeur { width:150px}
#mentions-prestataire { width:350px}
.mentions {margin:20px 0 0 0; text-align:left; float:left; padding:5px}
	.mentions a { border:none; padding:0; margin:0;}
.mentions-titre { font-size:20px; line-height:17px; font-weight:bold; color: #FFF; height:20px; margin:20px 0 5px 0; border-bottom:solid 1px #CCC;}
.mentions-texte { float:left; font-size:14px; margin:0;}
.mentions p{font-family:Arial, Helvetica, sans-serif; font-size:11px; color: #CCC; line-height:12px; margin:1px; padding:0}