body 
{
        margin: 0px 0px 0px 0px;
        background-color: #FFFFFF;
        background-image: url(bg000000.gif);
        background-position: center;
        background-repeat: repeat-y;
        text-align: center;
}

/***********************************
        CONTAINERS
***********************************/

#main {
        width: 732px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        background-color: #FFFFFF;
}

#top-nav {
        width: 732px;
        margin-left: auto;
        margin-right: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #999999;
        text-align: right;
        vertical-align: bottom;
        padding-right: 0px;
        border-width: 0px 0px 0px 0px;
        border-style: solid;
        background-color: #FFFFFF;
}
#header {
        padding: 0px 0px 0px 0px;
        border-color: #999999;
        border-style: solid;
        border-width: 0px 0px 1px 0px;
        background-color: #FFFFFF;
}
#navigation {
        float: left;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        color: #E72C35;
        background-color: #FAFAFA;
        text-decoration: none;
        margin: 0px 0px 0px 0px;
        padding: 5px 5px 15px 5px;
        width: 155px;
        border-color: #CCCCCC;
        border-style: solid;
        border-width: 0px 1px 1px 0px;
        text-align: left;
}

#navigation ul {
     margin: 0;
     padding: 0;
     list-style: none;
     width: 155px;
     /*border-bottom: 1px solid #ccc;*/

     }

#navigation ul li {
        padding-left:5px;
     position: relative;
         font-size: 12px;
                 border-width: 0px 0px 0px 5px;
        border-color: #DEDEDE;
        border-style: solid;
        text-indent:-5px;
        line-height:1.3em;
    }
#navigation ul li:hover {border-color: #E72C35; background-color: #DEDEDE;}
 li ul {
     position: absolute;
     left: 150px;
     top: 0;
     display: none;
         background:#FAFAFA;
         border:dotted 1px #666666;
         z-index:10;
     }

 li:hover ul {
     display: block;

       }



#navigation a {
        color: #666666;
        font-size: 12px;
        text-decoration: none;
        padding: 3px 0px 3px 5px;
        text-align: left;
        font-weight: normal;

}

#navigation a:hover {

        color:#000000;
        font-size: 12px;

}






#content {
        margin-left: 170px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #000000;
        text-decoration: none;
        width: 535px;
        text-align: left;
        padding: 5px 5px 15px 5px;
        background-color: #FFFFFF;
}

#footer {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #808080;
        padding: 0px 0px 10px 0px;
        text-align: center;
        clear: left;
        background-color: #FFFFFF;
}

/***********************************
        LINKS
***********************************/

a:link {
     color: #434149;
     font-size: 12px;
     font-weight: normal;
     text-decoration: none;
}
a:visited {
     text-decoration: none;
     font-size: 12px;
     font-weight: normal;
     color: #434149;
}
a:hover {
     text-decoration: underline;
     font-size: 12px;
     font-weight: normal;
     color: #E72C35;
}
a:active {
     text-decoration: none;
     font-size: 12px;
     font-weight: normal;
     color: #434149;
}

a.small-navigation {
        color: #999999;
        text-decoration: none;
}

a.small-navigation:hover {
        color: #FF9900;
}


/***********************************
        MISCELLANEOUS
***********************************/

hr 
{
        width: 100%;
        height: 0px;
        text-align: center;
        border-color: #CCCCCC;
        border-style: dashed;
        border-width: 0px 0px 1px 0px;
}

h1 {
        color: #E72C35;
        font-size: 13px;
        text-decoration: none;
        font-weight: bold;
        background-color: #FFFFFF;
        display:inline;
}

p 
{
}

titre{
     font-family: verdana, sans-serif;
     font-weight: bold;
     font-size: 13px;
     color: #E72C35;
}
#footer a:link {
     color: #666666;
     font-size: 10px;
     font-weight: normal;
     text-decoration: none;
}
#footer a:visited {
     text-decoration: none;
     font-size: 10px;
     font-weight: normal;
     color: #666666;
}
#footer a:hover {
     text-decoration: none;
     font-size: 10px;
     font-weight: normal;
     color: #E72C35;
}
#footer a:active {
     text-decoration: none;
     font-size: 10px;
     font-weight: normal;
     color: #666666;
}


.navsite{
     color: #000000;
     font-size: 12px;
     font-weight: bold;
     text-decoration: none;
}
.navsite a:link {
     color: #000000;
     font-size: 12px;
     font-weight: bold;
     text-decoration: underline;
}
.navsite a:visited {
     text-decoration: underline;
     font-size: 12px;
     font-weight: bold;
     color: #000000;
}
.navsite a:hover {
     text-decoration: none;
     font-size: 12px;
     font-weight: bold;
     color: #E72C35;
}
.navsite a:active {
     text-decoration: underline;
     font-size: 12px;
     font-weight: bold;
     color: #000000;
}
.imageEpisode{
     border : 1px;
     border-style : solid;
     border-color : #E72C35;
     width : 140px;
     height : 79px;
}

.toutpetit{
     color: #666666;
     font-size: 10px;
     font-weight: normal;
     text-decoration: none;
}
.toutpetit2{
     color: #808080;
     font-size: 10px;
     font-weight: normal;
     text-decoration: none;
}
.date{
     font-weight: bold;
     color:#666666;
}
.imgMini{
     border : 1px;
     border-style : solid;
     border-color : #E72C35;
}
.puce{
     border:0px;
     height:5px;
     width:5px;
}
.tabClassique{
    width:535px;
    border:0px;
}
.tdNews{
    height:120px;
    vertical-align:top;
}
.tdHistoire{
    width:225px;
}
.tdEspace{
    width:10px;
}
.tdMAJ{
   width:300px;
   vertical-align:top;
}
.styleImage{
     border : 1px;
     border-style : solid;
     border-color : #E72C35;
     width:100px;
     height:120px;
}

.lettreencours a:link {
     font-family: verdana, sans-serif;
     font-weight: bold;
     font-size: 13px;
     color: #E72C35;
     text-decoration: none;
}
.lettreencours a:visited {
     font-family: verdana, sans-serif;
     font-weight: bold;
     font-size: 13px;
     color: #E72C35;
     text-decoration: none;
}
.lettreencours a:hover {
     font-family: verdana, sans-serif;
     font-weight: bold;
     font-size: 13px;
     color: #E72C35;
     text-decoration: underline;
}
.lettreencours a:active {
     font-family: verdana, sans-serif;
     font-weight: bold;
     font-size: 13px;
     color: #E72C35;
     text-decoration: none;
}
.imgSerie{
     border:0px;
     width:200px;
     height:150px;
}
.styleFleche{
     border : 0px;
     width : 133px;
     height : 40px;
}
.bouton {
     height : 18px;
     font-family : Arial, sans-serif;
     font-size : 10px;
     border : 1px ;
     border-style : solid;
     border-color : #DDDDDD;
}

#plan a:link {
     color: #808080;
     font-size: 10px;
     font-weight: normal;
     text-decoration: none;
}
#plan a:visited {
     text-decoration: none;
     font-size: 10px;
     font-weight: normal;
     color: #808080;
}
#plan a:hover {
     text-decoration: none;
     font-size: 10px;
     font-weight: normal;
     color: #E72C35;
}
#plan a:active {
     text-decoration: none;
     font-size: 10px;
     font-weight: normal;
     color: #808080;
}
#hit{
     position:relative;
     width:40px;
     height:25px;
     bottom:30px;
     left:50px;
}
.labanniere{
     width:732px;
     height:140px;
     border:0px;
}