/* modif 2015-10-26 17:30 */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 100%; margin: 0; outline: 0 none; padding: 0; vertical-align: baseline; list-style: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; } img { display: block; } q { color: #bb1e23; } q::before { content:'« ' } q::after { content:' »' } table img { display: inline; } strong { font-weight: 700; } .rouge { color: #bb1e23; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } a.lien { color: #bb1e23; text-decoration: underline; } hr.clear { clear: both; visibility: hidden; margin: 0; padding: 0; border: 0; } ul.liste { margin: 1em 0 1em 10px; } ul.liste li { margin-left: 10px; list-style: disc outside none; } body { background: #000; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 14px; position: relative; overflow:auto; } .content { position: relative; z-index: 2; } @font-face { font-family: 'couture'; src: url('http://files.ogcnice.com/polices/couture-bold.eot'); src: url('http://files.ogcnice.com/polices/couture-bold.eot?#iefix') format('embedded-opentype'), url('http://files.ogcnice.com/polices/couture-bold.woff') format('woff'), url('http://files.ogcnice.com/polices/couture-bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'typograph_proextrabold'; src: url('http://files.ogcnice.com/polices/typograph_pro_extra_bold-webfont.eot'); } @font-face { font-family: 'typograph_proextrabold'; src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAgUABEAAAAADSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcYlKa6kdERUYAAAGcAAAAHQAAACAAQgAET1MvMgAAAbwAAABJAAAAYI9uAhFjbWFwAAACCAAAAHIAAAGKzLuL62N2dCAAAAJ8AAAAHAAAABwL6BETZnBnbQAAApgAAAGxAAACZVO0L6dnYXNwAAAETAAAAAgAAAAIAAAAEGdseWYAAARUAAAAsAAAAMR/A2neaGVhZAAABQQAAAAuAAAANgFVbZhoaGVhAAAFNAAAAB0AAAAkDzsF+GhtdHgAAAVUAAAAOgAAAFRAiAF9bG9jYQAABZAAAAATAAAALAMIA1RtYXhwAAAFpAAAACAAAAAgAS8AOm5hbWUAAAXEAAABUQAABBxkHIZmcG9zdAAABxgAAAB2AAAA09jCuPhwcmVwAAAHkAAAAHsAAACft2UZ/3dlYmYAAAgMAAAABgAAAAbgtVGxAAAAAQAAAADMPaLPAAAAAMg9ZuYAAAAAzdeRNHjaY2BkYGDgA2IJBhBgYmAEQhEgZgHzGAAFJgBHAAAAeNpjYGa6xKzAwMrAwjqL1ZiBgVEeQjNfZEhjYkAGDQwM6hwMDBwiUH5BZVExgwID7wMGNoZ/QD4nG5MckGJE0qLAwAgA79cJCQAAAHjaY2BgYGaAYBkGRgYQaAHyGMF8FoYMIC3GIAAUYQOyeBkUGGwY7BgWKHAp6CvEP2D4/x+sAyHOABdn/P/1/+P/J/4f/5/2gP3+4/tbFESg5mMBjEDTYZKMTECCCV0BxIm4AAsDK8PgAWxk6QIAVJYY7QAAAAAGLQYvAVwBUwFUAVwBWAFdAWgBaQBlAEQFEXjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaLY4xCsJAEEX/7GZ3CSgYLCzNglYBRVPYBNLkCvEEFh7JO1hl75FK0hniBWwDBrO4G5zq8+Yx88FQAOwiSnAo7CrCPjMqmL2PlRTPzHDmIirusfDYKDn/ZoY8TyMdbXWkCxbbDd3sVZTDvQhqAIQcLT+LNQSwpFVIKme6tw0lPbNTsk3vvQFtsPh7IZ1CGihxKxaPL3pQ4vyxGztMN93IVKauKw7ut8+f+gc4njSmeNpjYGRgYADi/Omz4uL5bb4yyHMwgMDZ6xNNkGk2YzZjBkcGDgYmEA8AH84JVgAAeNpjYGRg4GT7+4iBgYMBBNiMGRgZUIEoAD6YAkcAAAB42mN6w+DCwcDAwGwMwSwSDPYs/gy/wHxJBgY2JJpJkIGBsQeIOSCY4RiQtgXSERAaJAdSBwBTXAdBAAB42mNgYNCBQgeGMLwwCQB4mAZdAAABAAAAFQAIAAIAAAAAAAIAAQACABYAAAEAAC4AAAAAeNrVkr9OAkEQxn93h3+wsKAwxmpLTPByQGFEYyJGNDYSYjSWICgGFHOHRN/C8BzGR7DWV7Ly427VwrPRWJjL7Hw3+818OzsLzPOIh5PJAmNZgh2W9JdglxwPFntUebI4g++886dYdHyLpyk4NYtnuHdCi2epuK7FWQruhsVzjN2uxTl899XiZxa8vMUvBN4m2wy45o6QC87pMsSQ55Rl+RIBRZmhJYZhiz4dekQ0uaKtNVS0rthQ0QGjFE4Yx32705f/VIriv458R36ktS3mISeqecAuDeXU2Ys1GorscKusUJWrqtoXuyh+EH/rtotI6GuFJH8lpcL3aiaFfRSfNFIHA3VnrL75Q0Ujrck9NWXJTltnuIzvvqfYgLNfTubnuemZ6dz/9M7S5nCsrJbuejL34cfka7GKYZ+b+D0YVmUBa1QoizNZSx8dlt8A3OmgzQAAAHjabc07DoJAAIThGVbBN2piTbzBsopKSYIcBTQxhsbC0+vKTunffMk0gwhDnw4t/rUDGNHAIMOeI44ZM+GEU84454JLrphyzQ23cfd497c8eT3v1to6WNmfzg8yl04e5FEW8iTP8iJLWQVdEywGr/7nC9ZPJzIAAHja28H4v3UDYy+D9waOgIiNjIx9kRvd2LQjFDcIRHpvEAkCMhoiZTewacdEMGxgVnDdwKztsoFVwXUT8xwmbTCHBchhnQjhMG5ggyphV3DdxcDGyMDApL2R2a0MKMIBFmHRQYhwAnVyRMO5XCAFnEwIBZEbRLQB4B8sFwAAAVGx4LQAAA==) format('woff'), url('http://files.ogcnice.com/polices/typograph_pro_extra_bold-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .flag { width: 25px; height: 15px; display: inline-block; background:url('http://files.ogcnice.com/images/pages/menu/flags.png') no-repeat } .flag.flag-al {background-position: -25px 0} .flag.flag-am {background-position: -50px 0} .flag.flag-ao {background-position: -75px 0} .flag.flag-ar {background-position: -100px 0} .flag.flag-at {background-position: -125px 0} .flag.flag-au {background-position: -150px 0} .flag.flag-ba {background-position: -175px 0} .flag.flag-be {background-position: -200px 0} .flag.flag-bf {background-position: -225px 0} .flag.flag-bg {background-position: 0 -15px} .flag.flag-bo {background-position: -25px -15px} .flag.flag-br {background-position: -50px -15px} .flag.flag-by {background-position: -75px -15px} .flag.flag-ca {background-position: -100px -15px} .flag.flag-cd {background-position: -125px -15px} .flag.flag-ch {background-position: -150px -15px} .flag.flag-ci {background-position: -175px -15px} .flag.flag-cl {background-position: -200px -15px} .flag.flag-cm {background-position: -225px -15px} .flag.flag-cn {background-position: 0 -30px} .flag.flag-co {background-position: -25px -30px} .flag.flag-cr {background-position: -50px -30px} .flag.flag-cv {background-position: -75px -30px} .flag.flag-cy {background-position: -100px -30px} .flag.flag-cz {background-position: -125px -30px} .flag.flag-de {background-position: -150px -30px} .flag.flag-dk {background-position: -175px -30px} .flag.flag-dz {background-position: -200px -30px} .flag.flag-ec {background-position: -225px -30px} .flag.flag-ee {background-position: 0 -45px} .flag.flag-eg {background-position: -25px -45px} .flag.flag-es {background-position: -50px -45px} .flag.flag-et {background-position: -75px -45px} .flag.flag-fi {background-position: -100px -45px} .flag.flag-fr {background-position: -125px -45px} .flag.flag-ga {background-position: -150px -45px} .flag.flag-gb {background-position: -175px -45px} .flag.flag-ge {background-position: -200px -45px} .flag.flag-gh {background-position: -225px -45px} .flag.flag-gn {background-position: 0 -60px} .flag.flag-gq {background-position: -25px -60px} .flag.flag-gr {background-position: -50px -60px} .flag.flag-gw {background-position: -75px -60px} .flag.flag-hr {background-position: -100px -60px} .flag.flag-ht {background-position: -125px -60px} .flag.flag-hu {background-position: -150px -60px} .flag.flag-ie {background-position: -175px -60px} .flag.flag-il {background-position: -200px -60px} .flag.flag-in {background-position: -225px -60px} .flag.flag-is {background-position: 0 -75px} .flag.flag-it {background-position: -25px -75px} .flag.flag-jm {background-position: -50px -75px} .flag.flag-jp {background-position: -75px -75px} .flag.flag-ke {background-position: -100px -75px} .flag.flag-km {background-position: -125px -75px} .flag.flag-kr {background-position: -150px -75px} .flag.flag-lt {background-position: -175px -75px} .flag.flag-lv {background-position: -200px -75px} .flag.flag-md {background-position: -225px -75px} .flag.flag-me {background-position: 0 -90px} .flag.flag-mg {background-position: -25px -90px} .flag.flag-mk {background-position: -50px -90px} .flag.flag-ml {background-position: -75px -90px} .flag.flag-mx {background-position: -100px -90px} .flag.flag-ne {background-position: -125px -90px} .flag.flag-ng {background-position: -150px -90px} .flag.flag-nl {background-position: -175px -90px} .flag.flag-no {background-position: -200px -90px} .flag.flag-nz {background-position: -225px -90px} .flag.flag-pe {background-position: 0 -105px} .flag.flag-pl {background-position: -25px -105px} .flag.flag-pr {background-position: -50px -105px} .flag.flag-pt {background-position: -75px -105px} .flag.flag-py {background-position: -100px -105px} .flag.flag-ro {background-position: -125px -105px} .flag.flag-rs {background-position: -150px -105px} .flag.flag-ru {background-position: -175px -105px} .flag.flag-sa {background-position: -200px -105px} .flag.flag-se {background-position: -225px -105px} .flag.flag-si {background-position: 0 -120px} .flag.flag-sk {background-position: -25px -120px} .flag.flag-sl {background-position: -50px -120px} .flag.flag-sn {background-position: -75px -120px} .flag.flag-td {background-position: -100px -120px} .flag.flag-tg {background-position: -125px -120px} .flag.flag-tn {background-position: -150px -120px} .flag.flag-tr {background-position: -175px -120px} .flag.flag-ua {background-position: -200px -120px} .flag.flag-us {background-position: -225px -120px} .flag.flag-uy {background-position: 0 -135px} .flag.flag-yt {background-position: -25px -135px} .flag.flag-za {background-position: -50px -135px} .flag.flag-zm {background-position: -75px -135px} #wrapper { min-width: 1030px; zoom: 1; /*For ie6*/ position: relative; /*For ie6/7*/ overflow: hidden; margin: 0 auto; } .site { width: 1030px; margin: 0 auto; position: relative; overflow: hidden; /* background-color: #000; */ } footer { width: 1030px; position: relative; margin: 8px 0 55px; z-index: 2; } footer div.partenaires { width: 1030px; padding: 0px; background: #FFF; } footer div.partenaires h4 { text-align: center; text-transform: uppercase; font-size: 16px; color: #aaa; position: relative; overflow: hidden; } footer div.partenaires h4::before, footer div.partenaires h4::after { position: absolute; top: 51%; overflow: hidden; width: 80px; height: 1px; content: '\a0'; background-color: #ccc; } footer div.partenaires h4::before { margin-left: -90px; text-align: right; } footer div.partenaires h4::after { margin-left: 10px; text-align: right; } footer div.partenaires .rang3 h4::before, footer div.partenaires .rang3 h4::after { width: 125px; } footer div.partenaires .rang3 h4::before { margin-left: -135px; } footer div.partenaires .rang3 h4::after { margin-left: 10px; } div.partenaires .rang1, div.partenaires .rang2 { width: 515px; margin: 15px 0 10px; } div.partenaires .rang3 { width: 1030px; } footer div.partenaires div { display: inline-block; vertical-align: top; } footer div.partenaires li { background-image: url('http://files.ogcnice.com/images/pages/menu/partenaires-footer.png'); display: inline-block; text-indent: -3500px; overflow: hidden; } footer div.partenaires li a, footer .socials li a { display: block; width: 100%; height: 100%; } div.partenaires .rang1 li { width: 160px; height: 160px; margin: 0 25px; } /* Mutuelles du Soleil */ div.partenaires .rang1 li:first-child { background-position: 0 -160px; margin-left: 50px; } div.partenaires .rang1 li:first-child:hover { background-position: 0 0; } /* Burrda */ div.partenaires .rang1 li:last-child { background-position: 230px -160px; margin-right: 0; } div.partenaires .rang1 li:last-child:hover { background-position: 230px 0; } div.partenaires .rang2 li { width: 130px; height: 130px; margin: 15px 20px 0; } /* Ville de Nice */ div.partenaires .rang2 li:first-child { background-position: 0 -450px; } div.partenaires .rang2 li:first-child:hover { background-position: 0 -320px; } /* Conseil Général */ div.partenaires .rang2 li:nth-child(2) { background-position: 260px -450px; } div.partenaires .rang2 li:nth-child(2):hover { background-position: 260px -320px; } /* Metropole NCA */ div.partenaires .rang2 li:last-child { background-position: 130px -450px; margin-right: 0; } div.partenaires .rang2 li:last-child:hover { background-position: 130px -320px; } div.partenaires .rang3 li { width: 80px; height: 80px; margin: 15px 22px 5px; } /* Orange */ div.partenaires .rang3 li:first-child { background-position: 0 -660px; margin-left: 29px; } div.partenaires .rang3 li:first-child:hover { background-position: 0 -580px; } /* Winamax */ div.partenaires .rang3 li:nth-child(2) { background-position: 310px -660px; } div.partenaires .rang3 li:nth-child(2):hover { background-position: 310px -580px; } /* Pizzorno */ div.partenaires .rang3 li:nth-child(3) { background-position: 230px -660px; } div.partenaires .rang3 li:nth-child(3):hover { background-position: 230px -580px; } /* Crédit Agricole */ div.partenaires .rang3 li:nth-child(4) { background-position: 150px -660px; } div.partenaires .rang3 li:nth-child(4):hover { background-position: 150px -580px; } /* Allianz */ div.partenaires .rang3 li:nth-child(5) { background-position: 0 -820px; } div.partenaires .rang3 li:nth-child(5):hover { background-position: 0 -740px; } /* interactive option */ div.partenaires .rang3 li:nth-child(6) { background-position: 310px -820px; } div.partenaires .rang3 li:nth-child(6):hover { background-position: 310px -740px; } /* Qwant */ div.partenaires .rang3 li:nth-child(7) { background-position: 310px -900px; } div.partenaires .rang3 li:nth-child(7):hover { background-position: 0 -900px; } /* Nice-Matin */ div.partenaires .rang3 li:last-child { background-position: 150px -820px; margin-right: 0; } div.partenaires .rang3 li:last-child:hover { background-position: 150px -740px; } footer ul.mentions { position: absolute; bottom: -25px; left: 0; font-size: 11px; color: #FFF; } footer ul.mentions li { display: inline; } footer ul.mentions li:not(:first-child)::before { content: '\007c'; padding-right: 4px; } footer ul.mentions li a { color: #FFF; text-decoration: none; } footer ul.mentions li a:hover { color: #c00 } footer ul.socials { position: absolute; bottom: -44px; right: 0; } footer ul.socials li { display: inline-block; width: 32px; height: 32px; background-image: url('http://files.ogcnice.com/images/pages/menu/socials-footer.png'); text-indent: -3800px; overflow: hidden; margin-left: 2px; } /* Facebook */ footer ul.socials li:first-child { background-position: 0 0; } footer ul.socials li:first-child:hover { background-position: 0 -32px; } /* Twitter */ footer ul.socials li:nth-child(2) { background-position: 192px 0; } footer ul.socials li:nth-child(2):hover { background-position: 192px -32px; } /* Google+ */ footer ul.socials li:nth-child(3) { background-position: 160px 0; } footer ul.socials li:nth-child(3):hover { background-position: 160px -32px; } /* YouTube */ footer ul.socials li:nth-child(4) { background-position: 128px 0; } footer ul.socials li:nth-child(4):hover { background-position: 128px -32px; } /* DailyMotion */ footer ul.socials li:nth-child(5) { background-position: 96px 0; } footer ul.socials li:nth-child(5):hover { background-position: 96px -32px; } /* Instagram */ footer ul.socials li:nth-child(6) { background-position: 64px 0; } footer ul.socials li:nth-child(6):hover { background-position: 64px -32px; } /* Vine */ footer ul.socials li:last-child { background-position: 32px 0; } footer ul.socials li:last-child:hover { background-position: 32px -32px; } header { width: 1030px; height: 106px; position: relative; z-index: 3; } .arche header { margin-bottom: 123px; } #habillagepub { display: block; width: 100%; height: 1730px; position: absolute; left:0; top: 106px; background-position: center top; background-repeat: no-repeat; z-index:1; } .pavepub { width: 300px; height: 250px; } .skypub { width: 300px; height: 508px; } .degrade_dark { /* Internet Explorer */ *background: #0c0c0c; background: #0c0c0c\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF464646, endColorstr=#FF0c0c0c); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#464646), to(#0c0c0c) ); background-image: -webkit-linear-gradient( #464646, #0c0c0c ); background-image: -moz-linear-gradient( #464646, #0c0c0c ); background-image: -o-linear-gradient( #464646, #0c0c0c ); background-image: linear-gradient( #464646, #0c0c0c ); background-image: -ms-linear-gradient( #464646, #0c0c0c ); } .degrade_light { /* Internet Explorer */ *background: #838383; background: #838383\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFa4a4a4, endColorstr=#FF838383); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#a4a4a4), to(#838383) ); background-image: -webkit-linear-gradient( #a4a4a4, #838383 ); background-image: -moz-linear-gradient( #a4a4a4, #838383 ); background-image: -o-linear-gradient( #a4a4a4, #838383 ); background-image: linear-gradient( #a4a4a4, #838383 ); } .bloc_titre { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-align: center; font-size: 14px; color: #FFF; } #menu_univers { position: absolute; left: 80px; top: 0; height: 41px; } #menu_univers li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; float: left; line-height: 41px; position: relative; text-transform: uppercase; overflow: hidden; } #menu_univers a, #menu_shopping a { color: #FFF; text-decoration: none; display: block; padding: 0 15px; width: 100%; height: 100%; } #menu_shopping { float: right; height: 41px; overflow: hidden; } #menu_shopping li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; float: left; line-height: 41px; position: relative; text-transform: uppercase; border-right: 1px solid #FFF; } #menu_shopping li:first-child { border-left: 1px solid #FFF; } #searchbutton form#search { } /* #search input { width: 10px; transition: width 1s ease; } #search input:focus { width: 250px; } */ /* masquer temporairement l'identification */ header form { display: none; } header form#searchbox { display: block; } #searchbox input { border: 0 none; color: #fff; float: left; font-size: 13px; font-weight: 700; height: 20px; outline: 0 none; padding: 2px; width: 280px; margin-top: 5px; position: absolute; left: 5px; top: 4px; } #searchbox { overflow: hidden; width: 35px; height: 41px; float: right; border-left: 1px solid #FFF; border-right: 1px solid #FFF; position: relative; line-height: 41px; -moz-transition: 800ms width ease; -webkit-transition-duration: 800ms; -webkit-transition-property: width; -webkit-transition-timing-function: ease; -o-transition-duration: 800ms; -o-transition-property: width; -o-transition-timing-function: ease; } #searchbox label { cursor: pointer; display: block; width: 35px; height: 41px; position: absolute; right:0; top:0; z-index: 4; } #searchbox label span { cursor: pointer; display: block; width: 14px; height: 14px; position: absolute; left: 10px; top: 13px; background: url('http://files.ogcnice.com/images/pages/menu/icones.png') no-repeat -100px 0; } #searchbox:hover { width: 280px; } #connectbutton { display: none; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 12px; height: 41px; float: right; padding: 0 30px 0 10px; text-decoration: none; line-height: 41px; text-transform: uppercase; color: #FFF; text-align: center; position: relative; border-right: 1px solid #FFF; /* attente searchbox */ } #connectbutton span { background: url('http://files.ogcnice.com/images/pages/menu/icones.png') no-repeat -180px 0; display: block; width: 14px; height: 15px; position: absolute; right: 10px; top: 11px; } #connectbutton p { line-height: 12px; } #connectbutton p:first-of-type { margin-top: 8px; margin-bottom: 4px; } #connectbutton p:last-of-type { font-size: 9px; } #main_menu { height: 64px; width: 930px; padding-left: 100px; border-top: 1px solid #DCDCDC; position: absolute; left: 0; bottom: 0; } #main_menu > li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; display: inline-block; vertical-align: top; margin: 0 12px; height: 64px; text-transform: uppercase; font-size: 15px; letter-spacing: 0.1px; line-height: 64px; } #main_menu li.facebook, #main_menu li.twitter { height: 38px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAABMCAYAAAAShYVmAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDVDRjQ3N0FDRjkyMTFFMjlDMUNDNTYxMkY0MzRFMTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDVDRjQ3N0JDRjkyMTFFMjlDMUNDNTYxMkY0MzRFMTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NUNGNDc3OENGOTIxMUUyOUMxQ0M1NjEyRjQzNEUxNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NUNGNDc3OUNGOTIxMUUyOUMxQ0M1NjEyRjQzNEUxNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuULyGQAAAT4SURBVHja7JppbA1RFMfnPY9aYmk/CBE7tcS+Rewae9qiQURQKUGI2CW2EDtBfGqIqF2klg9CLMGXImJr0BCEFJUSSxHLa0qf/9XzYoyZ92bunDva5J3kl5f3Zu6d/5y5c++55zxfKBTSPLR2YCsY5rYjv8lvo8ENUAxCOjhsPTjP0pPwuI5RIWvTXNIb5IM4hr7+EX5VofAckM4hWhAwPIDOhu+HwS2GB5sC6oCDbG+L4U6MFs/gHT+4D5K5vC3wR7svBt9MBh/Bac7pKTxUdlgc30izi7B5Ev3HgdVgAve86qN5PJpni0CCRP8LQH8wklt4wOZ5ryX6rgWWgCQVK5nf5nkFEn0L0WfBAxXCw0Oljm5I6K0J+ARKwFcH/dYDeaALeKFSuNUsEk8zglPLBN/BQlVBT0BBny3AWNBaZbTmV9DnOppe36sUzu3xrqAvyFAdH3N7fCN5/FtFEj6IZqHdXuxIuIT7yNsrwI+KJHwsfR7zag8YYOpDjOtZjFs8x8J9En1MA/ngope7brcBfXXwCnSVaNs4yvEe4BooBUVgO6gJUsBgt8KXgaMS7dqBApBocVz8/sVkRyZu4h7o6UZ0AngLWkq0HUFCPoA0k+OZETbtX8EUN8K30QVk2jY3iLkEUnWpiwsRhC82S0/YpSF4B+pLtq8CDpqI+g5ugjcRhA80S0/YtTVgJyiUbD8YdKfpUz+TVQXdorQtNIvH7VhbcBm0ok2GjNWiDUZth+1ExFkXlMqsnGJp3+JCtLDPlLYodtjujBAtM4/3ovxfVYakjugjC5SE7Ftnuwkho22mPEmQYe0LOgw7RByUK7NyJlMqrRJjKq0yWAueRvF0Pq0bltnaaPm/VM78n26VPB5BtLipFtHSzFakU5qYS+wYcADcoWXcyvYbPe1EeBw9qj7Mnu4LdoGHIEhCg3QzWymesWxvZx6fDwaoyP+p3kgMBYu0cmZ2psNhlE7jMFF1O6fE420y9oiq21LQEVQJ//4wa6qP4XpsVbeAQfQofJxU9HR7kzPGqRgqixUOy01glUR8YmuoVJiqm1F4NcP3ORjbRQxPdQO9N6VezSrltur2ewHCSxmuus01HN8ZHpPwvGzV7ZFWVnW7pmIBmmtxfCZ9iuEiI3w2uMst2kksHKu6cXs8Xjck9NZE+1N1c2L1aJh1UbUo/BUd4iX9p+qGlzJWdSuPiX29xapuXno8VnXzSnis6ubly/lfqm4+hr+oihUyDQzxcpfvVnh18ASkgtuOLpytNQ6N055HON6D1oOeFHbspa3fABB0K3wZ6ADGOxQdTlMkQfxjk+OJ+LgDaphsbESqZLqbl1P8K05kuVZKtG0EGoDrEJlmcnyeiejw7NVchBNuhC+nWeSJRNtHuqj0BMRfAqkgThfvWNlqPKV9srNKQ5AO2ku2fwkOgYn0PYkIQnwePREru+VmOvzvVTcZ4aLqNlwrq7rJWg5tNpym9UTE+Vh25XRddcMYla66oW2pjPBeWln+L5NhDbkAjjiMbXbIxipsVTd4znHVDW1yZWKVZI37X/eaNgO8ooRRswjnPdfleBx53E9jW8zdP7lUw4Ml5IjcCKc9E7E+zv0gEx1O0sryf6dYAqRsbQzFN2Lp7xRhdjkgVmejaLtBVjj/JxaLK2zRXfbvvanosx9oStcppgSS+JPDPgjOcxMdxqpunPZLgAEAeY6EaoUbnL8AAAAASUVORK5CYII=); text-indent: -100px; overflow:hidden; position: relative; top: 13px; } #main_menu li.facebook { width: 29px; margin-left: 70px; margin-right: 0; position: absolute; right: 17px; } #main_menu li.twitter { width: 17px; background-position: -30px 0; margin-left: -5px; margin-right: 0; position: absolute; right: 0; } #main_menu li.facebook:hover { background-position: 0 -38px; } #main_menu li.twitter:hover { background-position: -30px -38px; } #main_menu li.facebook:hover:after, #main_menu li.twitter:hover:after { background-color: transparent; } #menu_univers li:hover::after, #menu_univers li.current::after, #menu_shopping li:hover::after { content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #FFF; } #main_menu > li > a { text-decoration: none; color: #FFF; display: inline-block; width: 100%; height: 100%; } #main_menu li.facebook a, #main_menu li.twitter a { display: block; width: 100%; height: 100%; } header .logotitre { position: absolute; left: -44px; top: 0; z-index: 999; } aside.col .module { width: 100%; margin-bottom: 8px; position: relative; } aside.col .module:last-of-type { margin-bottom: 0px; } .fullwidth + aside.col { display: none; } .unecol + aside.col { display: none; } .billetterie, aside .filinfos ~ .billetterie { margin-top: 8px; } .billetterie, aside .filinfos ~ .module { margin-top: 8px; } .fondblanc { background: #FFF; } .module.billetterie { height: 250px; margin-top: 0; margin-bottom: 10px; background-color: #FFF; } aside.col { width: 300px; display: table-cell; vertical-align: top; } ul.breadcrumb { position: absolute; z-index: 499; left: 120px; bottom: -40px; font-size: 12px; text-transform: uppercase; height: 18px; line-height: 18px; } .arche ul.breadcrumb { bottom: -163px; left: 15px; } ul.breadcrumb li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; color: #da2128; display: inline-block; } ul.breadcrumb li + li:before { content: '> '; color: #333; } ul.breadcrumb li a { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; text-decoration: none; color: #333; } ul.breadcrumb.effectif.pros li a, ul.breadcrumb.albums-photos.pros li a, ul.breadcrumb.albums li a, ul.breadcrumb.palmares li a { color: #FFF; } ul.breadcrumb.effectif.pros li + li:before, ul.breadcrumb.albums-photos.pros li + li:before, ul.breadcrumb.albums li + li:before, ul.breadcrumb.palmares li + li:before { content: '> '; color: #FFF; } ul.breadcrumb li a:hover { text-decoration: underline; } section.ogcnicetv { background-color: #101010; } .contenu { display: table-cell; } .contenu > .troiscol { width: 358px; padding-right: 7px; display: table-cell; vertical-align: top; } section.largecol { position: relative; width: 700px; background: #FFF; padding: 50px 11px 20px 12px; border-top: 7px solid transparent; border-right: 7px solid transparent; background-clip: padding-box; } .modulehome { width: 358px; margin-bottom: 8px; } .modulesimple { height: 250px; position: relative; } .modulemini { height: 185px; } .moduledouble { height: 508px; position: relative; } .modulelast { margin-bottom: 0; } .modulesimple h4, .moduledouble h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; color: #FFF; text-transform: uppercase; } div.modulephotos { overflow: hidden; } div.modulematchs { background-color: #000; overflow: hidden; height: 336px; } div.modulematchs h2 { margin:0; } div.modulepub { } .pubhome { display: none; } .modulepub .pubhome { display: block; } .modulesocials { list-style: none; } .modulesocials li { width: 348px; height: 78px; padding: 0 0 0 10px; background: #FFF url('http://files.ogcnice.com/images/pages/modules/socials.png') no-repeat left top; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 16px; text-transform: uppercase; line-height: 16px; position: relative; } .modulesocials .tw_box { background-position: 0 -78px; } .modulesocials .gp_box { background-position: 0 -156px; } .modulesocials .fb_box a { color: #3b5998; } .modulesocials .tw_box a { color: #4099FF; } .modulesocials .gp_box a { color: #cd3c2a; } .modulesocials .gp_box > div { position:absolute; height: 20px; left: 10px; bottom: 9px; } .modulesocials li + li { margin-top: 8px; } .modulesocials p { padding: 8px 0; } .modulesocials p a { text-decoration: none; display: block; width: 100%; height: 100%; } .modulesocials p a:hover { text-decoration: underline; } .modulesocials p a span { font-size: 18px; font-family: 'Gotham A', 'Gotham B'; font-weight: 900; font-style: normal; } section.largecol + aside { border-top: 7px solid transparent; background-clip: padding-box; } .module.billetterie ul { margin: 0; padding: 0; list-style: none; } .module.billetterie li { width: 100%; height: 60px; border-bottom: 1px dotted #999; position: relative; } .module.billetterie p.club { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 17px; padding: 12px 0 0; } .module.billetterie p.club.ls3 { letter-spacing: -3px; } .module.billetterie p.club.ls2 { letter-spacing: -2px; } .module.billetterie p.club.lsbig { letter-spacing: -1px; font-size: 14px; padding-top: 16px; } .module.billetterie p.prix { position: absolute; background: #FFF; font-family: 'couture'; top: 8px; right: 3px; font-size: 42px; } .module.billetterie p.prix span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 22px;} .module.billetterie p.prix span:after { content: '*'; font-size: 14px; position: relative; top: -7px; } .module.billetterie li a > span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 13px; } .module.billetterie img { float: left; margin: 10px 10px 10px 5px; filter: grayscale(100%); -webkit-filter: grayscale(100%); /* For Webkit browsers */ filter: gray; /* For IE 6 - 9 */ -webkit-transition: all .6s ease; /* Transition for Webkit browsers */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */ } .module.billetterie li:hover img { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: url("data:image/svg+xml;utf8,#grayscale"); } .module.billetterie > p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 10px; float: left; color: #999; margin: 12px 0 0 5px; } .module.billetterie h6 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 11px; margin: 0 5px 0 0; text-align: right; line-height: 30px; } .module.billetterie h6 a { color: #999; text-decoration: none; text-transform: uppercase; } .module.billetterie h6 a:hover { text-decoration: underline; } .module.billetterie h6:before { color: #999; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 15px; content: '>'; padding-right: 3px; position: relative; top: 2px; } .module.billetterie li a { text-decoration: none; color: #999; display: block; width: 100%; height: 100%; } .module.billetterie li a:hover { color: #bb9865; } .module.billetterie li a:hover p.club { color: #f00; } header form { /* display: none; */ } .homepagetop { margin-bottom: 7px; } .arche .homepagetop { padding-top: 7px; } section.slide-une, section.filinfos { display: table-cell; } section.slide-une { width: 730px; height: 380px; background: #999 url('http://files.ogcnice.com/images/pages/modules/fondslide.jpg') no-repeat left top; vertical-align: top; overflow: hidden; } section.filinfos { width: 300px; background-color: #FFF; vertical-align: top; } section.filinfos a { text-decoration: none; } section.filinfos > div { position: relative; width: 100%; height: 410px; } section.filinfos h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 16px; color: #bb1e23; text-transform: uppercase; width: 120px; height: 21px; line-height: 21px; text-indent: 25px; margin: 0 8px 5px; padding-top: 9px; background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAVCAYAAACZm7S3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzM1M0EyREJDRUEzMTFFMjkwODVEMTg1QzVDNjQ2MUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzM1M0EyRENDRUEzMTFFMjkwODVEMTg1QzVDNjQ2MUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozMzUzQTJEOUNFQTMxMUUyOTA4NUQxODVDNUM2NDYxQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozMzUzQTJEQUNFQTMxMUUyOTA4NUQxODVDNUM2NDYxQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtX6zEgAAAHrSURBVHjahJRPSFRRFIdnxmFM1KIaF06QiCC00SI0AoURBmchbVrkxihoVFwILVq1ctWmaFOiUEGjKzdudBbjZsogQQlBQSmISHI2OUhqfybQ6Tvye/B8zGsufPzeueece+7cc+8ESqVS4H/kzjW2wwYkvL5QoPJ4Bpcg++Z87Lbb4ZtMYFCfNyCn2NfM9zoxQStfJrEKWYRaJRfgPbTDd9tJvJAv+FWugzYFv4N6uAV/oQHGym6bqqdY9QefCfgFTfCKuU/ouMJSxEVPbJuJDmTZgmEQhmBS7jh8ga+yh72VP0Ie7sEIvFDCcTWqb6ErspMhVeyBNJ8/4YGcDwk+QmecYOmS9EpYW81ADTyGWR3MBZ36BwU3SD9LY1Y5rUQbZ6lWVDuOWwk7nt7vyay25DvwWxO7BFS7qthpRp1kFjb7tMxiiAk7gD6Ygk24CRHYxneIXlWws5sWaT6sFe365ah6Bn0i5yNs21m/7Kz0unTV26pWOwj1eUK9bpbvJYtdRDucxU4k6yfUoCm0E57KlWHuLXpf9h/rit/DsO1/0x23G3UNbG5d5/GcxUbDPg/jANZcr2pfvzmigxvzfc865S70svo6rxdmN27AnqPF+VV2empjDrqVeJf5hYr/JK4xqv4nSZx2O/4JMADffMVPcX2A+wAAAABJRU5ErkJggg==) no-repeat 0 9px; } #filInfoTagSelector { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 11px; text-transform: uppercase; color: #c29b62; letter-spacing: 0.5px; padding:2px; margin: 0; border-radius: 2px; background: #f8f8f8; border: 1px solid #ccc; outline:none; display: inline-block; cursor:pointer; position: absolute; right:8px; top:8px; } section.filinfos ul { padding-top:20px; height: 330px; overflow: hidden; } section.filinfos li { padding: 0 9px 6px; } section.filinfos li:hover { background-color: #EEE; } section.filinfos li a { display: block; width: 100%; height: 100%; } section.filinfos nav { position: absolute; bottom: 0; left: 0; width: 100%; height: 21px; background-color: #FFF; z-index: 4; } section.filinfos #previous, section.filinfos #next { display: block; width: 17px; height: 13px; position: absolute; background: url('http://files.ogcnice.com/images/pages/menu//icones.png'); } section.filinfos #previous { background-position: -20px 0; left: 8px; top: 0; } section.filinfos #next { background-position: -0 0; left: 26px; top: 0; } section.filinfos nav div { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 13px; color: #bb1e23; width: 240px; position: absolute; left: 52px; bottom: 5px; letter-spacing: 2px; } section.filinfos .plusfil { color: #bb1e23; text-transform: uppercase; font-size: 11px; vertical-align: text-bottom; letter-spacing: 0; position: absolute; right: 0; bottom: 0; } section.filinfos .plusfil::before { content: ''; display: block; width: 6px; height: 8px; position: absolute; left: -10px; top: 3px; background: url('http://files.ogcnice.com/images/pages/menu/icones.png') no-repeat 0 -40px; } section.filinfos .plusfil:hover span { text-decoration: underline; } section.filinfos #current-page { color: #999; } section.filinfos p.datefil { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 12px; color: #bb1e23; letter-spacing: 0.7px; display: inline; } section.filinfos p.surtitrefil { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 12px; text-transform: uppercase; color: #c29b62; letter-spacing: 0.5px; display: inline; } section.filinfos li.video p.surtitrefil { background: url('http://files.ogcnice.com/images/pages/menu/icone-video.png') no-repeat right 1px; padding-right: 17px; } section.filinfos li.album p.surtitrefil, section.filinfos li.photos p.surtitrefil { background: url('http://files.ogcnice.com/images/pages/menu/icone-photo.png') no-repeat right top; padding-right: 20px; } section.filinfos li.twitter p.surtitrefil { background: url('http://files.ogcnice.com/images/pages/menu/icone-twitter.png') no-repeat right 1px; padding-right: 20px; } section.filinfos li.facebook p.surtitrefil { background: url('http://files.ogcnice.com/images/pages/menu/icone-facebook.png') no-repeat right 1px; padding-right: 20px; } section.filinfos li.instagram p.surtitrefil { background: url('http://files.ogcnice.com/images/pages/menu/icone-instagram.png') no-repeat right 1px; padding-right: 20px; } section.filinfos li p.titrefil { color: #555; font-size: 12px; } section.filinfos li.important p.titrefil { color: #000; font-weight: 700; } section.filinfos li.urgent p.titrefil { color: #bb1e23; font-weight: 700; } h3.block { font-family: 'Gotham A', 'Gotham B'; font-weight: 900; font-style: normal; letter-spacing: 1px; position: relative; width: 100%; height: 39px; color: #FFF; text-align: center; font-size: 22px; line-height: 39px; text-transform: uppercase; vertical-align:middle; font-size: 21px; } h3.block.puce { text-align: left; line-height: 29px; } h3.block.puce:before { position: relative; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 30px; content: '>'; padding-right: 5px; top: 4px; } .modulephotos div { position: absolute; left: 0; bottom: 0; width: 100%; height: 38px; background-color: #101010; z-index: 2; } p.date { color: #e31c24; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; } .modulephotos p.date { font-size: 12px; text-indent: 5px; position: relative; padding-top: 2px; } .modulephotos h4 { width: 210px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; line-height: 15px; padding-top: 2px; text-indent: 5px; position: relative; top: -2px; } .modulephotos a { text-decoration: none; } .modulephotos h4:before { position: relative; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 17px; content: '>'; padding-right: 3px; position: relative; top: 1px; } .modulephotos img { position: relative; top: -12px; z-index: 1; } .modulephotos h3 { position: relative; z-index: 2; } .modulephotos span a, section.ogcnicetv span a, .module_photos span a { display: inline-block; position: absolute; right: 5px; bottom: 3px; padding: 0 6px; color: #FFF; text-decoration: none; font-size: 11px; border-left: 2px solid #e31c24; border-right: 2px solid #e31c24; vertical-align: text-bottom; } .modulephotos span a:hover, section.ogcnicetv span a:hover, .module_photos span a:hover { text-decoration: underline; } .modulephotos h3, section.ogcnicetv h3 { text-indent: 7px; } section.ogcnicetv.moduledouble ul { font-size: 0; position: relative; } section.ogcnicetv.moduledouble img { margin-bottom: 6px; position: relative; z-index: 2; display: block; } section.ogcnicetv.moduledouble li:first-child { width: 100%; padding-bottom: 5px; position: relative; z-index: 1; } section.ogcnicetv li:first-child div { margin:0; position:relative; } section.ogcnicetv li:first-child div:after { content:''; display:block; position:absolute; width:75px; height:60px; left: 5px; bottom: 5px; opacity: 0.7; transition: opacity 0.3s ease-in-out; background:url('http://files.ogcnice.com/images/pages/menu/overlay-video.png'); background-size: 75px 60px; z-index:5; } section.ogcnicetv li:hover:first-child div:after { opacity: 1; } section.ogcnicetv.moduledouble li:first-child p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 14px; float: right; padding-right: 5px; } section.ogcnicetv.moduledouble li:first-child h5 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 14px; padding-left: 5px; margin-bottom: 5px; text-transform: uppercase; line-height: 14px; } section.ogcnicetv.moduledouble li:first-child h5:before { position: relative; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 19px; content: '>'; padding-right: 3px; top: 2px; } section.ogcnicetv.moduledouble li:first-child h4 { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 19px; line-height: 23px; height: 46px; padding: 0 5px; margin-bottom: 12px; overflow: hidden; letter-spacing: 0.5px; } section.ogcnicetv.moduledouble li:not(:first-child) { position: relative; display: inline-block; width: 118px; padding-right: 2px; vertical-align: top; border-top: 2px solid #c29b62; } section.ogcnicetv.moduledouble li:not(:first-child) p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 14px; } section.ogcnicetv.moduledouble li:not(:first-child) p, section.ogcnicetv.moduledouble li:not(:first-child) h4, section.ogcnicetv.moduledouble li:not(:first-child) h5 { display: none; } section.ogcnicetv.moduledouble li:not(:first-child).current p, section.ogcnicetv.moduledouble li:not(:first-child).current h4, section.ogcnicetv.moduledouble li:not(:first-child).current h5 { display: block; } section.ogcnicetv.moduledouble li:nth-child(3).current p, section.ogcnicetv.moduledouble li:nth-child(3).current h4, section.ogcnicetv.moduledouble li:nth-child(3).current h5 { position: relative; left: -120px; } section.ogcnicetv.moduledouble li:nth-child(4).current p, section.ogcnicetv.moduledouble li:nth-child(4).current h4, section.ogcnicetv.moduledouble li:nth-child(4).current h5 { position: relative; left: -240px; } section.ogcnicetv.moduledouble li:not(:first-child).current p { width: 200px; padding-left: 5px; } section.ogcnicetv.moduledouble li:not(:first-child).current h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; width: 348px; padding: 0 3px 0 5px; overflow: hidden; text-overflow: ellipsis; font-size: 15px; } section.ogcnicetv.moduledouble li:not(:first-child).current h5 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; width: 250px; padding: 0 5px 3px; line-height: 13px; text-transform: uppercase; font-size: 13px; } section.ogcnicetv.moduledouble li:not(:first-child) h5:before { position: relative; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 17px; content: '>'; padding-right: 3px; position: relative; top: 2px; } section.ogcnicetv.moduledouble li.mini.current::before { content: url('http://files.ogcnice.com/images/pages/menu/mask-tv.png'); position: absolute; top: 0; left: 0; z-index: 3; } section.ogcnicetv.moduledouble li:not(:first-child) img:hover { cursor: pointer; } section.ogcnicetv.moduledouble li:last-child { padding-right: 0; } section.ogcnicetv.moduledouble li a { text-decoration: none; } section.ogcnicetv.moduledouble h5 { color: #c29b62; } section.slide-une ul { position: relative; } section.slide-une li { position: relative; } section.slide-une li a { color: #FFF; text-decoration: none; } section.slide-une li div { position: absolute; right: 35px; bottom: 35px; max-width: 465px; max-height: 120px; padding: 5px 15px; background: transparent url('http://files.ogcnice.com/images/pages/menu/overlay-une.png') repeat-y right top; } section.slide-une li h2 { text-transform: uppercase; font-size: 30px; padding: 25px 0 5px; } section.slide-une li p { position: absolute; text-transform: uppercase; font-size: 14px; font-weight: bold; padding-bottom: 2px; margin-bottom: 0px; border-bottom: 1px solid #FFF; top: 5px; right: 15px; } #prochainmatch, #derniermatch, #miniclassement { width: 100%; height: 297px; color: #FFF; background: #000 url('http://files.ogcnice.com/images/pages/modules/fond-modulematchs.jpg') no-repeat left top; position: relative; } #prochainmatch { display: block; } #derniermatch { display: none; } #miniclassement { display: none; } .modulematchs h2, .modulematchs .event, .modulematchs .score, .modulematchs .match, .modulematchs .jour, .modulematchs .stade, .modulematchs .next, .modulematchs .fulltable { text-align: center; } .modulematchs h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 16px; text-transform: uppercase; padding-top: 5px; } .modulematchs .logohome { position: absolute; left: 22px; } .modulematchs .logoaway { position: absolute; right: 22px; } .modulematchs #derniermatch .logohome, .modulematchs #derniermatch .logoaway { top: 70px; } .modulematchs #prochainmatch .logohome, .modulematchs #prochainmatch .logoaway { top: 30px; } .modulematchs #prochainmatch .event { font-size: 12px; margin: 5px 0; } .modulematchs #derniermatch .event { font-size: 12px; margin: 5px 0 45px; } .modulematchs .score { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 50px; letter-spacing: 3px; } .modulematchs .match { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 17px; text-transform: uppercase; } .modulematchs #prochainmatch .match { margin: 20px 0 0; } .modulematchs #derniermatch .match { margin: 35px 0 0; } .modulematchs .jour { margin: 0; } .modulematchs .jour span { border-left: 2px solid #e31c24; padding: 0 7px; margin-left: 5px; } .modulematchs .stade { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 13px; margin: 0; } a#coteswinamax { color: #FFF; display: block; margin: 6px 0 0; text-align: center; text-decoration: none; } p.winamax { float: left; width: 33%; text-align: center; } p.winamax span { border: 2px solid #444; padding: 3px 10px; margin-top: 3px; display: inline-block; } p.winamax2 { padding-top: 5px; text-align: center; clear: both; } .modulematchs div div { position: absolute; bottom: 2px; left: 0; width: 100% } .modulematchs .next { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-transform: uppercase; font-size: 12px; white-space: nowrap; } .modulematchs .next span { padding: 0 3px; } .modulematchs .next span + span { border-left: 2px solid #e31c24; padding-left: 5px; } .modulematchs .next a { color: #FFF; text-decoration: none; } .modulematchs .next a:hover { text-decoration: underline; } #derniermatch span.diffuseur { display: none; } table.miniclassement { width: 100%; border-collapse: collapse; font-size: 12px; } table.miniclassement img { vertical-align:middle; margin-bottom: 2px } table.miniclassement th { color: #999; font-size: 10px; letter-spacing: 0.5px } table.miniclassement td { background-color: #FFF; border-bottom: 3px solid #000; color: #000; } table.miniclassement td, table.miniclassement th { line-height: 21px; } table.miniclassement td:first-child, table.miniclassement th { width: 8%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-align: center; } table.miniclassement td:nth-child(2) { width: 10%; text-align: center; } table.miniclassement td:nth-child(3) { width: 46%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; } table.miniclassement td:nth-child(4) { width: 12%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-align: center; } table.miniclassement td:nth-child(5), table.miniclassement td:nth-child(6) { width: 12%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; text-align: center; } table.miniclassement td:nth-child(6) { width: 12%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; text-align: right; padding-right: 13px; } table.miniclassement tr.current td, section.classement table tr.current td { color: #FFF; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( top, #da2128, #9d1c21 ); background-image: -ms-linear-gradient( top, #da2128, #9d1c21 ); background-image: -moz-linear-gradient( top, #da2128, #9d1c21 ); background-image: -o-linear-gradient( top, #da2128, #9d1c21 ); background-image: linear-gradient( top, #da2128, #9d1c21 ); } section.classement table tr.current td:last-child { background: none; } .modulematchs .fulltable { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 10px; color: #c29b62; text-transform: uppercase; padding: 10px 0; } .modulematchs .fulltable:before { font-family: 'typograph_proextrabold'; content :'>'; padding-right: 3px; font-size: 15px; position: relative; top: 2px; } .modulematchs .fulltable:after { font-family: 'typograph_proextrabold'; content :'<'; padding-left: 3px; font-size: 15px; position: relative; top: 2px; } .modulematchs .fulltable a { color: #c29b62; text-decoration: none; } .modulematchs .fulltable a:hover { text-decoration: underline; } section.classement h1 { margin: 50px 0; } section.effectif h2 { margin: 20px 0; } section.classement table { width: 700px; margin: 20px 0 30px; border-collapse: collapse; font-size: 12px; } section.classement table img { vertical-align:middle; margin-bottom: 2px } section.effectif:not(.pros) p.nom { white-space: normal; } section.classement table th { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 12px; color: #999; letter-spacing: 0.5px } section.classement table td { background-color: #e3e3e3; border-bottom: 1px solid #FFF; color: #626262; font-size: 14px; } section.classement table td, section.classement table th { line-height: 30px; } section.classement table td:first-child { text-align: center; width: 5%; } section.classement table td:nth-child(2) { text-align: center; width: 5%; } section.classement table td:nth-child(3) { width: 33%; } section.classement table td:nth-child(4) { text-align: center; width: 8%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 15px; } section.classement table td:nth-child(5) { text-align: center; width: 6%; } section.classement table td:nth-child(6) { text-align: center; width: 6%; } section.classement table td:nth-child(7) { text-align: center; width: 6%; } section.classement table td:nth-child(8) { text-align: center; width: 6%; } section.classement table td:nth-child(9) { text-align: center; width: 6%; } section.classement table td:nth-child(10) { text-align: center; width: 6%; } section.classement table td:nth-child(11) { text-align: right; width: 8%; padding-right: 2%; } section.classement table td:nth-child(11) { text-align: right; width: 8%; padding-right: 2%; } section.classement table th:last-child, section.classement table td:last-child { display: none; } section.classement table.pros th:last-child, section.classement table.pros td:last-child { display: table-cell; width: 5%; background-color: transparent; } section.classement table tr.promotion td:first-child { background-color: #090; border-bottom: 1px solid #FFF; color: #FFF; } section.classement table tr.barragiste_promotion td:first-child { background-color: #600; border-bottom: 1px solid #FFF; color: #FFF; } section.classement table tr.champion td:first-child { background-color: #c29b62; border-bottom: 1px solid #FFF; color: #FFF; } section.classement table tr.relegable td:first-child { background-color: #c00; border-bottom: 1px solid #FFF; color: #FFF; } section.classement table tr.promotion td:last-child { background: url('http://files.ogcnice.com/images/pages/equipes/championsleague.png') no-repeat center center; } section.classement table tr.barragiste_promotion td:last-child { background: url('http://files.ogcnice.com/images/pages/equipes/europaleague.png') no-repeat center center; } section.classement table tr.relegable td:last-child { background: url('http://files.ogcnice.com/images/pages/equipes/ligue2.png') no-repeat center center; } .fullwidth { width: 100%; min-height: 100px; margin-top: 8px; position: relative; background: #FFF; } .header_effectif { height: 440px; } .fullwidth img.couverture { position: absolute; left: 0; top: 0; z-index: 1; } section.effectif { padding-top: 10px; padding-bottom: 30px } section.effectif h3 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 14px; text-transform: uppercase; color: #c51f26; margin: 15px 0; } section.effectif h3:after { display: inline-block; position: relative; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 18px; content: '>'; top: 3px; padding: 0 5px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } section.effectif > ul > li { width: 226px; height: 135px; float: left; border: 1px solid #dfe5e6; margin: 0 8px 8px 0; overflow: hidden; position: relative; } section.effectif a { text-decoration: none; display: block; width: 100%; height: 100%; color: #333; } section.effectif > ul > li:nth-child(3n+3) { margin-right: 0; } section.effectif ul > li img { float: right; } section.effectif p { margin-left: 5px; } section.effectif p.numero { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 35px; color: #c51f26; padding-top: 8px; } section.effectif p.prenom { font-size: 14px; } section.staff p.prenom { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 13px; padding-top: 30px; } section.effectif p.nom { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 15px; text-transform: uppercase; white-space: nowrap; } section.staff p.nom { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 15px; padding-bottom: 10px; } /* noms longs effectif */ section.effectif.pros p[data-nomjoueur="le-marchand"] { letter-spacing: -1px; white-space: nowrap; } section.effectif.pros p[data-nomjoueur="vercauteren"] { font-size: 13px; letter-spacing: -0.5px; white-space: nowrap; } section.effectif.pros p[data-nomjoueur="raheriharimanana"] { font-size: 11px; letter-spacing: -1px; white-space: nowrap; } section.effectif.pros p[data-nomjoueur="rafetraniaina"] { font-size: 13px; letter-spacing: -0.5px; white-space: nowrap; } section.effectif p[data-nomjoueur="walawender"] { font-size: 14px; letter-spacing: -0.5px; white-space: nowrap; } section.staff p.poste { font-size: 10px; text-transform: uppercase; line-height: 12px; } section.effectif ul ul { position: absolute; width: 100px; height: 30px; left: 115px; bottom: 6px; display: none; } section.effectif ul ul.stats-pros { display: block; } section.effectif ul ul li, .header_joueur ul li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 11px; float: left; width: 20px; height: 14px; padding-top: 16px; background-image: url('http://files.ogcnice.com/images/pages/menu/iconstat.png'); background-repeat: no-repeat; text-align: center } section.effectif ul ul li + li { margin-left: 5px; } section.effectif ul ul li:first-child { background-position: 0 0; } section.effectif ul ul li:nth-child(2), .header_joueur ul li:nth-child(2) { background-position: -20px 0; } section.effectif ul ul li:nth-child(3), .header_joueur ul li:nth-child(3) { background-position: -40px 0; } section.effectif ul ul li:last-child, .header_joueur ul li:last-child { background-position: -60px 0; } section.effectif a div { position: absolute; width: 100%; height: 100%; z-index: 5; background: #000; left: 0; top: 0; text-align: center; line-height: 135px; background-color: rgba(0, 0, 0, 0.8); opacity: 0; -webkit-transition: opacity 0.3s linear; transition: opacity 0.3s linear; } section.effectif span { font-size: 20px; font-style: italic; font-weight: bold; color: #FFF; padding: 5px 0; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } section.effectif a:hover div { opacity: 1; } .module_staff { width: 300px; height: 280px; background-color: #FFF; position: relative; margin-bottom: 8px; } .module_staff img { position: absolute; left: 0; bottom: 0; } .module_poster img { display: block; } .module_meilleurs { width: 300px; height: 330px; background: #FFF; margin-top: 8px; overflow: hidden; position: relative; } .module_meilleurs img { position: absolute; z-index: 2; bottom: 0; right: -65px; } .module_meilleurs ul { position: relative; z-index: 1; } .module_meilleurs h3 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 16px; width: 300px; height: 28px; text-transform: uppercase; line-height: 19px; color: #FFF; letter-spacing: 0.5px; text-indent: 5px } .module_meilleurs h3:before { content: ">"; font-family: 'typograph_proextrabold'; font-size: 24px; font-weight: normal; padding-right: 5px; position: relative; top: 3px; } .module_meilleurs li:not(:first-child) { width: 100%; height: 46px; } .module_meilleurs li:nth-child(2n+2) { background-color: #EEE; } .buteurs li:first-child { *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } .passeurs h3, .passeurs li:first-child { *background: #87683b; background: #87683b\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFb69361, endColorstr=#FF87683b); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#b69361), to(#87683b) ); background-image: -webkit-linear-gradient( #b69361, #87683b ); background-image: -moz-linear-gradient( #b69361, #87683b ); background-image: -o-linear-gradient( #da2128, #87683b ); background-image: linear-gradient( #b69361, #87683b ); } .presence li:first-child { *background: #111111; background: #111111\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF565454, endColorstr=#FF111111); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#565454), to(#111111) ); background-image: -webkit-linear-gradient( #565454, #111111 ); background-image: -moz-linear-gradient( #565454, #111111 ); background-image: -o-linear-gradient( #565454, #111111 ); background-image: linear-gradient( #565454, #111111 ); } .module_meilleurs li:first-child { height: 111px; padding: 7px 0 0 7px; color: #FFF; } .module_meilleurs li:first-child p.total { display: inline; border: 2px solid #FFF; border-radius: 10px; padding: 1px 10px; font-size: 38px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; letter-spacing: 1px; text-transform: uppercase; } .module_meilleurs li:first-child p.total span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; } .passeurs li:first-child p.total > span { display: inline-block; font-size: 20px; line-height: 11px; } .passeurs li:first-child p.total span span { font-size: 14px; } .module_meilleurs li:not(:first-child) p.total { width: 50px; padding-top: 10px; text-align: center; font-size: 18px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-transform: uppercase; float: left; line-height: 14px; } .presence li:not(:first-child) p.total { font-size: 13px; } .module_meilleurs li:not(:first-child) p.total span { display: block; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 10px; } .presence li:first-child p.total span { display: inline; text-transform: none; font-size: 22px; } .module_meilleurs li:first-child p.joueur { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 20px; line-height: 20px; margin-top: 10px; } .module_meilleurs li:first-child p.joueur span { display: block; font-family: 'Gotham A', 'Gotham B'; font-weight: 900; font-style: normal; text-transform: uppercase; letter-spacing: 1px; } .module_meilleurs li:not(:first-child) p.joueur { font-size: 11px; padding-top: 9px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; float: left; line-height: 14px; } .module_meilleurs li:not(:first-child) p.joueur span { display: block; font-size: 12px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-transform: uppercase; } /* hack pour les noms à rallonge */ .module_meilleurs li:first-child p.joueur span.nomlong { display: block; font-family: 'Gotham A', 'Gotham B'; font-weight: 900; font-style: normal; letter-spacing: 0; font-size: 18px; } .module_meilleurs li:not(:first-child) p.joueur span.nomlong { letter-spacing: -1px; } .header_joueur { background: #FFF; padding: 440px 0 60px; } .header_joueur figure { position: absolute; display: inline-block; left: 40px; top: 300px; z-index:2; } .ficheformation .photoid { position: relative; } .ficheformation figure { position: absolute; display: inline-block; left: 20px; top: 30px; z-index:2; } .header_joueur figcaption, .ficheformation figcaption { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: italic; font-size: 11px; text-align: center; } .header_joueur img.photoid { border-top: 5px solid #FFF; border-left: 5px solid #FFF; border-right: 5px solid #FFF; border-radius: 5px; } .header_joueur ul { position: absolute; width: 100px; height: 30px; left: 315px; top: 580px; } .header_joueur p.numero { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 105px; letter-spacing: -3px; color: #c51f26; position: absolute; width: 150px; text-align: center; left: 273px; top: 452px; } .header_joueur > div { margin-left: 435px; padding-top: 24px; color: #333; } .ficheformation > div.infosid { margin-left: 255px; margin-bottom: 100px; padding-top: 32px; color: #333; } .statsformation { width: 380px; margin: 0 auto 100px; } .statsformation h3 { text-align: center; color: #c29b62; font-family: 'gotham-black'; font-size: 16px; letter-spacing: 1px; margin: 20px 0; text-decoration: underline; text-transform: uppercase; } .statsformation table { border-collapse: collapse; width: 100%; margin: 20px 0; } .statsformation table th { font-size: 12px; font-weight: normal; text-align: center; line-height: 20px; } .statsformation table th:first-child { text-align: left; text-indent: 10px; } .statsformation table td { background-color: #E3E3E3; border-bottom: 1px solid #FFFFFF; color: #444; font-size: 14px; line-height: 38px; font-family: 'gotham-bold'; text-transform: uppercase; } .statsformation table tr:hover td { color: #FFF; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } .statsformation table td:first-child { font-size: 13px; width: 35%; text-indent: 10px; } .statsformation table td:nth-child(2) { width: 25%; text-align: center; } .statsformation table td:nth-last-of-type(2) { width: 25%; text-align: center; } .statsformation table td:last-child { width: 15%; text-align: center; } .header_joueur > div p, .ficheformation .infosid p { margin-bottom: 15px; } .header_joueur h1, .ficheformation h1 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 20px; line-height: 34px; } .header_joueur h1 span, .ficheformation h1 span { font-family: 'Gotham A', 'Gotham B'; font-weight: 900; font-style: normal; display: block; font-size: 38px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px; } .header_joueur p.poste, .ficheformation p.poste { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 22px; text-transform: uppercase; } .header_joueur p.poste.Milieu::after, .ficheformation p.poste.Milieu::after { content:' de terrain'; } .header_joueur div p span, .ficheformation div.infosid p span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .header_joueur i, .ficheformation i { margin-right: 5px; } section.largecol.fichejoueur { border-top: none; padding-top: 0; } section.fichejoueur nav.onglets ul { width: 100%; margin: 0 0 25px; } section.fichejoueur nav.onglets li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; background: #E9E9E9; border-bottom: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; display: table-cell; font-size: 14px; line-height: 40px; text-align: center; width: 116px; } section.fichejoueur nav.onglets li:first-child { border-left: 1px solid #bdbdbd; width: 117px; } section.fichejoueur nav.onglets li:last-child { border-right: 1px solid #bdbdbd; width: 117px; } section.fichejoueur nav.onglets li:hover, section.fichejoueur nav.onglets li.current { border-bottom: 1px solid #9D1C21; border-top: 1px solid #DA2128; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } section.fichejoueur nav.onglets li a { color: #333; display: block; height: 100%; text-decoration: none; width: 100%; } section.fichejoueur nav.onglets li a:hover, section.fichejoueur nav.onglets li.current a { color: #FFF; } section.fichejoueur nav.onglets li.current a { cursor: default; } /*** tabulations par onglet ***/ .pcss3t { border: 0; outline: none; font-size: 0; text-align: left; } .fichejoueur .pcss3t { margin: 0; padding: 0; } .calendrier .pcss3t { width: 1000px; margin: 0 0 0 15px; padding: 0; border: 0; outline: none; font-size: 0; text-align: left; } .pcss3t > input { position: absolute; left: -9999px; } .pcss3t > label { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 14px; color: #333; position: relative; display: inline-block; margin: 0; padding: 0; border: 0; outline: none; cursor: pointer; transition: all 0.1s; -o-transition: all 0.1s; -ms-transition: all 0.1s; -moz-transition: all 0.1s; -webkit-transition: all 0.1s; text-align: center; background: #e9e9e9; } .fichejoueur .pcss3t > label { width: 116px; font-size: 15px; line-height: 40px; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } .calendrier .pcss3t > label { width: 82px; font-size: 14px; line-height: 40px; } .pcss3t > input:checked + label { cursor: default; } .pcss3t > ul { list-style: none; position: relative; display: block; overflow: hidden; margin: 0; padding: 0; border: 0; outline: none; font-size: 13px; } .pcss3t > ul > li { position: absolute; width: 100%; overflow: auto; box-sizing: border-box; -moz-box-sizing: border-box; opacity: 0; transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } .fichejoueur .pcss3t > ul > li { padding: 15px 0 0; } .calendrier .pcss3t > ul > li { padding: 0; } .pcss3t > .tab-content-first:checked ~ ul .tab-content-first, .pcss3t > .tab-content-1:checked ~ ul .tab-content-1, .pcss3t > .tab-content-2:checked ~ ul .tab-content-2, .pcss3t > .tab-content-3:checked ~ ul .tab-content-3, .pcss3t > .tab-content-4:checked ~ ul .tab-content-4, .pcss3t > .tab-content-5:checked ~ ul .tab-content-5, .pcss3t > .tab-content-6:checked ~ ul .tab-content-6, .pcss3t > .tab-content-7:checked ~ ul .tab-content-7, .pcss3t > .tab-content-8:checked ~ ul .tab-content-8, .pcss3t > .tab-content-9:checked ~ ul .tab-content-9, .pcss3t > .tab-content-10:checked ~ ul .tab-content-10, .pcss3t > .tab-content-11:checked ~ ul .tab-content-11, .pcss3t > .tab-content-12:checked ~ ul .tab-content-12, .pcss3t > .tab-content-last:checked ~ ul .tab-content-last { z-index: 1; top: 0; left: 0; opacity: 1; -webkit-transform: scale(1,1); -webkit-transform: rotate(0deg); } /* auto height */ .pcss3t-height-auto > ul { height: auto !important; } .pcss3t-height-auto > ul > li { position: static; display: none; height: auto !important; } .pcss3t-height-auto > .tab-content-first:checked ~ ul .tab-content-first, .pcss3t-height-auto > .tab-content-1:checked ~ ul .tab-content-1, .pcss3t-height-auto > .tab-content-2:checked ~ ul .tab-content-2, .pcss3t-height-auto > .tab-content-3:checked ~ ul .tab-content-3, .pcss3t-height-auto > .tab-content-4:checked ~ ul .tab-content-4, .pcss3t-height-auto > .tab-content-5:checked ~ ul .tab-content-5, .pcss3t-height-auto > .tab-content-6:checked ~ ul .tab-content-6, .pcss3t-height-auto > .tab-content-7:checked ~ ul .tab-content-7, .pcss3t-height-auto > .tab-content-8:checked ~ ul .tab-content-8, .pcss3t-height-auto > .tab-content-9:checked ~ ul .tab-content-9, .pcss3t-height-auto > .tab-content-10:checked ~ ul .tab-content-10, .pcss3t-height-auto > .tab-content-11:checked ~ ul .tab-content-11, .pcss3t-height-auto > .tab-content-last:checked ~ ul .tab-content-last { display: block; } /**/ /* steps */ /**/ .pcss3t-steps > label { cursor: default; } /**/ /* animation effects */ /**/ .pcss3t-effect-scale > ul > li { -webkit-transform: scale(0.1,0.1); } .pcss3t-effect-rotate > ul > li { -webkit-transform: rotate(180deg); } .pcss3t-effect-slide-top > ul > li { top: -40px; } .pcss3t-effect-slide-right > ul > li { left: 80px; } .pcss3t-effect-slide-bottom > ul > li { top: 40px; } .pcss3t-effect-slide-left > ul > li { left: -80px; } .fichejoueur .tab-content-first + label { border-left: 1px solid #bdbdbd; width: 117px; } .calendrier .tab-content-first + label { width: 98px; background: #BBB; } .fichejoueur .tab-content-last + label { border-right: 1px solid #bdbdbd; width: 117px; } .pcss3t > label:hover { color: #FFF; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } .fichejoueur .pcss3t > label:hover { border-top: 1px solid #da2128; border-bottom: 1px solid #9d1c21; } .fichejoueur .pcss3t > input:checked + label { border-top: 1px solid #da2128; border-bottom: 1px solid #9d1c21; } .calendrier .pcss3t > input:checked + label { } .pcss3t > input:checked + label { color: #FFF; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } .fichejoueur .pcss3t > input.tab-content-first:checked + label, .fichejoueur .pcss3t > input.tab-content-first + label:hover { border-left: 1px solid #da2128; } .fichejoueur .pcss3t > input.tab-content-last:checked + label, .fichejoueur .pcss3t > input.tab-content-last + label:hover { border-right: 1px solid #da2128; } .pcss3t > ul { background: #fff; text-align: left; } .pcss3t-steps > label:hover { background: #e5e5e5; } /* .tab-biographie */ section.fichejoueur #biographie p { margin: 1em 0; padding: 0 6px; line-height: 24px; text-align: justify; } p.accroche, div.accroche p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: italic; line-height: 24px; } p.accroche::before, div.accroche p::before { content: url('http://files.ogcnice.com/images/pages/menu/accroche.png'); padding-right: 5px; } #stats h2 { display: inline; clear: both; font-size: 16px; margin: 1em 0; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; color: #c29b62; text-transform: uppercase; letter-spacing: 1px; border-bottom: 1px solid #c29b62; line-height: 24px; text-align: justify; } #stats table { border-collapse: collapse; width: 100%; margin: 20px 0; } #stats table th { font-size: 12px; font-weight: normal; text-align: center; line-height: 20px; } #stats table td { background-color: #E3E3E3; border-bottom: 1px solid #FFFFFF; color: #444; font-size: 14px; line-height: 28px; } #stats table td:first-child { text-align: right; width: 7%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 13px; } #stats table td:nth-child(2) { text-align: left; text-indent: 20px; width: 30%; } #stats table td:nth-child(3) { width: 20%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 15px; text-align: right; } #stats table td:nth-child(4) { text-align: center; width: 10%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; letter-spacing: 1.5px; font-size: 15px; color: #c29b62; } #stats table td:nth-child(4) span { display: block; margin: 4px auto 0; width: 38px; height: 20px; border: 2px solid #c29b62; border-radius: 5px; line-height: 22px } #stats table tr:hover td:nth-child(4) span { border: 2px solid #FFF; } #stats table td:nth-child(5) { text-align: left; width: 20%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 15px; } #stats table.stats-match td:last-child { text-align: left; width: 13%; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 15px; } #stats table.stats-buts td:nth-last-of-type(2) { text-align: center; width: 6%; } #stats table.stats-buts td:last-child { text-align: center; width: 7%; } #stats a { display: block; width:17px; height:17px; background: url('http://files.ogcnice.com/images/pages/menu/playbutton-mini.png') no-repeat left top; margin: 0 auto; text-indent: -1000px; overflow: hidden; line-height: 20px; } #stats tr:hover a { background-position: 0 -17px; } #carriere table { border-collapse: collapse; width: 100%; margin: 20px 0; } #carriere table th { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 12px; text-indent: 10px; line-height: 20px; } #carriere table td { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 14px; background-color: #E3E3E3; border-bottom: 1px solid #FFFFFF; color: #444; line-height: 38px; text-transform: uppercase; } #stats table tr:hover td, #carriere table tr:hover td { color: #FFF; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } #carriere table td img { vertical-align: middle; } #carriere table td:first-child { font-size: 13px; width: 15%; text-indent: 10px; } #carriere table td:nth-child(2) { width: 5%; } #carriere table td:nth-last-of-type(2) { width: 20%; text-align: right; padding-right:5%; } #carriere table td:last-child { width: 12%; text-align: right; padding-right: 3%; } #carriere table td:last-child, #carriere table td:nth-last-of-type(2) { font-size: 13px; } #carriere table td span { font-size: 12px; } #videos ul { width: 700px; } #videos li { float: left; width: 169px; height: 210px; margin-left: 8px; margin-bottom: 12px; position: relative; } #videos li:nth-child(4n+1) { margin-left: 0px; } #videos li h3 { width: 100%; height: 40px; line-height: 40px; } #videos li > div { width: 155px; height: 158px; padding: 6px; background-color: #e9e9e9; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; position: relative; } #videos p.date { float: left; width: 95px; line-height: 12px; } #videos p.duree, section.tvrubriques ul.playlist p.duree { float: right; width: 60px; text-align: right; font-size: 11px; line-height: 13px; color: #000; } #videos h2, section.tvrubriques ul.playlist h2, section.tvindex ul.playlist li:first-child { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 13px; line-height: 18px; margin-top: 23px; color: #333; } section.tvindex ul.playlist li:first-child { padding-bottom: 10px; padding-top: 4px; overflow: hidden; margin-top: 0; min-height: 135px; } #videos > ul li a, section.tvrubriques ul.playlist li a, section.tvindex ul.playlist li:first-child a { display: block; position: absolute; margin-top: 40px; padding-top: 20px; left: 0; top: 0; background: rgba(0,0,0,0.8); overflow: hidden; opacity: 0; transition: opacity 0.3s linear 0s; z-index: 5; } #videos > ul li a { width: 169px; height: 151px; } section.tvrubriques ul.playlist li a { width: 185px; height: 161px; } #videos > ul li a:hover, section.tvrubriques ul.playlist li a:hover, section.tvindex ul.playlist li:first-child a:hover { opacity: 0.8; } section.tvindex ul.playlist li:first-child a { width: 187px; height: 148px; margin-top: 0; left: -1px; } #videos li:hover h2, section.tvrubriques ul.playlist li:hover h2, section.tvindex ul.playlist li:first-child:hover, section.tvindex ul.playlist li:not(:first-child) a:hover { font-style: italic; } #videos > ul li a span, section.tvrubriques ul.playlist li a span, section.tvindex ul.playlist li:first-child a span { display: block; width: 60px; height: 60px; background: url('http://files.ogcnice.com/images/pages/menu/icones.png') no-repeat -300px -110px; } #videos > ul li a span { margin-left: 54px; } section.tvrubriques ul.playlist li a span, section.tvindex ul.playlist li:first-child a span { margin-left: 62px; margin-top: 6px; } #actualite ul { width: 100%; } #actualite li { clear: both; padding: 10px 0; position: relative; } #actualite li img { float: left; padding-right: 10px; } #actualite li a { text-decoration: none; display: block; width: 100%; height: 100%; } #actualite li:hover { background: #e3e3e3; } #actualite li h3 { color: #c29b62; } #actualite li h2 { color: #000; } #actualite li:first-child { width: 695px; padding-right: 5px; min-height: 120px; } #actualite li:not(:first-child) { margin-left: 116px; min-height: 55px; } #actualite li:not(:last-child) { border-bottom: 1px dashed #000; } #actualite li:first-child .date { font-size: 14px; line-height: 14px; } #actualite li:not(:first-child) .date { font-size: 12px; line-height: 12px; } #actualite li h3 { display: inline; } #actualite li:first-child h3 { font-size: 15px; padding-bottom: 1px; } #actualite li:not(:first-child) h3 { font-size: 13px; } #actualite li h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-transform: uppercase; } #actualite li:first-child h2 { font-size: 18px; padding: 4px 0; } #actualite li:not(:first-child) h2 { font-size: 16px; padding: 4px 0 0; } #actualite li:first-child .accroche { color: #000; font-size: 13px; padding: 0; } nav.pagination { width: 450px; margin: 0 auto; text-align: center; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 17px; padding: 20px 0; } nav.pagination a { display: inline-block; text-decoration: none; color: #888; width: 26px; height: 19px; border: 2px solid #888; border-radius: 5px; line-height: 18px; } nav.pagination a.prev, nav.pagination a.next { font-family: 'typograph_proextrabold'; line-height: 17px; letter-spacing: -2px; background: #ddd; position: relative; top: 1px; } nav.pagination a:hover, nav.pagination a.current { color: #FFF; width: 26px; height: 19px; border: 2px solid #da2128; border-radius: 5px; background: #da2128; } nav.pagination a.current { cursor: default; } nav.pagination a.disabled, nav.pagination a.disabled:hover { cursor: default; color: #888; border: 2px solid #666; border-radius: 5px; background: #666; } .buyshirt { height: 360px; margin-bottom: 8px; z-index: 1; background: #87683b; text-transform: uppercase; position: relative; overflow: hidden; } .buyshirt a { text-decoration: none; color: #FFF; } .buyshirt h3 { height: 40px; line-height: 40px; text-align: center; color: #FFF; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 20px; *background: #87683b; background: #87683b\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFb69361, endColorstr=#FF87683b); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#b69361), to(#87683b) ); background-image: -webkit-linear-gradient( #b69361, #87683b ); background-image: -moz-linear-gradient( #b69361, #87683b ); background-image: -o-linear-gradient( #da2128, #87683b ); background-image: linear-gradient( #b69361, #87683b ); } .buyshirt h3 span { font-family: 'Gotham A', 'Gotham B'; font-weight: 900; font-style: normal; } .buyshirt div { position: absolute; left: 0; top: 40px; width: 100%; height: 320px; *background: #87683b; background: #87683b\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFb69361, endColorstr=#FF87683b); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#b69361), to(#87683b) ); background-image: -webkit-linear-gradient( #b69361, #87683b ); background-image: -moz-linear-gradient( #b69361, #87683b ); background-image: -o-linear-gradient( #da2128, #87683b ); background-image: linear-gradient( #b69361, #87683b ); } .buyshirt a > img { position: absolute; left: -15px; z-index: 10; top: 26px; opacity: 0.4; } .buyshirt div img { position: absolute; right: 0; bottom: 0; z-index: 11; } .buyshirt div span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 11px; padding: 0 3px; border: 2px solid #FFF; border-radius: 5px; position: absolute; left: 3px; bottom: 8px; z-index: 12; } .buyshirt div span:before { content: ">"; font-family: 'typograph_proextrabold'; font-size: 14px; font-weight: normal; padding-right: 3px; position: relative; top: 1px; line-height: 12px } aside.col .module.twitterplayer { height: 78px; background: #FFF url('http://files.ogcnice.com/images/pages/equipes/twitterplayer.png') no-repeat right top; line-height: 15px; position: relative; text-transform: uppercase; width: 290px; padding-left: 10px; margin-top: -8px; margin-bottom: 8px; } .twitterplayer::before { content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTM4NkJERDgxQUY5MTFFM0JCOUNFMTM3MDI4RjczOUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM4NkJERDkxQUY5MTFFM0JCOUNFMTM3MDI4RjczOUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxMzg2QkRENjFBRjkxMUUzQkI5Q0UxMzcwMjhGNzM5QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxMzg2QkRENzFBRjkxMUUzQkI5Q0UxMzcwMjhGNzM5QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po4c0cEAAABPSURBVHjaYvj//z8DAWwAxPMJqSPGkPf/IWA+uQYhG/KfkGGkGILXMFINwWkYOYZgNYxcQzAMo8QQFMNYGBgYDIB4PxALMJAHEkAEQIABAIjq7ZOymZjDAAAAAElFTkSuQmCC"); position: absolute; left: 19px; top: -11px; z-index: 25; } .twitterplayer p { padding: 10px 0; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 16px; font-style: normal; font-weight: 700; } .twitterplayer p span { font-family: 'Gotham A','Gotham B'; font-size: 18px; font-style: normal; font-weight: 900; } .twitterplayer a { color: #4099FF; display: block; height: 100%; text-decoration: none; width: 100%; } .album_index .header { width: 100%; height: 440px; position: relative; } .album_index .header img { position: absolute; left: 0; top: 0; } .album_index nav.rubriques ul { width: 100%; } .album_index nav.rubriques li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 14px; display: table-cell; line-height: 40px; text-align: center; width: 178px; /* width: 143px; avec rubrique supp */ background: #e9e9e9; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } .album_index nav.rubriques li:last-child { width: 142px; } .album_index nav.rubriques li:hover, .album_index nav.rubriques li.current { *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); border-bottom: 1px solid #9D1C21; border-top: 1px solid #DA2128; } .album_index nav.rubriques li a { text-decoration: none; color: #414141; display: block; width: 100%; height: 100%; } .album_index nav.rubriques li:hover a { color: #FFF; } .album_index nav.rubriques li.current a { color: #FFF; cursor: default; } .album_index > ul { margin: 30px 30px 10px; } .album_index > ul li { float: left; height: 176px; margin-bottom: 12px; margin-left: 8px; width: 187px; position: relative; } .album_index > ul li:nth-child(5n+1) { margin-left: 0; } .album_index > ul li a { text-decoration: none; } .album_index li div { background-color: #E9E9E9; border: 1px solid #BDBDBD; height: 176px; padding: 6px; position: relative; width: 100%; box-sizing: border-box; } .album_index > ul li p.date { font-size: 14px; float: left; line-height: 12px; width: 95px; } .album_index > ul li p.totalphotos { color: #999; float: left; font-size: 11px; font-style: italic; line-height: 13px; text-align: right; width: 78px; } .album_index > ul h2 { color: #2e2e2e; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 14px; line-height: 18px; margin-top: 24px; } .album_index > ul li span { display: block; position: absolute; width: 100%; height: 156px; padding-top: 20px; left: 0; top: 0; background: rgba(0,0,0,0.8); overflow: hidden; opacity: 0; transition: opacity 0.3s linear 0s; z-index: 5; } .album_index > ul li span:before { content:''; background: url('http://files.ogcnice.com/images/pages/menu/icones.png'); background-position: -100px -174px; display: block; width: 35px; height: 26px; margin: 20px auto; } .album_index > ul li span:hover { opacity: 1; } .album_index > ul li span a:first-of-type { color: #FFF; text-align: center; display: block; margin: 0 auto; text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 13px; padding: 3px 0; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .album_index > ul li span a em { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: italic; font-size: 12px; text-transform: none; } .album_index > ul li span a + a{ font-size: 12px; font-style: italic; color: #FFF; text-align: center; display: block; margin: 10px auto 0; } .album_index > ul li span a + a:hover { text-decoration: underline; } .album_diapo h1, .album_liste h1 { padding: 10px 0; position: relative; } .album_diapo h1 { padding: 0; z-index: 50 } .album_diapo > div { width: 930px; margin: 0 auto; padding: 60px 0; position: relative; } .album_diapo p.voirliste, .album_liste p.voirdiapo { position: absolute; z-index: 5; right: 0; top: 60px; height: 22px; line-height: 22px; font-size: 11px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; } .album_diapo p.voirliste a, .album_liste p.voirdiapo a { display: block; width: 100%; height: 100%; text-indent: 30px; background: url('http://files.ogcnice.com/images/pages/menu/icones.png') no-repeat -92px -45px; color: #FFF; text-decoration: none; } .album_diapo p.voirliste { width: 90px; } .album_liste p.voirdiapo { width: 128px; } .album_diapo .compteur { position: absolute; left: 5px; bottom: 142px; z-index: 15; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 12px; border: 2px solid #c29b62; letter-spacing: 1px; color: #c29b62; border-radius: 5px 5px 5px 5px; padding: 3px; } .album_diapo .socials { position: absolute; right: 5px; bottom: 145px; z-index: 15; width: 300px; height: 20px; text-align: right; } p.creditphoto { color: #000; } /* RoyalSlider v1.0.5 */ .royalSlider { width: 930px; height: 880px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; } .grab-cursor { cursor:url(../images/grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(blank.gif); } section.fichejoueur #photos li { float: left; margin-bottom: 8px; margin-left: 8px; position: relative; width: 228px; height: 152px; background: #000; z-index: 1 } #photos li a:hover img, section.album_liste div ul li a:hover img { opacity: 0.2; } #photos li a:hover::after, section.album_liste div ul li a:hover::after { content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAiCAYAAADVhWD8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo5MzVCRkNGRDM3RjJFMjExQjUwMEU3NTVERUZCMjhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNUEyMDI3QzAwODcxMUUzODZGQUE2MkY4RERDNjI0RCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNUEyMDI3QjAwODcxMUUzODZGQUE2MkY4RERDNjI0RCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkYzODZCQTMwQjJGREUyMTFCQjExRjM3RTFFOUE2OEQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkzNUJGQ0ZEMzdGMkUyMTFCNTAwRTc1NURFRkIyOEM4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FjM0GAAAApFJREFUeNq8mMtrFTEUh2dae6GlWrRVKIpa6wuLUBFxpVLrYyMIKigiguhCUXFlF/4BUgUFQYrgRgTFhXVRVBSpTwTrwiIF6UtEkCrWhS+UUtvxC+TC5ZCZJHfm3gPfYs5MTn6ZnGROJoyiKLDYbNgFW2ENNEGVvvcZ3sFTuA2DQRpTYmJohCvwN3K3J7AhIWYicTcOw8+oeLsOM9OKqYSuKBsbhmYfMaHImatwxDCbU3AX7sEAfIVaWAZtsBcaDO3GYBOM+ubMyZgRdsNiy6iqoQP+xLyhWT7T1GxI1Ck47jnvq+B9TA45i7llCHCiyFWxAD4Y4m10EaMaT4uGd4pdnppWmBQxH7mIOW2YnqUpxSjOG97OkqQ2FeTwZpHTvc7Zn2wX4Z/w7UhqoMSsFr6HQTb2BZ4J33qbmPnCNxJkZ33ierlNjLTfGYoZF9d1NjETwteYoZicz0CVmGHhW5uhmBXi+ptNzGvh2x0zfb4WQrvw9dvE9AjfQtiXgZjtsEj4nts+lFUwJjYndV2fYsObAf0i5rjuK3HTm4RzhiTuNiSgq12AVuG7rPuylhBqJG8M23cvzPF4IxVw1hBHfWLm+VR6K+GXIdAn2AOhJVgLPE6o/NS9Gp9KbwvcL6j+C20IbsIL+AjTUA/rYKdO2NAyfWrlboMfrqeDdvgelc76oM7ndKAqv5clFPQW5rqKCXSOHIQRj05UznXCA4dnB6Qg1xXSBpf0iissulU1N6TL1v1Qq9vkoMdB0KCuNJ3FmKgp6DiOnC5fbTaaFxRkUF4moQ6FNxwEqQK+KXQ4+Ke1SrgGByzPvSqHmPwXvAuOJjwzUS4xLoJOlTpnTHQacuZYORI4jjP6l4sqKw7l/f8FGACkQABOOEMOSwAAAABJRU5ErkJggg=='); position: absolute; left: 0; top: 0; } #photos li a:hover::after, section.album_liste div ul li a:hover::after { padding: 59px 96px; } section.fichejoueur #photos li:nth-child(3n+1) { margin-left: 0; } section.fichejoueur #photos > a { display: inline-block; width: 228px; height: 40px; line-height: 40px; text-align: center; color: #FFF; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-decoration: none; font-size: 14px; margin-left: 236px; } section.fichejoueur #photos > a:hover { text-decoration: underline; } aside.col + div.billetterie { margin-top: 0; } article h1 { padding: 20px 0; } article h2 { display: inline; margin: 1em 0; text-align: left; } article h2:first-of-type { margin-top: 0; } .related_links { width: 108px; border: 1px solid #CCC; min-height: 120px; background-color: #e9e9e9; float: left; margin-right: 20px; display: table-cell; margin-bottom: 40px; overflow: hidden; } .related_links .fb-like { margin: 10px 0 0 10px; } .related_links .twitter-share-button { margin: 25px 0 0 5px; } .related_links .gplus-like { margin: 25px 0 25px 23px; } h2.related { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; color: #999; text-align: center; text-transform: uppercase; padding: 10px 0; } .related_joueur { width: 85px; margin-left: 9px; margin-bottom: 10px; text-align: center; } .related_photos { margin-left: 7px; } .related_joueur img, .related_photos img { border: 2px solid #e9e9e9; margin-bottom: 4px; } .related_joueur a:hover img, .related_photos a:hover img { border: 2px solid #e31c24; } section.contenu .related_joueur a, section.contenu .related_photos a { text-decoration: none; color: #999; font-size: 12px; line-height: 13px; } section.contenu .related_joueur a:hover, section.contenu .related_photos a:hover { color: #e31c24; } .related_joueur span { text-transform: uppercase; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 11px; } section.article figure { width: 700px; overflow: hidden; margin: 0 0 30px; position: relative; } section.article figure img { position: relative; margin-left: -15px; } .article article { float: left; width: 566px; margin-right: 4px; display: table-cell; padding-bottom: 25px; } section.article article img { max-width: 560px; } .contenuarticle p { margin: 1.12em 0; text-align: justify; line-height: 24px; } .contenuarticle a { text-decoration: none; color: #bb1e23; } .contenuarticle a:hover { text-decoration: underline; } /* reset des listes dans les articles */ .contenuarticle li { list-style-position: inside; margin-left: 25px; } .contenuarticle ul li { list-style-type: disc; } .contenuarticle ol li { list-style-type: decimal; } section.album_liste div { margin: 0 32px 0; padding: 50px 0; position: relative; } section.album_liste ul { margin: 20px 0; } section.album_liste div ul li { float: left; width: 228px; height: 152px; } section.album_liste div ul li { float: left; margin-left: 8px; margin-bottom: 8px; position: relative; background: #000; } section.album_liste div ul li:nth-child(4n+1) { float: left; margin-left: 0; } section.calendrier { padding: 50px 0; } section.calendrierformation { padding-top: 50px; padding-bottom: 50px } section.calendrier h1, section.calendrierformation h1, section.equipeshistoire h2 { margin: 30px 0; } section.equipeshistoire h2 { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 30px; text-transform: uppercase; } section.calendrier > .match { width: 350px; height: 530px; padding: 0 75px; display: table-cell; background: url('http://files.ogcnice.com/images/pages/menu/shadow-match.png') } section.calendrier > .match h3 { font-family: 'Gotham A', 'Gotham B'; font-weight: 900; font-style: normal; font-size: 21px; width: 100%; height: 40px; text-align: center; color: #FFF; letter-spacing: 0.5px; line-height: 40px; text-transform: uppercase; } section.calendrier > .match img { display: block; } section.calendrier > .match > div { width: 348px; height: 268px; background: #FFF; border-left: 1px solid #dfe5e6; border-right: 1px solid #dfe5e6; border-bottom: 1px solid #dfe5e6; position: relative; text-align: center; } section.calendrier > .match.dernier > div { height: 465px; } section.calendrier .match img.presentation { position: absolute; left: -1px; top: 0; } section.calendrier > .match .competition { font-size: 12px; line-height: 22px; } section.calendrier > .match.dernier .competition { font-size: 12px; line-height: 22px; display: block; width: 100%; position: absolute; left: 0; top: 197px; text-align: center; } section.calendrier > .dernier .logodom { position: absolute; top: 239px; left: 75px; } section.calendrier > .dernier .logoext { position: absolute; top: 239px; left: 225px; } section.calendrier > .dernier .clubs { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 17px; position: absolute; top: 297px; left: 0px; width: 100%; text-align: center; text-transform: uppercase; } section.calendrier > .dernier .score { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 35px; position: absolute; top: 220px; left: 135px; letter-spacing: 2px; width: 80px; padding: 20px 0 42px; text-align: center; border-top: 1px solid #c29b62; border-bottom: 1px solid #c29b62; } section.calendrier > .dernier h4 { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 19px; position: absolute; top: 336px; left: 0; text-transform: uppercase; line-height: 24px; width: 338px; height:24px; padding: 0 5px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } section.calendrier > .dernier p { position: absolute; top: 367px; font-size: 13px; padding: 0 6px; line-height: 16px; text-align: justify; font-style: italic; } section.calendrier > .dernier p::before { content: url('http://files.ogcnice.com/images/pages/menu/accroche.png'); padding-right: 5px; } section.calendrier .dernier .liens { position: absolute; width: 350px; height: 25px; left: -1px; bottom: -1px; } section.calendrier .dernier .liens div { width: 106px; height: 25px; line-height: 25px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-transform: uppercase; letter-spacing: 0.5px; font-size: 14px; text-align: center; overflow: hidden; position: relative; background: #aaa; float: right; } section.calendrier .dernier .liens div a { color: #FFF; text-decoration: none; display: block; width: 100%; height: 100%; } section.calendrier .dernier .liens div:hover { *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } section.calendrier .dernier div.cr { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: italic; font-size: 13px; width: 136px; background: #333; letter-spacing: -0.5px; } section.calendrier .dernier div.cr a:hover { *background: #87683b; background: #87683b\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFb69361, endColorstr=#FF87683b); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#b69361), to(#87683b) ); background-image: -webkit-linear-gradient( #b69361, #87683b ); background-image: -moz-linear-gradient( #b69361, #87683b ); background-image: -o-linear-gradient( #da2128, #87683b ); background-image: linear-gradient( #b69361, #87683b ); } section.calendrier .dernier div + div { margin-right: 1px; } section.calendrier .dernier .liens div.video { text-indent: -5px; } section.calendrier .liens div.video span { position: absolute; background: url('http://files.ogcnice.com/images/pages/menu/icones.png') no-repeat -300px -50px; width: 23px; height: 23px; right: 2px; top: 5px; } section.calendrier .liens div.photo span { background: url('http://files.ogcnice.com/images/pages/menu/icones.png') no-repeat scroll -100px -109px transparent; position: absolute; right: 2px; top: 7px; width: 26px; height: 22px; } section.calendrier .dernier .liens div.photo { text-indent: -11px; } section.calendrier > .prochain .logodom { position: absolute; top: 45px; left: 10px; } section.calendrier > .prochain .logoext { position: absolute; top: 45px; left: 240px; } section.calendrier > .prochain .score { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 32px; position: absolute; top: 26px; left: 135px; letter-spacing: 2px; width: 80px; padding: 50px 0; text-align: center; border-top: 1px solid #c29b62; } section.calendrier > .prochain .score span { border: 3px solid #444444; border-radius: 5px 5px 5px 5px; padding: 0 4px; } section.calendrier > .prochain .clubdom, section.calendrier > .prochain .clubext { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 22px; position: absolute; top: 35px; left: 0px; text-transform: uppercase; width:100%; } section.calendrier > .prochain .clubdom { top: 35px; } section.calendrier > .prochain .clubext { top: 135px; } section.calendrier > .prochain .jour { position: absolute; bottom: 65px; left: 0px; font-size: 16px; width:100%; } section.calendrier > .prochain .jour span { border-left: 3px solid #E31C24; border-right: 3px solid #E31C24; margin-left: 5px; padding: 0 7px; } section.calendrier > .prochain .stade { position: absolute; bottom: 45px; left: 0px; font-size: 16px; font-weight: bold; width:100%; white-space: nowrap; } section.calendrier > .prochain .diffuseur { position: absolute; top: 0; right: 0; font-size: 16px; } section.calendrier > .prochain a { position: absolute; bottom: -1px; left: -1px; font-size: 16px; line-height: 25px; color: #FFF; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; width:350px; height: 25px; } section.calendrier h2, section.calendrierformation h2 { font-family: 'Gotham A', 'Gotham B'; font-weight: 900; font-style: normal; font-size: 21px; color: #FFF; line-height: 40px; letter-spacing: 1px; text-transform: uppercase; text-align: center; } section.equipesjeunes h2, section.equipesjeunes2 h2, section.equipesjeunes3 h2 { text-transform: capitalize; color: #FFF; text-indent: 10px; font-size: 19px; height: 30px; line-height: 30px; } section.calendrier h2 { margin: 40px 15px 0; } section.calendrier ul .tab-calmois ul li { width: 100%; height: 145px; background: #f3f3f3; border-top: 2px solid #FFF; position: relative; } section.calendrier ul ul li:hover:not(.mois), section.calendrierformation li:hover:not(.mois) { background: #e5e5e5; } section.calendrierformation h3 { display: inline-block; margin-bottom: 20px; } section.calendrier .tab-calmois .club { position: absolute; width: 150px; height: 125px; top: 15px; text-align: center; } section.calendrier .tab-calmois .clubdom { left: 350px; } section.calendrier .tab-calmois .clubext { left: 580px; } section.calendrier .tab-calmois .club { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 15px; color: #444; text-transform: uppercase; white-space: nowrap; } section.calendrier .tab-calmois .club img { margin: 0 25px; } section.calendrier .tab-calmois .score { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 30px; text-align: center; border: 3px solid #444; border-radius: 5px 5px 5px 5px; letter-spacing: 2px; display: block; height: 35px; line-height: 35px; margin: 4px auto 0; width: 64px; position: absolute; top: 40px; left: 505px; color: #444; text-transform: uppercase; } section.calendrier .tab-calmois .score span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-size: 14px; font-weight: 700; text-transform: lowercase; letter-spacing: 0px; white-space: nowrap; } section.calendrier .tab-calmois .date { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; position: absolute; left: 10px; top: 20px; width: 90px; padding-right: 45px; color: #444; text-align: center; border-right: 1px solid #000; } section.calendrier .tab-calmois .date span, section.calendrier .tab-calmois .journee span { display: block; } section.calendrier .tab-calmois .date .jour { font-size: 15px; line-height: 15px; } section.calendrier .tab-calmois .date .journumeric { font-size: 50px; line-height: 40px; padding: 3px 0; } section.calendrier .tab-calmois .date .mois { font-size: 18px; text-transform: capitalize; } section.calendrier .tab-calmois .date .heure { font-size: 13px; color: #bb1e23; padding-top: 7px; } section.calendrier .tab-calmois .date .tbs { font-size: 11px; line-height: 11px; font-style: italic; padding-top: 4px; font-weight: 400; } section.calendrier .tab-calmois .journee { position: absolute; left: 165px; top: 20px; width: 140px; height: 108px; position: absolute; } section.calendrier .tab-calmois .journee img + span { margin: 4px 0; } section.calendrier .tab-calmois .journee span + img { position: absolute; bottom: 0; } section.calendrier .tab-calmois .liens { position: absolute; right: 15px; bottom: 15px; } section.calendrier .tab-calmois .liens div { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 14px; width: 130px; height: 25px; line-height: 25px; text-transform: uppercase; letter-spacing: 0.5px; text-align: center; overflow: hidden; position: relative; background: #aaa; } section.calendrier .tab-calmois .liens div a { color: #FFF; text-decoration: none; display: block; width: 100%; height: 100%; } section.calendrier .tab-calmois li div.video:hover a, section.calendrier .tab-calmois li div.photo:hover a { *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } section.calendrier .tab-calmois li div.cr:hover a { *background: #87683b; background: #87683b\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFb69361, endColorstr=#FF87683b); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#b69361), to(#87683b) ); background-image: -webkit-linear-gradient( #b69361, #87683b ); background-image: -moz-linear-gradient( #b69361, #87683b ); background-image: -o-linear-gradient( #da2128, #87683b ); background-image: linear-gradient( #b69361, #87683b ); } section.calendrier .tab-calmois .liens div + div { margin-top: 3px; } section.calendrier .tab-calmois .liens div.cr { width: 130px; height: 25px; line-height: 25px; color: #FFF; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: italic; text-transform: uppercase; letter-spacing: -0.5px; font-size: 13px; text-align: center; overflow: hidden; position: relative; background: #333; } section.calendrier .tab-calcompact li.mois, section.calendrierformation li.mois { text-transform: capitalize; color: #FFF; text-indent: 10px; font-size: 19px; height: 30px; line-height: 30px; } section.equipesjeunes2 h2 { margin: 0 15px; } section.calendrier .tab-calcompact ul li, section.calendrierformation ul li { width: 100%; height: 45px; line-height: 45px; border-top: 2px solid #FFF; position: relative; overflow: hidden; } section.calendrier .tab-calcompact ul li:not(.degrade_light), section.calendrierformation ul li:not(.degrade_light) { background: #f3f3f3; } section.calendrier .tab-calcompact li div, section.calendrierformation li div { float: left; } section.calendrier .tab-calcompact li:hover div a { *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } section.calendrier .tab-calcompact li:hover div.cr a { *background: #87683b; background: #87683b\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFb69361, endColorstr=#FF87683b); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#b69361), to(#87683b) ); background-image: -webkit-linear-gradient( #b69361, #87683b ); background-image: -moz-linear-gradient( #b69361, #87683b ); background-image: -o-linear-gradient( #da2128, #87683b ); background-image: linear-gradient( #b69361, #87683b ); } section.calendrier .tab-calcompact li div.date { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 16px; width: 180px; color: #444; padding-right: 23px; text-indent: 7px; } section.calendrierformation div.date { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 16px; width: 169px; color: #444; padding-right: 15px; text-indent: 10px; } section.calendrier .tab-calcompact li div.date span, section.calendrierformation div.date span { display: block; color: #bb1e23; font-size: 13px; float: right; } section.calendrier .tab-calcompact li div.competition { width: 230px; color: #000; font-size: 14px; } section.calendrier .tab-calcompact li div.competition span::before, section.calendrierformation div.competition span::before { content: '- '; } section.calendrierformation div.competition { width: 162px; color: #000; font-size: 14px; white-space: nowrap; } section.calendrier .tab-calcompact li div.competition img, section.calendrierformation div.competition img { vertical-align: text-bottom; position: relative; top: 4px; margin-right: 10px; } section.calendrier .tab-calcompact li div.club, section.calendrierformation div.club { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 15px; width: 145px; color: #444; text-transform: uppercase; white-space: nowrap; } section.calendrier .tab-calcompact li div.clubdom, section.calendrierformation div.clubdom { text-align: right; } section.calendrier .tab-calcompact li div.score, section.calendrierformation div.score { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 17px; border: 2px solid #444; color: #444; border-radius: 5px; letter-spacing: 2px; text-align: center; line-height: 24px; display: block; width: 44px; height: 23px; margin: 8px 8px 0; text-transform: uppercase; white-space: nowrap; } section.calendrier .tab-calcompact li div.score.victoire, section.calendrierformation div.score.victoire { border: 2px solid #c29b62; color: #c29b62; } section.calendrier .tab-calcompact li div.score.nul, section.calendrierformation div.score.nul { border: 2px solid #444; color: #444; } section.calendrier .tab-calcompact li div.score.defaite, section.calendrierformation div.score.defaite { border: 2px solid #bb1e23; color: #bb1e23; } .tab-calcompact img { display: inline; } section.calendrier .tab-calcompact .liens { font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 13px; font-style: italic; font-weight: 400; width: 130px; height: 25px; line-height: 25px; text-transform: uppercase; letter-spacing: -0.5px; text-align: center; overflow: hidden; background: #aaa; position: absolute; right: 10px; bottom: 10px; display: none; } section.calendrier .tab-calcompact .liens a { color: #FFF; text-decoration: none; display: block; width: 100%; height: 100%; } section.calendrier .tab-calcompact li:hover .liens { display: block; } section.calendrier .tab-calcompact .diffuseur { width: 46px; height: 16px; position: absolute; right: 20px; top: 14px; overflow: hidden; } section.calendrier .tab-calcompact .diffuseur img { display: block } ul.sousmenu { width: 990px; height: 310px; padding: 10px 20px 25px; background-color: #222; color: #FFF; position: absolute; left: 0; top: 64px; z-index:500; display:none; } ul.sousmenu.testmenu { display: block; } ul.sousmenu img { display: inline; } #main_menu li.actualite:hover ul.sousmenu.actualite, #main_menu li.club:hover ul.sousmenu.club, #main_menu li.equipes:hover ul.sousmenu.equipes, #main_menu li.formation:hover ul.sousmenu.formation, #main_menu li.communaute:hover ul.sousmenu.communaute, #main_menu li.citoyen:hover ul.sousmenu.citoyen, #main_menu li.stade:hover ul.sousmenu.stade { display: block; } ul.sousmenu a { text-decoration: none; color: #FFF; } ul.sousmenu li.disabled a { color: #444; text-decoration: none; cursor: default; } ul.sousmenu li.disabled::before { color: #444; } ul.sousmenu.actualite li ul, ul.sousmenu.club li ul, ul.sousmenu.equipes li.equipe ul, ul.sousmenu.equipes li.actu ul, ul.sousmenu.communaute li.goodies ul, ul.sousmenu.communaute li.videos ul, ul.sousmenu.citoyen li ul { position: relative; height: 250px; } ul.sousmenu.actualite li.news ul { height: 235px; } ul.sousmenu.actualite > li, ul.sousmenu.club > li, ul.sousmenu.stade > li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; display: table-cell; text-transform: uppercase; width: 176px; padding-right: 5px; background: url('http://files.ogcnice.com/images/pages/menu/sousmenu.png') no-repeat right top; } ul.sousmenu.actualite > li:last-child, ul.sousmenu.club > li:last-child, ul.sousmenu.communaute > li:last-child, ul.sousmenu.citoyen > li:last-child, ul.sousmenu.stade > li:last-child { background: none; } ul.sousmenu > li a { color: #da2128; } ul.sousmenu li li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; color: #FFF; text-transform: none; font-size: 13px; line-height: 24px; } ul.sousmenu li li a { color: #FFF; } ul.sousmenu li li a:hover { text-decoration: underline; } ul.sousmenu.actualite > li:first-child, ul.sousmenu.formation > li:first-child, ul.sousmenu.communaute > li:first-child { padding-top: 35px; line-height: 40px; vertical-align: top; } ul.sousmenu.actualite > li:not(:first-child), ul.sousmenu.club > li:not(:first-child), ul.sousmenu.stade > li:not(:first-child) { padding-left: 15px; line-height: 60px; } ul.sousmen.actualite > li:last-child, ul.sousmen.club > li:last-child { background: none; padding-right: 0; } /* puces liens */ ul.sousmenu.actualite > li.news li::before, ul.sousmenu.actualite > li.ogcnicetv li::before, ul.sousmenu.club > li.vieduclub li::before, ul.sousmenu.club > li.histoire li::before, ul.sousmenu.equipes .equipe li:nth-child(-n+3)::before, ul.sousmenu.formation > li.centre li::before, ul.sousmenu.formation > li.prefo li::before, ul.sousmenu.formation > li.footanim li a::before, ul.sousmenu.equipes li.u15 li::before, ul.sousmenu.equipes li.u13 li::before, ul.sousmenu.equipes li.u11 li::before, ul.sousmenu.equipes li.u9 li::before, ul.sousmenu.communaute li.supporters li::before, ul.sousmenu.communaute li.reseauxsociaux li::before, ul.sousmenu.citoyen li.enfance li::before, ul.sousmenu.citoyen li.proximite li::before, ul.sousmenu.stade li.allianz li::before, ul.sousmenu.citoyen li.coordonnees a::before { font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 15px; content: '>'; padding-right: 5px; position: relative; top: -1px; float: left; } /* lien planning */ ul.sousmenu.actualite > li.news li:nth-last-child(2) { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 15px; position: relative; top: 10px; text-indent: 20px; } ul.sousmenu.actualite > li.news li:nth-last-child(2) span { position: absolute; width: 14px; height: 15px; background: url('http://files.ogcnice.com/images/pages/menu/icones.png') no-repeat 0 -150px; left: 0; top: 4px; } ul.sousmenu.actualite > li.news li:nth-last-child(2)::before { content: ''; } /* pas de soulignement pour les liens illustrés */ ul.sousmenu.actualite > li.radio li a:hover, ul.sousmenu.actualite > li.ogcnicemag li:first-child a:hover, ul.sousmenu.actualite > li.galeries li:first-child a:hover, ul.sousmenu.communaute > li.videos li a:hover { text-decoration: none; } /* images d'articles du menu */ ul.sousmenu.actualite > li.radio li img, ul.sousmenu.actualite > li.ogcnicemag img, ul.sousmenu.actualite > li.galeries img, ul.sousmenu.equipes .formation > li.actu img, ul.sousmenu.communaute > li.goodies img, ul.sousmenu.communaute > li.videos img { border: 1px solid #BBB; margin-bottom: -8px; } ul.sousmenu.actualite > li.radio li:hover img, ul.sousmenu.actualite > li.ogcnicemag li a:hover img, ul.sousmenu.actualite > li.galeries li a:hover img, ul.sousmenu.equipes .formation > li.actu a:hover img, ul.sousmenu.communaute > li.goodies a:hover img, ul.sousmenu.communaute > li.videos a:hover img { border: 1px solid #bb1e23; } /* lien suivez TV */ ul.sousmenu.actualite > li.radio li { margin-top: 10px; color: #444; width: 167px; height: 150px; background: #DDD; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 13px; letter-spacing: -0.5px; text-align: center; border-radius: 5px; text-transform: uppercase; } ul.sousmenu a.youtubemenu, ul.sousmenu a.dailymotionmenu { display: block; background-image: url('http://files.ogcnice.com/images/pages/menu/socialsvideo-off.png'); text-indent: -450px; overflow: hidden; margin-top: 5px; -webkit-transition: background-image 0.5s ease-in-out; -khtml-transition: background-image 0.5s ease-in-out; -moz-transition: background-image 0.5s ease-in-out; -o-transition: background-image 0.5s ease-in-out; transition: background-image 0.5s ease-in-out; } ul.sousmenu a.youtubemenu:hover, ul.sousmenu a.dailymotionmenu:hover { background-image: url('http://files.ogcnice.com/images/pages/menu/socialsvideo-on.png'); } ul.sousmenu a.youtubemenu { width: 70px; height: 29px; margin-left: 48px; margin-top: 25px; background-position: 0 0; } ul.sousmenu a.dailymotionmenu { width: 130px; height: 31px; margin-left: 18px; background-position: -150px 0; } ul.sousmenu.actualite > li.galeries li:first-child p.date { line-height: 16px; margin-top: 5px } ul.sousmenu li.competition p.titre { font-size: 14px; line-height: 17px; color: #da2128; text-align: center; font-family: 'Gotham SSm A','Gotham SSm B'; font-style: normal; font-weight: 800; text-transform: uppercase; font-size: 14px; text-transform: uppercase; white-space: nowrap; line-height: 60px; } ul.sousmenu.actualite > li.galeries li:nth-child(2) p.date, ul.sousmenu.communaute > li.videos li:nth-child(2) p.date, ul.sousmenu.equipes li.actu li:nth-child(2) p.date { font-size: 12px; line-height: 12px; padding-top: 10px; margin: 5px 0; background-position: center top; } ul.sousmenu.actualite > li.galeries li:nth-child(2) p.date, ul.sousmenu.club > li.actuclub li:nth-child(-n+2), ul.sousmenu.communaute > li.videos li:nth-child(2) p.date { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAADCAYAAABlE6q2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjA4QThFREJEOEM4MTFFMjk0QkJCMjFCNTkzMzU1MEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjA4QThFRENEOEM4MTFFMjk0QkJCMjFCNTkzMzU1MEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDhBOEVEOUQ4QzgxMUUyOTRCQkIyMUI1OTMzNTUwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDhBOEVEQUQ4QzgxMUUyOTRCQkIyMUI1OTMzNTUwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp6y6dMAAAA+SURBVHjaYjx37pwSAxAYGhreY4CC8+fPDxqxweYeWruRCUiHQjEyGExiDCPJjSxAvBqL4YNJjGEkuREgwADmnGqp9FvKswAAAABJRU5ErkJggg==); background-repeat: no-repeat; } ul.sousmenu.club > li.actuclub li:nth-child(-n+2) { background-position: center bottom; } ul.sousmenu.actualite > li.galeries li:nth-child(2) p.titre, ul.sousmenu.club > li.actuclub li:not(:last-child) p.titre, ul.sousmenu.equipes li.actu li:nth-child(2) p.titre, ul.sousmenu.communaute li.videos li:nth-child(2) p.titre, ul.sousmenu.citoyen li.actu li:nth-child(2) p.titre { font-size: 13px; line-height: 16px; } ul.sousmenu.actualite > li.galeries li:first-child p.titre, ul.sousmenu.equipes li.actu li:first-child p.titre, ul.sousmenu.communaute li.videos li:first-child p.titre, ul.sousmenu.citoyen li.actu li:first-child p.titre { line-height: 17px; margin-bottom: 5px } ul.sousmenu.actualite > li.galeries li:nth-child(2) a { text-decoration: none; } ul.sousmenu.club > li:first-child, ul.sousmenu.citoyen > li:first-child, ul.sousmenu.stade > li:first-child { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-transform: none; font-size: 13px; color: #c29b62; background: none; padding-right: 5px; vertical-align: middle; line-height: 22px; } ul.sousmenu.club > li:first-child { width: 150px; } ul.sousmenu.citoyen > li:first-child { width: 180px; } ul.sousmenu.citoyen > li:first-child img { padding-top: 35px; } ul.sousmenu.stade > li:first-child { width: 250px; padding-top: 80px; } ul.sousmenu.stade > li:first-child a { color: #c29b62; } ul.sousmenu.stade > li:first-child a:hover { text-decoration: underline; } ul.sousmenu.citoyen li.coordonnees p:nth-of-type(2) { text-transform: uppercase; white-space: nowrap; } ul.sousmenu.citoyen li.coordonnees p:nth-of-type(2) a { color: #C29B62; } ul.sousmenu li.histoire { width: 380px; text-align: center; } ul.sousmenu li.histoire li { text-align: left; } ul.sousmenu li.histoire li:nth-last-child(2) { position: absolute; top: 0; right: 0; } ul.sousmenu li.histoire li:nth-last-child(2)::before { content:''; } ul.sousmenu.club li.histoire li:last-child { left: 205px; } ul.sousmenu.club > li.actuclub li:nth-child(-n+3) { font-size: 12px; line-height: 12px; margin: 15px 0; padding-bottom: 15px; } ul.sousmenu.club > li.actuclub li:first-child { margin: 0; } ul.sousmenu.club > li.actuclub li:not(:last-child) a:hover { text-decoration: none; } /* menu equipe */ ul.sousmenu.equipes > li > a { color: #FFF; display: block; width: 100%; height: 100%; } ul.sousmenu.equipes > li > a:hover, ul.sousmenu.equipes > li > a.current { color: #da2128; } ul.sousmenu.equipes > li { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 22px; letter-spacing: 1px; text-transform: uppercase; line-height: 42px; height: 42px; width: 125px; display: block; padding: 0; } ul.sousmenu.equipes > li:first-child { padding-top: 60px; } ul.sousmenu.equipes > li:last-child { font-size: 22px; letter-spacing: 0; line-height: 44px; height: 44px; } ul.sousmenu.equipes > li .current { color: #da2128; } ul.choixequipe > li ul { display: table-cell; } ul.sousmenu.equipes > li > a::before { content: ">"; float: left; font-family: 'typograph_proextrabold'; font-size: 30px; font-weight: normal; padding-right: 8px; position: relative; top: -1px; } .menupro { position: absolute; left: 150px; width: 850px; height: 310px; top: 0; padding: 10px 0 25px; display: none; } .menupro#pros { display: block; } .menupro > li { display: table-cell; } .menupro .equipe { width: 190px; background: url('http://files.ogcnice.com/images/pages/menu/sousmenu.png') no-repeat right top; padding-right: 5px; color: #c29b62; font-size: 24px; font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; text-transform: uppercase; } .menupro .equipe li:first-child { margin-top: 20px; } .menupro .equipe li { line-height: 30px; } .menupro .equipe li img { margin-top: 20px; } .menupro li.competition { width: 390px; padding: 0 20px; background: url("http://files.ogcnice.com/images/pages/menu/sousmenu.png") no-repeat right top; } .menupro li.actu { width: 185px; padding-left: 15px; } .menupro li.equipe li img { border: 2px solid #c29b62; } .menupro li.competition li:first-child, .menupro li.competition li:nth-child(2) { width: 175px; height: 122px; display: table-cell; } .menupro li.competition li:first-child { padding-right: 20px; } .menupro li.competition li:nth-child(2) { padding-left: 20px; } .menupro li.competition .logodom, .menupro li.competition .logoext { position: absolute; top: 55px; } .menupro li.competition .logodom { left: 0; } .menupro li.competition .logoext { left: 125px; } .menupro li.competition .score { position: absolute; left: 67px; top: 62px; border: 2px solid #FFF; border-radius: 5px; font-family: 'Gotham SSm A','Gotham SSm B'; font-style: normal; font-weight: 800; text-transform: uppercase; font-size: 20px; letter-spacing: 1px; padding: 0 1px; position: absolute; text-align: center; width: 44px; text-transform: uppercase; } .menupro li.actu > a { color: #da2128; text-align: center; font-family: 'Gotham SSm A','Gotham SSm B'; font-style: normal; font-weight: 800; text-transform: uppercase; font-size: 14px; text-transform: uppercase; text-decoration: none; } .menupro li.actu > a:hover { text-decoration: none; } .menupro li.equipe li:last-child a { color: #C29B62; } .menupro li.actu :first-child a:hover, .menupro#formation li.actu li:nth-child(2) a:hover { text-decoration: none; } .sousmenu.equipes li.actu { line-height: 60px; padding-left: 15px; text-align: center; } .sousmenu.equipes li.actu li{ text-align: left; } /* puces dorées */ ul.sousmenu li.bottomlink::before { color: #c29b62; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 14px; content: '>'; padding-right: 3px; position: relative; top: 0; float: left; } li.competition ul { position: relative; height: 310px; } ul.sousmenu li.equipe li.bottomlink { position: relative; top: 9px; } ul.sousmenu.equipes #jeunes > li { background: url('http://files.ogcnice.com/images/pages/menu/sousmenu.png') no-repeat scroll right top transparent; display: table-cell; color: #da2128; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 14px; font-style: normal; font-weight: 800; padding-right: 5px; padding-left: 15px; text-transform: uppercase; width: 176px; line-height: 60px } ul.sousmenu.equipes #jeunes > li:last-child, ul.sousmenu.formation > li:last-child { background: none; } ul.sousmenu.equipes li.feminines { color: #da2128; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 14px; font-style: normal; font-weight: 800; text-transform: uppercase; line-height: 60px; } ul.sousmenu.equipes li.u9 li.feminines::before { content: ''; } ul.sousmenu.formation > li, ul.sousmenu.communaute > li, ul.sousmenu.citoyen > li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; background: url('http://files.ogcnice.com/images/pages/menu/sousmenu.png') no-repeat scroll right top transparent; display: table-cell; color: #da2128; font-size: 14px; padding-right: 5px; padding-left: 15px; text-transform: uppercase; width: 215px; line-height: 60px } ul.sousmenu.citoyen > li { width: 205px; } ul.sousmenu.formation li.jeuneaiglon a { color: #da2128; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 14px; font-style: normal; font-weight: 800; text-transform: uppercase; line-height: 50px; white-space: nowrap; } ul.sousmenu.formation > li.footanim li.jeuneaiglon a::before { content: ''; } ul.sousmenu.formation li.sectionfeminines { color: #da2128; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 14px; font-style: normal; font-weight: 800; text-transform: uppercase; line-height: 50px; white-space: nowrap; } ul.sousmenu.formation li.footanim li.sectionfeminines::before, ul.sousmenu.formation li.footanim li.jeuneaiglon::before { content:''; } ul.sousmenu.formation li.jeuneaiglon a:hover, ul.sousmenu.communaute li.goodies a:hover, ul.sousmenu.citoyen li.associations li:not(:last-child) a:hover, ul.sousmenu.citoyen li.actu li:not(:last-child) a:hover { text-decoration: none; } ul.sousmenu.communaute li.goodies img, ul.sousmenu.citoyen li.associations img { margin-bottom: -12px; } ul.sousmenu.communaute li.goodies li:nth-child(2), ul.sousmenu.citoyen li.associations li:nth-child(2) { margin-top: 5px; } /* lien doré du bas */ ul.sousmenu li.bottomlink { position: absolute; bottom: 0; white-space: nowrap; } ul.sousmenu li.bottomlink a { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; color: #c29b62; font-size: 10px; letter-spacing: 0.3px; } ul.sousmenu li.bottomlink a:hover { text-decoration: underline; } .playertv article { width: 853px; margin: 0 auto; padding: 50px 0 25px; } .playertv article p.duree { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 13px; float: right; color: #c29b62; border: 2px solid #c29b62; padding: 2px 3px; border-radius: 5px; text-transform: uppercase; } section.playertv iframe { margin-bottom: 20px } section.playertv .related_links + div { float: right; width: 720px } section.playertv nav.onglets ul { width: 100%; margin: 0; } section.playertv .navtv { width: 853px; margin: 0 auto; padding: 0 0 60px; } section.playertv nav.onglets li { background: #E9E9E9; border-bottom: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; display: table-cell; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 15px; line-height: 40px; text-align: center; width: 85px; white-space: nowrap; } section.playertv nav.onglets li:first-child { border-left: 1px solid #bdbdbd; background-color: #ccc; } section.playertv nav.onglets li:last-child { border-right: 1px solid #bdbdbd; width: 86px; } section.playertv nav.onglets li:hover, section.playertv nav.onglets li.current { border-bottom: 1px solid #9D1C21; border-top: 1px solid #DA2128; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } section.playertv nav.onglets li a { color: #000; display: block; height: 100%; text-decoration: none; width: 100%; } section.playertv nav.onglets li a:hover, section.playertv nav.onglets li.current a { color: #FFF; } section.playertv nav.onglets li.current a { cursor: default; } section.playertv .onglet { width: 851px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; position: relative; background: #e9e9e9; } section.playertv .navtv .onglet ul { width: 100%; margin: 0; } section.playertv .navtv .onglet li { float: left; width: 161px; height: 158px; margin: 0 4px 0; position: relative; } section.playertv .navtv .onglet li:first-child { margin-left: 7px; } section.playertv .navtv .onglet li:last-child { margin-right: 7px; } section.playertv .navtv .onglet li > div { width: 155px; height: 140px; padding: 8px 3px; position: relative; } section.playertv .navtv p.duree { display: inline-block; text-align: right; padding: 2px 4px; font-size: 11px; line-height: 13px; color: #fff; background: rgba(0, 0, 0, 0.5); position: absolute; right: 3px; top: 78px; } section.playertv .navtv .onglet h3 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 14px; line-height: 18px; margin-top: 5px; color: #000; } section.playertv .navtv .onglet ul li span { display: block; position: absolute; width: 161px; height: 141px; padding-top: 20px; left: 0; top: 0; background: rgba(0,0,0,0.8); overflow: hidden; opacity: 0; transition: opacity 0.3s linear 0s; z-index: 5; } section.playertv .navtv .onglet ul li span:before { content:'\F01D'; color: #FFF; text-align: center; font-size: 86px; display: block; margin: 0 auto; opacity: 0.8; padding-bottom: 15px; } section.playertv .navtv .onglet ul li span:hover { opacity: 1; } section.playertv .navtv .onglet ul li span a { color: #FFF; text-decoration: none; text-align: center; display: block; margin: 0 auto; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 16px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } section.playertv .navtv .onglet ul li span a:hover { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } section.playertv .navtv .onglet > span { position: absolute; right: -1px; bottom: -25px; height: 25px; font-size: 12px; font-weight: bold; line-height: 20px; padding: 0 5px; } section.playertv .navtv .onglet > span a { color: #FFF; text-decoration: none; } section.playertv .navtv .onglet > span a:hover { text-decoration: underline; } section.playertv .navtv .onglet > span::after { color: #fff; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 15px; content: '>'; padding-left: 3px; position: relative; top: 2px; } /* page index tv */ section.tvindex > h1 { text-align: center; } section.tvindex > h1 img { display: inline; margin: 40px 0; } section.tvindex .slidetv { margin-left: 135px; } section.tvindex > ul { margin-left: 22px; } section.tvindex > ul > li { width: 185px; float: left; margin: 16px 8px 16px 0 } section.tvindex ul.playlist { width: 183px; height: 360px; background: #E9E9E9; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; } section.tvindex > ul li h3 { width: 185px; height: 40px; line-height: 40px; } section.tvindex ul.playlist li { position: relative; font-size: 13px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAACCAYAAACHSIaUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTI1NkE2REFEQzE1MTFFMkI2QTM5ODk3RUNEOUU2ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTI1NkE2REJEQzE1MTFFMkI2QTM5ODk3RUNEOUU2ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjU2QTZEOERDMTUxMUUyQjZBMzk4OTdFQ0Q5RTY4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjU2QTZEOURDMTUxMUUyQjZBMzk4OTdFQ0Q5RTY4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkqZH2YAAAAuSURBVHjaYpjc05MGxEr///9nQMcgcZA8NjkQZmJgYAgFYiUG7EAJKo8VAAQYAIr0KYx+9RYbAAAAAElFTkSuQmCC) repeat-x left bottom; padding: 6px 4px; min-height: 34px; } section.tvindex ul.playlist li:last-child { background: none; padding-bottom: 4px; } section.tvindex ul.playlist li a { color: #333; text-decoration: none; display: block; width: 100%; height: 100%; } section.tvindex ul.playlist li:not(:first-child) a { width: 100%; height: 100%; } section.tvindex nav { width: 185px; height: 25px; color: #FFF; text-align: right; font-size: 12px; font-weight: bold; line-height: 20px; } section.tvindex nav::after { color: #FFFFFF; content: ">"; font-family: 'typograph_proextrabold'; font-size: 15px; font-weight: normal; padding-left: 3px; padding-right: 5px; position: relative; top: 2px; } section.tvindex nav a { color: #FFF; text-decoration: none; } section.tvindex nav a:hover { text-decoration: underline; } .socialsvideo { background: #e9e9e9; border: 1px solid #bdbdbd; width: 285px; height: 80px; float: right; margin-top: 25px; margin-right: 21px; } .socialsvideo p { color: #444; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 14px; font-style: normal; font-weight: 700; text-transform: uppercase; text-align: center; margin: 3px 0 0; } .socialsvideo li { float: left; padding: 0 20px 0 0; margin: 15px 0 5px 20px; background-image: url('http://files.ogcnice.com/images/pages/menu/socialsvideo-off.png'); text-indent: -600px; overflow: hidden; -webkit-transition: background-image 0.5s ease-in-out; -khtml-transition: background-image 0.5s ease-in-out; -moz-transition: background-image 0.5s ease-in-out; -o-transition: background-image 0.5s ease-in-out; transition: background-image 0.5s ease-in-out; } .socialsvideo li:hover { background-image: url('http://files.ogcnice.com/images/pages/menu/socialsvideo-on.png'); } .socialsvideo li:first-child { border-right: 1px solid #bdbdbd; width: 70px; height: 29px; } .socialsvideo li:last-child { width: 130px; height: 31px; background-position: -150px 0; } .socialsvideo li a { display: block; width: 100%; height: 100%; } /* archives actu */ section.archives h1 { margin: 30px 0; } section.archives h1.tag-sportif::after, section.archives h1.tag-Sportif::after { content: ' sportives'; } section.archives h1.tag-club::after, section.archives h1.tag-Club::after { content: ' club'; } section.archives h1.tag-jeunes::after, section.archives h1.tag-Jeunes::after { content: ' jeunes'; } section.archives h1.tag-feminines::after, section.archives h1.tag-Feminines::after { content: ' féminines'; } section.archives h1.tag-supporters::after, section.archives h1.tag-Supporters::after { content: ' supporters'; } section.archives h1.tag-citoyen::after, section.archives h1.tag-Citoyen::after { content: ' citoyennes'; } section.archives h1.tag-entreprise::after, section.archives h1.tag-Entreprise::after { content: ' entreprise'; } section.archives nav.onglets ul { width: 100%; margin: 0; } section.archives nav.onglets { width: 700px; margin: 0 auto; padding: 0 0 30px; } section.archives nav.onglets li { background: #E9E9E9; border-bottom: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; display: table-cell; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 14px; font-style: normal; font-weight: 700; line-height: 40px; text-align: center; width: 87px; white-space: nowrap; } section.archives nav.onglets li:first-child { border-left: 1px solid #bdbdbd; background-color: #ccc; width: 88px; } section.archives nav.onglets li:last-child { border-right: 1px solid #bdbdbd; width: 88px; } section.archives nav.onglets li:hover, section.archives nav.onglets li.current, section.presse nav.onglets li.current, section.presse nav.onglets li:hover { border-bottom: 1px solid #9D1C21; border-top: 1px solid #DA2128; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } section.archives nav.onglets li a { color: #414141; display: block; height: 100%; text-decoration: none; width: 100%; } section.archives nav.onglets li a:hover, section.archives nav.onglets li.current a { color: #FFF; } section.archives nav.onglets li.current a { cursor: default; } section.archives > ul { width: 100%; } section.archives > ul li { clear: both; padding: 10px 0; position: relative; min-height: 121px; } section.archives > ul li img { float: left; padding-right: 10px; } section.archives > ul li a { text-decoration: none; display: block; width: 100%; height: 100%; } section.archives > ul li:hover { background: #e3e3e3; } section.archives > ul li .surtitre { color: #c29b62; } section.archives > ul li .titre { color: #000; } section.archives > ul li:first-child { width: 695px; padding-right: 5px; min-height: 182px; } section.archives > ul li:first-child img { width: 325px; } section.archives > ul li:not(:last-child) { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAACCAYAAACHSIaUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTI1NkE2REFEQzE1MTFFMkI2QTM5ODk3RUNEOUU2ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTI1NkE2REJEQzE1MTFFMkI2QTM5ODk3RUNEOUU2ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjU2QTZEOERDMTUxMUUyQjZBMzk4OTdFQ0Q5RTY4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjU2QTZEOURDMTUxMUUyQjZBMzk4OTdFQ0Q5RTY4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkqZH2YAAAAuSURBVHjaYpjc05MGxEr///9nQMcgcZA8NjkQZmJgYAgFYiUG7EAJKo8VAAQYAIr0KYx+9RYbAAAAAElFTkSuQmCC) repeat-x left bottom; } section.archives > ul li .date { font-size: 14px; line-height: 14px; } section.archives > ul li:first-child .surtitre { font-size: 15px; line-height: 20px; } section.archives > ul li:not(:first-child) .surtitre { font-size: 13px; line-height: 16px; } section.archives > ul li .titre { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-transform: uppercase; } section.archives > ul li:first-child .titre { font-size: 18px; padding: 4px 0; } section.archives > ul li:not(:first-child) .titre { font-size: 16px; padding: 4px 0 0; } section.archives > ul li .accroche { color: #000; font-size: 12px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: italic; line-height: 20px; padding: 10px 0 0; } div.equipesjeunes img, section.equipesjeunes2 img { display: block; } section.equipesjeunes h1, section.equipesjeunes3 h1 { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 22px; position: relative; width: 100%; height: 39px; color: #FFF; line-height: 39px; text-transform: uppercase; letter-spacing: 1px; text-indent: 10px; } section.equipesjeunes table { border-collapse: collapse; width: 100%; margin: 20px 0; } section.equipesjeunes table th { font-size: 12px; font-weight: normal; line-height: 20px; text-align: left; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; } section.equipesjeunes table th:first-child { text-indent: 10px; } section.equipesjeunes table td { background-color: #E3E3E3; border-bottom: 1px solid #FFFFFF; color: #444; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; white-space: nowrap; font-size: 15px; line-height: 38px; width: 25%; } section.equipesjeunes table td:first-child { text-transform: uppercase; } section.equipesjeunes table tr:nth-child(even) td { background-color: #efefef; } section.equipesjeunes table tr:hover td { color: #FFF; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( #da2128, #9d1c21 ); background-image: -moz-linear-gradient( #da2128, #9d1c21 ); background-image: -o-linear-gradient( #da2128, #9d1c21 ); background-image: linear-gradient( #da2128, #9d1c21 ); } section.equipesjeunes table td:first-child { text-indent: 10px; } section.equipesjeunes table th:last-child, section.equipesjeunes table td:last-child { text-align: right; padding-right: 40px; } section.equipesjeunes2 { padding: 50px 0; } section.equipesjeunes3 { padding-top: 50px; } section.equipesjeunes3 h2 { margin-bottom: 50px; } section.equipesjeunes2 img { margin: 20px 15px 0; display: block; } section.equipesjeunes h3 { margin: 0 0 20px; } section.equipesjeunes2 h3 { margin: 20px 15px 0; } section.equipesjeunes3 h3 { margin: 20px 0; } section.equipesjeunes2 h1 { position: relative; width: 1000px; height: 39px; color: #FFF; margin: 0 auto; font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 22px; line-height: 39px; text-transform: uppercase; letter-spacing: 1px; text-indent: 10px; } section.equipeshistoire .photoequipe { width: 972px; padding: 50px 29px 25px; } section.equipeshistoire h1 { color: #c29b62; text-transform: uppercase; font-size: 34px; text-decoration: underline; padding: 30px 0; text-indent: 10px; } section.equipeshistoire .photoequipe img { border: 1px solid #c29b62; } section.equipeshistoire .photoequipe p { margin-left: 50px; font-size: 16px; line-height: 25px; } .navphoto { width: 275px; height: 80px; background: #e9e9e9; border: 1px solid #ccc; margin: 10px 29px 25px; padding: 20px 35px; position: relative; text-transform: uppercase; color: #c29b62; text-decoration: underline; } .navphoto p { font-size: 22px; line-height: 34px; letter-spacing: 1px; white-space: nowrap; } .photoprecedente { float: left; } .photoprecedente img { float: left; margin-right: 20px; } .photoprecedente::before { color: #999; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 35px; content: '<'; position: absolute; top: 40px; left: 5px; } .photosuivante { float: right; } .photosuivante img { float: right; margin-left: 20px; } .photosuivante::after { color: #999; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 35px; content: '>'; position: absolute; top: 40px; right: 5px; } .photoprecedente:hover::before, .photosuivante:hover::after { color: #666; } section.equipeshistoireindex h1 { padding: 50px 0 25px; } section.equipeshistoireindex ul { width: 1000px; margin-left: 30px; table-layout: fixed; } section.equipeshistoireindex li { position: relative; width: 968px; height: 200px; float: left; border: 1px solid #d9d9d9; margin-bottom: 15px; } section.equipeshistoireindex h2 { font-size: 30px; color: #000; text-transform: uppercase; border-bottom: 1px solid #c29b62; z-index: 2; padding: 5px 0 2px; margin: 0 15px; display: inline; position: relative; } section.equipeshistoireindex li div { width: 185px; margin-top: 10px; margin-left: 15px; } section.equipeshistoireindex p { font-size: 12px; position: relative; z-index: 2; text-align: center; letter-spacing: 1px } section.equipeshistoireindex p a { color: #000; text-decoration: none; } section.equipeshistoireindex p a:hover { text-decoration: underline overline; } section.equipeshistoireindex li::after { content: '>'; position: absolute; right: 0px; top: 0px; width: 35px; height: 200px; color: #FFF; font-family: 'typograph_proextrabold'; font-size: 50px; text-align: center; line-height: 195px; display: table-cell; vertical-align: middle; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( top, #da2128, #9d1c21 ); background-image: -moz-linear-gradient( top, #da2128, #9d1c21 ); background-image: -o-linear-gradient( top, #da2128, #9d1c21 ); background-image: linear-gradient( top, #da2128, #9d1c21 ); background-image: -ms-linear-gradient( top, #da2128, #9d1c21 ); z-index: 3 } section.equipeshistoireindex li img { position: absolute; right:34px; top: 0; z-index: 1; } section.tvindex > ul { margin-left: 22px; } section.tvindex > ul > li { width: 185px; float: left; margin: 16px 8px 16px 0 } section.tvindex ul.playlist { width: 183px; height: 360px; background: #E9E9E9; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; } section.tvindex > ul li h3 { width: 185px; height: 40px; } section.tvrubriques ul.playlist { width: 975px; height: 660px; margin-top: 25px; margin-left: 22px; } section.tvrubriques ul.playlist img, section.album_index ul img, #videos li img { margin-bottom: 6px; } section.tvrubriques ul.playlist img { margin-left: -2px; } section.tvrubriques ul.playlist li { float: left; width: 185px; height: 220px; margin: 16px 8px 16px 0; position: relative; } section.tvrubriques ul.playlist li:nth-child(5n+1) { margin-left: 0px; } section.tvrubriques ul.playlist li h3 { width: 100%; height: 40px; line-height: 40px; } section.tvrubriques ul.playlist li > div { width: 171px; height: 168px; padding: 6px; background-color: #e9e9e9; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; position: relative; } section.tvrubriques ul.playlist p.date { float: left; width: 95px; line-height: 12px; } section.tvrubriques ul.playlist li span a { color: #FFF; text-decoration: none; text-align: center; display: block; margin: 0 auto; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 16px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } section.tvrubriques ul.playlist li span a:hover { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; } section.tvrubriques ul.rubriquestv { width: 500px; height: 200px; margin-left: 45px; padding-top: 65px; } section.tvrubriques ul.rubriquestv li { float: left; width: 170px; height: 40px; font-size: 14px; line-height: 40px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-transform: uppercase; white-space: nowrap; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAACCAYAAACHSIaUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTI1NkE2REFEQzE1MTFFMkI2QTM5ODk3RUNEOUU2ODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTI1NkE2REJEQzE1MTFFMkI2QTM5ODk3RUNEOUU2ODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFMjU2QTZEOERDMTUxMUUyQjZBMzk4OTdFQ0Q5RTY4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFMjU2QTZEOURDMTUxMUUyQjZBMzk4OTdFQ0Q5RTY4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkqZH2YAAAAuSURBVHjaYpjc05MGxEr///9nQMcgcZA8NjkQZmJgYAgFYiUG7EAJKo8VAAQYAIr0KYx+9RYbAAAAAElFTkSuQmCC) repeat-x left top; } section.tvrubriques ul.rubriquestv li:first-child, section.tvrubriques ul.rubriquestv li:nth-child(2) { background: none; } section.tvrubriques ul.rubriquestv li:nth-child(odd) { margin-right: 100px; } section.tvrubriques ul.rubriquestv li a { color: #333; text-decoration: none; display: block; width: 100%; height: 100% } section.tvrubriques ul.rubriquestv li a:hover { color: #e31c24; } section.tvrubriques ul.rubriquestv li.current a { color: #e31c24; font-style: italic; cursor: default; } section.tvrubriques .socialsvideo { margin-top: 120px; margin-right: 26px; } section.tvrubriques ul.rubriquestv li::before { color: #333; font-family: 'typograph_proextrabold'; font-weight: normal; font-size: 18px; content: '>'; padding-right: 5px; position: relative; top: -1px; float: left; } section.tvrubriques ul.rubriquestv li:hover::before { color: #e31c24; } section.tvrubriques ul.rubriquestv li.current::before { color: #e31c24; font-style: italic; } section.histoireindex, section.palmares { padding-top: 500px; } section.fullwidth img.header { position: absolute; left: 0; top: 0; } h1.titre { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 30px; text-transform: uppercase; } h1.centre { text-align: center; } h1.titreinverse { color: #FFF; text-shadow: 2px 2px 4px #000000; filter: dropshadow(color=#000000, offx=3, offy=3); } h1.titresurimp { position: absolute; width: 100%; text-align: center; left: 0; top: 60px; z-index: 2; } h2.surtitre, h3.surtitre { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 16px; text-transform: uppercase; color: #c29b62; letter-spacing: 0.5px; border-bottom: 1px solid #c29b62; display: inline-block; line-height: 24px; } h2.chevronnoir { display: inline; padding-bottom: 23px; font-size: 18px; background: url('http://files.ogcnice.com/images/pages/menu/chevron.png') no-repeat left bottom; font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; color: #000; } h2.chevronrouge { display: inline; padding-bottom: 23px; font-size: 18px; background: url('http://files.ogcnice.com/images/pages/menu/chevron.png') no-repeat left bottom; font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; color: #e31c24; } div.fdmcr { background-color: #F2F2F2; border: 1px solid #DDD; padding: 6px; } section.histoireindex h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 14px; color: #c29b62; border-bottom: 1px solid #c29b62; text-transform: uppercase; padding: 10px 0 2px 0; margin: 0 0 10px 15px; position: relative; z-index: 2; display: inline-block; } section.historiqueindex h2 { font-size: 12px; display: inline-block; border-bottom: 1px solid #c29b62; text-transform: uppercase; padding: 0px 0 3px 0; margin-top: 25px; margin-left: 15px; position: relative; z-index: 2; } section.histoireindex p, section.historiqueindex p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 20px; text-transform: uppercase; margin-left: 15px; position: relative; z-index: 2; line-height: 26px; } section.historiqueindex p { margin-top: 15px; line-height: 24px; } section.histoireindex ul, section.historiqueindex ul { width: 980px; margin-left: 30px; table-layout: fixed; } section.histoireindex li, section.historiqueindex li { position: relative; height: 200px; float: left; border: 1px solid #d9d9d9; margin-bottom: 15px; } section.historiqueindex li { width: 968px; } section.histoireindex li:first-child { width: 968px; } section.histoireindex li:nth-child(even) { width: 633px; } section.histoireindex li:nth-child(2n+3) { width: 318px; margin-left: 15px; } section.histoireindex li a, section.historiqueindex li a { color: #000; text-decoration: none; display: block; width: 100%; height: 100%; } section.histoireindex li a::after, section.historiqueindex li:not(.upcoming) a::after { content: '>'; position: absolute; right: 0px; top: 0px; width: 35px; height: 200px; color: #FFF; font-family: 'typograph_proextrabold'; font-size: 50px; text-align: center; line-height: 195px; display: table-cell; vertical-align: middle; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( top, #da2128, #9d1c21 ); background-image: -moz-linear-gradient( top, #da2128, #9d1c21 ); background-image: -o-linear-gradient( top, #da2128, #9d1c21 ); background-image: linear-gradient( top, #da2128, #9d1c21 ); background-image: -ms-linear-gradient( top, #da2128, #9d1c21 ); z-index: 3 } section.historiqueindex li.upcoming a::after { content: ''; position: absolute; right: 0px; top: 0px; width: 35px; height: 200px; color: #FFF; font-family: 'typograph_proextrabold'; font-size: 50px; text-align: center; line-height: 195px; display: table-cell; vertical-align: middle; /* Internet Explorer */ *background: #0c0c0c; background: #0c0c0c\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF464646, endColorstr=#FF0c0c0c); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#464646), to(#0c0c0c) ); background-image: -webkit-linear-gradient( #464646, #0c0c0c ); background-image: -moz-linear-gradient( #464646, #0c0c0c ); background-image: -o-linear-gradient( #464646, #0c0c0c ); background-image: linear-gradient( #464646, #0c0c0c ); background-image: -ms-linear-gradient( #464646, #0c0c0c ); z-index: 3 } section.histoireindex li img, section.historiqueindex li img { position: absolute; right:34px; top: 0; z-index: 1; } section.historiqueindex li.upcoming::after { content: url('http://files.ogcnice.com/images/pages/club/upcoming.png'); position: absolute; display: block; right:0; top: 0; z-index: 10; } div.stadeduray { height: 400px; } div.gambardella { height: 670px; } section.stadegeneral { padding: 400px 0 30px; } section.stadegeneral > div { margin: 15px 15px 0; } section.stadegeneral > div div { display: table-cell; vertical-align: top; } section.stadegeneral > div p { margin: 1em 0; line-height: 1.6em; } section.stadegeneral > div h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 24px; margin: 1em 0; color: #c29b62; } section.stadegeneral .stadephotos { padding-left: 30px; padding-top: 20px; } section.stadegeneral .stadephotos2 { padding-right: 30px; padding-top: 20px; } section.stadegeneral .stadephotos img, section.stadegeneral .stadephotos2 img { margin: 20px 0; } img.photo { padding: 2px; border: 1px solid #bdbdbd; } img.photodroite { float: right; margin: 5px 0 5px 15px; } img.photogauche { float: left; margin: 5px 15px 5px 0; } hr.separation { margin: 20px 50px; color: #bdbdbd; background-color: #bdbdbd; height: 1px; border: 0; } div.enchiffres { width: 250px; background-color: #eee; border: 1px solid #bdbdbd; padding: 0 20px 20px; font-size: 14px; } section.stadegeneral > div .enchiffres h2 { text-align: center; } .enchiffres li { list-style: disc outside none; margin-left: 10px; margin-bottom: 13px; } h3.lienallianz { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-transform: uppercase; text-align: center; margin: 20px 100px; padding: 15px 0; font-size: 18px; color: #333; } h3.lienallianz a { color: #333; text-decoration: none; } h3.lienallianz a:hover { text-decoration: underline; color: #da2128; } section.deuxcolnormal { margin: 60px 0; } section.deuxcolnormal h1 { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 30px; margin: 25px 0; text-transform: uppercase; } section.deuxcolnormal h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; border-bottom: 1px solid #C29B62; color: #C29B62; display: inline-block; font-size: 16px; letter-spacing: 0.2px; line-height: 24px; text-align: justify; text-transform: uppercase; margin: 0 0 0.5em; } section.deuxcolnormal p + h2, section.deuxcolnormal img + h2, section.deuxcolnormal ul.liste + h2 { margin-top: 2em; } section.deuxcolnormal p { margin: 1em 0; text-align: justify; line-height: 24px; } section.deuxcolnormal a { text-decoration: none; color: #bb1e23; } section.deuxcolnormal a:hover { text-decoration: underline; color: #bb1e23; } div.motpresident { width: 658px; background: #efefef; border: 1px solid #e0e0e0; color: #000; font-size: 13px; overflow: hidden; position: relative; padding: 20px; text-align: justify; margin: 25px 0; } .motpresident h3, .motpresident h4 { color: #c29b62; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; } .motpresident h3 { text-transform: uppercase; font-size: 22px; color: #c29b62; margin-bottom: 15px; } .motpresident h4 { font-size: 12px; } .motpresident h3 span, .motpresident h4 span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } div.motpresident p:first-of-type { line-height: 1.6em; font-style: italic; margin-top: 0; } div.motpresident img { float: left; margin-right: 20px; margin-bottom: 5px; } div.motlloris { width: 498px; height: 198px; background: #69c; color: #FFF; font-size: 13px; position: relative; padding: 0 190px 0 10px; text-align: justify; margin: 25px 0; border: 1px solid #036; } div.motlloris img { position: absolute; right: -1px; top: -1px; } ul.galerie { width: 700px; font-size: 0; margin: 20px 0; } ul.galerielarge { width: 1000px; font-size: 0; margin: 20px 0; } ul.galerie li, ul.galerielarge li { display: inline-table; } ul.galerie li, ul.galerielarge li { margin-left:8px; margin-bottom: 8px; } ul.galerie li:nth-child(3n+1), ul.galerielarge li:nth-child(3n+1) { margin-left:0; } .blocfba, .blocazurtv { float: right; width: 300px; height: 280px; background: #eee; border: 1px solid #bdbdbd; margin: 0 0 10px 20px; } section.deuxcolnormal .blocfba p, section.deuxcolnormal .blocazurtv p { color: #bdbdbd; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 17px; text-transform: uppercase; text-align: center; margin: 5px 0 13px; } section.deuxcolnormal .blocazurtv p:last-of-type { color: #039; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 15px; text-transform: uppercase; text-align: left; margin: 0; padding: 0 5px; line-height: normal; } .blocfba img { margin: 0 0 0 46px; } .blocazurtv img { margin: 8px 0 0 46px; } .podcasts p, .programmestv p { display: table-cell; } .podcasts li, .programmestv li { width: 100%; height: 36px; line-height: 36px; background: url("http://files.ogcnice.com/images/pages/menu/sousmenu2.png") repeat-x left bottom; } .programmestv p { float: left; } .programmestv p.dateprogramme { width: 95px; margin: 0; line-height: 36px; font-family: 'Gotham SSm A','Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 15px; } .programmestv p.programme { width: 220px; margin: 0; line-height: 36px; font-family: 'Gotham SSm A','Gotham SSm B'; font-weight: 700; font-style: normal; } .programmestv p.programme:last-child { width: 160px; } .programmestv p.programme span { color: #da2128; padding-right: 5px; } .podcasts p.date { width: 110px; font-size: 13px; text-indent: 5px; } .podcasts p.invite { width: 385px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } .podcasts p.podcastplayer { position: relative; } .podcasts p.podcastplayer object { position: relative; top: 2px; } /* page ogcnice mag */ .ogcnicemag h1, section.historiqueindex h1 { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 30px; font-weight: normal; padding: 60px 0 0; margin: 0 25px 25px; text-transform: uppercase; } .magune { width: 860px; height: 620px; margin: 0 70px 40px; } .magune div { width: 798px; height: 549px; padding: 15px 30px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } .magune h3.block { text-align: left; text-indent: 20px; font-size: 24px; } .magune h3.block span { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; color: #c29b62; line-height: 39px; font-size: 22px; padding-left: 20px; text-transform: none; letter-spacing: 0; } section.ogcnicemag ul { margin-left: 22px; } section.ogcnicemag li { width: 185px; height: 335px; float: left; margin: 16px 8px 16px 0; } section.ogcnicemag li h3 { color: #FFF; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 15px; height: 40px; line-height: 40px; text-align: center; width: 185px; } section.ogcnicemag li div { width: 183px; height: 270px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; background: #E9E9E9; } section.ogcnicemag li img { padding: 8px 8px 0px; } section.ogcnicemag li p.date { text-align: right; font-size: 13px; padding-right: 10px; } section.ogcnicemag li p.match { font-size: 13px; padding-left: 10px; white-space: nowrap; } section.ogcnicemag li nav { color: #FFF; font-size: 12px; font-weight: bold; height: 25px; line-height: 20px; width: 165px; padding: 0 10px; text-align: center; } section.ogcnicemag li nav a { color: #FFFFFF; text-decoration: none; } section.ogcnicemag li nav a:hover { text-decoration: underline; } .boutiques { width: 350px; height: 800px; display: table-cell; padding: 90px 0 30px 99px; } .boutiques > div::before { content: url('http://files.ogcnice.com/images/pages/menu/shadow-match.png'); position: absolute; left: -76px; top: -30px; z-index: 1; } .boutiques h1 { text-align: center; color: #FFFFFF; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 18px; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; } .boutiques > div { width: 348px; height: 549px; padding-top: 20px; border-left: 1px solid #bdbdbd; border-right: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; background: #FFF; position: relative; } #boutiqueonline > div > p { text-align: center; font-size: 14px; margin: -10px 0 10px; z-index: 8; position: relative; } #boutiqueonline > div > p > a { text-decoration: none; color: #da2128; } #boutiqueonline > div > p > a:hover { text-decoration: underline; } #boutiqueonline .arguments li { line-height: 35px; height: 35px; float: left; width: 100%; text-align: center; } #boutiqueonline .arguments li:last-child { margin-bottom: 30px; } #boutiqueonline .arguments li span { line-height: 28px } #pointsdevente .adresse p, #pointsdevente .adresse h3 { text-align: center; text-transform: uppercase; } .boutique h3 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 18px; line-height: 28px; text-transform: uppercase; text-align: center; } #pointsdevente .adresse p { font-size: 14px; line-height: 22px; } #pointsdevente hr { margin: 10px 120px; color: #c29b62; background-color: #c29b62; height: 1px; border: 0; } .ouverturemassena { width: 300px; height: 55px; padding: 5px 0; text-align: center; margin: 20px auto; font-size: 19px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-transform: uppercase; color: #FFF; } #pointsdevente .ouverturemassena p:first-of-type { font-size: 10px; letter-spacing: 2.5px; line-height: 14px; } #pointsdevente .ouverturemassena p:nth-of-type(2) { font-size: 18px; line-height: 22px; } #pointsdevente .ouverturemassena p:last-of-type { font-size: 12px; } #pointsdevente li { font-size: 14px; margin: 5px; } ul#top5 { width: 250px; height: 260px; border: 1px solid #bdbdbd; border-radius: 25px; margin: 20px auto 0; padding: 10px 0; position: relative; z-index: 8; } ul#top5 li { width: 236px; height: 280px; margin: 10px 8px 5px; text-align: center; } ul#top5 h4 a { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; text-transform: uppercase; font-size: 14px; text-decoration: none; color: #333; } ul#top5 h5 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; color: #da2128; font-size: 18px; } #boutiqueonline { position: relative; } #boutiqueonline a#prev, #boutiqueonline a#next { color: #666; text-decoration: none; font-size: 24px; position: absolute; } #boutiqueonline a#prev:hover, #boutiqueonline a#next:hover { color: #000; } #boutiqueonline a#prev { left: 20px; top: 120px; } #boutiqueonline a#next { right: 20px; top: 120px; } /* page centre d'entrainement */ .blocpsce { float: right; width: 260px; height: 180px;; margin: 0 0 10px 20px; padding: 20px; color: #FFF; } section.deuxcolnormal .blocpsce h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; color: #FFF; font-size: 16px; border: none; text-align: center; display: block; margin-bottom: 1em; } section.deuxcolnormal .blocpsce p { font-size: 15px; margin: 0.2em 0; text-align: left; } .blocfba img { margin: 0 0 0 46px; } /* page palmarès */ section.palmares { padding-bottom: 45px; } ul.palmares1 { width: 969px; height: 330px; padding: 10px 0 0 1px; background: url('http://files.ogcnice.com/images/pages/club/fond-palmares.png'); margin: 20px 30px; color: #FFF; text-align: center; } ul.palmares1 li { float: left; width: 323px; } ul.palmares1 img { display: inline; } ul.palmares1 h2 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 16px; text-transform: uppercase; white-space: nowrap; padding-top: 20px; } ul.palmares1 h2 span { font-size: 23px; } ul.palmares2 { width: 660px; padding: 15px 0; margin: 10px 170px 0; color: #FFF; } ul.palmares2 li { width: 305px; padding: 10px 0 10px 20px; font-size: 14px; display: inline-block; } ul.palmares2 li span { display: block; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-transform: uppercase; } ul.grandsjoueurs li { width: 340px; height: 122px; display: inline-block; padding: 20px 6px 20px 0; } ul.grandsjoueurs li img { float: left; margin-right: 10px; } ul.grandsjoueurs li p { margin: 0; } ul.grandsjoueurs li p.date { margin: 10px 0 0; } ul.grandsjoueurs li p.nom { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; font-size: 16px; } ul.grandsjoueurs li p.date { margin: 10px 0 5px; } ul.grandsjoueurs li p.stats { font-size: 14px; margin: 10px 0 0; } /* page associations */ ul.associations { width: 700px; table-layout: fixed; } section ul.associations li { position: relative; width: 698px; height: 200px; margin: 50px 0 0; border: 1px solid #d9d9d9; } ul.associations li h2 { position: absolute; left: 0; top: -30px; font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 20px; color: #000; border: none; display: block; width: 600px; height: 30px; line-height: 30px; margin: 0; } section ul.associations li a { display: block; width: 700px; height: 100%; } section ul.associations li::before { content: '>'; position: absolute; right: 0px; top: 0px; width: 35px; height: 200px; color: #FFF; font-family: 'typograph_proextrabold'; font-size: 50px; text-align: center; line-height: 195px; display: table-cell; vertical-align: middle; *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( top, #da2128, #9d1c21 ); background-image: -moz-linear-gradient( top, #da2128, #9d1c21 ); background-image: -o-linear-gradient( top, #da2128, #9d1c21 ); background-image: linear-gradient( top, #da2128, #9d1c21 ); background-image: -ms-linear-gradient( top, #da2128, #9d1c21 ); z-index: 3 } /* partenaires v2 */ h1.partenaires { padding: 30px 30px 10px; } div.partenaires { width: 970px; padding: 25px 30px; font-size: 13px; line-height: 20px; } div.partenaires h2 { color: #c29b62; font-size: 28px; text-transform: uppercase; text-align: center; padding: 30px 0; } div.partenaires_club h2, div.hospitalite_beaucoup h2 { color: #bb1e23; } div.partenaires_pourquoi h2, div.partenaires_pourquoi2 h2 { text-align: left; } div.partenaires_pourquoi2 { margin: 25px 0; } div.partenaires_pourquoi ul, div.partenaires_pourquoi2 > ul { margin-top: 10px; overflow: hidden; } div.partenaires_pourquoi li, div.partenaires_pourquoi2 li, div.hospitalite_opportunite li { list-style-type: disc; list-style-position: inside; padding-left: 2px; } div.partenaires_pourquoi2 li li { list-style-type: circle; list-style-position: inside; padding-left: 20px; } div.partenaires_pourquoi img { padding: 40px 20px 0; } div.partenaires_club, div.hospitalite_beaucoup { background-color: #b9a066; color: #FFF; } div.partenaires_club img, div.hospitalite_beaucoup img, div.hospitalite_opportunite img { display: inline; } div.partenaires_club p { padding: 0 110px 12px; text-align: justify; } div.hospitalite_beaucoup p:not(:first-of-type) { padding: 0 90px 12px; text-align: justify; } div.hospitalite_opportunite p:not(:first-of-type) { padding: 0 90px 12px; text-align: justify; } div.hospitalite_opportunite ul { margin-bottom: 30px; } div.hospitalite_opportunite li { margin-left: 120px; color: #b9a066; padding-bottom: 4px; } div.hospitalite_opportunite li span { font-weight: 700; color: #000; } div.hospitalite_plan h2 { font-size: 30px; text-align: center; text-transform: uppercase; margin: 40px 0 60px; } div.hospitalite_plan img { display: inline; } div.hospitalite_plan p { text-align: center; } div.hospitalite_plan h5 { font-size: 18px; text-align: center; margin: 20px 0; } div.hospitalite_experience p, div.hospitalite_lieudevie p { padding-bottom: 12px; } div.hospitalite_experience h2, div.hospitalite_lieudevie h2 { text-align: left; } div.hospitalite_lieudevie h3 { font-weight: 700; color: #b9a066; padding-bottom: 20px } div.hospitalite_experience img { margin: 0 30px; } div.hospitalite_lieudevie img { margin: 25px 0 0; } div.partenaires_club p:first-of-type, { text-align:center; } div.hospitalite_beaucoup p:first-of-type, div.hospitalite_opportunite p:first-of-type, div.partenaires_club p:first-of-type { text-align:center; margin-bottom: 20px } div.partenaires_atouts ul { border-spacing: 20px; margin-bottom: 20px; } div.partenaires_atouts li { width: 212px; padding: 5px; background-color: #ccc; border-top: 5px solid #bb1e23; display: table-cell; vertical-align: top; font-weight: 500; font-size: 14px; } div.partenaires_atouts h3 { color: #bb1e23; font-size: 22px; font-weight: 800; text-transform: uppercase; text-align: center; margin: 5px 0 15px; } div.partenaires_types, div.hospitalite_opportunite { background-color: #ccc; } div.partenaires_types ul{ background: url('http://files.ogcnice.com/images/pages/partenaires/partenaires_pyramide.png') no-repeat left top; padding: 0 0 20px; margin-top: 30px; } div.partenaires_types li { margin-bottom: 30px; padding-left: 220px; } div.partenaires_types li:nth-child(2) { padding-left: 260px; } div.partenaires_types li:nth-child(3) { padding-left: 320px; } div.partenaires_types li:nth-child(4) { padding-left: 370px; } div.partenaires_types h3, div.partenaires_types h4 { color: #b9a066; font-weight: 700; } div.partenaires_types h3 { font-size: 18px; text-transform: uppercase; } div.partenaires_types h4 { font-size: 16px; } div.partenaires_contact h2 { color: #000; } div.partenaires_contact ul { margin: 30px; } div.partenaires_contact li { font-size: 18px; padding: 10px 25px; } /* hospitalite */ .hospitalite_header { position: relative; } .hospitalite_header ul { position: absolute; left: 0; bottom: 0; height: 100px; background: url('http://files.ogcnice.com/images/pages/partenaires/stripe-hospitalite.png') no-repeat left top; padding: 0 25px; } .hospitalite_header li { display: inline-block; width: 135px; padding: 0 15px; } .hospitalite_header li a { display: block; width: 100%; height: 100%; padding-top: 60px; color: #FFF; text-decoration: none; text-transform: uppercase; font-size: 12px; font-weight: 700; text-align: center; } .hospitalite_header li a { background-position: center 10px; background-repeat: no-repeat; } li.hospitalite_video a { background-image: url('http://files.ogcnice.com/images/pages/hospitalite/hospitalite_play.png'); } li.hospitalite_360 a { background-image: url('http://files.ogcnice.com/images/pages/hospitalite/hospitalite_360.png'); } li.hospitalite_photos a { background-image: url('http://files.ogcnice.com/images/pages/hospitalite/hospitalite_photo.png'); } li.hospitalite_pdf a { background-image: url('http://files.ogcnice.com/images/pages/hospitalite/hospitalite_pdf.png'); } section.hospitalite { padding: 0 20px 30px; } .hospitalite_ligne1, .hospitalite_ligne2, .hospitalite_ligne3 { width: 100%; } .hospitalite_ligne1 { margin-bottom: 25px; } .hospitalite_ligne2 { margin-bottom: 50px; } .hospitalite_titre, .hospitalite_stade, .hospitalite_esprit, .hospitalite_photo, .hospitalite_prestation, .hospitalite_lesplus, .hospitalite_tarifs { display: inline-block; vertical-align: top; } .hospitalite_titre { width: 640px; } .hospitalite_stade{ width: 300px; margin-left: 25px; } .hospitalite_esprit, .hospitalite_prestation { margin-right: 30px; } .hospitalite_prestation { width: 288px; } .hospitalite_tarifs { width: 280px; margin-left: 25px; } .hospitalite_photo { margin-left: 25px; } .hospitalite_esprit, .hospitalite_photo, .hospitalite_lesplus { width: 300px; } .hospitalite_titre { color: #FFF; padding: 10px 10px 30px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; } .hospitalite_titre h1 { font-size: 34px; text-transform: uppercase; padding: 25px 0 10px; } .hospitalite_titre p { font-weight: 700; padding-top: 15px; line-height: 20px; } .hospitalite_stade { padding: 25px 0 0; } .hospitalite_tarifs { color: #FFF; padding: 20px 10px; border-radius: 20px; } .hospitalite_tarifs h3 { font-weight: 700; font-size: 28px; } .hospitalite_tarifs h3 span { font-size: 14px; } .hospitalite_tarifs h6 { font-size: 18px; font-style: italic; margin-top: 15px; } .hospitalite_tarifs p { font-size: 12px; font-style: italic; margin-top: 10px; } .hospitalite_prestation { position: relative; border-left: 2px solid; padding-left: 10px; padding-bottom: 20px; margin-top: 5px; } .baiedesanges .hospitalite_titre h1::after { content: url('http://files.ogcnice.com/images/pages/hospitalite/chevronvillette.png'); position: relative; top: 17px; left: 10px; } .loges .hospitalite_titre, .loges .hospitalite_tarifs { background-color: #b9a066; } .salonpresidentiel .hospitalite_titre, .salonpresidentiel .hospitalite_tarifs { background-color: #f33; } .salonsaleya .hospitalite_titre, .salonsaleya .hospitalite_tarifs { background-color: #bd8a56; } .brasseriedesaiglons .hospitalite_titre, .brasseriedesaiglons .hospitalite_tarifs { background-color: #a7a7aa; } .baiedesanges .hospitalite_titre, .baiedesanges .hospitalite_tarifs { background-color: #5c2a78; } .pub1904 .hospitalite_titre, .pub1904 .hospitalite_tarifs { background-color: #333; } .fanclubrougeetnoir .hospitalite_titre, .fanclubrougeetnoir .hospitalite_tarifs { background-color: #933 } .loges .hospitalite_lesplus, .loges .hospitalite_esprit ul, .loges .hospitalite_prestation { border-color: #b9a066; } .salonpresidentiel .hospitalite_lesplus, .salonpresidentiel .hospitalite_esprit ul, .salonpresidentiel .hospitalite_prestation { border-color: #f33; } .salonsaleya .hospitalite_lesplus, .salonsaleya .hospitalite_esprit ul, .salonsaleya .hospitalite_prestation { border-color: #bd8a56; } .brasseriedesaiglons .hospitalite_lesplus, .brasseriedesaiglons .hospitalite_esprit ul, .brasseriedesaiglons .hospitalite_prestation { border-color: #a7a7aa; } .baiedesanges .hospitalite_lesplus, .baiedesanges .hospitalite_esprit ul, .baiedesanges .hospitalite_prestation { border-color: #5c2a78; } .pub1904 .hospitalite_lesplus, .pub1904 .hospitalite_esprit ul, .pub1904 .hospitalite_prestation { border-color: #333; } .fanclubrougeetnoir .hospitalite_lesplus, .fanclubrougeetnoir .hospitalite_esprit ul { border-color: #933; } .loges .hospitalite_lesplus h2, .loges .hospitalite_prestation h3 { color: #b9a066; } .salonpresidentiel .hospitalite_lesplus h2, .salonpresidentiel .hospitalite_prestation h3 { color: #f33; } .salonsaleya .hospitalite_lesplus h2, .salonsaleya .hospitalite_prestation h3 { color: #bd8a56; } .brasseriedesaiglons .hospitalite_lesplus h2, .brasseriedesaiglons .hospitalite_prestation h3 { color: #a7a7aa; } .baiedesanges .hospitalite_lesplus h2, .baiedesanges .hospitalite_prestation h3 { color: #5c2a78; } .pub1904 .hospitalite_lesplus h2, .pub1904 .hospitalite_prestation h3 { color: #333; } .fanclubrougeetnoir .hospitalite_lesplus h2 { color: #933; } .fanclubrougeetnoir .hospitalite_lesplus { margin-left: 333px; } .loges .hospitalite_esprit h3 { background: linear-gradient( to right, #b9a066, #e3c47d); } .salonpresidentiel .hospitalite_esprit h3 { background: linear-gradient( to right, #f33, #f39375); } .salonsaleya .hospitalite_esprit h3 { background: linear-gradient( to right, #bd8a56, #d8b998); } .brasseriedesaiglons .hospitalite_esprit h3 { background: linear-gradient( to right, #b9a066, #ccc); } .baiedesanges .hospitalite_esprit h3 { background: linear-gradient( to right, #5c2a78, #9e7fb1); } .pub1904 .hospitalite_esprit h3 { background: linear-gradient( to right, #333, #999); } .fanclubrougeetnoir .hospitalite_esprit h3 { background: linear-gradient( to right, #933, #c66); } .hospitalite_esprit { position: relative; } .hospitalite_esprit h3 { width: 100%; height: 40px; font-weight: 18px; text-transform: uppercase; font-style: italic; color: #FFF; line-height: 26px; text-indent: 15px; font-size: 16px; font-style: italic; border-top-left-radius: 15px; border-top-right-radius: 15px; } .hospitalite_esprit ul { position: relative; top: -15px; background-color: #FFF; border-radius: 15px; border: 1px solid; border-top: none; padding-top: 15px; } .hospitalite_esprit li { list-style: disc; margin-left: 20px; font-size: 12px; padding-bottom: 10px; } .hospitalite_prestation h3 { font-size: 18px; text-transform: uppercase; position: relative; top: -4px; margin-bottom: 12px; } .hospitalite_prestation li { list-style: disc; margin-left: 20px; font-size: 13px; padding-bottom: 10px; } .hospitalite_lesplus { border: 2px solid; border-radius: 25px; padding: 10px; font-size: 11px; position: relative; } .hospitalite_lesplus li { list-style: disc; margin-left: 20px; padding-right: 25px; padding-bottom: 8px; } .hospitalite_lesplus h2 { position: absolute; right: -40px; top: 50px; padding: 0 5px; font-weight: 800; font-size: 30px; text-transform: uppercase; background-color: #FFF; line-height: 30px; letter-spacing: -1px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } /* partenaires */ section.fullcol { width: 1000px; background: #FFF; padding: 50px 15px 20px; border-top: 7px solid transparent; background-clip: padding-box; display: block; } section.partenaires h2 { text-transform: uppercase; } section.fullcol h3 {c olor: #c3a35e; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 17px; margin-bottom: 25px; } section.fullcol div.texte { padding-bottom: 35px; } section.fullcol div.texte p { font-size: 14px margin: 1em 0; } section.fullcol div.texte p.indent { text-indent: 30px; } section.fullcol div.texte p strong { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 14px; } section.fullcol div.texte p span.color-or {color: #c3a35e;} section.fullcol div.texte ul{margin: 20px 100px; } section.fullcol div.texte ul li { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 14px; } section.partenaires h2 { color: #7f7f7f; display: block; border: none; text-align: center; font-size: 23px; margin-bottom: 15px; } section.partenaires h2 span.bold{ font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } section.fullcol div.listPartenaires {background-color: #efefef; height: 200px; position: relative; border-radius: 2px; border: 1px solid #e0e0e0; margin-bottom: 30px; } section.fullcol div.fournisseurs { height: 200px; } section.fullcol div.listPartenaires a { display: block; width: 100%; height: 100%; text-decoration: none; } section.fullcol div.listPartenaires > div{ position: absolute;} section.fullcol div.listPartenaires div.partenairePrincipaux {background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-partenaire-principaux.png') no-repeat; position: absolute; } section.fullcol div.listPartenaires div.mutuelles { height: 130px; width: 210px; background-position: -219px 0; top: 40px; left: 185px; } section.fullcol div.listPartenaires div.mutuelles:hover {background-position: 0 0; } section.fullcol div.listPartenaires div.burrda {height: 112px; width: 200px; background-position:-230px -146px; top: 50px; right: 220px;} section.fullcol div.listPartenaires div.burrda:hover {height: 112px; width: 200px; background-position:3px -146px; top: 50px; right: 220px;} section.fullcol div.listPartenaires div.pizzorno{ background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-pizzorno.png') no-repeat top right; width: 96px; height: 29px; top: 50px; left: 85px; } section.fullcol div.listPartenaires div.pizzorno:hover{background-position: top left} section.fullcol div.listPartenaires div.allianz{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-allianz.png') no-repeat top right; height: 30px; width: 123px; top: 50px; left: 300px; } section.fullcol div.listPartenaires div.allianz:hover{background-position: top left} section.fullcol div.listPartenaires div.ca{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-ca.png') no-repeat top right; height: 73px; width: 110px; top: 35px; left: 565px; } section.fullcol div.listPartenaires div.ca:hover{background-position: -1px 0} section.fullcol div.listPartenaires div.orange{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-orange.png') no-repeat top right; height: 64px; width: 65px; top: 36px; left: 800px; } section.fullcol div.listPartenaires div.orange:hover{background-position: top left} section.fullcol div.listPartenaires div.remanence{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-remanence.png') no-repeat top right; height: 19px; width: 163px; bottom: 32px; left: 75px; } section.fullcol div.listPartenaires div.remanence:hover{background-position: top left} section.fullcol div.listPartenaires div.interactive{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-interactive.png') no-repeat top right; height: 43px; width: 84px; bottom: 19px; left: 200px; } section.fullcol div.listPartenaires div.interactive:hover{background-position: top left} section.fullcol div.listPartenaires div.netbet{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-winamax.png') no-repeat top right; height: 30px; width: 150px; bottom: 24px; left: 545px; } section.fullcol div.listPartenaires div.netbet:hover{background-position: top left} section.fullcol div.listPartenaires div.winamax{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-winamax.png') no-repeat top right; height: 65px; width: 70px; bottom: 10px; left: 460px; } section.fullcol div.listPartenaires div.winamax:hover{background-position: top left} section.fullcol div.listPartenaires div.nicematin{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-nicematin.png') no-repeat top right; height: 34px; width: 150px; bottom: 23px; left: 655px; } section.fullcol div.listPartenaires div.nicematin:hover{background-position: top left} section.fullcol div.listPartenaires div.metropole{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-metropole.png') no-repeat top right; height: 96px; width: 97px; top: 58px; left: 80px; } section.fullcol div.listPartenaires div.metropole:hover{background-position: top left} section.fullcol div.listPartenaires div.nice{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-nice.png') no-repeat top right; height: 145px; width: 192px; top: 31px; left: 386px; } section.fullcol div.listPartenaires div.nice:hover{background-position: top left} section.fullcol div.listPartenaires div.cg{background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-cg.png') no-repeat top right; height: 78px; width: 151px; top: 64px; left: 747px; } section.fullcol div.listPartenaires div.cg:hover{background-position: top left} section.fullcol div.listPartenaires div.burotik{ background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-burotik.png') no-repeat top right; height: 62px; width: 224px; top: 24px; left: 48px; } section.fullcol div.listPartenaires div.burotik:hover {background-position: top left} section.fullcol div.listPartenaires div.feraud { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-feraud.png') no-repeat top right; top: 35px; height: 52px; width: 186px; left: 391px; } section.fullcol div.listPartenaires div.feraud:hover {background-position: top left} section.fullcol div.listPartenaires div.ren { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-ren.png') no-repeat top right; height: 53px; width: 144px; top: 27px; left: 763px; } section.fullcol div.listPartenaires div.ren:hover {background-position: top left} section.fullcol div.listPartenaires div.castorama{ background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-castorama.png') no-repeat top right; height: 52px; width: 198px; left: 386px; bottom: 126px; } section.fullcol div.listPartenaires div.castorama:hover {background-position: top left} section.fullcol div.listPartenaires div.malongo { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-malongo.png') no-repeat top right; height: 64px; width: 185px; bottom: 119px; left: 578px; } section.fullcol div.listPartenaires div.malongo:hover{background-position: top left} section.fullcol div.listPartenaires div.chevron { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-chevron.png') no-repeat top right; height: 40px; width: 230px; top: 119px; left: 48px; } section.fullcol div.listPartenaires div.chevron:hover{background-position: top left} section.fullcol div.listPartenaires div.xxl { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-xxl.png') no-repeat top right; height: 68px; width: 54px; bottom: 19px; left: 456px; } section.fullcol div.listPartenaires div.xxl:hover{background-position: top left} section.fullcol div.listPartenaires div.kronenbourg { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-kronenbourg.png') no-repeat top right; height: 70px; width: 160px; bottom: 16px; left: 760px; } section.fullcol div.listPartenaires div.kronenbourg:hover{background-position: top left} section.fullcol div.listPartenaires div.carlsberg { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-carlsberg.png') no-repeat top right; height: 70px; width: 160px; top: 100px; left: 410px; } section.fullcol div.listPartenaires div.carlsberg:hover{background-position: top left} section.fullcol div.listPartenaires div.boulanger { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-boulanger.png') no-repeat top right; height: 80px; width: 132px; top: 92px; left: 770px; } section.fullcol div.listPartenaires div.boulanger:hover{background-position: top left} section.fullcol div.listPartenaires div.duncan { background: url('http://files.ogcnice.com/images/pages/partenaires/sprites-duncan.png') no-repeat top right; height: 70px; width: 193px; top: 28px; left: 392px; } section.fullcol div.listPartenaires div.duncan:hover{background-position: top left} /* hospitalite */ section.fullcol p.titre{ text-align: center; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 23px; margin-bottom: 75px; } section.fullcol div.stade { margin-bottom: 56px; } section.fullcol div.stade div.placement-partie {position:relative; background: url('http://files.ogcnice.com/images/pages/hospitalite/stade-schema.png') no-repeat center center; height: 500px; } section.fullcol div.stade div.placement-partie div{cursor:pointer;position: absolute;} section.fullcol div.stade div.placement-partie div.pub{z-index: 9; width: 71px; right: 24px; top: 191px; height: 119px;} section.fullcol div.stade div.placement-partie div.pub img{margin-top:-20px;visibility: hidden;} section.fullcol div.stade div.placement-partie div.saleya{z-index:9; width: 66px; height: 106px; top: 90px; left: 30px; } section.fullcol div.stade div.placement-partie div.saleya img{margin-top:-50px;visibility: hidden;} section.fullcol div.stade div.placement-partie div.fan-club{ width: 70px; height: 80px; right: 26px; top: 299px; z-index: 8; } section.fullcol div.stade div.placement-partie div.fan-club img{margin-top:-66px;visibility: hidden;} section.fullcol div.stade div.placement-partie div.presidentiel{width: 72px; height: 120px; top: 191px; left: 22px; } section.fullcol div.stade div.placement-partie div.presidentiel img{margin-top:-54px;visibility: hidden;} section.fullcol div.stade div.placement-partie div.brasserie-aiglons { width: 59px; height: 108px; top: 191px; left: 67px; z-index:8; } section.fullcol div.stade div.placement-partie div.brasserie-aiglons img{ margin-top:-72px; visibility: hidden;} section.fullcol div.stade div.placement-partie div.baie-des-anges { width: 68px; height: 123px; top: 286px; left: 28px; z-index:7; } section.fullcol div.stade div.placement-partie div.baie-des-anges img{ margin-top:-76px; visibility: hidden; } section.fullcol div.stade div.placement-partie div.loges { height: 280px; top: 110px; right: 50px; width: 15px; z-index: 1; } section.fullcol div.stade div.placement-partie div.loges img {margin-top: -70px; visibility: hidden; margin-left: -308px;} section.fullcol div.stade div.placement-partie div:hover img{visibility: visible;} section.fullcol div.stade div.col-gauche{ float:left; width:425px; margin-bottom: 50px; } section.fullcol div.stade p.titre_gris { color:#959595; text-align: center; width:450px; } section.fullcol div.stade p.titre_gris span { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 20px; text-transform: uppercase; } section.fullcol div.stade div.col-droite{ float:right;width:530px; margin-bottom: 50px;} section.fullcol div.stade div.col-droite div { display: none; } section.fullcol div.stade ul li { margin-bottom: 15px; padding-left: 15px; } section.fullcol div.stade ul{margin-left: 40px;} section.fullcol div.stade ul li a { color: #949494; text-decoration: none; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 400; font-style: normal; font-size: 20px; cursor:pointer; } section.fullcol div.stade ul li a span{color: #c3a35e; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 20px; } /* organigramme */ section.organigramme ul, section.contacts ul { font-size: 14px; text-indent: 20px; } section.organigramme ul { line-height: 24px; } section.contacts ul { line-height: 20px; } section.organigramme h3 { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 28px; margin: 25px 0; text-transform: uppercase; } section.organigramme h4, section.contacts h4 { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 17px; color: #bb1e23; margin: 45px 0 0; text-transform: uppercase; line-height: 20px; } section.organigramme h4 { margin-bottom: 20px; } section.contacts h4 { margin-bottom: 5px; } section.organigramme h4::before, section.contacts h4::before { content: ">"; float: left; font-family: 'typograph_proextrabold'; font-size: 20px; font-weight: normal; padding-right: 5px; } section.organigramme h5 { font-size: 16px; text-indent: 20px; } section.contacts ul a { color: #000; text-decoration: none; } section.contacts ul a:hover { color: #bb1e23; } section.organigramme ul li span:first-of-type, section.organigramme h5 span:first-of-type, section.contacts ul li span:first-of-type { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; } section.organigramme ul li span:nth-of-type(2), section.organigramme h5 span:nth-of-type(2) { color: #a7a7a7; } /* pages compte client */ section.compteclient { width: 900px; padding: 20px 50px; background: #FFF; } #loginbox { width: 730px; height: 340px; margin: 0; background: #FFF; position: relative; } #connect, #register { width: 365px; height: 340px; float: left; position: relative; } #connect { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAC9CAIAAAD9f4DQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTY0MTc5NDEwMDVEMTFFMzgxNDNDRkI3N0RCQUI2NUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTY0MTc5NDAwMDVEMTFFMzgxNDNDRkI3N0RCQUI2NUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiBXaW5kb3dzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9IjU3ODVFODdENDhCNzQ3NTNGQUJENkMwOTgyOEMzOUJEIiBzdFJlZjpkb2N1bWVudElEPSI1Nzg1RTg3RDQ4Qjc0NzUzRkFCRDZDMDk4MjhDMzlCRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqLWybAAAABmSURBVHja7JLRCsAgCEV1Sv3/50paWwNHgcVgr3s4eL3arYdARA4AWGJm23kp5a6ttckf+52O8sedWmuY756qfnq/56+I7v15DxFNPSJOfc45nLlm5kf36vheSml59gL8fwzeKcAAKYw3UwHPqCEAAAAASUVORK5CYII=) no-repeat 364px 80px; } #connect h3, #register h3 { text-align: left; text-indent: 40px; } #connect > div, #register > div { padding: 20px 35px; } .bouton { display: block; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 800; font-style: normal; text-align: center; border: none; cursor: pointer; } .bouton:active { padding: 0; } .bouton_sombre { color: #FFF; text-decoration: none; } .bouton_medium { width: 170px; height: 32px; text-transform: uppercase; font-size: 14px; line-height: 32px; } #loginbox .bouton { position: absolute; left: 35px; bottom: 20px; } #register li { margin: 10px 0; padding-left: 10px; } #register li::before { content: ">"; font-family: 'typograph_proextrabold'; font-size: 18px; font-weight: normal; position: relative; top: 2px; left: -15px; } #connect label { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 13px; text-transform: uppercase; } #connect input[type="email"], #connect input[type="password"] { background: #efefef; border: 1px solid #dfdfdf; font-size: 16px; width: 280px; height: 28px; padding: 2px 5px; font-size: 13px; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; } #connect .oubli { font-size: 11px; color: #000; } /* modules */ .module_gambardella p, .module_photosequipes p, .module_historique p { font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; font-style: normal; font-size: 16px; color: #FFF; text-transform: uppercase; text-align: center; z-index: 2; position: relative; text-shadow: 2px 2px 4px #000000; filter: dropshadow(color=#000000, offx=3, offy=3); line-height: 20px; } .module_gambardella p { padding-top: 140px; } .module_gambardella p span, .module_historique p span { font-size: 21px; } .module_gambardella img, .module_photosequipes img, .module_historique img, .module_abo img { position: absolute; } .module_gambardella a, .module_photosequipes a, .module_historique a { text-decoration: none; } .module_photosequipes p { top: 150px; border: 2px solid #FFF; border-radius: 6px; margin: 0 35px; padding: 1px 0; } .module_historique p { text-align: left; padding-top: 140px; padding-left: 6px; } .module_abo p { font-family: 'Gotham A', 'Gotham B'; font-weight: 800; font-style: normal; font-size: 22px; color: #FFF; position: relative; z-index: 2; line-height: 22px; text-align: center; padding-top: 195px; } .module_abo a { text-decoration: none; } /* pages d'index rubrique */ /* presse */ ul.pressemenu { width: 1000px; } section.presse h1 { margin: 25px 0; } ul.pressemenu li { width: 308px; height: 200px; border: 1px solid #d9d9d9; float: left; position: relative; margin-bottom: 20px; margin-left: 20px; } ul.pressemenu li:nth-child(3n+1) { margin-left: 0; } ul.pressemenu li a { display: block; width: 100%; height: 100%; z-index: 2; position: relative; color: #000; text-decoration: none; } ul.pressemenu h2 { font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 20px; line-height: 40px; font-style: normal; font-weight: 800; width: 100%; height: 100%; position: relative; text-indent: 10px; text-transform: uppercase; } ul.pressemenu img { position: absolute; left: 0; bottom: 0; z-index: 1; } ul.pressemenu li a:after { /* Internet Explorer */ *background: #9d1c21; background: #9d1c21\0/; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFda2128, endColorstr=#FF9d1c21); /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#da2128), to(#9d1c21) ); background-image: -webkit-linear-gradient( top, #da2128, #9d1c21 ); background-image: -moz-linear-gradient( top, #da2128, #9d1c21 ); background-image: -o-linear-gradient( top, #da2128, #9d1c21 ); background-image: linear-gradient( top, #da2128, #9d1c21 ); background-image: -ms-linear-gradient( top, #da2128, #9d1c21 ); color: #FFF; content: ">"; display: table-cell; font-family: 'typograph_proextrabold'; font-weight: normal; text-indent: 0; font-size: 50px; height: 200px; line-height: 195px; position: absolute; right: 0; text-align: center; top: 0; vertical-align: middle; width: 35px; z-index: 3; } section.presse nav.onglets { margin: 0 auto; padding: 0 0 30px; width: 1000px; } section.presse nav.onglets li:first-child { border-left: 1px solid #bdbdbd; background-color: #ccc; width: 139px; } section.presse nav.onglets li:last-child { border-right: 1px solid #bdbdbd; width: 139px; } section.presse nav.onglets li { background: none repeat scroll 0 0 #E9E9E9; border-bottom: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; display: table-cell; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 14px; font-style: normal; font-weight: 700; line-height: 40px; text-align: center; white-space: nowrap; width: 138px; } section.presse nav.onglets li a { color: #414141; display: block; height: 100%; text-decoration: none; width: 100%; } section.presse nav.onglets li.current a { cursor: default; } section.presse nav.onglets li a:hover, section.presse nav.onglets li.current a { color: #FFFFFF; } ul.presseliens li { height: 44px; line-height: 44px; text-indent: 60px; font-size: 16px; background-repeat: no-repeat; background-position: 15px 6px; } ul.presseliens li a { color: #000; text-decoration: none; font-family: 'Gotham SSm A','Gotham SSm B'; font-style: normal; font-weight: 700; display: block; width: 100%; height: 100%; } ul.presseliens li a:hover { text-decoration: underline; } li.pdf { background-image: url('http://files.ogcnice.com/images/pages/menu/icon-pdf.png') } li.png { background-image: url('http://files.ogcnice.com/images/pages/menu/icon-png.png') } li.jpg { background-image: url('http://files.ogcnice.com/images/pages/menu/icon-jpg.png') } li.zip { background-image: url('http://files.ogcnice.com/images/pages/menu/icon-zip.png') } li.doc { background-image: url('http://files.ogcnice.com/images/pages/menu/icon-word.png') } #ogcnice_clientbundle_clienttype { margin-top: 30px; } #ogcnice_clientbundle_clienttype div { margin-bottom: 8px; } #ogcnice_clientbundle_clienttype input { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #DFDFDF; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 13px; font-style: normal; font-weight: 500; height: 28px; padding: 2px 5px; width: 280px; } #ogcnice_clientbundle_clienttype label { display: block; float: left; width: 200px; } section.compteclient h1 { margin: 30px 0; } section.compteclient input[type="submit"] { margin-top: 20px; margin-left: 160px; } section.compteclient ul.liensprofil { margin-left: 100px; font-size: 16px; } section.compteclient ul.liensprofil li { margin-bottom: 15px; list-style-type: disc; color: #999; } section.compteclient ul.liensprofil a { text-decoration: none; color: #000; } section.compteclient ul.liensprofil a:hover { color: #da2128; } p.stats-tmp { font-size: 16px; font-family: 'Gotham SSm A','Gotham SSm B'; font-style: normal; font-weight: 500; } div.homebilletterie { height: 350px; } section.billetteriecontenu { margin-top: 10px; padding-top: 25px; } a.bouton_loc, section.billetteriecontenu a.bouton_loc { width: 200px; height: 32px; text-transform: uppercase; font-size: 14px; border-radius: 8px; line-height: 32px; margin-top: 10px; margin-left: 20px; box-shadow: inset -1px -3px 5px -1px #333; display: inline-block; color: #FFF; } a.bouton_loc:hover, section.billetteriecontenu a.bouton_loc:hover { text-decoration: none; color: #DDD; } p.locations span{ display: inline-block; width: 220px; font-family: 'Gotham SSm A','Gotham SSm B'; font-style: normal; font-weight: 800; text-transform: uppercase; font-size: 14px; } div.accesallianz { width:100%; height: 300px; } section.unecol { width: 1000px; padding: 30px 15px; background: #FFF; } h2.intertitrebig { color: #C29B62; font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 24px; font-style: normal; font-weight: 700; margin: 1em 0; } .venirbus { background: url('http://files.ogcnice.com/images/pages/stade/picto-bus.png') no-repeat left center; text-indent: 40px; } .venirtrain { background: url('http://files.ogcnice.com/images/pages/stade/picto-train.png') no-repeat left center; text-indent: 40px; } .venir2roues { background: url('http://files.ogcnice.com/images/pages/stade/picto-2roues.png') no-repeat left center; text-indent: 40px; } .venirvoiture { background: url('http://files.ogcnice.com/images/pages/stade/picto-voiture.png') no-repeat left center; text-indent: 40px; } ul.parkings { width: 750px; height: 170px; margin: 20px 0; } ul.parkings li { width: 180px; height: 150px; padding : 10px; border-radius: 10px; float: left; background: #ccc; } ul.parkings li:first-child { margin-right: 50px; } ul.parkings li:last-child { margin-left: 50px; } ul.parkings li p:first-of-type { font-family: 'Gotham SSm A','Gotham SSm B'; font-size: 20px; font-weight: 800; text-transform: uppercase; text-align: center; margin-bottom: 10px } ul.accespdf { width: 940px; height: 200px; margin-left: 30px; } ul.accespdf li { width: 170px; height: 200px; text-align: center; margin: 0 10px; float: left; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 500; font-style: normal; font-size: 16px; } ul.accespdf a { display: block; width: 100%; height: 100%; color: #000; text-decoration: none; } ul.accespdf a:hover { color: #bb1e23; } ul.accespdf li:first-child { margin-left: 0 ; } ul.accespdf li:last-child { margin-right: 0; } ul.wallpaper { } ul.wallpaper > li { width: 313px; height: 234px; display: inline-block; margin: 20px 25px 0 0; position: relative; } ul.wallpaper h3 { white-space: nowrap; } ul.wallpaper > li:nth-child(3n) { margin-right: 0; } ul.wallpaper div ul { width: 100%; height: 0; overflow: hidden; transition: height 0.5s ease-in-out 0s; background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; text-align: center; color: #FFF; } ul.wallpaper div:hover ul { height: 100px; transition: height 0.6s ease 0s; } ul.wallpaper div li a { color: #FFF; font-size: 18px; text-decoration: none; font-family: 'Gotham SSm A', 'Gotham SSm B'; font-weight: 700; line-height: 32px; padding: 0 15px; } ul.wallpaper div li a:hover { color: #bb1e23; } section.live + aside { background-color: #FFF; } /* INTERSTITIEL */ #interstitiel { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 999; background-color: rgba(0,0,0,0.75); } .interstitiel { position: fixed; display: block; top: 50%; left: 50%; z-index: 1000; margin: -280px 0 0 -430px; width: 860px; height: 560px; overflow: hidden; background-color: #000; } .interstitiel-close { position: absolute; top: 6px; right: 6px; width: 32px; height: 32px; background: url('http://files.ogcnice.com/images/pages/menu/interstitiel-close.png') no-repeat left top; border: none; cursor: pointer; opacity: 0.8 } .interstitiel-close:hover { opacity: 1; }