/***********************************************************************/ /********** GENERALITES ************************************************/ /***********************************************************************/ body {background-image:url(../img/fond_zebra_rouge.gif); background-position:center top; text-align:center} #container {width:990px; text-align:left; margin:0 auto; position:relative} #header {height:125px; position:relative; z-index:800} #contenu {margin-top:10px; position:relative; z-index:0} #contenu .top {font-size:2px; line-height:2px; height:8px; background-image:url(../img/contenu_fond_top.png)} #contenu .in {background-image:url(../img/contenu_fond_milieu.png); background-repeat:repeat-y; border-bottom:1px solid #a47d7f; padding-left: 10px} .col_230 {display:block; float:left; width:230px; margin-right:10px} .col_310 {display:block; float:left; width:310px; margin-right:10px} .col_410 {display:block; float:left; width:410px; margin-right:10px} .col_650 {display:block; float:left; width:650px; margin-right:10px} .col_970 {display:block; float:left; width:970px; margin-right:10px} .footer {clear:both; margin-right:10px} .logo_accueil {bottom:30px; display:block; left:-8px; position:absolute;} .logo_accueil_petit {bottom:31px; display:block; right:-8px; position:absolute;} .rouge {color:#e41e0a} .italique {color:#444444!important} .texte_fonce {color:#5E5F61!important} .texte_couleur {color:#e41e0a!important} .cadre_photo_gris {border:1px solid #666} .image_espace_v {margin:5px 0} .noborder {border:none!important; text-decoration:none!important} a.picto {display:inline-block; width:16px; height:16px; border:none; background-image:url(../img/pictos.png); background-repeat:no-repeat; margin-bottom:-3px} a.rss {background-position: 0 0} a.imprimer {background-position: -16px 0} a.btn {display:inline-block; background-image:url(../img/boutons.png); background-repeat:no-repeat; line-height:20px; border:none!important; text-decoration:none; text-align:center; font-size:11px; font-weight:bold; cursor:pointer; margin-right:10px} a.btn:hover {text-decoration:underline} a.btn.gris_120 {width:120px; background-position:0 0; color:#FFF} .cellpadding_5 td {padding:5px 5px 0 5px} .cellpadding_5 td p {margin-bottom:5px} .titre_fond_rouge {background-image:url(../img/blocs.png); background-repeat:no-repeat; background-position:top right; background-position:right -84px; margin-bottom:6px; display:block; padding-left:5px; height:20px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; font-size:12px; text-transform:uppercase; color:#FFF; line-height:24px} .titre_fond_rouge p {margin:0} h1 {font-family:Arial, Helvetica, sans-serif; font-size:22px; color:#e31818; font-style:italic; line-height:normal; margin-bottom:10px} h2 {color:#E31818; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-style:italic; line-height:normal; margin-bottom:8px} h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#5e5f61; line-height:normal; margin:0px 0 3px} h5, h6 {font-size:14px; font-weight:bold; color:#FFF; line-height:18px; padding:0 6px; background-image:url(../img/fond_matchs_accueil_menus.gif); background-repeat:repeat-x; border:1px solid #f4786E; text-transform:uppercase; margin:20px 0 10px} h6 {background-position:0 -60px; border:1px solid #AAAAAA} #container select, #container input, #container textarea {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666} .btn_fleche_suivant {background-image:url(../img/pictos.png); background-position:-50px -16px; background-repeat:no-repeat; width:25px; height:25px; float:left;} .btn_fleche_suivant:hover {margin:0 -2px 0 2px} .btn_fleche_suivant img {width:25px; height:25px} .btn_fleche_precedent {background-image:url(../img/pictos.png); background-position:-0px -16px; background-repeat:no-repeat; width:25px; height:25px; float:left; margin-right:6px} .btn_fleche_precedent:hover {margin:0 8px 0 -2px} .btn_fleche_precedent img {width:25px; height:25px} /****************************************************************************************/ /******** TOP ***************************************************************************/ /****************************************************************************************/ #header_top {display:block; position:relative; width:1008px; margin:0 -9px; color:#FFF} #header_top .contenu {background-image:url(../img/fond_barre_top.png); background-repeat:repeat-y; background-position:left bottom} #header_top .pied {background-image:url(../img/pied_barre_top.png); background-repeat:no-repeat; height:17px} .logo_top_grand {display:block; position:absolute; top:5px; left:18px} #bloc_login_grand {display:block; float:right; width:174px; margin-right:9px} #menu_top {margin-left:226px; background-image:url(../img/fond_barre_menu_top.png); background-repeat:no-repeat; width:554px; height:30px} #menu_top table {width:100%} #menu_top td {background-image:url(../img/menu_top_separateur.png); background-repeat:no-repeat; background-position:right top; margin:0; height:30px; line-height:30px; text-align:center; padding:0 10px} #menu_top td a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase} #header_top #pub {display:block; width:780px; margin:10px 0 0 0; text-align:right} /****************************************************************************************/ /******** MENU **************************************************************************/ /****************************************************************************************/ #menu {display:block; position:absolute; z-index:800; bottom:0; left:0px; width:990px; height:30px; background-image:url(../img/fond_menu_barre.png); background-repeat:no-repeat; cursor:default} #menu .ligne_principale {padding:1px 12px; width:100%; z-index:20} #menu .ligne_principale td {background-image:url(../img/menu_separateur.png); background-repeat:no-repeat; background-position:right top; margin:0; height:28px; line-height:28px; text-align:center; padding:0 18px} #menu .ligne_principale td, #menu .ligne_principale td a {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF; text-decoration:none; text-transform:uppercase} #menu .ligne_principale td .sous_menu {display:none; z-index:0} #menu .ligne_principale td:hover .sous_menu, #menu .ligne_principale td.ouvert .sous_menu {display:block; position:absolute; z-index:200; top:29px; left:0; width:990px; text-align:left} #menu .sous_menu h2 {background-image:url(../img/menu_principal_fond_haut.png); background-repeat:repeat-x; height:41px; padding-left:34px; margin:0} #menu .sous_menu h2, #menu .sous_menu h2 a {line-height:40px; font-size:20px; color:#FFF} #menu .sous_menu .suite_menu {background-image:url(../img/menu_principal_fond_bas.png); padding:0 0 30px 34px} #menu .sous_menu .suite_menu ul {display:block; float:left; width:145px; margin-right:10px} #menu .sous_menu .suite_menu li {display:block; background-image:url(../img/menu_principal_filets.png); background-position:-300px bottom; background-repeat:no-repeat; cursor:default; padding-bottom:1px} #menu .sous_menu .suite_menu li, #menu .sous_menu .suite_menu li a {color:#FFF; font-size:13px; font-weight:bold; color:#FFF; text-decoration:none} #menu .sous_menu .suite_menu li a {cursor:pointer; display:block; text-transform:none} /*#menu .sous_menu .suite_menu li a:hover {background-image:url(../img/menu_principal_filets.png); background-position:0px bottom; background-repeat:repeat-y}*/ #menu .sous_menu .suite_menu li a:hover {color:#FCC} #menu .sous_menu .suite_menu li.entete {background-position:-600px bottom; color:#520000} #menu .sous_menu .suite_menu li.entete a {color:#520000; text-transform:uppercase} #menu .sous_menu .suite_menu li.entete a:hover {color:#200} .site_test {display: block; position:absolute; top:72px; left:328px; font-size:14px; font-weight:bold; color:#FFF} /****************************************************************************************/ /******** BREADCRUMB ********************************************************************/ /****************************************************************************************/ .cale_breadcrumb {width:10px; height:4px} .breadcrumb {display:block; position:absolute; top:-6px; left:10px} .breadcrumb li {display:block; position:relative; float:left; padding:0 3px; margin-bottom:-6px} .breadcrumb li a {color:#e31818; font-weight:bold; text-decoration:none;} .breadcrumb li a:hover {border-bottom:1px dotted #e31818} /****************************************************************************************/ /******** BLOCS *************************************************************************/ /****************************************************************************************/ .bloc {margin-bottom:10px} .bloc .haut {height:25px; position:relative} .bloc .haut .coin {display:block; float:left; height:25px; width:10px; background-image:url(../img/blocs.png)} .bloc .haut .titre {display:block; margin-left:10px; height:25px; background-image:url(../img/blocs.png); font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; color:#FFF; line-height:26px} .bloc .milieu {position:relative; padding:0; border-left:1px solid; border-right:1px solid; z-index:0} .bloc .bas {height:10px; font-size:8px; line-height:8px} .bloc .bas .coin {display:block; float:left; height:10px; width:10px; background-image:url(../img/blocs.png)} .bloc .bas .pied {display:block; margin-left:10px; height:10px; background-image:url(../img/blocs.png)} /*--> Navigation */ .bloc .navigationParPages {display:inline-block; position:relative; margin:6px 6px 0 0; font-size:11px; line-height:15px; font-weight:normal; font-family:Verdana, Geneva, sans-serif} .bloc .titre .navigationParPages {display:block; float:right} .bloc .navigationParPages span {display:inline-block; margin:0 2px 0 1px; font-weight:bold;} .bloc .navigationParPages a {text-decoration:none} .bloc .navigationParPages a:hover {border-bottom:1px solid} /*------------------------------*/ .bloc .navigationParPages.blanc a {color:#FFF} .bloc .navigationParPages.blanc a:hover {border-color:#FFF} .bloc .navigationParPages.blanc span.current {background-image:url(../img/trame_blanc_90.png); color:#C00; padding:0px 3px} /*------------------------------*/ .bloc .navigationParPages.rouge a {color:#9c9c9c} .bloc .navigationParPages.rouge a:hover {border-color:#9c9c9c} .bloc .navigationParPages.rouge span.current {color:#e31818; padding:0px 3px} /**> Gris Moyen */ .bloc .haut.grismoyen .coin {background-position:0 -25px} .bloc .haut.grismoyen .titre {background-position:right -25px} .bloc .milieu.grismoyen {border-color:#b6b6b7; background-image:url(../img/fond_gris_transparent.png); color:#FFF} .bloc .bas.grismoyen .coin {background-position:0 -51px} .bloc .bas.grismoyen .pied {background-position:right -51px} /**> Rouge */ .bloc .haut.rouge .coin {background-position:0 0} .bloc .haut.rouge .titre {background-position:right 0} /**> Blanc */ .bloc .haut.blanc {height:10px} .bloc .haut.blanc .coin {background-position:0 -73px; height:10px} .bloc .haut.blanc .titre {background-position:right -73px; font-size:1px; line-height:3px; height:10px} .bloc .milieu.blanc {border-color:#c6c7c8; background-color:#FFF} .bloc .bas.blanc .coin {background-position:0 -62px} .bloc .bas.blanc .pied {background-position:right -62px} /**> Gris clair */ .bloc .haut.grisclair {height:9px} .bloc .haut.grisclair .coin {background-position:0 -105px; height:9px} .bloc .haut.grisclair .titre {background-position:right -105px; font-size:1px; line-height:3px; height:9px} .bloc .milieu.grisclair {border-color:#cacacb; background-color:#f3f3f3} .bloc .bas.grisclair {height:9px} .bloc .bas.grisclair .coin {background-position:0 -115px;height:9px} .bloc .bas.grisclair .pied {background-position:right -115px;height:9px} /**> Aucun */ .bloc .milieu.aucun {border:none; background:none} .bloc .bas.aucun {display:none} /****************************************************************************************/ /******** Tableaux **********************************************************************/ /****************************************************************************************/ .table_gris_blanc {font-size:10px} .table_gris_blanc tr {border:none} .table_gris_blanc th {font-size:11px; color:#626262; font-weight:bold; padding:1px; line-height:16px} .table_gris_blanc td {padding:1px 3px; color:#626262; font-weight:bold; vertical-align:middle} .table_gris_blanc .ligne_a {background-color:#f5f5f5; background-image:url(../img/fond_ligne_grise_tableau.png); background-repeat:repeat-x; border:none; border-top:1px solid #d4d4d5; border-bottom:1px solid #d4d4d5;} .table_gris_blanc .ligne_a.first {border-left:1px solid #d4d4d5} .table_gris_blanc .ligne_a.last {border-right:1px solid #d4d4d5} .table_gris_blanc .ligne_b {background-color:#ffffff; border:1px solid #ffffff; border-left:none; border-right:none;} .table_gris_blanc .ligne_b.first {border-left:1px solid #ffffff} .table_gris_blanc .ligne_b.last {border-right:1px solid #ffffff} .table_gris, .table_gris td, .table_gris th, .table_gris td b, .table_gris td strong {font-size:11px; color:#808080; vertical-align:middle; line-height:13px} .table_gris tr {height:38px; overflow:hidden;} .table_gris tr:first-child {height:24px} .table_gris td, .table_gris th {padding:0 2px 2px; background-image:url(../img/fond_tableau_gris_milieu.png); background-repeat:no-repeat} .table_gris td.first {background-image:url(../img/fond_tableau_gris_gauche.png); background-position:left top} .table_gris td.last {background-image:url(../img/fond_tableau_gris_droite.png); background-position:right top} .table_gris th {background-image:none; background-color:#FFF; overflow:hidden; height:20px} .table_gris td.actif {background-image:url(../img/fond_tableau_gris_milieu_actif.png)} .table_gris td.first.actif {background-image:url(../img/fond_tableau_gris_gauche_actif.png)} .table_gris td.last.actif {background-image:url(../img/fond_tableau_gris_droite_actif.png)} .table_gris td.actif, .table_gris td.actif b, .table_gris td.actif strong {color:#E31818} .table_gris tr td.equipe {color:#e31818; font-size:12px; font-weight:bold} /****************************************************************************************/ /******** ACTUALITES ********************************************************************/ /****************************************************************************************/ .liste_actus_moyen {padding:8px 8px 0 12px} .liste_actus_moyen a {display:block; border-top:1px solid #d4d6d7; padding:6px 0; text-decoration:none} .liste_actus_moyen a:first-child {border-top:none} .liste_actus_moyen a span {display:block; line-height:14px} .liste_actus_moyen a span.photo {float:left; width:100px; height:75px} .liste_actus_moyen a span.textes {margin-left:108px} .liste_actus_moyen a span.textes_grand {margin-left:1px} .liste_actus_moyen a span.titre {font-family:"Arial Black", Gadget, sans-serif; font-size:11px; color:#e31818} .liste_actus_moyen a span.chapeau {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#5a5b5c} .liste_actus_moyen a span.sous_titre_court {display:inline; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; color:#5a5b5c} .liste_actus_moyen a span.rubrique {display:block; margin:4px 0 0px 0; color:#FFF; font-size:11px} .liste_actus_moyen a span.resume {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888} .liste_actus_moyen a span.foot {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#888} .plus_actu {margin:4px 8px 0; text-align:right} .plus_actu .toutes {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#888;} .plus_actu .toutes:hover {color:#666} .plus_actu .toutes_breves {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFF;} .plus_actu .toutes_breves:hover {color:#F4F4F4} .plus_actu .toutes_blanc {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#FFF;} .plus_actu .toutes_blanc:hover {color:#EEE} .liste_actus_moyen a {border-color:#c4c6c7} .liste_actus_moyen a:hover {background-color:#f1f1f1; text-decoration:none} .listing_actus a span.titre {font-size:12px} .listing_actus a span.chapeau {font-size:12px; margin-bottom:1px} .listing_actus a span.resume {font-size:12px; margin-bottom:2px} .listing_actus a span.foot {font-size:12px} .listing_actus a span.foot span {display:inline} .listing_actus a span.foot b {text-decoration:underline} .liste_actus_moyen.blanc.tags .rubrique, .liste_actus_moyen.blanc.tags .sous_titre_court, .liste_actus_moyen.blanc.tags .foot {color:#888} .liste_actus_moyen.blanc.tags a:hover {background:none; background-color:#e8e8e8} .liste_actus_24h {padding:8px 8px 0 12px} .pagging_titre {display:block; position:absolute; z-index:40; top:0; right:12px; color:#DDD} .pagging_titre .current {color:#FFF} .liste_actus_24h table {border-bottom:1px solid #d4d6d7; width:100%; cursor:pointer} .liste_actus_24h table:hover {background-image:url("../img/fond_gris_transparent.png")} .liste_actus_24h table:last-child {border:none} .liste_actus_24h table td {vertical-align:middle; height:28px; padding:2px 0} .liste_actus_24h a {padding:2px 0; text-decoration:none; font-size:12px; color:#FFF; line-height:11px} .liste_actus_24h .date {width:44px; text-align:right} .liste_actus_24h .titre {text-align:left; line-height:13px} .liste_actus_24h .photo {width:51px} .liste_actus_24h img {/*display:block*/ vertical-align:middle} .liste_actus_24h .date {color:#e31818; font-size:11px; font-weight:bold} #widgets_accueil {display:block; margin-top:10px; z-index:0} #grand_slide_accueil {display:block; float:left; width:660px; height:350px; background-image:url(../img/fond_blang_widget_slide.png); background-repeat:no-repeat; marging:10px} #slideshow_accueil_news {display:block; width:640px; height:330px; margin:10px; overflow:auto} #slideshow_accueil_menu {height:auto; top:21px; right:20px} #slideshow_accueil_menu li {margin-bottom:4px} #slideshow_accueil_menu li img {border:1px solid #fff} #slideshow_accueil_news .fond_textes {display:block; position:absolute; bottom:0; left:0; width:640px; background-image:url(../img/trame_gris_zebra.png)} #slideshow_accueil_news a {text-decoration:none} #slideshow_accueil_news .textes {display:block; margin:7px 120px 7px 22px; color:#FFF} #slideshow_accueil_news .textes .titre {display:block; font-family:"Arial Black", Gadget, sans-serif; font-size:18px; color:#ff0000; text-transform:uppercase} #slideshow_accueil_news .textes .chapeau {color:#FFF} #slideshow_accueil_news .textes .resume {display:block; font-size:12px; line-height:13px; margin:5px 0 2px} #slideshow_accueil_news a:hover .resume {text-decoration:underline} #grand_slide_matchs {display:block; float:left; width:320px; height:350px; background-image:url(../img/fond_matchs_accueil.gif); background-repeat:no-repeat; margin-left:10px; overflow:auto} #slideshow_matchs_menu {width:300px; top:11px; left:14px; height:20px; background:none; border:0; padding:0} #slideshow_matchs_menu li {display:block; float:left; height:20px; text-align:center; margin-right:1px; line-height:20px; font-size:12px; text-transform:uppercase; font-weight:bold; background:none} #slideshow_matchs_menu li a {display:block; text-decoration:none; color:#FFF; background-image:url(../img/fond_matchs_accueil_menus.gif); background-position:0 -20px; line-height:20px } #slideshow_matchs_menu li.current a {background-position:0 0} #slideshow_matchs_menu li.current a:hover {background-position:0 0} #slideshow_matchs_menu li a:hover {background-position:0 -40px} #slideshow_matchs_news {width:320px; height:350px} #slideshow_matchs_news li {width:320px; height:350px} #slideshow_matchs_news li .panneau {padding:40px 0px 10px; text-align:center; color:#FFF} #slideshow_matchs_news li .panneau .logos {font-size:42px; color:#F00; font-family:"Arial Narrow", Tahoma, Geneva, sans-serif} #slideshow_matchs_news li .panneau table {width:280px} #slideshow_matchs_news li .panneau table.equipes {width:100%} #slideshow_matchs_news li .panneau table td {text-align:center; vertical-align:middle} #slideshow_matchs_news li .panneau td.logo {height:125px; width:118px} #slideshow_matchs_news li .panneau td.logo.d {text-align:right} #slideshow_matchs_news li .panneau td.logo.g {text-align:left} #slideshow_matchs_news li .panneau td.vs {font-family:"Arial Narrow",Tahoma,Geneva,sans-serif; font-weight:bold; font-size:45px; color:#e31818; line-height:60px} #slideshow_matchs_news li .panneau .equipes {font-family:"Arial Black", Gadget, sans-serif; font-size:17px;} #slideshow_matchs_news li .panneau .prochain.equipes {margin:5px 0 4px} #slideshow_matchs_news li .panneau .dernier.equipes {margin:5px 0 1px} #slideshow_matchs_news li .panneau .texte {line-height:15px} #slideshow_matchs_news li .panneau .prochain.widget {display:block; position:absolute; bottom:10px; left:0; width:320px} #slideshow_matchs_news li .panneau .score {font-family:"Arial Black", Gadget, sans-serif; font-size:21px; margin:2px 0 4px} #slideshow_matchs_news li .panneau .dernier.score {margin:8px 0 11px; line-height:normal; font-size:52px} #slideshow_matchs_news li .panneau .btn_resume {margin-bottom:5px} #slideshow_matchs_news .classement {width:280px; margin:6px 20px 0; text-align:left} #slideshow_matchs_news .classement td {border-bottom:1px solid #FFF; font-size:13px; line-height:20px} #slideshow_matchs_news .classement td.position {width:43px} #slideshow_matchs_news .classement td.equipe {text-align:left} #slideshow_matchs_news .classement td.points {width:40px} #slideshow_matchs_news .classement td.difference {width:40px} #slideshow_matchs_news .classement tr.nancy {background-image:url(../img/trame_classement.png); background-repeat:repeat-y} #slideshow_matchs_news .classement tr.nancy td {/*font-family:"Arial Black", Gadget, sans-serif; */font-weight:bold} #slideshow_matchs_news .lien_classement {display:block; position:absolute; right:20px; bottom:16px; padding-left:12px; background-image:url(../img/picto_fleche.png); background-position:0px 5px; background-repeat:no-repeat; color:#FFF; text-decoration:none} #slideshow_matchs_news .lien_classement:hover {text-decoration:underline} #slideshow_matchs_news .texte_libre p {margin-bottom:6px; line-height:normal} div.btns_prev_next {display:block; float:left; margin-left:43px} div.fle_prev_next {display:block; position:absolute; top:-22px; right:-2px; cursor:pointer} .liste_actus_moyen.tags {width:290px} .liste_actus_moyen.tags #tabs_actus {width:290px} .liste_actus_moyen.tags a {border:none; border-bottom:1px solid #d4d6d7} .liste_actus_moyen.tags a:hover {background-image:url("../img/fond_gris_transparent.png")} .liste_actus_moyen.tags a .titre {color:#e31818; margin-top:-3px} .liste_actus_moyen.tags a .sous_titre_court {color:#fff} .liste_actus_moyen.tags a .resume {color:#fff} .liste_actus_moyen.tags a .foot {color:#fff} /****************************************************************************************/ /******** ARTICLES **********************************************************************/ /****************************************************************************************/ .article {padding:7px 11px 2px 19px} .article h1 {} .article h2 {} .article h3 {} .article a {color:#666; border-bottom:1px dotted #666; text-decoration:none} .article a:hover {border-bottom:1px solid #666} .article b, .article strong {color:#626262} .article .image_a_droite {float:right; margin:0 0 2px 8px} .article .date {margin:-10px 0 6px 0; font-weight:bold; font-family:Arial, Helvetica, sans-serif} .article .date .jour {color:#e31818} .article .date .heure {color:#9c9e9f; font-size:11px} .article .date_bas {display:block; float:left; font-size:11px; color:#999; margin:-2px 0 0 39px} .article .entete {display:block; position:relative; padding-bottom:15px} .article .entete h2 {color:#5E5F61; font-size:16px} .article .entete table {height:200px} .article .entete table .enhaut {vertical-align:top} .article .entete table .enbas {vertical-align:bottom} .article .entete .photo {display:block; float:left; /*border:1px solid #9c9e9f;*/ margin-right:18px} .article .entete .chapeau {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#9c9c9c; font-style:italic; line-height:normal; margin-bottom:8px} .article hr.tirets {background:none; border-top:1px dashed #CCC; margin:20px 0 20px; clear:both} .article .contenu {display:block; position:relative; border:1px solid #9c9c9c; border-left:none; border-right:none; margin-left:40px; padding:22px 0 15px; color:#777; font-size:12px} .article .complement {clear:both; display:block; position:relative; padding:0 0 15px; margin-top:20px; } .article h2.sous_titre_espace {margin-left:40px; margin-bottom:6px; color:#5E5F61} .article .zone_grande_photo {position:relative} .article .grande_photo {display:block} .article .chapeau_photo {display:block; position:absolute; background-image:url(../img/trame_gris_zebra.png); bottom:0px; left:0px; width:560px; padding:10px 20px 10px 40px; color:#FFF; font-size:16px; font-style:italic; font-weight:bold; line-height:normal} .article .encart_droite {display:block; position:relative; float:right; border:1px solid #CCC; background-color:#f5f5f5; padding:12px; margin:0 0 3px 8px} .article .wysiwyg.multiColumn-screen {display:block; position:relative; padding:18px 0 0; margin:20px 0; border:1px dashed #CCC; border-left:none; border-right:none} .article .impression {display:block; clear:both; position:relative; text-align:right; margin:15px 2px -11px 0} .article .impression a {text-decoration:none; color:#AAA; font-size:12px; border:none; cursor:pointer} .article .impression a:hover {color:#666} .article .addthis {display:block; position:relative; text-align:right; margin:7px 2px 2px 0} .article .addthis .addthis_toolbox {float:right} .article .addthis .addthis_toolbox .at300bs {margin-left:8px} .article .addthis_toolbox, .article .addthis_toolbox a {text-decoration:none; color:#AAA; font-size:12px; border:none;} .article .addthis_toolbox a:hover {color:#666} .column {padding-bottom:20px} .gutter {/*gutter styles here*/} .multiColumn, .multiColumn-screen {} @media screen{ .multiColumn, .multiColumn-screen {display:block; position:relative} .multiColumn-print {display:none} } @media print{ .multiColumn, .multiColumn-print {display:block; position:relative} .multiColumn-screen {display:none} } /****************************************************************************************/ .une_col_plus_petite_col .contenu .grande_col {width:420px; float:left; text-align:justify} .une_col_plus_petite_col .contenu .petite_col {width:135px; float:right;} /****************************************************************************************/ /******** Mini Album ********************************************************************/ /****************************************************************************************/ #mini_album, #mini_album_v {display:block; position:relative; padding:0; width:310px; height:205px; margin:0 -1px} #mini_album_v {margin:0} #mini_album #slideshow_mini_album_news, #mini_album_v #slideshow_mini_album_news_v {display:block; width:310px; height:205px} #mini_album #slideshow_mini_album_menus, #mini_album_v #slideshow_mini_album_menus_v {background:none; background-image:url(../img/trame_gris_zebra.png); position:absolute; bottom:0px; left:0px; width:310px; height:46px; padding:0; border:none} #mini_album #slideshow_mini_album_menus li, #mini_album_v #slideshow_mini_album_menus_v li {float:left; margin:8px 0 0 11px} #mini_album #slideshow_mini_album_menus li img, #mini_album_v #slideshow_mini_album_menus_v li img {border:1px solid #FFF} a.lien_galerie {display:block; clear:both; font-size:12px; margin: 7px 11px 0 0; line-height:8px; color:#9C9E9F; font-weight:bold; text-align:right; text-decoration:underline} a:hover.lien_galerie {text-decoration:underline} #mini_album #slideshow_mini_album_btn_suivant, #mini_album #slideshow_mini_album_btn_precedent {display:block; position:absolute; z-index:500; top:10px; width:25px; height:25px; background-image:url(../img/pictos.png); background-repeat:no-repeat; cursor:pointer} #mini_album #slideshow_mini_album_btn_suivant {background-position:-50px -16px; right:9px} #mini_album #slideshow_mini_album_btn_suivant.invalide {background-position:-75px -16px} #mini_album #slideshow_mini_album_btn_suivant:hover {right:8px} #mini_album #slideshow_mini_album_btn_suivant:hover.invalide {right:9px; cursor:default} #mini_album #slideshow_mini_album_btn_precedent {background-position:0px -16px; right:44px} #mini_album #slideshow_mini_album_btn_precedent.invalide {background-position:-25px -16px} #mini_album #slideshow_mini_album_btn_precedent:hover {right:45px} #mini_album #slideshow_mini_album_btn_precedent:hover.invalide {right:44px; cursor:default} /****************************************************************************************/ /******** MINI LISTE ********************************************************************/ /****************************************************************************************/ .mini_liste {} .mini_liste a {display:block; float:left; text-decoration:none; border-bottom:none; margin-top:3px; margin-bottom:10px; margin-right:39px} .mini_liste a.dernier {margin-right:0} .mini_liste a:hover {border-color:#BBB; margin-bottom:10px} .mini_liste a img {border:1px solid #BBB;} .mini_liste a span.titre {display:block; color:#E31818; font-style:italic; font-weight:bold; font-size:13px} .mini_liste a span.resume {display:block; color:#9c9c9c; font-style:italic; font-weight:bold} /****************************************************************************************/ /******** GALERIE PHOTOS ****************************************************************/ /****************************************************************************************/ #galerie {display:block; position:relative; margin-left:9px; border:1px solid #c0c1c2; width:948px;} .galerie_fond {background-color:black; background-position:bottom left; text-align:left; color:#FFF} .galerie_tablePleinEcran {background-color:black} #btn_pleinecran {display:block; position:absolute; top:11px; right:10px; width:64px; height:48px; z-index:80; background-image:url(../img/galerie.png); cursor:pointer} .pleinEcranOff #btn_pleinecran {background-position:-124px 0} .pleinEcranOff #btn_pleinecran:hover {background-position:-124px -48px} .pleinEcranOn #btn_pleinecran {background-position:-188px 0} .pleinEcranOn #btn_pleinecran:hover {background-position:-188px -48px} .galerie_navigation {position:absolute; bottom:0; left:0; z-index:20; width:100%; height:50px; background-image:url(../img/trame_gris_zebra.png)} .galerie_navigation .bloc_gauche {display:block; position:absolute; top:5px; left:5px; width:249px; height:38px; background-image:url(../img/trame_noire_40.png); border:1px solid #828386} #btn_diaporamaOn, #btn_diaporamaOff {display:block; width:80px; text-transform:uppercase; font-size:11px; font-weight:bold; line-height:14px; text-align:center; float:left; padding:5px; margin-left:4px; cursor:pointer} #zone_compteur {display:block; position:absolute; top:6px; right:6px; z-index:50; width:136px; text-align:center; color:#9c9c9c; font-size:16px; font-weight:bold} #zone_slide {display:block; position:absolute; top:26px; right:6px; width:133px; border:1px solid #828386; font-size:1px; line-height:1px; height:1px; padding-right:3px; cursor:pointer} #zone_slide_poignee {display:block; background-color:#F00; width:4px; height:3px; margin:-1px 0 0; cursor:pointer;} #zone_slide_poignee:hover {border:1px solid #CCC; margin-top:-2px} #btn_precedent, #btn_suivant {display:block; position:absolute; width:62px; height:62px; z-index:80; margin-top:-31px; cursor:pointer; background-image:url(../img/galerie.png); background-repeat:no-repeat} #btn_precedent {left:10px; background-position:0 0} #btn_precedent:hover {background-position:0 -62px} #btn_suivant {right:10px; background-position:-62px 0} #btn_suivant:hover {background-position:-62px -62px} #zone_bandeau {display:block; position:absolute; bottom:0px; right:36px; width:620px; height:50px; overflow:hidden} #zone_bandeau .galerie_sous_bandeau {display:inline-block} #zone_bandeau .galerie_cadreImage {display:block; float:left; border:1px solid #828386; margin:6px 2px 0; width:56px; height:36px; overflow:hidden; cursor:pointer} #zone_bandeau .galerie_cadreImage:hover {width:58px; height:38px; margin:5px 1px -1px; border-color:#b2b3b6} #zone_bandeau .galerie_cadreImage.current {width:58px; height:38px; margin:5px 1px -1px; border-color:#F00} #btn_bandeauSuivant, #btn_bandeauPrecedent {display:block; position:absolute; bottom:8px; z-index:80; width:34px; height:34px; background-image:url(../img/galerie.png); background-repeat:no-repeat; cursor:pointer} #btn_bandeauPrecedent {right:657px; background-position:-252px 0px} #btn_bandeauPrecedent:hover {background-position:-252px -34px} #btn_bandeauPrecedent.invalide, #btn_bandeauPrecedent.invalide {background-position:-252px -68px; cursor:default} #btn_bandeauSuivant {right:2px; background-position:-286px 0px} #btn_bandeauSuivant:hover {background-position:-286px -34px} #btn_bandeauSuivant.invalide, #btn_bandeauSuivant.invalide {background-position:-286px -68px; cursor:default} #zone_legende {display:block; position:absolute; z-index:90; bottom:51px; left:0; width:100%; background-image:url(../img/trame_gris_zebra.png)} .legendeGaleriePhoto {padding:8px 10px 5px} .legendeGaleriePhoto .titre {font-size:14px; font-weight:bold; margin-bottom:3px} .galerie_photos .menu1 {display:block; position:relative; height:27px} .galerie_photos .menu1 ul {display:block; position:absolute; z-index:100; top:0; left:6px} .galerie_photos .menu1 ul li {display:block; float:left} .galerie_photos .menu1 ul li a {display:block; line-height:32px; font-size:12px; font-weight:bold; text-align:center; text-transform:uppercase; color:#FFF; width:166px; text-decoration:none; background-image:url(../img/galerie.png); background-position:-323px 0; background-repeat:no-repeat} .galerie_photos .menu1 ul li a:hover, .galerie_photos .menu1 ul li a.actif {background-position:-323px -32px} .galerie_photos .menu2 {display:block; position:absolute; top:5px; right:10px} .galerie_photos .menu2 select {display:block; border:1px solid #666; color:#666; font-size:12px; width:130px} .galerie_photos .menu2 select .selected {font-weight:bold} .ligne_galerie {display:block; position:relative; width:100%} .ligne_galerie li {margin:0; padding:0} .ligne_galerie li a {display:block; float:left; width:120px; height:111px; background-image:url(../img/galerie.png); background-position:-448px -74px; background-repeat:no-repeat; text-decoration:none} .ligne_galerie li a:hover, .ligne_galerie li a.actif {background-position:-328px -74px} .ligne_galerie li a .photo {display:block; background-color:#FFF; margin:10px 0 4px 10px; width:98px; height:74px} .ligne_galerie li a .textes {display:block; padding:0 0 0 10px; font-size:12px; font-weight:bold; color:#e4281e} /****************************************************************************************/ /******** FICHES JOUEURS ****************************************************************/ /****************************************************************************************/ #liste_joueurs {padding:20px 9px} #liste_joueurs .photo_principale {position:relative} #liste_joueurs .photo_principale img {display:block; border:1px solid #babbbc} #liste_joueurs .photo_principale .legende {position:absolute; bottom:1px; left:1px; background-image:url(../img/trame_gris_zebra_leger.png); width:628px; color:#FFF; padding:8px 0 7px} #liste_joueurs .photo_principale .legende img {display:block; float:left; margin:0 10px 0 35px; border:none} #liste_joueurs .photo_principale .legende .titre {display:block; margin-top:5px; font-size:24px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold} #liste_joueurs .photo_principale .legende .saison {display:block; margin-top:4px; font-family:Arial, Helvetica, sans-serif; font-family:Arial, Helvetica, sans-serif; font-size:16px; font-style:italic} #liste_joueurs .titre_fond_rouge {line-height:20px; border:1px solid red; margin:16px 0 10px} #liste_joueurs .liste {margin-left:30px} #liste_joueurs .liste .fiche {display:block; position:relative; float:left; width:190px; height:134px; margin: 0 0 10px 10px; background-image:url(../img/fond_liste_joueurs.png); background-repeat:no-repeat} #liste_joueurs .liste .fiche .photo {display:block; position:absolute; top:11px; left:11px} #liste_joueurs .liste .fiche .textes {display:block; position:absolute; top:13px; left:86px; width:100px} #liste_joueurs .liste .fiche .textes .nom {font-size:12px; color:#e31818; font-weight:bold; line-height:14px} #liste_joueurs .liste .fiche .textes .complement {font-size:12px; color:#626262; border-bottom:1px solid #626262; line-height:10px; font-style:italic; line-height:16px; width:92px} #liste_joueurs .liste .fiche .numero {display:block; position:absolute; top:103px; left:10px; width:34px; font-family:"Arial Black", Gadget, sans-serif; font-size:16px; color:#FFF; text-align:center} #liste_joueurs .liste .fiche a.btn {display:block; position:absolute; top:103px; left:85px;} #fiche_joueur {padding:15px 9px} #fiche_joueur .recap {padding:20px 0 16px} #fiche_joueur .stats {display:block; position:relative; float:left; width:180px; margin-right:20px; background-image:url(../img/fond_fiche_joueurs.png); background-repeat:no-repeat; height:356px; font-style:italic} #fiche_joueur .stats .numero {display:block; position:absolute; top:11px; left:11px; width:34px; font-family:"Arial Black", Gadget, sans-serif; font-size:16px; color:#FFF; text-align:center; font-style:normal} #fiche_joueur .stats .nom {display:block; position:absolute; top:6px; left:50px; width:128px} #fiche_joueur .stats .nom td {vertical-align:middle; height:28px; font-family:"Arial Black", Gadget, sans-serif; font-weight:bold; color:#e4221c; line-height:13px} #fiche_joueur .stats .resume {position:absolute; top:40px; left:10px; color:#9c9e9f; font-weight:bold} #fiche_joueur .stats .chiffres {position:absolute; bottom:9px; left:10px; color:#9c9e9f; width:160px} #fiche_joueur .stats .chiffres .titre {display:block; color:#646567; font-style:italic; font-weight:bold; border-bottom:1px solid #646464; line-height:14px; margin-bottom:2px} #fiche_joueur .stats .chiffres .ligne {display:block; line-height:17px} #fiche_joueur .stats .chiffres .ligne .gauche {display:block; float:left; color:#e4221c; width:35px; font-weight:bold} #fiche_joueur .stats .chiffres .ligne.separation {border-bottom:1px solid #adadad; padding-bottom:2px; margin-bottom:2px} #fiche_joueur .details {display:block; float:left; width:430px; margin-right:-10px; padding:0!important} #fiche_joueur .details .menus {border-bottom:1px solid #a4a4a4; margin-bottom:16px} #fiche_joueur .details .menus .menuTabs {display:block; float:left; background-image:url(../img/btns_fiche_joueur.gif); background-repeat:no-repeat; width:160px; height:28px; margin-right:2px} #fiche_joueur .details .menus .menu1 {background-position:0 0} #fiche_joueur .details .menus .menu1.current {background-position:0 -29px} #fiche_joueur .details .menus .menu2 {background-position:-160px 0} #fiche_joueur .details .menus .menu2.current {background-position:-160px -29px} #fiche_joueur .details .contenu {border:none; margin:0; padding:0} #fiche_joueur .details .contenu .table_gris_blanc td {padding:2px 1px} /****************************************************************************************/ /******** FICHE MATCH *******************************************************************/ /****************************************************************************************/ .fiche_match .contenu {border-top:none; padding-top:6px} .fiche_match .contenu h2 {margin-left:0; border-bottom: 1px solid #9C9C9C; font-size:22px} .fiche_match .petite_col {padding-top:0px; width:144px!important} .fiche_match .mini_stats {padding:0 9px; margin-bottom:-3px} .fiche_match .mini_stats h4 {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#e31818; padding: 14px 0 0; margin-bottom:0} .fiche_match .mini_stats h4:first-child {padding-top:0} .fiche_match .mini_stats p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9c9c9c; margin-bottom:2px; line-height:14px} .encart_fiche_match {margin:0 0 10px; width:310px; color:#FFF} .encart_fiche_match .haut {height:270px; background-image:url(../img/fiche_match_encart_haut.png); background-repeat:no-repeat; overflow:hidden} .encart_fiche_match .haut table {margin-top:10px; width:100%} .encart_fiche_match .haut table td {text-align:center; vertical-align:middle} .encart_fiche_match .haut table td.logo {height:125px; width:118px} .encart_fiche_match .haut table td.logo.d {text-align:right} .encart_fiche_match .haut table td.logo.g {text-align:left} .encart_fiche_match .haut table td.vs {font-family:"Arial Narrow",Tahoma,Geneva,sans-serif; font-weight:bold; font-size:45px; color:#e31818} .encart_fiche_match .haut table td.score {height:48px; font-family:"Arial Black", Gadget, sans-serif; font-size:48px; font-weight:bold} .encart_fiche_match .haut table td.equipes {height:22px; font-family:"Arial Black", Gadget, sans-serif; font-size:17px; font-weight:bold} .encart_fiche_match .haut table td.textes {font-weight:bold; line-height:16px} .encart_fiche_match .milieu {background-image:url(../img/fiche_match_encart_milieu.png); background-repeat:repeat-y; font-size:11px; line-height:13px; padding:0 10px; border:none} .encart_fiche_match .milieu table {width:100%} .encart_fiche_match .milieu table td {vertical-align:top} .encart_fiche_match .milieu table .equipe {font-family:"Arial Black", Gadget, sans-serif; font-size:12px; font-weight:bold; font-style:italic; border-bottom:1px solid #fff} .encart_fiche_match .milieu table strong {font-family:"Arial Black", Gadget, sans-serif; color:#FFF} .encart_fiche_match .milieu table .banc {font-weight:bold; border-bottom:1px solid #FFF; padding-top:8px} .encart_fiche_match .milieu table .col_gauche div, .encart_fiche_match .milieu table .col_gauche p {padding-left:6px} .encart_fiche_match .milieu table .col_droite div, .encart_fiche_match .milieu table .col_droite p {padding-left:16px} .encart_fiche_match .milieu .col_gauche, .encart_fiche_match .milieu .col_droite {width:47%} .encart_fiche_match .bas {font-size:2px; line-height:2px; height:10px; background-image:url(../img/fiche_match_encart_bas.png); background-repeat:no-repeat} /****************************************************************************************/ /******** CLASSEMENT ********************************************************************/ /****************************************************************************************/ #classement_ligue1 {padding:16px 10px 10px} #classement_ligue1 .pos {text-align:center; width:49px} #classement_ligue1 .njournee {text-align:center; width:43px} #classement_ligue1 .pts {text-align:center; width:43px} #classement_ligue1 .gain {text-align:center; width:43px} #classement_ligue1 .nul {text-align:center; width:43px} #classement_ligue1 .perte {text-align:center; width:43px} #classement_ligue1 .bp {text-align:center; width:43px} #classement_ligue1 .bc {text-align:center; width:43px} #classement_ligue1 .diff {text-align:center; width:43px} /*#classement_ligue1 td.gain, #classement_ligue1 td.bp {color:#00BA08} #classement_ligue1 td.nul {color:#F90} #classement_ligue1 td.perte, #classement_ligue1 td.bc {color:#EE3300} #classement_ligue1 td.diff, #classement_ligue1 td.njournee, #classement_ligue1 td.pts {color:#666}*/ /****************************************************************************************/ /******** WEBTV *************************************************************************/ /****************************************************************************************/ #webtv {display:block; position:relative; background-image:url(../img/webtv_fond.png); background-repeat:no-repeat; height:696px} #webtv .encours {display:none; position:absolute; z-index:1; border:none!important} #webtv .onglets {position:absolute; top:20px; left:19px; z-index:1} #webtv .onglets a {display:block; float:left; width:130px; height:23px; text-align:center; line-height:23px; color:#FFF; text-decoration:none; background-image:url(../img/webtv_onglets.png); background-repeat:no-repeat; font-weight:bold; text-transform:uppercase; font-size:11px; margin:0 4px 0 3px} #webtv .onglets a:hover, #webtv .onglets a.actif {background-position:0 -23px} #webtv .onglets .navig_tags {margin:3px 0 0 7px; color:#EEE; font-size:14px} #webtv .video {display:block; position:absolute; width:616px; height:349px; top:69px; left:34px; z-index:1} #webtv .dernieres {position:absolute; top:101px; left:698px; width:280px; height:310px; z-index:1} #webtv .dernieres a {display:block; position:relative; float:left; width:110px; height:106px; text-decoration:none; color:#FFF; font-size:10px; line-height:12px; margin-right:26px} #webtv .dernieres a.current .encours {display:block; top:42px; left:1px} #webtv .dernieres a img {border:1px solid #e9e9e9} #webtv .dernieres a:hover img {border:1px solid #ff0000} #webtv .dernieres a span {display:block} #webtv .dernieres a span.titre {font-weight:bold} #webtv .dernieres a span.sujet {font-style:italic} #webtv .dernieres a span.date {font-size:9px} #webtv .description {position:absolute; top:441px; left:31px; z-index:1} #webtv .description h1 {color:#cfd0d0; font-size:20px; font-style:normal; margin-bottom:1px} #webtv .description h1 .date {font-size:12px; color:#e31a19} #webtv .description .legende {color:#FFFFFF; font-size:12px; line-height:15px; width:931px} #webtv .description .legende p {margin-bottom:2px} #webtv #affich_bandeau {display:block; position:absolute; top:550px; left:63px; width:870px; height:135px; overflow:hidden} #webtv #affich_bandeau .vignette {display:block; position:relative; float:left; width:140px; margin-right:5px; height:135px} #webtv #affich_bandeau .vignette a {font-size:11px; font-weight:bold; color:#FFF; line-height:13px; text-decoration:none} #webtv #affich_bandeau .current .encours {display:block; top:57px; left:2px} #webtv #affich_bandeau .vignette .photo {display:block; border:1px solid #b5b3b3; margin-bottom:2px} #webtv #affich_bandeau .vignette a:hover .photo {border:1px solid #ff0000} #webtv #affich_bandeau .vignette .photo img {display:block; border:1px solid #ffffff} #webtv #affich_bandeau .vignette a:hover .photo img {border:1px solid #ff0000} #webtv #btn_bandeauSuivant, #webtv #btn_bandeauPrecedent {display:block; position:absolute; bottom:87px; z-index:80; width:34px; height:34px; background-image:url(../img/galerie.png); background-repeat:no-repeat; cursor:pointer} #webtv #btn_bandeauPrecedent {left:21px; background-position:-252px 0px} #webtv #btn_bandeauPrecedent:hover {background-position:-252px -34px} #webtv #btn_bandeauPrecedent.invalide, #webtv #btn_bandeauPrecedent.invalide {background-position:-252px -68px; cursor:default} #webtv #btn_bandeauSuivant {right:21px; background-position:-286px 0px} #webtv #btn_bandeauSuivant:hover {background-position:-286px -34px} #webtv #btn_bandeauSuivant.invalide, #webtv #btn_bandeauSuivant.invalide {background-position:-286px -68px; cursor:default} #webtv #webtv_zone_compteur {display:block; position:absolute; bottom:150px; left:903px; z-index:5; width:65px; text-align:left; color:#9c9c9c; font-size:16px; font-weight:bold} #webtv #titre_sujet {font-size:14px; font-weight:bold; color:#FFF; position:absolute; left:63px; bottom:149px} #webtv #webtv_zone_slide {position:absolute; bottom:157px; right:105px; width:172px; height:3px; font-size:1px; line-height:1px; cursor:pointer} #webtv #webtv_zone_slide_poignee {display:block; width:7px; height:3px; background-color:#F00; font-size:1px; line-height:0} /*--> Widgets --*/ .widget_webtv {display:block; position:relative; width:310px; height:240px; background-image:url(../img/webtv_fond_widget.png); margin-bottom:10px} .widget_webtv #widget_btn_bandeauSuivant, .widget_webtv #widget_btn_bandeauPrecedent {display:block; position:absolute; top:100px; z-index:80; width:34px; height:34px; background-image:url(../img/galerie.png); background-repeat:no-repeat; cursor:pointer} .widget_webtv #widget_btn_bandeauPrecedent {left:3px; background-position:-252px 0px} .widget_webtv #widget_btn_bandeauPrecedent:hover {background-position:-252px -34px} .widget_webtv #widget_btn_bandeauPrecedent.invalide, .widget_webtv #widget_btn_bandeauPrecedent.invalide {background-position:-252px -68px; cursor:default} .widget_webtv #widget_btn_bandeauSuivant {right:4px; background-position:-286px 0px} .widget_webtv #widget_btn_bandeauSuivant:hover {background-position:-286px -34px} .widget_webtv #widget_btn_bandeauSuivant.invalide, .widget_webtv #widget_btn_bandeauSuivant.invalide {background-position:-286px -68px; cursor:default} .widget_webtv .vignette {display:block; float:left; width:234px; height:175px} .widget_webtv .vignette a {font-size:12px; font-weight:bold; color:#cfd1d2; text-decoration:none; line-height:14px} .widget_webtv .vignette a .date {display:block; font-size:10px; color:#E31818} .widget_webtv .vignette .photo {display:block; margin-bottom:3px} .widget_webtv .vignette .photo img {display:block; border:1px solid #EEE} .widget_webtv .vignette a:hover .photo img {border:1px solid #E31818} .widget_webtv #widget_affich_bandeau {position:absolute; top:51px; left:39px; width:234px; height:175px; overflow:hidden; z-index:10} .widget_webtv .toutes {display:block; position:absolute; bottom:6px; right:10px; color:#d3d4d4; font-weight:bold; z-index:20} .widget_webtv a:hover.toutes {color:#FFF} /****************************************************************************************/ /******** FORMULAIRES *******************************************************************/ /****************************************************************************************/ .form_asnl p {color:#666} .form_asnl input, .form_asnl select {vertical-align:middle;} .form_asnl input, .form_asnl textarea, .form_asnl select {border:1px solid #BBB; background-color:#fafafa} .form_asnl span.erreurForm {display:block; color:#E31818;} .form_asnl label {display:block; float:left; width:160px} .form_asnl span.zoneChamp {display:block; margin-left:160px} .form_asnl div.submit {padding-left:190px} #container .form_asnl div.submit input {border:none; background:none; background-image:url(../img/boutons.png); background-repeat:no-repeat; color:#FFF; cursor:pointer; width:120px; height:20px; line-height:12px; font-weight:bold; padding-bottom:2px} #container .form_asnl div.submit input:hover {background-position:0 -24px} .form_asnl2 p {color:#666} .form_asnl2 form {margin-bottom:20px} .form_asnl2 h3 {padding:12px 0 4px; margin:0} .form_asnl2 .champ_form_creation {padding-bottom:4px} .form_asnl2 .champ_form_creation .erreur {color:#E31818} .form_asnl2 .champ_form_creation input, .form_asnl2 .champ_form_creation select {vertical-align:middle;} .form_asnl2 .champ_form_creation input, .form_asnl2 .champ_form_creation textarea, .form_asnl2 .champ_form_creation select {border:1px solid #BBB; background-color:#fafafa} .form_asnl2 .champ_form_creation .input {margin-left:160px; padding-right:23px; text-align:justify} .form_asnl2 .champ_form_creation span.erreurForm {display:block; color:#E31818;} .form_asnl2 .champ_form_creation .titre {display:block; float:left; width:160px; color:#666666} .form_asnl2 .champ_form_creation span.zoneChamp {display:block; margin-left:160px} .form_asnl2 .champ_form_creation .aide {display:block; position:relative; float:right; margin-right:-23px; width:16px; height:16px; background-image:url(../img/help2.png); background-repeat:no-repeat; text-decoration:none; border:none; cursor:help} .form_asnl2 .champ_form_creation .aide .text_aide {display:none} .form_asnl2 .champ_form_creation .aide:hover .text_aide {display:block; position:absolute; right:20px; top:20px; width:220px; border:1px solid #CCC; background-color:#FFF; padding:4px; z-index:500; text-align:justify} .form_asnl2 .champ_form_creation .legende {display:inline; font-style:italic; color:#999; font-size:0.9em; line-height:normal} .form_asnl2 .champ_form_creation .ligne_radio label {color:#666; margin-top:5px} #container .form_asnl2 button.save {margin-left:172px; border:none; background:none; background-image:url(../img/boutons.png); font-family:Arial, Helvetica, sans-serif; font-size:12px; background-repeat:no-repeat; color:#FFF; cursor:pointer; width:120px; height:20px; line-height:12px; font-weight:bold; padding-bottom:2px} #container .form_asnl2 button.save:hover {background-position:0 -24px} .formWidget {padding: 5px 10px 0pt; line-height:normal} .formWidget .champ_form_creation {margin:0 0 6px} .formWidget .titre {font-weight:bold} .formWidget .legende {font-style:italic} .formWidget .erreur {color:#E31818} .formWidget .input {margin-left:6px} .formWidget .ensemble_radio {padding:3px 0 0 2px} .formWidget .ligne_radio {margin-bottom:3px} .formWidget .ensemble_radio input {display:block; float:left; margin: 1px 3px 0 0} .formWidget .analyse_form_creation {margin-bottom:5px} .formWidget .analyse_radio {margin:2px 0 0 6px} .formWidget .ligne_option {position:relative; margin-bottom:5px; font-size:10px; line-height:10px} .formWidget .ligne_option .zone_barre {background-color:#b1b1b1} .formWidget .ligne_option .option {font-size:11px; line-height:11px} .formWidget .ligne_option .votes {position:absolute; top:13px; left:0} .formWidget .ligne_option .pourcentage {position:absolute; top:13px; right:0} .formWidget .ligne_option .barre {margin-top:1px; background-color:#929292; border-left:1px solid #999; height:12px} .formWidget button.save {background-image:url("../img/fond_matchs_accueil_menus.gif"); background-position:0 -60px; border:0 none; color:#FFFFFF; font-family:"arial black"; font-size:13px; font-weight:bold; height:19px; margin-left:6px; padding:0 12px; text-transform:uppercase; cursor:pointer} .formWidget button.save:hover {background-position:0 -21px} .formWidget button.save span {padding:0; background:none} .resultats {} .resultats .analyse_form_creation {margin:4px 0 10px 24px; font-size:11px} .resultats .analyse_form_creation .titre {margin: 0 0 2px -12px; font-size:12px; font-weight:bold; color:#E31818} .resultats .analyse_form_creation .analyse_radio .ligne_option {position:relative; height:30px} .resultats .analyse_form_creation .analyse_radio .option {color:#555; line-height:16px} .resultats .analyse_form_creation .analyse_radio .votes, .resultats .analyse_form_creation .analyse_radio .pourcentage {color:#fff; position:absolute; top:13px} .resultats .analyse_form_creation .analyse_radio .votes {left:2px} .resultats .analyse_form_creation .analyse_radio .pourcentage {right:2px} .resultats .analyse_form_creation .analyse_radio .zone_barre {background-color:#CCC; height:13px; width:100%} .resultats .analyse_form_creation .analyse_radio .barre {background-color:#666; height:13px} .formulaire {padding:7px 11px 2px 19px} /****************************************************************************************/ /******** FOOTER ************************************************************************/ /****************************************************************************************/ .table_partenaires {width:100%; margin:8px 0 14px;} .table_partenaires td {height:60px; background-image:url(../img/separateur_logos.png); background-position:left center; background-repeat:no-repeat; vertical-align:middle} .table_partenaires td.premier {background:none} .mentions_legales {font-family:Arial, Helvetica, sans-serif; color:#9C9E9F; text-align:right; padding-right:12px; font-size:11px} .mentions_legales a {color:#9C9E9F; text-decoration:none} .mentions_legales a:hover {text-decoration:underline} /****************************************************************************************/ /******** DIVERS ************************************************************************/ /****************************************************************************************/ .btn_fiche_match {display:block; margin:auto; background-image:url(../img/btn_fiche_de_match.png); width:94px; height:20px; overflow:hidden; cursor:pointer} .btn_fiche_match:hover {background-position:0px -20px} /****************************************************************************************/ /******** GRANDE IMAGE DE FOND **********************************************************/ /****************************************************************************************/ .image_fond_page {background-image:url(../img/fond_deco_01.jpg); background-repeat:no-repeat; background-position:center top; min-height:1000px}