/* Balises */ * {font-family:Arial, Helvetica, sans-serif; text-decoration:none} body {margin:0; padding:0; background:url(http://img1.vivofoot.com/fond.gif) #F9B907 no-repeat center top} html {margin:0; padding:0} h3 {color:#D21C1B} /* Fin Balises */ /* Layout */ #header {width:950px; height:150px; background:url(http://img1.vivofoot.com/header.gif) transparent no-repeat 4px 0; margin:0 auto; position:relative} #content {width:950px; background:#fff; margin:auto; overflow:hidden; min-height:600px; padding:0 0 25px 0; position:relative} #content #gauche {float:left; width:662px; padding:10px 0 0 28px} #content.rubrique #gauche {float:left; width:642px; padding:10px 20px 0 28px} #content #droite {width:260px; overflow:hidden; padding-top:10px} #footer {width:950px; height:175px; background:url(http://img1.vivofoot.com/footer.gif) no-repeat; margin:0 auto 20px auto; clear:both; position:relative; padding-top:120px} #preload {display:none} /* Fin Layout */ /* Titres */ h1.les_affiches {text-indent:-4000px; background:url(http://img1.vivofoot.com/sprites.png) 0 -920px; width:306px; height:32px; margin:0} h1.les_actualites {text-indent:-4000px; background:url(http://img1.vivofoot.com/sprites.png) 0 -889px; width:345px; height:32px; margin:0} h1.classement {text-indent:-4000px; background:url(http://img1.vivofoot.com/sprites.png) 0 -855px; width:302px; height:31px; margin:0 0 2px 0} h1.tribune {text-indent:-4000px; background:url(http://img1.vivofoot.com/sprites.png) 0 -1004px; width:213px; height:31px; margin:0} h1.top_actualites {text-indent:-4000px; background:url(http://img1.vivofoot.com/sprites.png) 0 -954px; width:234px; height:50px; margin:0 0 10px 0} /* Fin Titres */ /* Header */ #header img {position:absolute; margin:30px 0 0 34px; border:0} #header p {width:550px; height:55px; margin:16px 0 0 364px; position:absolute} #header ul {position:absolute; margin:62px 0 0 279px; list-style-type:none; padding:0} #header li {float:left} #header li a {float:left; display:block; width:111px; height:31px; background:url(http://img1.vivofoot.com/sprites.png) -1px -386px; text-align:center; color:#fff; font-weight:bold; font-size:16px; padding-top:30px; margin-right:2px} #header li#home a {width:78px; height:61px; background:url(http://img1.vivofoot.com/sprites.png) -900px -8px; padding-top:0; text-indent:-4000px; outline:0} #header li a:hover, #header li a:focus {background:url(http://img1.vivofoot.com/sprites.png) -595px -610px} #header li#home a:hover, #header li#home a:focus {background:url(http://img1.vivofoot.com/sprites.png) -675px -443px} #header li#contact a {position:absolute; display:block; width:65px; height:154px; background:url(http://img1.vivofoot.com/sprites.png) 0 -699px; text-indent:-4000px; padding:0; margin:98px 0 0 26px; outline:0} #header li#contact a:hover, #header li#contact a:focus {background:url(http://img1.vivofoot.com/sprites.png) 0 -157px} #header li#rss a {position:absolute; display:block; width:57px; height:57px; background:url(http://img1.vivofoot.com/sprites.png) -146px -260px; text-indent:-4000px; padding:0; top:36px; right:-60px; outline:0} #header li#rss a:hover, #header li#rss a:focus {background:url(http://img1.vivofoot.com/sprites.png) -146px -317px} /* Fin Header */ /* Footer */ #footer ul#liens {position:absolute; right:40px; list-style-type:none; padding:0; margin:0} #footer ul#liens li, #footer ul#liens li a {float:left; display:block} #footer ul#liens li a { width:31px; height:31px; text-indent:-4000px; outline:0; margin-left:6px; -moz-transition: -moz-transform 0.2s ease-in-out; -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } #footer ul#liens li a#facebook {background:url(http://img1.vivofoot.com/facebook.gif) 3px 4px no-repeat} #footer ul#liens li a#msn {background:url(http://img1.vivofoot.com/msn.gif) 3px 4px no-repeat} #footer ul#liens li a#twitter {background:url(http://img1.vivofoot.com/twitter.gif) 3px 4px no-repeat} #footer ul#liens li a#delicious {background:url(http://img1.vivofoot.com/delicious.gif) 3px 4px no-repeat} #footer ul#liens li a:hover, #footer ul#liens li a:focus { -moz-transform:scale(1.3) rotate(20deg); -webkit-transform:scale(1.3) rotate(20deg); transform:scale(1.3) rotate(20deg); } #footer ul#credits {list-style-type:none; padding:0; text-align:center; width:650px; margin:40px 0 0 60px} #footer ul#credits * {font-size:12px; color:#484747} #footer ul#credits li {padding:0 10px; margin:0; float:left; border-right:1px dashed #484747} #footer ul#credits li.dernier {border:0} /* Fin Footer */ /* Infos */ #infos {width:633px; height:95px; position:relative; margin:0 0 20px -20px; background:url(http://img1.vivofoot.com/sprites.png) -96px -698px} #infos.rub {width:293px; height:71px; position:relative; margin:0 0 20px -20px; background:url(http://img1.vivofoot.com/infos_rubrique.gif) no-repeat} #infos p {color:#d21c1b; font-size:16px; width:270px; margin:-4px 0 0 20px; text-align:center; position:absolute} #infos ul {list-style-type:none; margin:0 0 0 90px !important; padding:24px 0 0 0 !important; color:#fff; width:250px} #infos.rub ul {padding:20px 0 0 0 !important} #infos ul li {background:url(http://img1.vivofoot.com/sprites.png) -471px -797px !important; padding-left:20px; cursor:pointer; font-size:16px !important} #infos ul li:hover, #infos ul li:focus {background:url(http://img1.vivofoot.com/sprites.png) -471px -813px no-repeat !important; padding-left:20px; color:#fbcd4f} #infos ul li a {color:#fff !important; font-size:16px !important} #infos ul li a:hover, #infos ul li a:focus {color:#fbcd4f !important} #infos li#prochaine_grille, #infos li#carte_utilisateurs {background:none} #infos li#prochaine_grille a {width:326px; height:66px; background:url(http://img1.vivofoot.com/sprites.png) 0 -43px; display:block; position:absolute; margin:-90px 0 0 202px; text-indent:-4000px; outline:0} #infos li#prochaine_grille a:hover, #infos li#prochaine_grille a:focus {background:url(http://img1.vivofoot.com/sprites.png) -326px -43px} #infos li#carte_utilisateurs a {width:326px; height:47px; background:url(http://img1.vivofoot.com/sprites.png) 0px -108px; display:block; position:absolute; margin:-24px 0 0 202px; text-indent:-4000px; outline:0} #infos li#carte_utilisateurs a:hover, #infos li#carte_utilisateurs a:focus {background:url(http://img1.vivofoot.com/sprites.png) -326px -108px} #infos a#deconnexion {display:block; width:20px; height:21px; background:url(http://img1.vivofoot.com/sprites.png) -141px -217px; text-indent:-4000px; outline:0; margin:-6px 0 0 238px} #infos a#deconnexion:hover, #infos a#deconnexion:focus {background:url(http://img1.vivofoot.com/sprites.png) -141px -195px} /* Fin Infos */ /* Affiches */ #affiches {margin-bottom:22px; width:611px; height:377px; border:1px solid #4f4f4f; background:#c7c6c6; position:relative} #affiches #slide {width:503px; height:338px; border:1px solid #4f4f4f; margin:15px auto 0 auto; background:url(http://img1.vivofoot.com/pelouse.jpg); position:relative} #affiches #slide.actus {background:url(http://img1.vivofoot.com/actualites.jpg)} /* Pour le layout du carrousel, voir dans carousel.css */ #affiches h2 {font-size:18px; color:#fff; text-align:center; text-transform:uppercase; width:200px; position:relative; margin:0; padding-top:160px; background:no-repeat center 10px} #affiches h2.equipe1 {margin:0 0 0 50px} #affiches h2.equipe2 {margin:-184px 0 0 250px} #affiches h3 {padding:0 14px; font-size:18px; font-weight:normal; margin:35px 0 20px 0} #affiches #slide.actus h3 {margin:225px 0 20px 0} #affiches h3, #affiches h3 a {color:#484747} #affiches p {padding:0 14px; font-size:12px; text-align:justify} #affiches p.accroche {padding:0 150px 0 14px} #affiches p, #affiches p a {color:#484747} #affiches p a:hover, #affiches p a:focus {text-decoration:underline} .photo_actu_accueil {width:97px; height:97px; background:url(http://img1.vivofoot.com/cadre.png); padding:5px 0 0 5px; position:absolute; right:34px; bottom:22px} .photo_actu_accueil img {width:84px; height:84px} /* Fin Affiches */ /* Tribune */ #fond_tribune {width:243px; height:507px; background:url(http://img1.vivofoot.com/sprites.png) -763px -62px; margin-bottom:15px} #tribune {width:237px; height:494px; border:1px solid #8d8b8b; padding-top:8px} #tribune ul {list-style-type:none; padding:0; margin:0; height:473px; overflow:auto; width:224px} #tribune ul li {padding:0; margin:0} #tribune ul li blockquote {padding:8px; background:#f1f1f1; margin:0 8px 16px 8px; font-size:12px; color:#3c3c3c} #tribune ul li.line2 blockquote {background:#c7c6c6} #tribune ul li blockquote div.infos {margin:0 0 10px 0} #tribune ul li blockquote p {margin:0; clear:both} #tribune ul li blockquote p.infos {display:inline; float:left} #tribune ul li blockquote p cite {font-weight:bold; font-style:normal} #tribune ul li blockquote p cite a {color:#3C3C3C} #tribune ul li blockquote p cite a:hover, #tribune ul li blockquote p cite a:focus {color:#D21C1B} #tribune ul li span.maillot {display:block; width:43px; height:40px; overflow:hidden; margin-bottom:-8px} #tribune ul li span.maillot.jaune {background:url(http://img1.vivofoot.com/maillots/classement/jaune.png)} #tribune ul li span.maillot.vert {background:url(http://img1.vivofoot.com/maillots/classement/vert.png)} #tribune ul li span.maillot.pois {background:url(http://img1.vivofoot.com/maillots/classement/pois.png)} #tribune ul li span.maillot.blanc {background:url(http://img1.vivofoot.com/maillots/classement/blanc.png)} #tribune ul li blockquote p span.date {font-size:11px} #tribune p.ajouter_message {margin:4px 0 0 0; text-align:right; color:#d21c1b; padding-right:26px} #tribune p.ajouter_message a {color:#d21c1b; font-size:12px; font-weight:bold} #tribune p.ajouter_message a:hover, #tribune p.ajouter_message a:focus {color:#f9b907} #TB_ajaxContent a.fermer_fenetre {display:block; width:20px; height:21px; background:url(http://img1.vivofoot.com/sprites.png) -141px -217px; text-indent:4000px !important; outline:0; position:absolute; top:10px; right:10px} #TB_ajaxContent a.fermer_fenetre:hover, #TB_ajaxContent a.fermer_fenetre:focus {background:url(http://img1.vivofoot.com/sprites.png) -141px -195px} #TB_ajaxContent h1 {display:none} #TB_ajaxContent label {display:block; width:100%; margin:0 0 8px 8px; color:#fff} #TB_ajaxContent, #TB_ajaxContent * {font-size:12px} #TB_ajaxContent label span {float:left; clear:both; margin:0 0 8px 8px; display:block; width:120px} #TB_ajaxContent input.submit {width:83px; height:46px; background:url(http://img1.vivofoot.com/sprites.png) -97px -800px; border:0; color:#474747; cursor:pointer; position:absolute; right:20px; bottom:0; font-size:14px} #TB_ajaxContent input.submit:hover, #TB_ajaxContent input.submit:focus {background:url(http://img1.vivofoot.com/sprites.png) -180px -800px; color:#fff; width:82px} #TB_ajaxContent textarea {position:absolute; width:225px; height:88px; border:0} #TB_ajaxContent .textarea_ie {width:230px; height:93px; padding:10px; background:url(http://img1.vivofoot.com/sprites.png) -758px -574px; display:inline; margin:0 10px 0 0; clear:none; float:left} #TB_ajaxContent .smileys span {display:block; width:24px; height:24px; text-align:center; float:left} #TB_ajaxContent .smileys img {cursor:pointer} /* Fin Tribune */ /* Top actualités */ #top_actualites {border-left:1px solid #c8c8c8; border-top:1px solid #c8c8c8; width:224px; margin-left:1px; background:#c8c8c8; padding-right:10px; min-height:552px; position:relative; padding-bottom:20px} #top_actualites ol {list-style-type:none; padding:0; margin:0} #top_actualites ol li {padding:0 0 10px 6px; background:url(http://img1.vivofoot.com/separation_actu.gif) no-repeat 4px bottom; clear:both; overflow:hidden} #top_actualites ol.dernier li {background:none} #top_actualites ol span {font-size:11px; color:#2a2a2a} #top_actualites ol h2, #top_actualites ol h2 a {font-size:14px; color:#fff; margin:4px 0} #top_actualites ol span.aujourdhui {color:#D21C1B; font-weight:bold} #top_actualites ol h2 a:hover, #top_actualites ol h2 a:focus {color:#d21c1b} #top_actualites ol p {font-size:12px; color:#484747; margin:0; text-align:justify} #top_actualites ol div.visuel {background:url(http://img1.vivofoot.com/fond_visuel_actu.png); width:95px; height:96px; padding:5px 0 0 5px; margin:0 5px 0 0; float:left} #top_actualites ol div.visuel img {width:84px; height:84px} #top_actualites .toutes_actualites a {display:block; width:140px; height:25px; color:#4f4f4f; background:#f9b907; font-size:12px; text-align:center; line-height:25px; margin:0 0 0 94px; position:absolute; bottom:0} #top_actualites .toutes_actualites a:hover, #top_actualites .toutes_actualites a:focus {color:#fff; background:#4f4f4f} /* Fin Top actualités */ /* Fm de contact */ #fm_contact {width:401px; height:260px; background:url(http://img1.vivofoot.com/sprites.png) -369px -853px; position:absolute; top:10px; right:0; z-index:900; padding-top:40px} #fm_contact h1 {display:none} #fm_contact {color:#474747} #fm_contact, #fm_contact * {font-size:12px} #fm_contact label {display:block; width:100%; margin:0 0 8px 8px; color:#fff} #fm_contact label span {float:left; clear:both; margin:0 0 8px 8px; display:block; width:120px} #fm_contact input {width:230px; height:19px; line-height:23px; border:0; background:url(http://img1.vivofoot.com/sprites.png) -293px -651px; padding:4px 10px 0 10px} #fm_contact input.submit {width:83px; height:46px; background:url(http://img1.vivofoot.com/sprites.png) -97px -800px; border:0; color:#474747; cursor:pointer; position:absolute; right:20px; bottom:0; font-size:14px} #fm_contact input.submit:hover,#fm_contact input.submit:focus {background:url(http://img1.vivofoot.com/sprites.png) -180px -800px; color:#fff; width:82px} #fm_contact textarea {position:absolute; width:225px; height:88px; border:0} #fm_contact .textarea_ie {width:230px; height:93px; padding:10px; background:url(http://img1.vivofoot.com/sprites.png) -758px -574px; display:inline; margin:0 0 8px 0; clear:none} #fm_contact a.fermer {display:block; width:20px; height:21px; background:url(http://img1.vivofoot.com/sprites.png) -141px -217px; text-indent:-4000px; outline:0; position:absolute; top:10px; right:10px} #fm_contact a.fermer:hover, #fm_contact a.fermer:focus {background:url(http://img1.vivofoot.com/sprites.png) -141px -195px} /* Fin Fm de contact */ /* Rubriques */ #content.rubrique #gauche, #content.rubrique #gauche p, #content.rubrique #gauche a {font-size:12px} #content.rubrique #gauche h1 {background:url(http://img1.vivofoot.com/h1.png) no-repeat -4px 0; color:#D21C1B; padding:12px 0 0 130px; font-weight:normal; height:76px; width:528px; font-size:24px; margin-bottom:0} #content.rubrique #gauche h2 {background:url(http://img1.vivofoot.com/h2.png) no-repeat 0 3px; color:#f9b907; padding-left:42px; font-weight:normal; margin:20px 0; clear:both} #content.rubrique #gauche p {text-align:justify} #content.rubrique #gauche a {color:#D21C1B} #content.rubrique #gauche a:hover, #content.rubrique #gauche a:focus {color:#f9b907} #content.rubrique #gauche ul {padding:0; margin:0 0 0 12px} #content.rubrique #gauche li {list-style-type:none; padding:0 0 0 15px; margin:0; background:url(http://img1.vivofoot.com/li.png) 0 1px no-repeat} #content.rubrique #gauche #classement_accueil li#onglet_classement1 {background:url(http://img1.vivofoot.com/sprites.png) -612px -172px} #content.rubrique #gauche #classement_accueil li#onglet_classement2 {background:url(http://img1.vivofoot.com/sprites.png) -612px -298px} #content.rubrique #gauche #classement_accueil li#onglet_classement3 {background:url(http://img1.vivofoot.com/sprites.png) -312px 0} #content.rubrique #gauche #classement_accueil li#onglet_classement4 {background:url(http://img1.vivofoot.com/sprites.png) 0 0} #content.rubrique #gauche label {display:block} #content.rubrique #gauche label span {display:block; width:100px; float:left} /* Classement */ #classement_accueil ul {list-style-type:none; padding:0; margin:0 0 0 0 !important} #classement_accueil ul li {float:left; width:133px; height:41px; font-size:24px; color:#4f4f4f; line-height:41px; padding:0 0 0 20px !important; cursor:pointer} #classement_accueil ul li:hover, #classement_accueil ul li:focus, #classement_accueil ul li.actif {color:#fff} #classement_accueil ul li#onglet_classement1 {width:132px; background:url(http://img1.vivofoot.com/sprites.png) -612px -172px} #classement_accueil ul li#onglet_classement2 {background:url(http://img1.vivofoot.com/sprites.png) -612px -298px} #classement_accueil ul li#onglet_classement3 {background:url(http://img1.vivofoot.com/sprites.png) -312px 0} #classement_accueil ul li#onglet_classement4 {width:135px; background:url(http://img1.vivofoot.com/sprites.png) 0 0} /* Les :hover sons gérés en javascript... */ #classement_accueil div.classement {width:614px; clear:both; background:#c8c8c8; position:relative} #classement_accueil div.classement table {width:612px; background:#c8c8c8; color:#484747; font-size:11px; border-collapse:collapse} #classement_accueil div.classement table th {font-size:12px} #classement_accueil div.classement table td, #classement_accueil div.classement table th {border-bottom:1px dashed #fff; text-align:left; padding:8px 0 8px 15px} #classement_accueil div.classement table td.clair, #classement_accueil div.classement table th.clair {background:#d4d4d4} #classement_accueil div.classement table th.place {width:70px} #classement_accueil div.classement table th.points, #classement_accueil div.classement table th.grilles, #classement_accueil div.classement table th.bonus, #classement_accueil div.classement table th.affiches {width:80px} #classement_accueil div.classement .voir_classement {margin:0} #classement_accueil div.classement .voir_classement a {width:140px; height:25px; background:#d21c1b; line-height:25px; font-size:12px; text-align:center; margin:4px 0 0 474px; color:#fff !important; display:block} #classement_accueil div.classement .voir_classement a:hover, #classement_accueil div.classement .voir_classement a:focus {background:#f9b607} #classement_accueil div.classement table tr.limite td {border-bottom:1px dashed #D21C1B} #classement_accueil div.classement table td.current {background-image:url(http://img1.vivofoot.com/current.png); background-position:right; background-repeat:no-repeat} #voir_classement {margin:0 0 20px 0 !important} #voir_classement span {font-style:italic} /* Fin Classement */ /* Grilles */ .grille {border-collapse:collapse; width:648px} .grille th {height:41px; color:#fff; background:#f9b607; font-size:14px; font-weight:normal} .grille td {background:#c8c8c8; border-bottom:1px dashed #fff; padding:10px 0} .grille .logo {width:36px; text-align:center} .grille .equipe {width:190px} .grille .equipe a:hover span, .grille .equipe a:focus span {display:block !important; position:absolute; background:#fff; border:2px dashed #f9b607; width:160px; height:28px; padding:6px; margin:-65px 0 0 20px} .grille .versus {width:40px; text-align:center} .grille .equipe, .grille .equipe * {color:#484747 !important} .grille .equipe .infos span {display:none} .grille img {cursor:pointer} #classement_accueil div.classement.grille table {width:648px} .participants li {background:none !important; width:30%; float:left; line-height:50px !important; margin:5px 0 !important} .participants li img {border:1px dashed #F9b607; float:left; margin:0 10px 0 0; height:50px !important} /* Fin Grilles */ /* Commentaires */ p.pseudo {margin:10px 0 0 0} .haut_commentaire {width:645px; height:32px; background:url(http://img1.vivofoot.com/haut_commentaire.gif)} .commentaire {width:605px; background:url(http://img1.vivofoot.com/milieu_commentaire.gif); padding:0 20px; min-height:50px} .commentaire img.visuel_commentaire {float:left; margin:0 5px 5px 0} .commentaire p {margin:0} .bas_commentaire {width:645px; height:16px; background:url(http://img1.vivofoot.com/bas_commentaire.gif)} /* Fin Commentaires */ /* Actualités */ img.illustration {float:right; border:2px dashed #f9b607; width:200px; margin:0 0 15px 15px} div.avatar {float:left; margin:0 10px 10px 0; overflow:hidden} div.avatar img {border:1px dashed #f9b607} /* Fin Actualités */ /* Profil */ p.avatar {width:80px; height:90px; border:1px dashed #f9b607; float:left; text-align:center !important; margin:10px; padding:10px} p.avatar * {cursor:pointer} /* Fin Profil */ .inscription input {border:1px dashed #F9B907; color:#D21C1B} input.bt1 {width:78px; height:78px; background:url(http://img1.vivofoot.com/bt1.png); border:0; color:#fff; text-transform:uppercase; cursor:pointer; font-size:12px} input.bt2 {width:64px; height:64px; background:url(http://img1.vivofoot.com/bt2.png); border:0; color:#fff; text-transform:uppercase; cursor:pointer; font-size:12px} input.bt3 {width:92px; height:93px; background:url(http://img1.vivofoot.com/bt3.png); border:0; color:#fff; text-transform:uppercase; cursor:pointer; font-size:12px} #fil_actu_vivo {overflow:hidden} #fil_actu_vivo li {border:1px dashed #F9B607; float:left; height:90px; margin:10px !important; background:none !important; padding:10px !important; text-align:left !important; width:80px; position:relative} #fil_actu_vivo li:hover, #fil_actu_vivo li:focus {background:#F9B907 !important; cursor:pointer} #fil_actu_vivo li span.date {display:block; margin:0 0 0 0; font-style:italic; color:#D21C1B !important} #fil_actu_vivo li span.commentaires {display:block; margin:10px 0; position:absolute; bottom:0px; color:#D21C1B} #fil_actu_vivo li span.commentaires.aujourdhui {color:#D21C1B !important; font-weight:bold !important} #fil_actu_vivo li a {color:#000 !important} #fil_actu_vivo li a:hover, #fil_actu_vivo li a:focus {color:#D21C1B !important} #map_canvas {margin:20px 0} p.retour {clear:both; margin:30px 0} /* Panneau d'admin */ #panneau_admin a {position:fixed; top:200px; right:30%; width:200px; height:30px; background:url(http://img1.vivofoot.com/modifier.png); margin-left:-507px; left:50%; width:32px; height:154px; display:block; text-indent:-4000px} .erreur {color:#D21C1B; font-weight:bold} .loader {position:absolute; top:145px; left:190px; z-index:1000} ::-moz-selection {background:#D21C1B; color:#fff} ::selection {background:#D21C1B; color:#fff}