/* ///////// TEMPLATE /////////// */
#conteneur.planeteBac .boite .gauche {
    width: 6px;
    margin-left: 1px;
    background: url(http://media.mth.net/planete_prod/images/2048/gauche.jpg) repeat-y;
}
#conteneur.planeteBac .boite .droite {background: url(http://media.mth.net/planete_prod/images/2048/droite.jpg) repeat-y;}
#conteneur.planeteBac .boite .haut {
    display: block;
    width: 910px;height: 5px;
    background: url(http://media.mth.net/planete_prod/images/2048/haut.jpg) -1px 0px;
    overflow: hidden;
    line-height: 5px;
}
#conteneur.planeteBac .boite .bas {
    width: 912px;height: 8px;
    margin-left: 2px;
    background: url(http://media.mth.net/planete_prod/images/2048/bas.jpg) -1px 0px no-repeat;
}
#conteneur.planeteBac .boite .contenuBoite {
    position: relative;
    width: 897px;
    background:#FFF;    
}
#conteneur.planeteBac #container{
    position: relative;
    margin: 5px 0 10px 7px;    
}
.planeteBac #main {
    position:absolute;top:-1px;left:-2px;
    width:901px;
}
.planeteBac img {display:block;}

/* //////// HEIGHT */
/* Attention pour un fond de couleur, différencier la taille du main des autres tailles et y ajouter 8px */
.planeteBac #main,
#conteneur.planeteBac .boite .gauche,
#conteneur.planeteBac .boite .droite,
#conteneur.planeteBac .boite .contenuBoite {height: 731px;}
/* /////////////////  BACKGROUND */
.planeteBac #main {background: url(http://media.mth.net/planete_prod/images/planete_bac/background.jpg) no-repeat;}
/* ///////// FINT TEMPLATE /////////// */

/* //////////////////////// planete bac TOP */
.planeteBac #main {
    color:#666;
    font-family:Arial, sans-serif;font-size:12px;
}
.planeteBac h1 {padding-left:641px;}
.planeteBac .navigation {
    position:relative;
    float:left;
    width:887px;
    margin:0 0 56px 0;padding:7px 0 7px 14px;
    background:#39393B;
}
.planeteBac .navigation li {
    float:left;
    margin:0;padding:0 14px;
    background:url(http://media.mth.net/planete_prod/images/planete_bac/spacerNav.gif) no-repeat center left;
}
.planeteBac .navigation li.first {background:none;}
.planeteBac .navigation li a {
    color:#FFF;
    font-weight:bold;
    text-decoration:none;text-transform:uppercase;
}
.planeteBac .navigation li.select a,
.planeteBac .navigation li a:hover {color:#9966CC;}

.planeteBac .navigation li.select ul a {color:#666;}

.planeteBac .navigation li ul {display:none;}
.planeteBac .navigation li.select ul {display:block;}

.planeteBac .navigation ul {
    position:absolute;top:29px;left:0;
    width:886px;
    margin:0;padding:7px 0 7px 14px;
    background:url(http://media.mth.net/planete_prod/images/planete_bac/backgroundSubNavigation.jpg) no-repeat;
}
.planeteBac .navigation ul li {
    background:url(http://media.mth.net/planete_prod/images/planete_bac/spacerSub.gif) no-repeat center left;
}
.planeteBac .navigation li ul li a {color:#666;}
.planeteBac .navigation li ul li.select a,
.planeteBac .navigation li ul li a:hover {color:#663399;}
.planeteBac .navigation li ul li.select a {
    padding-left:10px;
    background:url(http://media.mth.net/planete_prod/images/planete_bac/check1.gif) no-repeat 0px 3px;
}

/* /////////////////////// Index */
.planeteBac .content {
    float:left;
    width:537px;
    padding-left:30px;
}
.planeteBac h2 {margin-bottom:11px;}
.planeteBac .withVisu {
    margin-bottom:26px;padding-left:309px;
    background:url(http://media.mth.net/planete_prod/images/planete_bac/visu1.jpg) no-repeat;
}
.planeteBac .withVisu p {
    font-weight:bold;font-style:italic;font-size:11px;
    margin:0 31px 4px 0;
}
.planeteBac p.note {
    margin:0;padding-left:9px;
    background:url(http://media.mth.net/planete_prod/images/planete_bac/check2.gif) no-repeat 0px 4px;
}

.planeteBac p strong {
    display:block;
    margin:0 90px 0 0;
    color:#663399;
    font-size:18px;font-weight:bold;
}
.planeteBac #planeteBacAuteurs p strong {
    color:#FF6633;
    font-size:14px;
}
.planeteBac ul {
    margin:16px 0;
    color:#000;
}
.planeteBac ul li {margin-bottom:4px;}
.planeteBac ul#rubriques li{margin-bottom:0px;}

.planeteBac .contextual {
    float:left;
    width:281px;
    margin-left:32px;
}
.planeteBac .contextual a.teaser {
    position:relative;
    display:block;
    width:281px;height:240px;
    background:url(http://media.mth.net/planete_prod/images/planete_bac/player.jpg) no-repeat 0px 31px;color:#663399;
    font-weight:bold;font-size:14px;
}
.planeteBac #planeteBac-sujet-60 .contextual a.teaser,
.planeteBac #planeteBac-sujet-70 .contextual a.teaser,
.planeteBac #planeteBac-sujet-80 .contextual a.teaser,
.planeteBac #planeteBac-sujet-90 .contextual a.teaser {cursor:default;}
.planeteBac .contextual a.teaser span {
    display:block;
    padding-left:11px;
    background:url(http://media.mth.net/planete_prod/images/planete_bac/check3.gif) no-repeat 0px 3px;
}

/* /////////////////////// Note */
.planeteBac #main h3 {
    padding-bottom:5px;
    color:#663399;
    font-weight:bold;font-size:18px;
    border-bottom:1px solid #BFBFBF;
    text-transform:uppercase;
}
.planeteBac .secondBlock h3 {
    margin-top:12px;
}
.planeteBac .scrollGeneralContainer {
    position:relative;
    padding:4px 0;
    border-bottom:1px solid #BFBFBF;
}
.planeteBac .scrollContainer {
    height:200px;
    padding-right:10px;
    overflow:auto;
}
.planeteBac #planeteBac-note .scrollContainer,
.planeteBac #planeteBac-auteurs .scrollContainer {height:290px;}
.planeteBac .secondBlock .scrollContainer {height:150px;}
.planeteBac #planeteBacAuteurs .scrollContainer {height:290px;}
.planeteBac .scrollContainer p {
    margin-bottom:7px;
    text-align:justify;
}

.planeteBac .content dl dt {
    color:#663399;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:2px;
}
.planeteBac .content dl dd strong {
    margin-bottom:4px;
    color:#666;
    font-size:12px;
}
.planeteBac .content dl dd p {
    font-size:10px;
    text-transform:uppercase;
}
.planeteBac .content dl dd {margin-bottom:10px;}

.planeteBac .mainContainer #planeteBac-note,
.planeteBac .mainContainer #planeteBac-sujet-40,
.planeteBac .mainContainer #planeteBac-sujet-50,
.planeteBac .mainContainer #planeteBac-sujet-60,
.planeteBac .mainContainer #planeteBac-sujet-70,
.planeteBac .mainContainer #planeteBac-sujet-80,
.planeteBac .mainContainer #planeteBac-sujet-90,
.planeteBac .mainContainer #planeteBac-auteurs {position:absolute;left:-1000000px;}

.planeteBac .mainContainer #planeteBac-note.select,
.planeteBac .mainContainer #planeteBac-sujet-40.select,
.planeteBac .mainContainer #planeteBac-sujet-50.select,
.planeteBac .mainContainer #planeteBac-sujet-60.select,
.planeteBac .mainContainer #planeteBac-sujet-70.select,
.planeteBac .mainContainer #planeteBac-sujet-80.select,
.planeteBac .mainContainer #planeteBac-sujet-90.select,
.planeteBac .mainContainer #planeteBac-auteurs.select {position:relative;left:0;}

.planeteBac #main div * {position:relative;}
.planeteBac #main div .jScrollPaneTrack {
    position:absolute;right:0;
}

/* Planete Bac Home Sujet */
.planeteBac #accueil.accueilHomeSujet {width:844px;}
.planeteBac #accueil.accueilHomeSujet h2 {
    margin:0 0 35px 0;padding:0;
}
.planeteBac #accueil.accueilHomeSujet dl {
    float:left;
    width:100%;
}
.planeteBac #accueil.accueilHomeSujet dl.first {
    margin-bottom:14px;padding-bottom:16px;border-bottom:1px solid #BFBFBF;
}
.planeteBac #accueil.accueilHomeSujet dl dt {
    width:211px;
    padding-top:27px;
    text-align:center;
}
.planeteBac #accueil.accueilHomeSujet dl dt img {
    margin:0 auto;
}
.planeteBac #accueil.accueilHomeSujet dl dd {width:211px;}
.planeteBac #accueil.accueilHomeSujet dl dt,
.planeteBac #accueil.accueilHomeSujet dl dd {
    float:left;
    margin:0 0 12px;
}
.planeteBac #accueil.accueilHomeSujet dl.first dt,
.planeteBac #accueil.accueilHomeSujet dl.first dd {margin:12px 0 0;}
.planeteBac #accueil.accueilHomeSujet dl.first dt img,
.planeteBac #accueil.accueilHomeSujet dl.first dd img {position:static;}
.planeteBac #accueil.accueilHomeSujet dl dd li {float:left;}
.planeteBac #accueil.accueilHomeSujet .infosSupplementaires {position:absolute;top:-10000px;left:-100000px;}
/* Infobulle */
.planeteBac .infobulle .contenu p {padding:10px 0 15px;}

/* ///////// Custom scrollbar */
.planeteBac .jScrollPaneTrack {right:0;}

/* Easy clearing */
.planeteBac #accueil.accueilHomeSujet dl dd ul:after,
.planeteBac #accueil.accueilHomeSujet dl:after,
.planeteBac .navigation:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}