body {margin: 0px;padding: 0px;width: 970px;background-color: white;color: black;margin-left: auto;margin-right: auto;font-family: "Helvetica Neue", arial, helvetica, sans;}
body .clear {clear: both;}
body .clear-left {clear: left;}
body .block {display: block;}
body a {text-decoration: none;outline: none;}
body a span.lien {display: block;}
body a:hover {outline: none;}
body a:active {outline: none;}
body a:focus {outline: none;}
body a:hover span.lien {text-decoration: underline;}
body img {border: 0px;}
body .intertitre {font-size: 12px;font-weight: normal;font-family: georgia, times, serif;letter-spacing: 2px;text-transform: uppercase;}
body .pagination {float: right;padding-top: 10px;padding-right: 10px;font-size: 11px;}
body .pagination a {color: white;text-decoration: underline;}
body .pagination span.on {font-weight: bold;}
body #breadcrumbs {padding: 5px 5px;font-size: 12px;background-color: white;}
body #breadcrumbs a {text-decoration: underline;}
body #breadcrumbs a {padding-left: 10px;}
body #breadcrumbs .actif {padding-left: 10px;}
body #bandeau-haut {height: 100px;background-color: white;overflow: hidden;}
body #bandeau-haut .logo_flipzone {float: left;}
body #bandeau-haut #pub-haut {padding-top: 5px;padding-right: 5px;float: right;}
body #formulaire_recherche form {padding: 0px;margin: 0px;background-color: white;border: 1px solid #aaa;float: left;padding-right: 5px;-moz-border-radius: 8px; -webkit-border-radius: 8px;border-radius: 8px;}
body #formulaire_recherche form .champ_recherche {margin: 0px;padding: 2px;font-size: 13px;border: 0px;width: 180px;-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;border-radius-top-left: 8px;-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;border-radius-bottom-left: 8px;}
body #formulaire_recherche form .champ_recherche:focus {outline: 0px;}
body #formulaire_recherche form .bouton_valider {-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;border-radius-top-right: 8px;-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;border-radius-bottom-right: 8px;}
body#sommaire .une_sommaire {position: relative;width: 970px;height: 600px;}
body#sommaire .une_sommaire #formulaire_recherche {position: absolute;left: 495px;top: 115px;display: none;}
body#sommaire .une_sommaire .pub_une {position: absolute;right: 0px;top: 0px;width: 120px;display: none;}
body#sommaire .une_sommaire .logo_flipzone {position: absolute;left: 485px;top: 8px;display: none;}
body#sommaire .une_sommaire .titre_nouveau {position: absolute;bottom: 280px;left: 492px;width: 330px;}
body#sommaire .une_sommaire .titre_nouveau a {display: block;color: white;}
body#sommaire .une_sommaire .titre_nouveau a .titre {display: block;font-weight: bold;font-size: 36px;line-height: 110%;padding-bottom: 5px;padding-top: 3px;}
body#sommaire .une_sommaire .titre_nouveau a .secteur {font-weight: 200;font-size: 20px;line-height: 125%;opacity: 0.5;-moz-opacity: 0.5;}
body#sommaire .une_sommaire .titre_nouveau a .secteur em {font-size: 50%;padding-left: 5px;padding-right: 5px;align: top;display: inline-block;}
body#sommaire .une_sommaire .titre_nouveau a .soustitre {font-weight: 200;font-size: 20px;line-height: 125%;opacity: 0.5;-moz-opacity: 0.5;}
body#sommaire .une_sommaire .titre_nouveau a .soustitre em {font-size: 50%;padding-left: 5px;padding-right: 5px;align: top;display: inline-block;}
body#sommaire .une_sommaire .titre_nouveau a .alaune {font-weight: 200;font-size: 20px;line-height: 125%;opacity: 0.5;-moz-opacity: 0.5;}
body#sommaire .une_sommaire .titre_nouveau a .alaune em {font-size: 50%;padding-left: 5px;padding-right: 5px;align: top;display: inline-block;}
body#sommaire .une_sommaire .titre_nouveau a .alaune {font-size: 12px;text-transform: uppercase;letter-spacing: 1px;font-weight: normal;font-family: georgia, times, serif;}
body#sommaire .une_sommaire .titre_nouveau a .lien {padding-top: 8px;}
body#sommaire .une_sommaire .titre_nouveau a .collection {font-size: 14px;padding: 4px 7px;}
body#sommaire #cache_survol {position: absolute;z-index: 20;left: 0px;top: 375px;}
body#sommaire #fleches {position: absolute;top: 355px;left: 489px;width: 338px;display: none;}
body#sommaire #fleches .gauche {float: left;}
body#sommaire #fleches .droite {float: right;}
body#sommaire #nouveaux {position: absolute;top: 375px;left: 0px;width: 850px;overflow: hidden;z-index: 10;height: 210px;}
body#sommaire #nouveaux .wrapper {position: relative;margin-left: 847px;display: none;}
body#sommaire #nouveaux .wrapper ul {padding: 0px;margin: 0px;list-style-type: none;width: 1452px;}
body#sommaire #nouveaux .wrapper ul li {float: left;}
body#sommaire #nouveaux .wrapper ul li a {display: block;width: 111px;padding: 5px;font-size: 12px;}
body#sommaire #nouveaux .wrapper ul li a span {display: block;}
body#sommaire #nouveaux .wrapper ul li a .logo {padding-bottom: 5px;}
body#sommaire #nouveaux .wrapper ul li a .logo img {border: 1px solid #999;}
body#sommaire #nouveaux .wrapper ul li a .titre {font-weight: bold;}
body#sommaire #nouveaux .wrapper ul li a:hover .logo img {border: 1px solid #ccc;}
body#sommaire #nouveaux_dessus {position: absolute;top: 375px;left: 0px;width: 850px;overflow: hidden;z-index: 10;height: 210px;}
body#sommaire #nouveaux_dessus .wrapper {position: relative;margin-left: 847px;display: none;}
body#sommaire #nouveaux_dessus .wrapper ul {padding: 0px;margin: 0px;list-style-type: none;width: 1452px;}
body#sommaire #nouveaux_dessus .wrapper ul li {float: left;}
body#sommaire #nouveaux_dessus .wrapper ul li a {display: block;width: 111px;padding: 5px;font-size: 12px;}
body#sommaire #nouveaux_dessus .wrapper ul li a span {display: block;}
body#sommaire #nouveaux_dessus .wrapper ul li a .logo {padding-bottom: 5px;}
body#sommaire #nouveaux_dessus .wrapper ul li a .logo img {border: 1px solid #999;}
body#sommaire #nouveaux_dessus .wrapper ul li a .titre {font-weight: bold;}
body#sommaire #nouveaux_dessus .wrapper ul li a:hover .logo img {border: 1px solid #ccc;}
body#sommaire #nouveaux_dessus {z-index: 30;}
body#sommaire #liens_navigation {padding: 5px 5px;font-size: 12px;background-color: white;}
body#sommaire #liens_navigation a {text-decoration: underline;}
body#sommaire #liens_navigation .annonce {float: right;}
body#sommaire .pub_horizontale_fine {text-align: center;padding: 5px;background-color: white;}
#populaires {padding: 5px 5px 10px 5px;color: white;}
#populaires .intertitre {padding: 3px;padding-left: 5px;}
#populaires ul {padding: 0px;margin: 0px;list-style-type: none;}
#populaires ul li {width: 120px;float: left;}
#populaires ul li a {display: block;width: 111px;padding: 5px;font-size: 12px;color: white;}
#populaires ul li a span {display: block;}
#populaires ul li a .logo {padding-bottom: 5px;}
#populaires ul li a .logo img {border: 1px solid #999;}
#populaires ul li a .titre {font-weight: bold;}
#populaires ul li a:hover .logo img {border: 1px solid #fff;}
#videos {padding: 5px 5px 10px 5px;color: white;}
#videos .intertitre {padding: 3px;padding-left: 5px;}
#videos ul {padding: 0px;margin: 0px;list-style-type: none;}
#videos ul li {width: 120px;float: left;}
#videos ul li a {display: block;width: 111px;padding: 5px;font-size: 12px;color: white;}
#videos ul li a span {display: block;}
#videos ul li a .logo {padding-bottom: 5px;}
#videos ul li a .logo img {border: 1px solid #999;}
#videos ul li a .titre {font-weight: bold;}
#videos ul li a:hover .logo img {border: 1px solid #fff;}
#populaires .pagination {padding-top: 5px;}
#videos {padding: 0px;}
#videos .publicite {height: 250px; width: 300px; float: left;margin-right: 45px;}
#videos .intertitre {padding-top: 10px;}
#saisons {padding: 0px 0px 10px 0px;background-color: white;}
#saisons .plus {float: right;font-size: 11px;padding: 5px 10px 0px 0px;;}
#saisons .plus a {color: #666;text-decoration: underline;}
#saisons .intertitre {padding-left: 10px;padding-top: 10px;}
#saisons ul.toutes_saisons {margin-left: 75px;padding-bottom: 10px;}
#saisons ul {padding: 0px;margin: 0px;list-style-type: none;}
#saisons ul li {width: 138px;float: left;}
#saisons ul li a {display: block;font-size: 12px;color: black;}
#saisons ul li a span {display: block;width: 128px;text-align: center;margin-left: auto;margin-right: auto;}
#saisons ul li a .logo {text-align: left;height: 128px;overflow: hidden;background: url(../test/imgs/fond-saison.gif) 0px 0px no-repeat;}
#saisons ul li a .logo img {margin-top: 19px;margin-left: 28px;}
#saisons ul li a:hover {background: url(../test/imgs/fond-saison.gif) 0px -128px no-repeat;}
#navigation {color: white;font-size: 12px;font-weight: bold;}
#navigation ul.niveau1 {padding: 0px;margin: 0px;list-style-type: none;}
#navigation ul.niveau1 li.niveau1 {float: left;}
#navigation ul.niveau1 li.niveau1 a {display: block;height: 27px;overflow: hidden;padding-left: 5px;padding-right: 5px;}
#navigation ul.niveau1 li.niveau1 a span {display: block;padding-top: 3px;height: 24px;}
#navigation ul.niveau1 li.niveau1on a {margin-top: -27px;height: 54px;}
#navigation ul.niveau1 li.niveau1:hover a {margin-top: -27px;height: 54px;}
#auteurs {background-color: white;padding-bottom: 10px;max-height: 450px;overflow-y: scroll;}
#auteurs .intertitre {padding: 10px 0px 0px 10px;margin-bottom: -20px;}
#auteurs form {float: right;margin-top: 20px;margin-right: 20px;}
#auteurs form input#rechercher {border: 1px solid #ccc;background-color: white;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-raidus: 5px;padding: 5px;font-size: 14px;}
#auteurs h3 {margin-top: 30px;padding: 0px;font-size: 16px;clear: left;float: left;text-transform: uppercase;color: white;padding: 5px 10px;background-color: #999;}
#auteurs ul {clear: left;margin: 0px;padding: 0px;list-style-type: none;}
#auteurs ul li {border: 0px;width: 233px;float: left;padding: 0px;margin: 0px;}
#auteurs ul li a {padding: 1px 3px;margin: 0px 10px;display: block;}
#auteurs ul li a .total {font-size: 10px;line-height: 10px;display: block;float: right;margin: 0px;margin-left: 10px;color: white;padding: 2px 4px;font-weight: bold;background-color: #aaa;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3pc;}
#auteurs ul li a .nom {font-size: 12px;}
#auteurs ul li a:hover {background-color: #f7f7f7;}
#auteurs ul li a {color: #aaa;}
#auteurs ul li a .total {display: none;}
#auteurs ul li.niveau1 a {color: #999;}
#auteurs ul li.niveau1 a .total {color: white;background-color: #999;}
#auteurs ul li.niveau2 a {color: #666;}
#auteurs ul li.niveau2 a .total {color: white;background-color: #666;}
#auteurs ul li.niveau3 a {color: black;font-weight: bold;}
#auteurs ul li.niveau3 a .total {color: white;background-color: black;}
body#rubrique #une_rubrique {position: relative;height: 600px;}
body#rubrique #une_rubrique .tete_logo {position: absolute;top: -100px;left: 0px;}
body#rubrique #une_rubrique .corps_logo {position: absolute;top: 0px;left: 0px;}
body#rubrique #une_rubrique #pub_une {position: absolute;top: 0px;right: 0px;}
body#rubrique #une_rubrique #formulaire_recherche {padding-bottom: 55px;padding-top: 10px;}
body#rubrique #une_rubrique #titre_nouveau {position: absolute;bottom: 340px;left: 340px;width: 475px;}
body#rubrique #une_rubrique #titre_nouveau h1 {padding: 0px;margin: 0px;font-size: 24px;font-weight: normal;font-family: georgia, times, serif;letter-spacing: 3px;text-transform: uppercase;opacity: 0.7;-moz-opacity: 0.7;}
body#rubrique #une_rubrique #titre_nouveau a {display: block;color: white;}
body#rubrique #une_rubrique #titre_nouveau a .titre {display: block;font-weight: bold;font-size: 32px;line-height: 110%;padding-bottom: 5px;padding-top: 3px;}
body#rubrique #une_rubrique #titre_nouveau a .secteur {font-weight: 200;font-size: 20px;line-height: 125%;opacity: 0.5;-moz-opacity: 0.5;}
body#rubrique #une_rubrique #titre_nouveau a .secteur em {font-size: 50%;padding-left: 5px;padding-right: 5px;align: top;display: inline-block;}
body#rubrique #une_rubrique #titre_nouveau a .soustitre {font-weight: 200;font-size: 20px;line-height: 125%;opacity: 0.5;-moz-opacity: 0.5;}
body#rubrique #une_rubrique #titre_nouveau a .soustitre em {font-size: 50%;padding-left: 5px;padding-right: 5px;align: top;display: inline-block;}
body#rubrique #une_rubrique #titre_nouveau a .alaune {font-weight: 200;font-size: 20px;line-height: 125%;opacity: 0.5;-moz-opacity: 0.5;}
body#rubrique #une_rubrique #titre_nouveau a .alaune em {font-size: 50%;padding-left: 5px;padding-right: 5px;align: top;display: inline-block;}
body#rubrique #une_rubrique #titre_nouveau a .alaune {font-size: 12px;text-transform: uppercase;letter-spacing: 1px;font-weight: normal;font-family: georgia, times, serif;}
body#rubrique #une_rubrique #titre_nouveau a .lien {padding-top: 8px;}
body#rubrique #une_rubrique #titre_nouveau a .collection {font-size: 14px;padding: 4px 7px;}
body#rubrique #une_rubrique #fond {z-index: 5;position: absolute;top: 300px;left: 0px;width: 810px;height: 300px;}
body#rubrique #une_rubrique .pub_horizontale_fine {position: absolute;z-index: 12;bottom: 15px;left: 50px;}
body#rubrique #une_rubrique #nouveaux {position: absolute;top: 340px;left: 50px;width: 740px;height: 270px;z-index: 10;}
body#rubrique #une_rubrique #nouveaux .pagination {padding-right: 35px;padding-top: 5px;}
body#rubrique #une_rubrique #nouveaux .intertitre {padding: 5px;}
body#rubrique #une_rubrique #nouveaux ul {padding: 0px;margin: 0px;list-style-type: none;width: 757px;}
body#rubrique #une_rubrique #nouveaux ul li {float: left;}
body#rubrique #une_rubrique #nouveaux ul li a {display: block;width: 111px;padding: 5px;font-size: 12px;}
body#rubrique #une_rubrique #nouveaux ul li a span {display: block;}
body#rubrique #une_rubrique #nouveaux ul li a .logo {padding-bottom: 5px;}
body#rubrique #une_rubrique #nouveaux ul li a .logo img {border: 1px solid #999;}
body#rubrique #une_rubrique #nouveaux ul li a .titre {font-weight: bold;}
body#rubrique #une_rubrique #nouveaux ul li a:hover .logo img {border: 1px solid #ccc;}
body#article #bandeau-titre h1 {margin: 0px;padding: 0px;font-family: "Helvetica Neue", arial, helvetica, sans;font-weight: normal;font-size: 16px;line-height: 1.2em;padding: 5px 10px;}
body#article #bandeau-titre .addthis {float: right;color: white;padding-top: 6px;padding-right: 10px;}
body#article #une_article {position: relative;height: 600px;}
body#article #une_article #pub_une {position: absolute;top: 0px;right: 0px;}
body#article #une_article #leflip {position: absolute;top: 0px;left: 0px;}
body#article #une_article #howto {width: 385px;font-size: 13px;padding: 20px;}
body#article #une_article #howto #howto-descriptions {display: none;}
body#article #baspage {position: relative;font-size: 11px;padding: 3px 5px;}
body#article #baspage a {color: white;position: relative;float: left;padding: 2px 7px 2px 0px;display: block;opacity: 0.5;-moz-opacity: 0.5;}
body#article #baspage a#vignette1 {opacity: 1;-moz-opacity: 1;}
body#article #baspage a span {position: absolute;bottom: 15px;left: 3px;display: none;padding-bottom: 4px;height: 96px;background: url(../test/imgs/petite-fleche-bas.gif) bottom left no-repeat;}
body#article #baspage a span img {border: 3px solid white;float: left;height: 90px;}
body#article #baspage a:hover span {display: block;}
body#article .pub_horizontale_fine {text-align: center;padding: 5px;background-color: white;}
#formulaire_envoi {z-index: 150; position: absolute; top: 150px; left: 5px; padding: 10px;color: white;display: none;background:transparent;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000050,endColorstr=#00000050);background: rgba(0, 0, 0, 0.5);}
#formulaire_envoi form {width: 240px;padding: 10px;margin: 0px;background-color: black;}
#formulaire_envoi form label {display: block;margin-top: 5px;font-size: 11px;}
#formulaire_envoi form input.text {width: 150px;padding: 5px;font-size: 13px;border: 1px solid black;}
#formulaire_envoi form textarea {width: 230px;height: 100px;padding: 5px;font-size: 13px;border: 1px solid black;}
#formulaire_envoi form .oublie-pass {margin-top: 10px;text-align: right;}
#formulaire_envoi #resultat_envoi {display: none;margin-top: 5px;color: #fcc;border: 1px solid #fcc;padding: 5px;text-align: center;}
body#recherche {background-color: white;}
body#recherche #formulaire_recherche form {padding: 0px;margin: 10px 0px;background-color: white;border: 1px solid #ddd;float: left;padding-right: 5px;-moz-border-radius: 0px; -webkit-border-radius: 0px;border-radius: 0px;}
body#recherche #formulaire_recherche form .champ_recherche {margin: 0px;padding: 5px;font-size: 18px;border: 0px;width: 300px;-moz-border-radius-topleft: 8px; -webkit-border-top-left-radius: 8px;border-radius-top-left: 8px;-moz-border-radius-bottomleft: 8px; -webkit-border-bottom-left-radius: 8px;border-radius-bottom-left: 8px;}
body#recherche #formulaire_recherche form .champ_recherche:focus {outline: 0px;}
body#recherche #formulaire_recherche form .bouton_valider {-moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px;border-radius-top-right: 8px;-moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;border-radius-bottom-right: 8px;}
#surleweb {background-color: white;padding: 10px;padding-top: 0px;}
#surleweb ul {margin: 0px;padding: 0px;padding-top: 5px;list-style-type: none;font-size: 12px;}
#surleweb ul li {float: left;margin-right: 10px;}
#surleweb ul li a img {border: 1px solid #ccc;}
#surleweb ul li a span.titre {padding-top: 5px;text-decoration: underline;}
#surleweb ul li a:hover img {border: 1px solid #999;}