body { font-family: verdana; background-color: black; text-align: center; margin: 0; }
form { margin: 0; }
textarea { width: 100%; }
.retour { clear: both; }
#contexte_haut { background-color: black; background-repeat: repeat-x; width: 100%; height: 130px; }
#contexte_haut .cadrage { text-align: left; width: 800px; height: 100px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-left: 20px; }
#contexte_haut .logo { margin-top: -10px; }
#contexte_haut .pub { position: absolute; width: 468px; height: 60px; margin-left: 335px; }
#contenu { color: white; font-family: "trebuchet ms"; background-color: #000; text-align: left; letter-spacing: 1px; width: 846px; min-width: 820px; max-width: 820px; margin-right: auto; margin-left: auto; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }
#gauche { width: 600px; float: left; padding-right: 15px; }
#droite { width: 208px; overflow: hidden; padding-top: 8px; }
a { color: #008eff; font-weight: bold; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }
#contexte_bas { background-color: #282828; background-image: url(images/bas_fond.png); text-align: center; width: 100%; height: 80px; margin: 30px auto 0; }
#contexte_bas .cadrage { width: 800px; margin-right: auto; margin-left: auto; padding-top: 5px; }
.image_legende { font-size: 11px; text-align: center; width: 100%; margin-bottom: 20px; }
#gauche .bloc_vignette { overflow: auto; clear: both; margin-top: 10px; margin-bottom: 10px; }
#gauche .vignette { color: #595959; font-size: 10px; font-weight: normal; line-height: 12px; text-align: center; width: 200px; height: 190px; float: left; }
#gauche .vignette_info { color: #d1d1d1; font-size: 11px; font-weight: bold; background-image: url(pix_gris.png); text-align: left; position: absolute; width: 178px; z-index: 10; visibility: hidden; max-width: 188px; margin-top: -5px; margin-right: 5px; margin-left: 5px; padding: 5px; border: solid 1px #2c2c2c; cursor: pointer; }
#gauche .vignette_info_detail a { color: #929292; font-size: 9px; font-weight: normal; position: absolute; height: 12px; margin-top: 75px; margin-left: 36px; padding-right: 2px; padding-left: 2px; background-image: url(pix_gris.png); letter-spacing: 0; z-index: 10; padding-top: 2px; cursor: help; }
#gauche .vignette_info_detail a:hover { color: #FFFFFF; }
#gauche .vignette img { width: 128px; height: 88px; border: solid 1px #929292; }
#gauche .vignette .image_masque { background-image: url(images/image_masque.png); position: absolute; width: 130px; height: 90px; z-index: 5; margin-left: 35px; border: 0 transparent; cursor: pointer; }
#gauche .vignette h1 { font-size: 13px; font-weight: bold; line-height: 15px; margin: 0; padding-top: 4px; padding-bottom: 4px; }
#gauche .vignette h2 { color: #595959; font-size: 10px; font-weight: bold; line-height: 13px; display: inline; }
#nav_page_precedent { color: #595959; font-size: 9px; font-weight: bold; padding-top: 9px; padding-left: 10px; }
#nav_page_precedent a { position: relative; }
#nav_page_numero { color: #595959; font-weight: bold; }
#nav_page_numero a { font-size: 9px; padding-right: 4px; padding-left: 4px; }
#nav_page_numero .semiactif { font-size: 13px; padding-right: 4px; padding-left: 4px; }
#nav_page_numero .actif { color: #fff; font-size: 18px; padding-right: 4px; padding-left: 4px; }
#nav_page_numero .inactif { font-weight: normal; padding-right: 4px; padding-left: 4px; }
#nav_page_suivant { color: #595959; font-size: 9px; font-weight: bold; padding-top: 9px; padding-right: 10px; padding-left: 5px; }
#nav_page_suivant a { position: relative; }
#droite .chaine a { font-size: 12px; font-weight: bold; line-height: 16px; display: block; margin-bottom: 3px; width: 206px; max-width: 200px; padding: 3px; border: solid 1px #404040; }
#droite .emission a { font-size: 12px; font-weight: bold; line-height: 16px; width: 196px; max-width: 190px; margin-bottom: 3px; margin-left: 10px; padding: 3px; border: solid 1px #404040; display: block; }
#droite .info_detail { color: #00335c; font-size: 9px; line-height: 9px; text-align: right; letter-spacing: 0; position: absolute; width: 20px; margin-top: -19px; margin-left: 185px; padding: 0 1px 0 0; }
#droite .info_detail a { color: #929292; font-weight: bold; cursor: pointer; }
#droite .info_detail a:hover { color: #FFFFFF; }
#gauche .vignette a:visited h1 { }
#gauche .vignette a:hover h1 { color: #fff; }
#gauche .vignette a:visited .image { background-image: url(images/badge_vu.png); position: absolute; width: 20px; height: 20px; margin-top: 4px; margin-left: 39px; }
#submit { color: #fff; background-image: url(images/form_bouton.gif); background-position: 0 0; height: 35px; border-width: 0; cursor: pointer; }
#submit:hover { color: #3dbbe2; }
#submit:active { color: #282828; }
#droite .tag { line-height: 20px; text-align: justify; margin-top: 10px; }
#droite .tag a { color: inherit; }
#droite .tag a:hover { text-decoration: underline; }
#droite .tag .actif a { text-decoration: underline; border-color: #008eff; text-shadow: 0px 0px 10px #008EFF; }
#gauche .texte { font-size: 13px; padding-left: 30px; }
#gauche .texte h1 { font-size: 20px; font-weight: bold; margin: 0 0 10px; padding: 0; }
#gauche .texte h2 { font-size: 16px; font-weight: bold; margin: 0 0 5px; padding: 0; }
.bas_titre { color: #797979; font-size: 11px; font-weight: bold; line-height: 22px; text-decoration: none; }
.bas_texte { color: #545454; font-size: 10px; font-weight: normal; text-decoration: none; }
.bas_texte p { margin: 0 0 3px; }
.bas_texte a { color: #797979; font-size: 10px; font-weight: normal; text-decoration: none; }
.bas_texte a:hover { color: #fff; text-decoration: underline; }
#gauche .aucune { text-align: center; width: 100%; margin-top: 30px; }
.rss a { color: #fff; font-size: 13px; font-weight: bold; }
.rss a:hover { color: #008eff; }
#largeur { padding-right: 15px; padding-left: 30px; }
#largeur .tag { line-height: 20px; text-align: justify; }
#largeur .tag a { color: inherit; }
#largeur .tag a:hover { text-decoration: underline; }
#droite .chaineOLD .actif a { color: #fff; background-image: url(images/form_bouton.gif); background-position: 0 -10px; width: 208px; max-width: 202px; padding-bottom: 3px; border-width: 0; text-shadow: 0px 0px 10px #FFFFFF; }
#droite .emission .actif a { color: #fff; background-color: #008eff; border-color: #008eff; text-shadow: 0px 0px 10px #FFFFFF; }
#droite .chaine .actif a { color: #fff; background-color: #008eff; border-color: #008eff; text-shadow: 0px 0px 10px #FFFFFF; }
#video { font-size: 12px; font-weight: normal; line-height: 14px; text-align: center; width: 300px; }
#video img { width: 298px; height: 204px; border: solid 1px #929292; }
#video .image_masque { background-image: url(images/image_masque_g.png); position: absolute; width: 300px; height: 206px; z-index: 5; border: 0 transparent; cursor: pointer; }
#video h1 { font-size: 19px; font-weight: bold; line-height: 21px; margin: 0; padding-top: 10px; padding-bottom: 10px; }
#video h2 { color: #595959; font-size: 12px; font-weight: bold; line-height: 16px; display: inline; }
.bloc_vignette_emission { overflow: auto; clear: both; margin-top: 45px; margin-left: 12px; }
.vignette_emission { color: #595959; font-size: 10px; font-weight: normal; line-height: 12px; text-align: center; width: 96px; height: 110px; float: left; }
.vignette_emission img { width: 80px; height: 55px; border: solid 1px #929292; }
.vignette_emission .img_plus { width: 80px; height: 55px; border: solid 1px black; }
.vignette_emission .image_masque { background-image: url(images/image_masque.png); background-position: -22px -16px; position: absolute; width: 82px; height: 57px; z-index: 5; margin-left: 8px; border: 0 transparent; cursor: pointer; }
.vignette_emission h1 { font-size: 10px; font-weight: bold; line-height: 11px; margin: 0; padding-top: 4px; padding-bottom: 4px; }
.vignette_emission h2 { color: #595959; font-size: 9px; font-weight: bold; line-height: 9px; display: inline; }
.redirection_iphone { font-size: 30px; font-weight: bold; background-color: #4b4b4b; position: relative; width: 100%; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 10px; padding-bottom: 10px; border-bottom: 3px solid #6e6e6e; }
.redirection_web { font-size: 11px; font-weight: bold; background-color: #4b4b4b; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 10px; padding-bottom: 10px; position: relative; width: 100%; border-bottom: 1px solid #6e6e6e; }
#signaler { visibility: hidden; display: none; }
#signaler label { color: #595959; font-size: 12px; font-weight: bold; line-height: 16px; margin-top: 5px; display: block; }
#signaler textarea { color: #595959; font-size: 12px; font-weight: bold; line-height: 16px; width: 260px; display: block; }
#signaler_merci { color: #fff; font-size: 18px; font-weight: bold; visibility: hidden; margin-top: 10px; display: none; }
.prive { margin-bottom: 10px; font-size: 13px; font-weight: bold; color: #66ff66; padding-bottom: 5px; padding-top: 5px; width: 100%; }

#fond_description { color: #4c4c4c; font-style: italic; margin-top: 40px; background-position: 0 20px; background-image: url(images/pied_fond_description.gif); letter-spacing: 1px; text-align: justify; padding-right: 15px; background-repeat: repeat-x; position: relative; top: 0; left: -10px; width: 868px; z-index: 1; max-width: 840px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-left: 35px; }
#fond_description .texte { margin-left: 48px; letter-spacing: 1px; text-align: justify; font-style: italic; color: #4c4c4c; word-spacing: 3px; font-size: 14px; }
#fond_description .citation_debut { position: absolute; padding-right: 10px; margin-left: -10px; margin-top: -20px; display: inline; font-family: "Trebuchet MS"; font-size: 80px; font-weight: bold; }
#fond_description .citation_fin { margin-left: 792px; margin-top: -40px; text-align: right; position: absolute; font-family: "Trebuchet MS"; font-size: 80px; font-weight: bold; }
