/* ------------- Commun  ------------------ */
#contenu_general {height:737px;}

/* ------------- INDEX ------------------ */
#header img {
	width:578px;
	height:415px;
}
.creation #conteneur.violet #corps {z-index:1;}
#pied {z-index:2;}

.index p {
	background: :red;
}
/* ------------- IDs Menu ------------------ */

#accueil
{
position: absolute;
height: 41px;
width: 98px;
}

.episodes #accueil
{
position: absolute;
height: 41px;
width: 98px;
}

#accueil a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 0px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.episodes #accueil a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.personnages #accueil a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.photos #accueil a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.bonus #accueil a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.episodes #accueil a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 0px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.personnages #accueil a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 0px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.photos #accueil a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 0px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.bonus #accueil a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/accueil.jpg') 0px 0px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

#episodes
{
position: absolute;
margin-left: 96px;
height: 41px;
width: 115px;
}

#episodes a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg');
text-indent: -1000000px;
height: 41px;
width: 115px;
}

.bonus #episodes a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg');
text-indent: -1000000px;
height: 41px;
width: 115px;
}

.personnages #episodes a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg');
text-indent: -1000000px;
height: 41px;
width: 115px;
}

.photos #episodes a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg');
text-indent: -1000000px;
height: 41px;
width: 115px;
}

.index  #episodes a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
}

.personnages  #episodes a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
}

.bonus #episodes a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
}

.photos #episodes a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
}

.personages #episodes a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
}

.episodes #episodes a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
width: 115px;
}

.episodes  #episodes a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/episodes.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
}

#personnages
{
position: absolute;
height: 41px;
width: 166px;
left: 211px;
zoom:1;
}

#personnages a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/personnages.jpg') 0px 41px;
text-indent: -1000000px;
height: 41px;
width: 166px;
zoom:1;
}

.personnages #personnages a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/personnages.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
width: 166px;
}

.index  #personnages a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/personnages.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

.episodes  #personnages a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/personnages.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

.photos  #personnages a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/personnages.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

.bonus  #personnages a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/personnages.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

.personnages  #personnages a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/personnages.jpg')0px -1px;
text-indent: -1000000px;
height: 41px;
}

#photos
{
position: absolute;
margin-left: 377px;
height: 41px;
width: 166px;
}

#photos a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/photos.jpg') 1px 41px;
text-indent: -1000000px;
height: 41px;
width: 166px;
}

.photos #photos a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/photos.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
width: 166px;
}

.index  #photos a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/photos.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

.photos  #photos a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/photos.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

.bonus  #photos a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/photos.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

.episodes  #photos a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/photos.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

.personnages #photos a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/photos.jpg') 0px -1px;
text-indent: -1000000px;
height: 41px;
}

#bonus
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/bonus.jpg');
margin-left: 475px;
height: 41px;
width: 98px;
}

#bonus a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/bonus.jpg') 0px 0px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.bonus #bonus a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/bonus.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
width: 98px;
}

.index #bonus a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/bonus.jpg') -1px 40px;
text-indent: -1000000px;
height: 41px;
}

.bonus #bonus a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/bonus.jpg') 0px 40px;
text-indent: -1000000px;
height: 41px;
}

.episodes #bonus a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/bonus.jpg') -1px 40px;
text-indent: -1000000px;
height: 41px;
}

.personnages #bonus a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/bonus.jpg') -1px 40px;
text-indent: -1000000px;
height: 41px;
}

.photos #bonus a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/bonus.jpg') -1px 40px;
text-indent: -1000000px;
height: 41px;
}

#img_texte_accueil
{
float: left;
}

#texte_accueil
{
position: relative;
margin-left: 523px;
}

#titres_episodes
{
height: 227px;
overflow: auto;
top: 456px;
width: 524px;
position: absolute;
padding-left: 30px;
padding-top: 10px;
}

#titres_bonus
{
height: 227px;
overflow: auto;
top: 456px;
width: 524px;
position: absolute;
padding-left: 30px;
padding-top: 35px;
}

.episo #titres_episodes
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/fond_episode.jpg') no-repeat 1px 0px;
height: 245px;
overflow: auto;
top: 456px;
width: 524px;
position: absolute;
padding-left: 30px;
padding-top: 35px;
}

.bonus #titres_bonus
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/fond_bonus.jpg') no-repeat 1px 0px;
height: 245px;
overflow: auto;
top: 0px;
width: 524px;
position: absolute;
padding-left: 30px;
padding-top: 35px;
}


#englob
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/fond_episode.jpg') no-repeat 0px 0px;
height: 299px;
width: 550px;
margin-top: 36px;
padding-left:15px;
position:relative;
left:1px;
padding-top:10px;
}

.epi
{
position:relative;
}

.bonus .epi {
	/*height: 100px;*/
	height: 220px;
}

.bonus .epi1
{
/*height: 100px;
margin-top: 140px;*/
}

.txt_epi
{
padding-top: 7px;
font-size: 12px;
font-family: Verdana;
padding-left: 12px;
width: 400px;
}

.episo .txt_epi
{
margin-top: 14px;
font-size: 12px;
height: 139px;
font-family: Verdana;
padding-left: 110px;
width: 354px;
}

.bonus .txt_epi
{
padding-top: 39px;
font-size: 12px;
height: 177px;
font-family: Arial;
padding-left: 151px;
width: 345px;
}

.bonus .txt_epi1
{
font-size: 12px;
font-family: Arial;
width: 493px;
}

.epi h3
{
padding-left: 12px;
font-size: 15px;
padding-bottom: 19px;
font-family: Arial;
}

#titres_episodes .epi h3{
padding-bottom: 10px;
}

.episo .epi h3
{
padding-left: 16px;
font-size: 15px;
padding-bottom: 19px;
font-family: Arial;
}

.episo .epi img
{
padding-left: 16px;
padding-top: 22px;
position: absolute;
float: left;
display: block;
}

.bonus .epi h3
{
left: 151px;
font-size: 15px;
font-family: Arial;
position: absolute;
width: 350px;
padding-left:0px;
}

.bonus .epi1 h3 {
font-size: 15px;
font-family: Arial;
width: 491px;
margin-bottom:5px;
margin-top:25px;
}

.bonus .epi img
{
padding-left: 16px;
padding-top: 0px;
position: absolute;
float: left;
display: block;
}

.conteneur_episode
{
margin-left:80px;
position:relative;
width:407px; 
}

.bonus .conteneur_episode {
float: left;
width: 407px;
margin-left:0px;
}

.conteneur_bonus
{
width: 407px; 
}

.epi img
{
position:absolute;
top:0;
left:0;
float: left;
color: white;
text-decoration:none; 
}

#john
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/john.jpg') 0px 0px;
width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#john a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/john.jpg') 0px 0px;
text-indent: -1000000px;
height: 294px;
width: 214px;
}

#john a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/john.jpg') 0px 294px;
text-indent: -1000000px;
height: 294px;
width: 214px;
}

#john img
{
position: absolute;
left: 214px;
}

#burt
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/burt.jpg') 0px 0px;
width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#burt a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/burt.jpg') 0px 0px;
text-indent: -1000000px;
height: 294px;
width: 214px;
}

#burt a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/burt.jpg') 0px 294px;
text-indent: -1000000px;
height: 294px;
width: 214px;
}

#burt img
{
position: absolute;
left: 214px;
}

#lord
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/lord.jpg') 0px 0px;
width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#lord a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/lord.jpg') 0px 0px;
text-indent: -1000000px;
height: 294px;
width: 214px;
}

#lord img
{
position: absolute;
left: 214px;
}

#mary
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/mary.jpg') 0px 0px;
width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#mary a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/mary.jpg') 0px 0px;
text-indent: -1000000px;
height: 294px;
width: 214px;
}

#mary img
{
position: absolute;
left: 214px;
}

#steve
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/steve.jpg') 0px 0px;
width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#steve a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/steve.jpg') 0px 0px;
text-indent: -1000000px;
height: 294px;
width: 214px;
}

#steve a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/steve.jpg') 0px 294px;
text-indent: -1000000px;
height: 294px;
width: 214px;
}

#steve img
{
position: absolute;
margin-left: 214px;
}

#stan
{

width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#stan a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/stan.jpg') 0px 0px;
text-indent: -1000000px;
height: 300px;
width: 240px;
}

#stan a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/stan.jpg') 0px 294px;
text-indent: -1000000px;
height: 300px;
width: 240px;
}

#stan img
{
position: absolute;
left: 222px;
}

#mique img
{
position: absolute;
left: 222px;
}

#mique
{

width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#mique a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/mique.jpg') 0px 0px;
text-indent: -1000000px;
height: 300px;
width: 240px;
}

#mique a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/mique.jpg') 0px 294px;
text-indent: -1000000px;
height: 300px;
width: 240px;
}

#mique img
{
position: absolute;
left: 222px;
}

#maire
{

width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#maire a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/maire.jpg') 0px 0px;
text-indent: -1000000px;
height: 290px;
width: 240px;
}

#maire a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/maire.jpg') 0px 293px;
text-indent: -1000000px;
height: 290px;
width: 240px;
}

#maire img
{
position: absolute;
left: 222px;
}

#doug
{

width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 294px;
position: absolute;
}

#doug a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/doug.jpg') 0px 0px;
text-indent: -1000000px;
height: 300px;
width: 240px;
}

#doug a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/doug.jpg') 0px 294px;
text-indent: -1000000px;
height: 300px;
width: 240px;
}

#doug img
{
position: absolute;
left: 222px;
}

#allen
{

width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 287px;
position: absolute;
}

#allen a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/allen.jpg') 0px 0px;
text-indent: -1000000px;
height: 287px;
width: 240px;
}

#allen a:hover
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/allen.jpg') 0px 287px;
text-indent: -1000000px;
height: 287px;
width: 240px;
}

#allen img
{
position: absolute;
left: 228px;
}

#jennifer
{

width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 287px;
position: absolute;
}

#jennifer a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/jennifer.jpg') 0px 0px;
text-indent: -1000000px;
height: 287px;
width: 240px;
}

#jennifer img
{
position: absolute;
left: 228px;
}

#klaus
{

width: 214px;
margin-left: 1px;
margin-top: 36px;
height: 287px;
position: absolute;
}

#klaus a
{
position: absolute;
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/klaus.jpg') 0px 0px;
text-indent: -1000000px;
height: 287px;
width: 240px;
}

#klaus img
{
position: absolute;
left: 228px;
}

#fond_photo
{
background: url('http://media.mth.net/comedie_prod/images/creations/herocorp/fond_photos.jpg') no-repeat 0px 0px;
height: 265px;
overflow: auto;
top: 456px;
width: 524px;
position: absolute;
padding-left: 50px;
padding-top: 8px;
}

.img_photos
{
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

#fin
{
margin-top: 20px;
}

.epi h3 a {text-decoration:none;}
#conteneur_liste_personnages {
	background:url('http://media.mth.net/comedie_prod/images/creations/herocorp/liste_mini_perso/fond.jpg') no-repeat 0px 0px;
	width:280px;
	height:376px;
	padding-left:20px;
	padding-top:22px;
}
#conteneur_liste_personnages li {float:left;}
#conteneur_liste_personnages li a {display:block;}

#conteneur_conteneur_liste_perso_gauche {height:398px;width:300px;position:relative;}
#conteneur_liste_perso_gauche {height:398px;width:300px;position:relative;overflow:auto;}
#liste_perso_gauche {
	height:398px;
	width:3300px;
}
#liste_perso_gauche li {float:left;}
#liste_perso_gauche li img {height:398px;width:300px;}
#conteneur_conteneur_liste_perso_gauche #fleche_gauche {position:absolute;top:500px;left:12px;display:block;}
#conteneur_conteneur_liste_perso_gauche #fleche_droite {position:absolute;top:500px;left:272px;display:block;}
#conteneur_conteneur_liste_perso_gauche #fleche_droite img, #conteneur_conteneur_liste_perso_gauche #fleche_gauche img {width:18px;height:19px;}

#fond_photo {overflow:hidden;}
.bonus .epi img {padding-left:0px;}


#englob .jScrollPaneDrag{
background:#5E3A6E;
}

#englob .jScrollPaneTrack{
background:#4A2358;
}

.creation #creation_comedie{
margin-bottom:43px;
}
a {
outline: none;
}
a:hover {
outline: none;
}