@charset "UTF-8";
/* CSS Document */

body {
    background-repeat:repeat;
    background-attachment:fixed;
    background-size:cover;
    background-image:url(../images/mockup/background.jpg);
    background-color:#000000;
    margin: 0;
    padding: 0;
}

#headerwrapper {
    width:100%;
    height:65px;
    margin:auto;
    background-image:url(../images/mockup/background_header.jpg);
    background-repeat:repeat-x
}

#header {
    width:950px;
    height:100%;
    margin:auto;
    padding:0;
}

#logo {
    width:600px;
    height:100%;
    margin:auto;
    float:left;
    padding: 18px 0 0 0;
}

#social {
    width:350px;
    height:100%;
    margin:auto;
    float:left;
    padding: 2px 0 0 0;
}

#social li {
    display:inline;
    list-style-type:none;
    padding:0 0 0 10px;
    margin:0;
}

#contentwrapper{
    width:950px;
    margin:auto;
    clear:both;
    color:#0000FF;
}

#slider {
    width:950px;
    height:310px;
    margin:auto;
}

#menu {
    width:950px;
    height:150px;
    margin:auto;
}

#main {
    width:950px;
    margin:auto;
}

#lateral {
    width:360px;
    float:left;
    margin:auto;
}

#categories {
    width:310px;
    float:left;
    margin:auto;
}

#categories .categories_content {
    width:310px;
    float:left;
    margin:auto;
    padding:10px;
}

#programmetv {
    width:310px;
    float:left;
    margin:15px 0 0 0;
}

#programmetv .programmetv_content {
    width:310px;
    float:left;
    margin:auto;
    padding:10px;
}


#publicite {
    width:310px;
    float:left;
    margin:auto;
}

#news, #saison {
    width:590px;
    float:left;
    margin:0 0 20px 0;
}

#post_rouge, #post_bleu, #post_noir, #post_jaune, #post_rose, #post_vert, #saison_post {
    width:588px; /* 590 - 1*2 (border) */
    clear:both;
    margin:0 0 30px 0;
    border-width:1px;
    border-style:solid;
}

#post_rouge, #post_rouge .texte img, #saison_post, #saison_post .texte p img, #saison_post .texte img {
    border-color:#B41100;
}

#post_bleu, #post_bleu .texte img {
    border-color:#0B53B4;
}

#post_noir, #post_noir .texte img {
    border-color:#433E43;
}

#post_jaune, #post_jaune .texte img {
    border-color:#EFC51B;
}

#post_rose, #post_rose .texte img {
    border-color:#E353EC;
}

#post_vert, #post_vert .texte img {
    border-color:#489928;
}

#news .titre, #saison .saison_post_titre {
    width:558px; /* 590 - 15*2 (padding) - 1*2 (border) */
    margin:0;
    padding:15px;
}

#post_rouge .titre, #saison_post .saison_post_titre {
    background-color:#B41100;
}

#post_bleu .titre {
    background-color:#0B53B4;
}

#post_noir .titre {
    background-color:#433E43;
}

#post_jaune .titre {
    background-color:#EFC51B;
}

#post_rose .titre {
    background-color:#E353EC;
}

#post_vert .titre {
    background-color:#489928;
}

#news .date {
    width:568px; /* 590 - 10*2 (padding) - 1*2 (border) */
    margin:0;
    padding:10px;
}

#news .texte, #saison .texte {
    width:568px; /* 590 - 10*2 (padding) - 1*2 (border) */
    margin:0;
    padding:10px;
}

#news .commentaires_form {
    width:568px; /* 590 - 10*2 (padding) - 1*2 (border) */
    margin:0;
    padding:10px;
    height:100%;
}

#news .texte img, #saison .texte p img {
    width:566px;
    margin:0;
    padding:0;
    border-width:1px;
    border-style:solid;
}

#saison .logo img {
    width:566px;
    margin:0;
    padding:0;
    border-width:0px;
    border-style:solid;
}

#saison .texte img {
    width:184px;
    margin:1px 0 1px 0;
    padding:0;
    border-width:1px;
    border-style:solid;
}

#saison .jouets img {
    width:184px;
    margin:1px 0 1px 0;
    padding:0;
    border-width:1px;
    border-style:solid;
}

#news .commentaires {
    width:568px; /* 590 - 10*2 (padding) - 1*2 (border) */
    margin:0;
    padding:10px;
}

#saison_liste {
    width:188px; /* 190 - 1*2 (border) */
    margin:0 3px 30px 3px;
    border-width:1px;
    border-style:solid;
    border-color:#B41100;
    float:left;
}

#saison .saison_liste_titre {
    width:168px; /* 190 - 10*2 (padding) - 1*2 (border) */
    margin:0;
    padding:10px;
    background-color:#B41100;
    border-color:#B41100;
}

#saison .saison_liste_texte img {
    width:188px;
    margin:0;
    padding:0;
    border-width:0px;
    border-style:solid;
}

#saison_episodesresume {
    width:280px;
    margin:0 7px 30px 7px;
    float:left;
}

#saison .saison_episodesresume_titre {
    width:266px; /* 288 - 10*2 (padding) - 1*2 (border) */
    margin:0;
    padding:10px;
    background-color:#B41100;
    border-color:#B41100;
}

#saison .saison_episodesresume_texte img {
    width:278px;
    margin:0;
    padding:0;
    border-width:1px;
    border-style:solid;
    border-color:#B41100;
}

#programmetv img {
    width:280px;
    margin:0;
    padding:0;
    border-width:1px;
    border-style:solid;
    border-color:#0B53B4;
}

#pagination {
    margin:0;
}

#footer_saisons {
    width:100%;
    margin:0;
    padding:10px 0 10px 0;
    background-color:#B41100;
}

#footer {
    width:100%;
    margin:0;
    padding:10px 0 10px 0;
    background-color:#B41100;
}

#footer_wrapper {
    width:950px;
}

#footer .footer_rubrique {
    width:33%;
    margin:0;
    padding:10px 0 10px 0;
    float:left;
}

#copy {
    width:100%;
    margin:0;
    padding:10px 0 10px 0;
}

.clear {
    clear:both;
}






#slider h1, #menu h1, #categories h1, #programmetv h1, #news h1, #saison h1 {
    font-family:gotham_blackregular;
    font-size:30px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
    padding:0;
}

#saison h2 {
    font-family:gotham_blackregular;
    font-size:24px;
    color:#FFFFFF;
    text-decoration:none;
    margin:30px 0 10px 0;
    padding:0;
}

#saison h3 {
    font-family:gotham_blackregular;
    font-size:18px;
    color:#FFFFFF;
    text-decoration:none;
    margin:20px 0 10px 0;
    padding:0;
}

#saison .texte h4 {
    font-family:'Spinnaker', sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight: bold;
    margin:0;
    padding:0;
}

#saison .texte h4 a, #saison .texte h4 a:visited {
    color:#B41100;
    font-weight:bold;
    text-decoration:none;
}

#saison .texte h4 a:hover {
    color:#B41100;
    font-weight:bold;
    text-decoration:underline;
}

#saison .texte h5 {
    font-family:'Spinnaker', sans-serif;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight: normal;
    margin:0;
    padding:0;
}

#saison .texte h5 a, #saison .texte h5 a:visited {
    color:#B41100;
    font-weight:bold;
    text-decoration:none;
}

#saison .texte h5 a:hover {
    color:#B41100;
    font-weight:bold;
    text-decoration:underline;
}


.paroles h2 {
    font-family:gotham_blackregular;
    font-size:24px;
    color:#B41100;
    text-decoration:none;
    margin:30px 0 10px 0;
    padding:0;
}

#categories h1 a, #categories h1 a:visited {
    color:#FFFFFF;
    text-decoration:none;
}

#categories h1 a:hover {
    color:#B41100;
    text-decoration:none;
}

#programmetv h3 {
    font-family:gotham_blackregular;
    font-size:18px;
    color:#0B53B4;
    text-decoration:none;
    margin:5px 0 5px 0;
    padding:0;
}

#programmetv h4 {
    font-family:gotham_blackregular;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    margin:5px 0 5px 0;
    padding:0;
}

#programmetv a, #programmetv a:visited, #programmetv p a, #programmetv p a:visited {
    color:#FFFFFF;
    text-decoration:none;
}

#programmetv a:hover, #programmetv p a:hover {
    color:#0B53B4;
    text-decoration:none;
}

#post_rouge .titre h1, #post_rouge .titre h1 a, #post_rouge .titre h1 a:visited, #post_rouge .titre h1 a:hover, #post_bleu .titre h1, #post_bleu .titre h1 a, #post_bleu .titre h1 a:visited, #post_bleu .titre h1 a:hover, #post_noir .titre h1, #post_noir .titre h1 a, #post_noir .titre h1 a:visited, #post_noir .titre h1 a:hover, #post_rose .titre h1, #post_rose .titre h1 a, #post_rose .titre h1 a:visited, #post_rose .titre h1 a:hover, #post_jaune .titre h1, #post_jaune .titre h1 a, #post_jaune .titre h1 a:visited, #post_jaune .titre h1 a:hover, #post_vert .titre h1, #post_vert .titre h1 a, #post_vert .titre h1 a:visited, #post_vert .titre h1 a:hover, #saison_post .saison_post_titre h1, #saison_post .saison_post_titre h1 a, #saison_post .saison_post_titre h1 a:visited, #saison_post .saison_post_titre h1 a:hover {
    font-family:gotham_blackregular;
    font-size:30px;
    text-decoration:none;
    margin:0;
    padding:0;
    display:inline;
}

#post_rouge .titre h1, #post_rouge .titre h1 a, #post_rouge .titre h1 a:visited, #post_rouge .titre h1 a:hover, #post_bleu .titre h1, #post_bleu .titre h1 a, #post_bleu .titre h1 a:visited, #post_bleu .titre h1 a:hover, #post_noir .titre h1, #post_noir .titre h1 a, #post_noir .titre h1 a:visited, #post_noir .titre h1 a:hover, #post_rose .titre h1, #post_rose .titre h1 a, #post_rose .titre h1 a:visited, #post_rose .titre h1 a:hover, #post_vert .titre h1, #post_vert .titre h1 a, #post_vert .titre h1 a:visited, #post_vert .titre h1 a:hover, #saison_post .saison_post_titre h1, #saison_post .saison_post_titre h1 a, #saison_post .saison_post_titre h1 a:visited, #saison_post .saison_post_titre h1 a:hover {
    color:#FFFFFF;
}

#post_jaune .titre h1, #post_jaune .titre h1 a, #post_jaune .titre h1 a:visited, #post_jaune .titre h1 a:hover {
    color:#000000;
}

#post_rouge .titre h1 a:hover, #post_bleu .titre h1 a:hover, #post_noir .titre h1 a:hover, #post_rose .titre h1 a:hover, #post_jaune .titre h1 a:hover, #post_vert .titre h1 a:hover, #saison_post .saison_post_titre h1 a:hover {
    text-decoration:underline;
}

#saison_liste .saison_liste_titre h1, #saison_liste .saison_liste_titre h1 a, #saison_liste .saison_liste_titre h1 a:visited, #saison_liste .saison_liste_titre h1 a:hover, #saison_episodesresume .saison_episodesresume_titre h1, #saison_episodesresume .saison_episodesresume_titre h1 a, #saison_episodesresume .saison_episodesresume_titre h1 a:visited, #saison_episodesresume .saison_episodesresume_titre h1 a:hover {
    font-family:gotham_blackregular;
    font-size:16px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
    padding:0;
    display:inline;
}

#saison_liste .saison_liste_titre h1 a:hover, #saison_episodesresume .saison_episodesresume_titre h1 a:hover {
    text-decoration:underline;
}

#news .date p, #news .date a:hover, #news .commentaires p, #news .commentaires a:hover, #news .date  a, #news .date  a:visited, #news .commentaires a, #news .commentaires a:visited {
    font-family:gotham_blackregular;
    font-size:10px;
    text-decoration:none;
    margin:0;
    padding:0;
}

#news .date p, #news .date a:hover, #news .commentaires p, #news .commentaires a:hover {
    color:#FFFFFF;
}

#post_rouge .date  a, #post_rouge .date  a:visited, #post_rouge .commentaires a, #post_rouge .commentaires a:visited {
    color:#B41100;
}

#post_bleu .date  a, #post_bleu .date  a:visited, #post_bleu .commentaires a, #post_bleu .commentaires a:visited {
    color:#0B53B4;
}

#post_noir .date  a, #post_noir .date  a:visited, #post_noir .commentaires a, #post_noir .commentaires a:visited {
    color:#433E43;
}

#post_jaune .date  a, #post_jaune .date  a:visited, #post_jaune .commentaires a, #post_jaune .commentaires a:visited {
    color:#EFC51B;
}

#post_rose .date  a, #post_rose .date  a:visited, #post_rose .commentaires a, #post_rose .commentaires a:visited {
    color:#E353EC;
}

#post_vert .date  a, #post_vert .date  a:visited, #post_vert .commentaires a, #post_vert .commentaires a:visited {
    color:#489928;
}

#news .texte p, #saison .texte p, #saison .saison_liste_texte p {
    font-family:'Spinnaker', sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
    padding:0;
}

#saison .jouets p {
    font-family:'Spinnaker', sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
    padding:0;

}

#saison .saison_episodesresume_texte p {
    font-family:'Spinnaker', sans-serif;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
    padding:0;
}

#programmetv p {
    font-family:'Spinnaker', sans-serif;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    margin:5px 0 20px 0;
    padding:0;
    text-align:center;
}

#commentaires .texte p {
    font-family:'Spinnaker', sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
    padding:5px 0 20px 10px;
}

#categories .categories_content p {
    font-family:gotham_thinregular;
    font-size:30px;
    text-decoration:none;
    margin:0;
    padding:0;
    display:inline;
}

#categories .categories_content a, #categories .categories_content a:visited {
    color:#B41100;
    text-decoration:none;
}

#categories .categories_content a:hover {
    color:#FFFFFF;
    text-decoration:none;
}

#pagination a, #pagination a:visited {
    width:20px;
    height:17px;
    margin:0;
    padding:3px 0 0 0;
    font-family:gotham_thinregular;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:#B41100;
    display:inline-block;
}

#pagination a:hover {
    width:20px;
    height:17px;
    margin:0;
    padding:3px 0 0 0;
    font-family:gotham_thinregular;
    font-size:12px;
    color:#FFFFFF;
    text-decoration:none;
    text-align:center;
    border-width:1px;
    border-style:solid;
    border-color:#B41100;
    background-color:#B41100;
    display:inline-block;
}

#footer_saisons h4, #footer .footer_rubrique h4 {
    font-family:gotham_blackregular;
    font-size:10px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
}

#footer_saisons p, #footer .footer_rubrique p, #copy p {
    font-family:'Spinnaker', sans-serif;
    font-size:10px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
}

.footer_rubrique p a, .footer_rubrique p a:visited {
    font-family:'Spinnaker', sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
}

.footer_rubrique p a:hover {
    font-family:'Spinnaker', sans-serif;
    color:#FFFFFF;
    text-decoration:underline;
    margin:0;
}

#commentaires .commentaires_form p {
    font-family:'Spinnaker', sans-serif;
    font-size:14px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
    padding:5px 0 0 0;
    width:150px;
    height:100%;
    display:inline-block;
}

#commentaires input[type=text], #commentaires input[type=email] {
    font-family:'Spinnaker', sans-serif;
    font-size:16px;
    margin:0;
    padding:2px;
    width:250px;
    height:20px;
    color:#000000;
    display:inline-block;
}

#commentaires textarea {
    font-family:'Spinnaker', sans-serif;
    font-size:16px;
    margin:0;
    padding:2px;
    width:350px;
    height:200px;
    color:#000000;
    display:inline-block;
}

#commentaires #post_rouge input[type=text], #commentaires #post_rouge input[type=email], #commentaires #post_rouge textarea, #commentaires #post_rouge input[type=submit] {
    border:1px solid #B41100;
}

#commentaires #post_bleu input[type=text], #commentaires #post_bleu input[type=email], #commentaires #post_bleu textarea, #commentaires #post_bleu input[type=submit] {
    border:1px solid #0B53B4;
}

#commentaires #post_noir input[type=text], #commentaires #post_noir input[type=email], #commentaires #post_noir textarea, #commentaires #post_noir input[type=submit] {
    border:1px solid #433E43;
}

#commentaires #post_jaune input[type=text], #commentaires #post_jaune input[type=email], #commentaires #post_jaune textarea, #commentaires #post_jaune input[type=submit] {
    border:1px solid #EFC51B;
}

#commentaires #post_rose input[type=text], #commentaires #post_rose input[type=email], #commentaires #post_rose textarea, #commentaires #post_rose input[type=submit] {
    border:1px solid #E353EC;
}

#commentaires #post_vert input[type=text], #commentaires #post_vert input[type=email], #commentaires #post_vert textarea, #commentaires #post_vert input[type=submit] {
    border:1px solid #489928;
}

#commentaires input[type=submit] {
    padding:3px;
    border-radius:4px;
    font-family:'Spinnaker', sans-serif;
    font-size:16px;
    width:100px;
    height:30px;
    cursor:pointer;
    background-color:#FFFFFF;
}

#commentaires #post_rouge input[type=submit] {
    color:#B41100;
}

#commentaires #post_bleu input[type=submit] {
    color:#0B53B4;
}

#commentaires #post_noir input[type=submit] {
    color:#433E43;
}

#commentaires #post_jaune input[type=submit] {
    color:#EFC51B;
}

#commentaires #post_rose input[type=submit] {
    color:#E353EC;
}

#commentaires #post_vert input[type=submit] {
    color:#489928;
}

#commentaires #post_rouge input[type=submit]:hover {
    background-color:#B41100;
    color:#FFFFFF;
}

#commentaires #post_bleu input[type=submit]:hover {
    background-color:#0B53B4;
    color:#FFFFFF;
}

#commentaires #post_noir input[type=submit]:hover {
    background-color:#433E43;
    color:#FFFFFF;
}

#commentaires #post_jaune input[type=submit]:hover {
    background-color:#EFC51B;
    color:#000000;
}

#commentaires #post_rose input[type=submit]:hover {
    background-color:#E353EC;
    color:#FFFFFF;
}

#commentaires #post_vert input[type=submit]:hover {
    background-color:#489928;
    color:#FFFFFF;
}

#commentaires .consignes {
    font-family:gotham_blackregular;
    font-size:10px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
}




#commentaires .login_erreur {
    width:570px; /* 590 - 10*2 (border) */
    clear:both;
    margin:0 0 30px 0;
    background-color:#FAC4C4;
    padding:10px;
    border:1px solid #E63C3C;
    font-family:'Spinnaker', sans-serif;
    font-size:14px;
    color:#E63C3C;
}

#commentaires .login_ok {
    width:570px; /* 590 - 10*2 (border) */
    clear:both;
    margin:0 0 30px 0;
    background-color:#B6F5BA;
    padding:10px;
    border:1px solid #33DA3F;
    font-family:'Spinnaker', sans-serif;
    font-size:14px;
    color:#33DA3F;
}

#commentaires .commentaires_affichage {
    width:588px; /* 590 - 1*2 (border) */
    clear:both;
    margin:0;
    border-width:1px;
    border-style:solid;
}

#commentaires .nom, #commentaires .nom a, #commentaires .nom a:visited {
    font-family:gotham_blackregular;
    font-size:18px;
    color:#FFFFFF;
    text-decoration:none;
    margin:0;
    padding:10px 0 0 5px;
}

#commentaires .nom a:hover {
    text-decoration:underline;
}

#commentaires .date {
    font-family:gotham_blackregular;
    font-size:10px;
    text-decoration:none;
    margin:0;
    padding:10px;
    color:#FFFFFF
}


#post_rouge .highlight, #post_rouge .texte p a,  #post_rouge .texte p a:visited, #saison_post .highlight, #saison_post .texte p a,  #saison_post .texte p a:visited {
    color:#B41100;
    font-weight:bold;
    text-decoration:none;
}

#post_bleu .highlight, #post_bleu .texte p a,  #post_bleu .texte p a:visited {
    color:#0B53B4;
    font-weight:bold;
    text-decoration:none;
}

#post_noir .highlight, #post_noir .texte p a,  #post_noir .texte p a:visited {
    color:#433E43;
    font-weight:bold;
    text-decoration:none;
}

#post_jaune .highlight, #post_jaune .texte p a,  #post_jaune .texte p a:visited {
    color:#EFC51B;
    font-weight:bold;
    text-decoration:none;
}

#post_rose .highlight, #post_rose .texte p a,  #post_rose .texte p a:visited {
    color:#E353EC;
    font-weight:bold;
    text-decoration:none;
}

#post_vert .highlight, #post_vert .texte p a,  #post_vert .texte p a:visited {
    color:#489928;
    font-weight:bold;
    text-decoration:none;
}

#post_rouge .texte p a:hover, #post_bleu .texte p a:hover, #post_noir .texte p a:hover, #post_jaune .texte p a:hover, #post_rose .texte p a:hover, #post_vert .texte p a:hover {
    color:#FFFFFF;
}

#saison_post .texte p a:hover {
    text-decoration:underline;
}

.jaune {
    border-color: #EFC51B;
}