body {margin:0px;padding:0px;background:#eee;}

#conteneurCrea * { margin:0; padding:0; }
.carousselPerso img, .listePerso img, #conteneurCrea img, #conteneurCrea form { padding:0px; margin:0px; border:0px; display:block;}
.carousselPerso ul, .listePerso ul, #conteneurCrea ul, #conteneurCrea ol {list-style:none;}

#conteneurCrea {
    position:relative;
    width:578px;height:744px;
    background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/background.jpg) no-repeat;color:#000;
    font-family:Arial, sans-serif;font-size:13px;
}
#conteneurCrea h3 {
    position:relative;left:-100000px;
    height:262px;
    margin:0;padding:0;
}
#conteneurCrea p.chapo {
    position:relative;left:-100000px;
    height:98px;
}
#conteneurCrea ul.menu {
    height:30px;
    padding-left:103px;
}
#conteneurCrea ul.menu li {float:left;}
#conteneurCrea ul.menu li a {
    display:block;
    height:30px;
    text-indent:-100000px;
}
#conteneurCrea ul.menu .accueil a {width:67px;}
#conteneurCrea ul.menu .episodes a {width:75px;}
#conteneurCrea ul.menu .personnages a {width:98px;}
#conteneurCrea ul.menu .webisodes a {width:87px;}
#conteneurCrea .content {
    position:relative;
    height:339px;width:481px;
    margin-left:36px;padding-top:15px;
    background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/contentBackground.jpg) repeat-x;
}
#conteneurCrea .content p {
    text-align:center;
    margin-bottom:5px;
}
#conteneurCrea .content p strong {
    color:#22A0DB;
    font-weight:bold;
}
#conteneurCrea .content .scroll {
    position:relative;
    overflow:auto;
    height:284px;
    padding-left:10px;margin-right:4px;
    
}
#conteneurCrea .content .scroll img {
    float:left;
    margin-right:12px;
    border:1px solid #A5A5A5;
}
#conteneurCrea .content .scroll .text {
    float:left;
    width:320px;
    margin-bottom:10px;
}
#conteneurCrea .content .scroll h4 {
    margin-bottom:4px;
    color:#21A0DB;
    font-family:"Times New Roman", serif;font-size:14px;font-weight:bold;
}
#conteneurCrea .content .scroll .text p {
    font-family:Verdana, Arial, sans-serif;font-size:11px;
    text-align:left;
}
#conteneurCrea .content .webisodesLink {
    display:block;
    margin:20px 116px 20px 109px;
}
#conteneurCrea.personnagesCrea .content {
    height:354px;
    padding-top:0;
}
#conteneurCrea.personnagesCrea .content p {
    text-align:left;
}
#conteneurCrea.personnagesCrea .content .backgroundImage {height:354px;}

#conteneurCrea.personnagesCrea .dieu .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/dieu.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .saintPierre .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/saintPierre.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .gabriel .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/gabriel.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .michelAnge .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/michelAnge.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .marieMadeleine .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/marieMadeleine.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .jesus .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/jesus.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .eve .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/eve.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .adam .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/adam.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .sainteGenevieve .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/sainteGennevieve.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .judas .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/judas.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .freud .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/freud.jpg) no-repeat;}
#conteneurCrea.personnagesCrea .saintVincent .backgroundImage {background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/personnages/saintVincent.jpg) no-repeat;}

#conteneurCrea.personnagesCrea .content h4 {
    padding:30px 0 0 212px;margin:0;
    color:#58BAF3;
    font-family:"Times New Roman", serif;font-size:20px;
    text-transform:uppercase;
}
#conteneurCrea.personnagesCrea .content h5 {
    padding:0 0 0 212px;margin:0;
    color:#515355;
    font-family:"Times New Roman", serif;font-size:16px;
    text-transform:uppercase;
}
#conteneurCrea.personnagesCrea .content p {
    padding:10px 20px 0 212px;margin:0;
    color:#000;
    font-size:12px;
}

.listePerso {
    position:relative;
    width:300px;height:400px;

}
.listePerso ul, .listePerso h2 {margin:0;padding:0;}
.listePerso ul {
    height:351px;
    padding:0 0 0 23px;
    background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/backgroundListePerso.jpg) no-repeat;
}
.listePerso ul li {
    float:left;
    margin:8px 10px 0 0;
}
.listePerso ul li a {display:block;}

.carousselPerso {
    position:relative;
    width:302px;height:400px;
    margin:0 auto;
}
.carousselPerso .container {
    position:relative;overflow:hidden;
    width:300px;height:400px;
}
.carousselPerso .nav {
    position:absolute;top:345px;left:13px;
}

html .carousselPerso .nav div {
    width:275px;height:44px;
    background:url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/backgroundNav.png) no-repeat;
    position:static;
    float:left;
}
/* PNG background pour ie 6 */
* html .carousselPerso .nav div {

    background:none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/backgroundNav.png", sizingMethod="image");
}


.carousselPerso .nav a {
    position:absolute;top:17px;left:248px;
}
.carousselPerso .nav a.prems {left:0;}

.carousselPerso .nav h3 {
    margin:13px 0 0;padding:0;
    text-align:center;
    color:#323030;
    font-family:"Times New Roman", serif;font-size:25px;
}

.carousselPerso ul {
    margin:0;
    width:3624px;
    padding:0;margin:0;
}
.carousselPerso ul * {display:block;padding:0;margin:0;}
.carousselPerso li {
    float:left;
    padding:0;margin:0;
}


.creation #colonne .listePerso h2 {
padding:0;
}
#conteneur .content p a {
    color:#000;
    text-decoration:none;
}
#conteneur .content p a:hover {text-decoration:underline;}

/* Easyclearing */
#conteneurCrea .content .scroll li:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}


/* ////////// PARAM //////// */
.content .jScrollPaneTrack { background: url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/scroll/asc_fond.gif) repeat-y; }
.content .jScrollPaneDrag { background: url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/scroll/asc_barre.gif) repeat-y; }
.content a.jScrollArrowUp { height: 12px; background: url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/scroll/asc_haut.gif) no-repeat; }
.content a.jScrollArrowDown { height: 12px; background: url(http://media.mth.net/comedie_prod/images/creations/nous_ne_sommes_pas_des_anges/scroll/asc_bas.gif) no-repeat; }
/* ////////// FIN PARAM //////// */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



#form_liste_videos_creations {
	margin:10px 0px 0px 21px;
	position:relative;
}
#form_liste_videos_creations fieldset {border:0px;}
#form_liste_videos_creations select {width:242px;}

#contenu_lecture_en_cours{background-color:#5A2F65;}