Apuestas Eurocopa 2012: nuestros consejos para apostar a la Eurocopa

*{ box-sizing: border-box; } html, body {height:100%;text-align:center;background:#efece2;color:#000;margin:0; background:url(images/bg_body.png)} #principal {text-align:left;margin:0 auto;padding:0;font-family: Arial, Helvetica, sans-serif;font-size:14px;max-width:1000px;height:auto;min-height:100%; padding-left: 20px; padding-right: 20px; position: relative; overflow: hidden;} .h1_accueil{height:auto;background-color:#fff;font-size: 17px;color:#00707c} a{ color:#de5603; text-decoration:none} a:hover{ text-decoration:underline} a img{border: none} a span { display: block} .fleche{width:9px; height:11px; vertical-align:middle; display:inline-block; background:url(images/fleche.png)} .fleche_blanche{width:7px; height:8px; vertical-align:middle; display:inline-block; background:url(images/fleche_blanche.png)} .voyant{ color:#655c4d} .bleu{ color:#00707c} .bleu2{ color:#004e56} .blanc{ color:#fff} .gris{color:#655c4d} .gris-fonce{color:#453f34} .orange{color:#de5603} .strong{ font-weight:700} .font11{ font-size:11px} .font12{ font-size:12px} .font14{ font-size:14px} .font16{ font-size:16px} .font18{ font-size:18px} .clear{ clear:both} .tableau{border:solid 1px #9BB50C;border-collapse:collapse;text-align:center} .tableau td{border:solid 1px #9BB50C;vertical-align:middle} #header{position:relative;width: 100%;padding:0; display: flex; justify-content: space-between; align-items: center;} #header2{position:relative;width:1359px;height:251px;background:url(images/header2_fr.png) scroll top no-repeat;margin:20px auto 0 auto;padding:0} #logo{width:219px; height:auto;clear:both} #baseline{color:#7a7161; font-size:16px} .pub{ max-width:468px; height:auto} .menu_haut{ padding: 0; font-size: 12px; display: flex; margin: auto; justify-content: flex-end; font-weight: bold; position: relative; right: -20px; top: 5px; } li .selected{display:block;background:url("images/hover.png") bottom center no-repeat;font-weight:normal;line-height:35px;margin:0px;padding:0px 25px;text-align:center;text-decoration:none;color:#000} .menu_haut a:hover, .menu_haut a:active, .menu_haut #en-cours a{background:url("images/hover.png") bottom center no-repeat;text-decoration:none; color:#ffaa30} .center{ background: #2b767e; display: flex; justify-content: space-evenly; align-items: center; width: 100%; height: 40px; position: relative; box-shadow: inset 0 -10px 5px -7px; } .center::after{ content: ''; display: block; border: solid 10px; border-left-color: #001012; border-top-color: #001012; border-right-color: transparent; border-bottom-color: transparent; position: absolute; right: 0; top: 100%; } .center a{ color: #ffffff; font-weight: 600; text-decoration: none; font-size: 1rem; display: flex; align-items: center; padding: 3px; height: 100%; } .left{ border: solid; border-left-width: 10px; border-top-width: 20px; border-right-width: 10px; border-bottom-width: 20px; border-right-color: #2b767e; border-bottom-color: #2b767e; border-left-color: transparent; border-top-color: transparent; position: relative; box-shadow: inset -5px 0 5px 5px; } .left::after{ content: ''; position: absolute; display: block; width: 18px; height: 5px; bottom: -20px; right: -10px; box-shadow: inset 0px -10px 5px -7px; } .slide{ border:#8db1b5 solid 1px; max-width:938px; margin: auto; height:auto; background-color:#fff; display: flex; justify-content: space-evenly; align-items: center;} .slide_image{height:auto;width: 70%;} .slide_image_contenu{position: relative;} .slide_image p{position:absolute;bottom:0;left:10px;color: #fff;font-size:14px;width: 100%; padding-left: 5px; padding-right: 5px;} .slide_image p a{color:#fff; text-decoration:none} .slide img{ display: inline-block; width: 100%; } .vignettes{display: flex; flex-direction: column; justify-content: center; font-size:17px; width: 30%;} .vignettes p{ margin:0; padding:18px 0 0 30px; list-style: none} .vignettes p a{ text-decoration:none} .vignette_on{ background:url(images/slide/bg_vignette_on.png) no-repeat; width:100%; height:71px;} .vignette_off{ background:url(images/slide/bg_vignette_off.png) no-repeat; width:100%; height:72px;} .vignette_on a{color:#FFF;} .vignette_off a{color:#333;} .content{ background:#FFF; width: 100%; height:100%; margin:0 auto; padding:0;} .contenu{width:100%; height:auto; margin:0 auto; padding:0 0 18px 0;display: flex; flex-wrap: wrap;} .gauche_accueil{ width:50%;margin:0; padding-left: 10px; padding-right: 10px;} .droite_accueil{ width:50%;margin:0; padding-left: 10px; padding-right: 10px;} .titre1{font-size:21px; color:#655c4d; height:auto; width:100%; border-bottom:#655c4d solid 1px; margin:0 0 18px 0; padding:8px 0; font-weight:500} .article1{clear:both; margin:0 0 15px 0; text-align:justify} .article2{clear:both; float:left; margin:0 0 35px 0; text-align:justify; height: auto; width:100%} .article3{clear:both; float:left; margin:0 0 25px 0; text-align:justify; min-height:113px; width:100%} .article1 p, .article2 p, .article3 p{margin:0 0 15px 0; padding:0; text-align:justify} .article2_container{ display: flex; flex-direction: row-reverse; align-items: center; } .ul{ width:620px; padding:0 0 0 20px} .suite{margin:0 0 20px 0; text-align:right} .suite a{color:#de5603; text-decoration:none} .bookmaker_accueil{ position:relative; background:url(images/bookmakers/bg_bookmaker_accueil.png) left no-repeat; height:62px; margin:0 0 32px 0} .bookmaker_accueil a{color:#de5603; text-decoration:none} .bookmaker_accueil a:hover{text-decoration: underline} .bookmaker_logo{width:99px; height:33px; position:absolute; top:10px; left:20px} .bookmakers_plus{ position:absolute; top:16px; left:125px; width:330px; margin:0; color:#00707c} .plus{margin:0 0 4px 0; padding:0 0 0 10px; background:url(images/plus.png) top left no-repeat; text-indent:12px} .profitez{ background:url(images/bookmakers/profitez.png); width:208px; height:18px; position:absolute; bottom:-15px; right:0} .profitez2{ background:url(images/bookmakers/profitez2.png); width:190px; height:23px; float:right} .book{ position:relative; background:url(images/bookmakers/bg_bookmaker_x3.png) left no-repeat; height:43px; width:325px; margin:0 0 4px 0} .book_logo{ position:absolute; top:3px; left:5px} .book_bonus{ position:absolute; top:6px; left:110px; width:146px; line-height:15px} .book_bonus span{ display:block; text-align:center} .book_pariez{ position:absolute; top: 15px; right:0; width:70px; height:20px; background: url(images/bookmakers/pariez.png)} .book_pariez a{ display:block} .palmares{width:100%; font-size:12px; clear:both} .haut_palmares{ width:100%; height:auto} .bas_palmares{ width: 100%; height: auto} .palmares a:hover{ text-decoration:underline} .match_prono{ position:relative; margin:0 0 17px 0; height:75px; width:455px; border:#8db1b5 solid 1px; background-color:#efefef;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px} .prono_eq1{ position:absolute; width:60px; height:60px; top:5px; left:5px} .prono_eq2{ position:absolute; width:60px; height:60px; top:5px; right:5px} .names_eq{ position:absolute; top:3px; text-align:center; width:100%} .le_prono{ position: absolute; top:25px; left:90px; text-align:center; width:270px; background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:#9cb2bc 1px solid} .p1{ margin:0 0 3px 0; padding:0; text-align:center} .p2{ margin:0; padding:0; text-align:center; font-size: 16px; } .container_favoris, .container_conseil{ display: flex; justify-content: center; align-items: center; margin-top: 20px; flex-direction: row-reverse; } .parier{ position:absolute; bottom:-12px; right:-10px; height:19px; width:126px; background:url(images/bookmakers/pariez_match.png)} .shadow{-moz-box-shadow: 0 0 5px #d7d1cd;-webkit-box-shadow: 0 0 5px #d7d1cd;box-shadow: 0 0 5px #d7d1cd} .shadow2{-moz-box-shadow: 0 0 5px #d7d1cd;-webkit-box-shadow: 0 0 5px #d7d1cd;box-shadow: 0 0 5px #d7d1cd} .book_pariez span{ display: none; } /* pages internes */ .img_intro{max-width:508px;height:auto} .intro{font-size:16px;color:#333;line-height:22px;margin:0 0 30px 0} .contenu2{width:100%; height:auto; margin:0 auto; padding:0 0 18px 0} .menu_gauche{width:247px; float:left} .contenu3{width:710px; float:left; margin:0; padding:0 0 0 10px} .contenu3bis{width: 100%; float:left; margin:0; padding:0 10px} .img_texte{float:left; margin:0 20px 0 0; padding:10px; border:#8db1b5 solid 1px} .img_texte2{float:right; margin:0 0 30px 30px; padding:10px; border:#8db1b5 solid 1px} .img_texte3{float:left; margin:0 25px 0 0} .img_bonus{float:right; margin: 0 0 30px 30px;} .menu_v_h{ width:247px; height:15px; background:url(images/menu_gauche_haut.png) no-repeat} .menu_v_b{ width:247px; height:9px; background:url(images/menu_gauche_bas.png) no-repeat; margin:0 0 10px 0} .menu_v_m{ width:247px; background:url(images/menu_gauche_milieu.png) repeat-y; padding:10px 0 0 0} .titre_menu{height:37px; width:226px; margin:0 0 30px 10px; padding:0 0 0 10px; font-weight:500; color:#23686f; background:url(images/bg_titre_menu.png) no-repeat left; line-height:35px} .titre_menu a{ color:#fff;text-decoration:none} .titre_menu a:hover{ color:#fff;text-decoration:none; padding: 0 0 0 1px} .menu_v_m ul{ margin:0; padding:0 0 0 30px; list-style:none} .menu_v_m li{ margin:0; padding:0 0 30px 0; list-style:none; color:#fff; font-weight:600} .menu_v_m li a{ color:#e48600; text-decoration:none} .menu_v_m li a:hover{ color:#ffaa30; padding: 0 0 0 1px} .titre2{ float:left; font-size:18px; color:#655c4d; height:auto; width:90%; border-bottom:#655c4d solid 1px; margin:0 0 20px 10px; padding:5px 0 0 0; font-weight:500} .titre3{ float:left; font-size:25px; color:#655c4d; height:auto; width:100%; margin:20px 0 20px 0; padding:5px 0 0 0; font-weight:300} .titre4{ float:left; font-size:20px; color:#655c4d; height:auto; width:95%; margin:20px 0; padding:5px 0 0 0; font-weight:300} .titre5{ float:left; clear:left; font-size:18px; color:#00707C; height:auto; width:95%; margin:0 0 10px 0; padding:5px 0 0 0; font-weight:300} .titre6{ font-size:18px; color:#fff; height:auto; line-height:37px; margin:0 0 10px 88px; padding:0 0 2px 0; font-weight:300;background:url(images/bg_titre_menu.png) no-repeat left} .etapes{ clear:left; width:90%; padding:10px 24px; margin:0 auto 25px auto; border:#f1efed solid 4px; min-height:37px} .etapes img{float:left; margin:0 20px 0 0; width:80px; height:37px} .bouton{clear:left;background:url(images/btn_m.png) repeat-x;height:31px; margin:0 auto 10px auto; padding:0; line-height:31px; width:35%; text-align:center} .bouton a{color:#de5603; font-weight:700; text-decoration:none; display:block} .bouton_g{ display:block; height:31px; width:9px;background:url(images/btn_g.png) no-repeat; float:left} .bouton_d{ display:block; height:31px; width:9px;background:url(images/btn_d.png) no-repeat; float:right} .suite a{ display: flex; align-items: center; } .pronostic{ clear:left; float:left; margin: 0 0 20px 0; padding:15px 15px 0 15px; border:#e9e8e7 solid 4px; text-align:center; width:97%} .prono_detail{clear:both; float:left; width:100%; margin:0 0 25px 0} .titre_prono{float:left; color:#655c4d; height:auto; width:100%; margin:0 0 5px 0; padding:5px 0 0 0; line-height:25px; font-weight:300; border-bottom:#655c4d solid 1px; background:url(images/bg_prono.png) repeat; text-align:center} .match_prono2{ clear:both; float:left; width:100%} .t_le_prono{width:60%; text-align:center; background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:#8db1b5 1px solid; padding:2px} .bloc_bg_blanc{width:100%; background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:#8db1b5 1px solid; text-align:center; padding:2px} .bloc_bg_blanc2{width:100%; background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;border:#8db1b5 1px solid; padding:2px} .btn-parier{width:70px; height:20px; background: url(images/bookmakers/pariez.png); display:inline-block} .gros_btn{text-align:center; margin:10px; padding:4px 8px;-webkit-border-radius:6px;border-radius:6px;border:#94af00 1px solid; background-color:#f6f3e8} .gros_btn a{display:block} .btn_big{ display:inline-block; width:607px; height:31px; background:url(images/pariez_big.png); text-align:center; margin:10px 0} .btn_big2{ width: 100%; margin: auto; background-color: #2c757d; border-radius: 5px; display: flex; justify-content: center; align-items: center; color: #fff; font-weight: 600; height: 40px; text-align: center; text-decoration: none !important; padding-left: 5px; padding-right: 5px; } .btn_big2:hover{ background: #de5603; } /* footer */ .footer{clear:both;background-color:#00606a;width:100%;height:auto;margin:0 auto;padding:0;font-size: 11px;text-align:center} .footer a{ text-decoration:none; color:#ffaa30} .footer a:hover{ text-decoration: underline} .footer p{ margin:0 auto; padding:10px; color:#fff} .footer h3{text-decoration:none;color:#FFF;font-size: 12px;font-weight: 700} .box{ display: none; } .item{ border: solid 40px #fff; border-left-color: transparent; border-bottom-color: transparent; position: absolute; top: 0; right: 0; z-index: 1; transition: border-width 0.3s linear 0s; } .activeItem{ border-width: 100vh; border-color: #fff; } .menu{ width: 300px; height: 400px; margin: auto; display: none; flex-direction: column; justify-content: space-around; align-items: center; transition: all 0.3s linear 0.3s; } .menuActive{ display: flex; position: relative; z-index: 1000; } .menu a{ text-decoration: none; font-weight: 600; font-size: 1.5rem; color: #00707c; text-align: center; } .burger span{ width: 30px; height: 5px; background: #00707c; position: absolute; z-index: 2; transition: all 0.3s linear 0.3s; } .burger span:first-child{ right: 10px; top: 10px; } .burger span:nth-child(2){ right: 10px; top: 20px; } .burger span:nth-child(3){ right: 10px; top: 30px; } .burgerActive span:first-child{ transform-origin: right top !important; transform: rotate(-45deg) translateY(5px) translatex(-10px) !important; width: 20px !important; } .burgerActive span:nth-child(3){ width: 20px !important; transform-origin: right bottom !important; transform: rotate(45deg) translateY(-5px) translatex(-10px) !important; } .principalActive{ height: 100vh !important; } .profitez span{ display: none; } .book_x3{ padding-right: 10px; margin-top: 10px; } @media screen and (max-width: 1024px){ .gauche_accueil, .droite_accueil{ width: 100%; } } @media screen and (max-width: 768px){ #header{ flex-direction: column; margin-bottom: 5px; } .menu_haut{ right: 20px; width: calc( 100% + 40px); } .left{ display: none; } .center::before{ content: ''; display: block; border: solid 10px; border-right-color: #001012; border-top-color: #001012; border-left-color: transparent; border-bottom-color: transparent; position: absolute; left: 0; top: 100%; } .slide_image{ display: none; } .vignettes{ width: 100%; } .vignette_off, .vignette_on { text-align: center; font-weight: 600; border-bottom: #8db1b5 solid 1px; border-top: #8db1b5 solid 1px; display: flex; justify-content: center; align-items: center; } .vignette_off{ background: linear-gradient(#f3f9f9,#eef6f6,#f4f9f9); } .vignette_on{ background: #de5604; } .vignettes p{ padding: 0; } .article2_container{ flex-direction: column; } } @media screen and (max-width: 600px){ .menu_haut{ display: none; } #principal{ padding: 0; } .box{ display: block; } .bookmaker_accueil{ position: relative; height: auto; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding-left: 10px; padding-right: 10px; border: #8db1b5 solid 3px; margin-bottom: 10px; padding-bottom: 10px; background: none; } .bookmaker_logo{ position: unset; } .bookmakers_plus{ position: unset; width: 100%; text-align: center; } .profitez{ position: unset; width: 200px; height: 40px; display: flex; justify-content: center; align-items: center; background: #de5603; text-align: center; border: #8db1b5 solid 3px; border-radius: 5px; font-weight: 600; } .profitez span{ display: block; color: #fff; } .container_favoris, .container_conseil{ flex-direction: column-reverse; } .img_texte{ float: none; display: block; margin: auto; } } @media screen and (max-width: 425px){ .book_pariez span{ display: block; color: #fff; font-weight: 600; } .book_x3{ width: 50%; padding: unset; } .book_logo{ position: unset; } .book{ position: unset; background: unset; height: auto; width: 100%; margin: 0 0 4px 0; display: flex; flex-direction: column; justify-content: space-between; align-items: center; border: #8db1b5 solid 3px; padding-bottom: 10px; padding-top: 10px; } .book_pariez{ position: unset; width: 80%; height: 40px; display: flex; justify-content: center; align-items: center; background: #de5603; text-align: center; border: #8db1b5 solid 3px; border-radius: 5px; font-weight: 600; } .book_bonus{ position: unset; width: unset; line-height: unset; } }