@charset "UTF-8"; /* FONTS */ /* COLORS */ /* RESPONSIVE */ @import url("https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i"); @font-face { font-family: "ETModules"; src: url(../typos/ETmodules_v2_4.otf) format("opentype"), url(../typos/ETmodules_v2_4.ttf) format("truetype"), url(../typos/ETmodules_v2_4.eot) format("embedded-opentype"), url(../typos/ETmodules_v2_4.woff) format("woff"); font-weight: normal; } .woocommerce-MyAccount-navigation ul { list-style-type: none; width: 100%; float: none; clear: both; } .woocommerce-MyAccount-navigation ul li { list-style-type: none; float: left; padding: 5px 10px; } .woocommerce-MyAccount-navigation ul li a { color: #65b2de; } .woocommerce-MyAccount-content { clear: both; padding-top: 20px; } /*** GENERAL ** */ iframe.c1f_iframe_form { border: 0; height: 0; width: 0; overflow: hidden; } * { box-sizing: border-box; } .clr { clear: both; } body { padding: 0; margin: 0; font-family: "Roboto", arial; } section { min-width: 320px; } .grid { max-width: 1335px; margin: auto; background: #fff; } .onesignal-customlink-container-cont { position: fixed; left: 15px; bottom: 15px; z-index: 20000; } .onesignal-customlink-container-cont #my-notification-button { color: #ffffff; border-radius: 3px; background: #65b2de; text-decoration: none; padding-left: 8px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px; } @media screen and (max-width: 500px) { .onesignal-customlink-container-cont { position: static; display: block; margin-bottom: 40px; } } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-61p, .col-39p, .col-1-5, .col-4-5 { float: left; box-sizing: border-box; padding-left: 15px; padding-right: 15px; position: relative; } @media screen and (max-width: 1000px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-61p, .col-39p, .col-1-5, .col-4-5 { float: none; width: 100%; padding: 0 20px; } } .col-1 { width: 8.3333%; } .col-2 { width: 16.6666%; } .col-3 { width: 25%; } .col-4 { width: 32.3333%; } .col-5 { width: 41.6666%; } .col-6 { width: 50%; } .col-7 { width: 58.3333%; } .col-8 { width: 67.6666%; } .col-9 { width: 75%; } .col-10 { width: 83.3333%; } .col-11 { width: 91.6666%; } .col-12 { width: 100%; float: none; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .center { text-align: center; } .uppercase { text-transform: uppercase; } .alignleft { padding-right: 25px; } @media screen and (max-width: 1000px) { .alignleft { float: none !important; display: block; margin: auto; margin-bottom: 25px; padding-right: 0; } } .alignright { padding-left: 25px; } @media screen and (max-width: 1000px) { .alignright { float: none !important; display: block; margin: auto; margin-bottom: 25px; padding-left: 0; } } .filtre { background: rgba(0, 0, 0, 0.8); background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), transparent); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), transparent); background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8), transparent); background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); position: absolute; width: 100%; bottom: -50%; left: 0; height: 100%; } .hover { opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/hover.png) no-repeat center center rgba(0, 0, 0, 0.5); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media screen and (max-width: 1000px) { .hover { display: none !important; } } .titreh2, #articles-similaires h3, #autres-articles h3, #commentaires h3 { color: #0f4273; margin: 0; text-transform: uppercase; font-size: 25px; font-weight: 700; padding-bottom: 35px; } .titreh2:after, #articles-similaires h3:after, #autres-articles h3:after, #commentaires h3:after { height: 2px; content: " "; background: #f0ce6c; display: block; margin-top: 5px; } .titreh1 { color: #fff; font-size: 30px; font-weight: 500; margin: 0; } p { color: #4d4d4d; font-size: 16px; font-weight: 300; margin: 0; margin-bottom: 25px; line-height: 22px; } .bouton { height: 35px; display: inline-block; text-decoration: none; line-height: 35px; color: #fff; background: #65b2de; border: 2px solid #65b2de; text-transform: uppercase; font-size: 16px; font-weight: 500; text-align: center; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; padding: 0 15px; } .bouton:hover { background: #fff; color: #65b2de; } @media screen and (max-width: 500px) { .none-mobile { display: none !important; } } .show-mobile { display: none !important; } @media screen and (max-width: 500px) { .show-mobile { display: block !important; } } #all-site { background-repeat: no-repeat; background-position: center top; background-color: #fff; } @media screen and (max-width: 1000px) { #all-site { background-size: contain; } } @media screen and (max-width: 800px) { #all-site { padding-top: 205px; } } header { height: 260px; } @media screen and (max-width: 1000px) { header { height: 197px; } } @media screen and (max-width: 730px) { header { height: 290px; } } header .grid { position: relative; } header .logo { display: block; max-width: 165px; padding-bottom: 20px; margin-left: 65px; } @media screen and (max-width: 1000px) { header .logo { max-width: 105px; } } @media screen and (max-width: 730px) { header .logo { margin: auto; margin-top: 40px; } } header .inside-header { padding: 15px 0 0 15px; } header .slogan { position: absolute; top: 80px; left: 0; margin: 0; width: 100%; color: #0f4273; font-size: 25px; font-weight: 500; } @media screen and (max-width: 1000px) { header .slogan { top: 60px; font-size: 22px; } } @media screen and (max-width: 730px) { header .slogan { top: 190px; } } #reseaux-sociaux { position: absolute; top: 70px; right: 15px; } #reseaux-sociaux .sociaux { display: inline-block; width: 40px; height: 40px; margin-left: 20px; border-radius: 50%; background: #65b2de; vertical-align: middle; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; line-height: 40px; text-align: center; } #reseaux-sociaux .sociaux:hover { background: #0f4273; } #reseaux-sociaux .sociaux::before { font-family: "ETModules", arial; color: #fff; font-size: 20px; } #reseaux-sociaux .sociaux.facebook::before { content: ""; } #reseaux-sociaux .sociaux.twitter::before { content: ""; } #reseaux-sociaux .sociaux.instagram::before { content: ""; } #reseaux-sociaux .sociaux.login::before { content: ""; } #reseaux-sociaux .sociaux.login::after { display: none; background: #ffffff; color: #0f4273; position: absolute; bottom: -20px; right: 0px; height: 20px; content: "Acceder à mon compte"; } #reseaux-sociaux .sociaux.login:hover::after { display: block; } #reseaux-sociaux .sociaux.youtube::before { content: ""; } #reseaux-sociaux .sociaux.rss::before { content: ""; } @media screen and (max-width: 1000px) { #reseaux-sociaux .sociaux { width: 30px; height: 30px; margin-left: 10px; line-height: 30px; } #reseaux-sociaux .sociaux::before { font-size: 15px; } } #reseaux-sociaux.footer { top: 0; } #reseaux-sociaux.footer .sociaux:hover { background: #fff; } #reseaux-sociaux.footer .sociaux:hover::before { color: #65b2de; } @media screen and (max-width: 710px) { #reseaux-sociaux.footer { top: 40px; } } @media screen and (max-width: 500px) { #reseaux-sociaux.footer { position: static; text-align: center; padding: 20px 0; } } @media screen and (max-width: 1000px) { #reseaux-sociaux { top: 55px; } } @media screen and (max-width: 775px) { #reseaux-sociaux { top: 15px; text-align: center; left: 15px; } } @media (min-width: 500px) and (max-width: 775px) { #reseaux-sociaux.footer { text-align: left; left: auto; } } @media screen and (max-width: 730px) { #top-menu { margin-top: 50px; } } #menu-secondaire { position: absolute; left: 15px; right: 15px; background: #eee; z-index: 30; display: none; } #menu-secondaire.active { display: block; } #menu-secondaire ul { padding: 20px 0; margin: 0; text-align: center; } #menu-secondaire ul li { list-style-type: none; text-align: center; display: block; font-size: 14px; font-weight: 500; color: #4d4d4d; text-transform: uppercase; min-height: 45px; line-height: 45px; } #menu-secondaire ul li a { text-decoration: none; color: inherit; } #menu { height: 50px; background: #484349; border-radius: 5px; position: absolute; left: 85px; right: 85px; display: inline-block; max-width: 1157px; vertical-align: middle; } #menu ul { padding: 0; margin: 0; text-align: center; } #menu ul li { height: 50px; line-height: 50px; list-style-type: none; display: inline-block; color: #fff; text-transform: uppercase; font-size: 14px; font-weight: 700; position: relative; } #menu ul li a { text-decoration: none; color: inherit; display: inline-block; padding: 0 15px; } #menu ul li .sub-menu { position: absolute; top: 50px; background: #484349; text-align: left; width: 230px; padding: 20px 0; display: none; z-index: 30; } #menu ul li .sub-menu li { font-weight: 300; text-transform: none; height: auto; line-height: normal; display: block; } #menu ul li .sub-menu li a { padding: 5px 15px; } @media (min-width: 600px) { #menu ul li:hover .sub-menu { display: block; } } #menu ul li.menu-item-has-children::after { display: block; content: " "; height: 13px; width: 13px; background: #4d4d4d; transform: rotate(-45deg); position: absolute; bottom: -6px; left: 50%; margin-left: -6px; z-index: 35; } #menu ul li.menu-item-has-children:hover::after { background: url(../images/after-hover.png) no-repeat center center; } @media screen and (max-width: 1275px) { #menu ul li a { padding: 0 10px; } } @media (min-width: 1000px) and (max-width: 1120px) { #menu ul li { font-size: 13px; } } @media screen and (max-width: 1175px) { #menu ul li a { padding: 0 7px; } } @media screen and (max-width: 1000px) { #menu { height: auto; min-height: 50px; vertical-align: top; z-index: 50; } #menu ul { text-align: left; position: absolute; left: 0; right: 0; background: url(../images/select.png) no-repeat right 20px #4d4d4d; border-radius: 5px; z-index: 20; } #menu ul li { display: block; height: 0; overflow: hidden; } #menu ul li.active { height: 50px; } #menu ul li:first-child { height: 50px; } #menu ul li a { display: block; padding-left: 10px; } #menu ul li.boutique, #menu ul li.classement, #menu ul li.ml2, #menu ul li.interviews, #menu ul li.selections { display: none; } #menu ul.active li { height: 50px; } } #search, #btn-menu { display: inline-block; border-radius: 5px; background-color: #edecec; width: 50px; height: 50px; vertical-align: middle; } #search { background-image: url(../images/search.png); background-position: center; background-repeat: no-repeat; position: absolute; right: 15px; } #search:hover, #search.active { background-image: url(../images/search-hover.png); } #btn-menu { background-image: url(../images/menu.png); background-position: center; background-repeat: no-repeat; } #btn-menu:hover, #btn-menu.active { background-image: url(../images/menu-hover.png); } #form-search { height: 50px; background: #edecec; border-radius: 5px; position: absolute; bottom: -50px; right: 15px; padding-left: 15px; line-height: 50px; width: 335px; display: none; z-index: 50; } #form-search.active { display: block; } #form-search input { border: 0; border-bottom: 1px solid #c1c1c1; background: transparent; padding: 0; font-size: 15px; font-style: italic; font-weight: 300; color: #4d4d4d; width: 265px; } #form-search input[type="submit"] { border: 0; font-size: 17px; font-weight: 500; font-style: normal; color: #4d4d4d; width: auto; margin-left: 15px; } #menu-cat ul { padding: 0; padding: 45px 0; margin: 0; text-align: center; } #menu-cat ul li { display: inline-block; list-style-type: none; text-align: center; height: 35px; width: 30px; margin: 0 15px; } #menu-cat ul li a { display: inline-block; height: 100%; } #menu-cat ul li a img { vertical-align: middle; height: 100%; } #menu-cat ul li a span { display: none; } @media screen and (max-width: 1292px) { #menu-cat ul li { margin-bottom: 15px; } } @media (min-width: 500px) and (max-width: 1292px) { #menu-cat ul li { height: 25px; width: 25px; margin: 0 8px; margin-bottom: 15px; } } @media screen and (max-width: 730px) { #menu-cat ul li { color: #fff; height: 0; display: block; width: 100%; margin: 0; text-align: left; padding: 0; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; } #menu-cat ul li a { color: #fff; padding-left: 15px; font-size: 14px; display: block; } #menu-cat ul li a img { margin-right: 15px; vertical-align: middle; height: 25px; } #menu-cat ul li a span { display: inline-block; color: #fff; vertical-align: middle; } #menu-cat ul li.active, #menu-cat ul li:first-of-type { height: auto; padding: 10px 0; } } @media screen and (max-width: 1292px) { #menu-cat ul { padding-bottom: 30px; } } @media screen and (max-width: 730px) { #menu-cat ul { position: absolute; text-align: left; left: 20px; right: 20px; border-radius: 5px; z-index: 25; padding: 0; margin-bottom: 45px; margin-top: 25px; background: url(../images/select.png) no-repeat right 18px #65b2de; } #menu-cat ul.on li { height: auto; padding: 10px 0; } } @media screen and (max-width: 730px) { #menu-cat { height: 100px; } } #annonce-top .inside-pub { padding-bottom: 50px; } @media screen and (max-width: 1000px) { #annonce-top .inside-pub { padding-bottom: 30px; } } @media screen and (max-width: 500px) { #annonce-top .inside-pub img { height: 130px; object-fit: cover; } } /*** ACCUEIL ** */ #cat-une { margin-bottom: 50px; } @media screen and (max-width: 1190px) { #cat-une { margin-bottom: 30px; } #cat-une .slick-arrow { display: inline-block; height: 30px; width: 10px; position: absolute; top: 50%; margin-top: -25px; z-index: 20; } #cat-une .slick-arrow.prev { left: 15px; background: url(../images/left-une.png) no-repeat center; } #cat-une .slick-arrow.next { background: url(../images/right-une.png) no-repeat center; right: 15px; } } #cat-une .bloc-actus-une { height: 328px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; cursor: pointer; overflow: hidden; } #cat-une .bloc-actus-une .text { position: absolute; left: 25px; right: 25px; bottom: 30px; z-index: 20; } #cat-une .bloc-actus-une .titreh3 { font-size: 20px; font-weight: 500; color: #fff; text-transform: uppercase; margin: 0; } #cat-une .bloc-actus-une .titreh3 a { color: inherit; text-decoration: none; } #cat-une .bloc-actus-une .category { height: 25px; line-height: 27px; color: #fff; margin: 0; text-transform: uppercase; font-size: 12px; font-weight: 500; background: #65b2de; display: inline-block; padding: 0 5px; border-radius: 5px; margin-bottom: 20px; } #cat-une .bloc-actus-une:hover .hover { opacity: 1; } #content-center .grid { background: url(../images/bg-ballon.png) no-repeat bottom right #fff; } #content-center.contact .grid { background: #fff; } @media screen and (max-width: 1000px) { #col-left-home .slick-arrow { display: inline-block; height: 30px; width: 10px; position: absolute; top: 50%; margin-top: -80px; z-index: 20; } #col-left-home .slick-arrow.prev { left: 15px; background: url(../images/left-une.png) no-repeat center; } #col-left-home .slick-arrow.next { background: url(../images/right-une.png) no-repeat center; right: 15px; } } #col-left-home .bloc-actus-favoris { margin-bottom: 40px; } #col-left-home .bloc-actus-favoris img { margin-bottom: 15px; } #col-left-home .bloc-actus-favoris .category { text-transform: uppercase; font-size: 12px; font-weight: 500; color: #65b2de; margin: 0; margin-bottom: 15px; } #col-left-home .bloc-actus-favoris .titreh3 { margin: 0; font-size: 16px; font-weight: 500; color: #4d4d4d; } #col-left-home .bloc-actus-favoris .titreh3 a { text-decoration: none; color: inherit; } @media (min-width: 500px) and (max-width: 1000px) { #col-left-home .bloc-actus-favoris { float: left; width: 33.3333%; } #col-left-home .bloc-actus-favoris:last-of-type { border-right: 0; } #col-left-home .bloc-actus-favoris .image { width: 100%; display: block; border-right: 2px solid #fff; } #col-left-home .bloc-actus-favoris h3, #col-left-home .bloc-actus-favoris p { padding: 0 15px; } } @media screen and (max-width: 1000px) { #col-left-home { width: 100% !important; float: none; } } #col-center-home .journee { margin: 0; margin-bottom: 20px; font-size: 19px; font-weight: 500; color: #4d4d4d; position: relative; } #col-center-home .journee .left { display: inline-block; width: 15px; height: 23px; background: url(../images/left-classement.png) no-repeat center; background-size: contain; position: absolute; top: 0; left: 0; } #col-center-home .journee .right { display: inline-block; width: 15px; height: 23px; background: url(../images/right-classement.png) no-repeat center; background-size: contain; position: absolute; top: 0; right: 0; } @media screen and (max-width: 1000px) { #col-center-home { width: 100% !important; float: none; } } #tableau-rencontres { margin-bottom: 40px; } #tableau-rencontres .titreh4 { padding-left: 15px; height: 35px; line-height: 35px; color: #fff; margin: 0; font-size: 16px; font-weight: 500; background: #0f4273; } @media screen and (max-width: 440px) { #tableau-rencontres .titreh4 { font-size: 14px; } } #tableau-rencontres .tableau-classement { border-collapse: collapse; width: 100%; } #tableau-rencontres .tableau-classement thead { display: none; } #tableau-rencontres .tableau-classement tbody tr { height: 40px; padding: 5px 0; width: 100%; } #tableau-rencontres .tableau-classement tbody tr td { font-size: 18px; font-weight: 500; color: #0f4273; } #tableau-rencontres .tableau-classement tbody tr .horaires { width: 90px; padding-left: 30px; background: url(../images/horaire.png) no-repeat 5px center; } @media screen and (max-width: 500px) { #tableau-rencontres .tableau-classement tbody tr .horaires { display: none; } } #tableau-rencontres .tableau-classement tbody tr .horaires-mobile { display: none; } @media screen and (max-width: 500px) { #tableau-rencontres .tableau-classement tbody tr .horaires-mobile { display: table-cell; text-align: center; width: 60px; } } #tableau-rencontres .tableau-classement tbody tr .club-dom { text-align: right; width: 215px; } #tableau-rencontres .tableau-classement tbody tr .club-ext { width: 215px; } #tableau-rencontres .tableau-classement tbody tr .logo-dom, #tableau-rencontres .tableau-classement tbody tr .logo-ext { width: 50px; } #tableau-rencontres .tableau-classement tbody tr .logo-dom img, #tableau-rencontres .tableau-classement tbody tr .logo-ext img { max-width: 30px; max-height: 30px; vertical-align: middle; } #tableau-rencontres .tableau-classement tbody tr .logo-dom { text-align: right; } #tableau-rencontres .tableau-classement tbody tr .resultats { width: 70px; text-align: center; } @media screen and (max-width: 500px) { #tableau-rencontres .tableau-classement tbody tr .resultats { display: none; } } #tableau-rencontres .tableau-classement tbody tr:nth-child(odd) { background: #d9effd; } @media screen and (max-width: 700px) { #tableau-rencontres .tableau-classement tbody tr td { font-size: 16px; } #tableau-rencontres .tableau-classement tbody tr td.club-ext, #tableau-rencontres .tableau-classement tbody tr td.club-dom { width: 180px; } } @media screen and (max-width: 500px) { #tableau-rencontres .tableau-classement tbody tr { position: relative; } #tableau-rencontres .tableau-classement tbody tr td { padding: 5px 0px; font-size: 15px; } #tableau-rencontres .tableau-classement tbody tr td.club-ext { padding-right: 10px; width: 200px; } #tableau-rencontres .tableau-classement tbody tr td.club-dom { padding-left: 10px; text-align: right; width: 200px; } #tableau-rencontres .tableau-classement tbody tr td.logo-dom, #tableau-rencontres .tableau-classement tbody tr td.logo-ext { text-align: center; } #tableau-rencontres .tableau-classement tbody tr.started td.resultats { display: table-cell !important; } #tableau-rencontres .tableau-classement tbody tr.started td.horaires-mobile { display: none !important; } } @media screen and (max-width: 490px) { #tableau-rencontres .tableau-classement tbody tr td.horaires-mobile { width: 80px; } } @media screen and (max-width: 440px) { #tableau-rencontres .tableau-classement tbody tr td { font-size: 13px; } #tableau-rencontres .tableau-classement tbody tr td.logo-dom, #tableau-rencontres .tableau-classement tbody tr td.logo-ext { width: 35px; } #tableau-rencontres .tableau-classement tbody tr td.logo-dom img, #tableau-rencontres .tableau-classement tbody tr td.logo-ext img { max-height: 20px; max-width: 20px; } } @media screen and (max-width: 374px) { #tableau-rencontres .tableau-classement tbody tr td.resultats { width: 120px; } #tableau-rencontres .tableau-classement tbody tr td.horaires-mobile { width: 120px; } } @media screen and (max-width: 334px) { #tableau-rencontres .tableau-classement tbody tr td { font-size: 12px; } } @media screen and (max-width: 1000px) { #tableau-rencontres { width: 100% !important; float: none; } } #entrees-stats .left { padding-left: 0; cursor: pointer; } #entrees-stats .left .inside { height: 415px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; overflow: hidden; } #entrees-stats .left .inside .titreh3 { font-size: 29px; font-weight: 700; color: #fff; text-transform: uppercase; margin: 0; position: absolute; bottom: 30px; left: 20px; z-index: 20; padding-right: 20px; } #entrees-stats .left .inside .titreh3 a { color: inherit; text-decoration: none; } @media screen and (max-width: 500px) { #entrees-stats .left .inside { height: 192px; } } #entrees-stats .left:hover .hover { opacity: 1; } @media (min-width: 500px) and (max-width: 1000px) { #entrees-stats .left { width: 50% !important; float: left; padding-right: 7px; } } @media screen and (max-width: 500px) { #entrees-stats .left { float: none; width: 100% !important; padding-right: 0; margin-bottom: 20px; } } #entrees-stats .right { padding-right: 0; } #entrees-stats .right #buteurs-stats, #entrees-stats .right #passeurs-stats { background-repeat: no-repeat; background-size: cover; background-position: center; height: 192px; position: relative; cursor: pointer; overflow: hidden; } #entrees-stats .right #buteurs-stats .titreh3, #entrees-stats .right #passeurs-stats .titreh3 { color: #fff; text-align: right; position: absolute; bottom: 30px; right: 20px; font-size: 25px; font-weight: 700; text-transform: uppercase; margin: 0; text-shadow: 1px 1px 1px #0f4273; z-index: 10; } #entrees-stats .right #buteurs-stats .titreh3 a, #entrees-stats .right #passeurs-stats .titreh3 a { color: inherit; text-decoration: none; } @media (min-width: 500px) and (max-width: 1000px) { #entrees-stats .right #buteurs-stats, #entrees-stats .right #passeurs-stats { height: 200px; } } #entrees-stats .right #buteurs-stats { margin-bottom: 31px; } #entrees-stats .right #buteurs-stats .titreh3 { text-shadow: 1px 1px 1px #cba025; } @media (min-width: 500px) and (max-width: 1000px) { #entrees-stats .right #buteurs-stats { margin-bottom: 15px; } } @media (min-width: 500px) and (max-width: 1000px) { #entrees-stats .right { width: 50% !important; float: left; padding-left: 7px; } } @media screen and (max-width: 500px) { #entrees-stats .right { float: none; width: 100% !important; padding-left: 0; } #entrees-stats .right #buteurs-stats { margin-bottom: 20px; } } #entrees-stats.classement { margin-bottom: 60px; } @media screen and (max-width: 1000px) { #entrees-stats.classement { margin-bottom: 20px; } } #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 295px; padding-top: 30px; padding-left: 20px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; overflow: hidden; } @media screen and (max-width: 940px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 277px; } } @media screen and (max-width: 890px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 260px; } } @media screen and (max-width: 847px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 247px; } } @media screen and (max-width: 810px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 232px; } } @media screen and (max-width: 770px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 220px; } } @media screen and (max-width: 732px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 208px; } } #entrees-stats.classement #buteurs-stats h3, #entrees-stats.classement #passeurs-stats h3 { color: #fff; font-size: 22px; font-weight: 500; text-transform: uppercase; position: absolute; bottom: 30px; margin: 0; z-index: 10; } #entrees-stats.classement #buteurs-stats h3 a, #entrees-stats.classement #passeurs-stats h3 a { color: #fff; text-decoration: none; } @media screen and (max-width: 1000px) { #entrees-stats.classement #buteurs-stats, #entrees-stats.classement #passeurs-stats { float: left; } } @media screen and (max-width: 500px) { #entrees-stats.classement #buteurs-stats, #entrees-stats.classement #passeurs-stats { padding: 0; float: none; width: 100%; } #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 340px; } } @media screen and (max-width: 500px) and (max-width: 530px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 312px; } } @media screen and (max-width: 500px) and (max-width: 495px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 295px; } } @media screen and (max-width: 500px) and (max-width: 477px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 282px; } } @media screen and (max-width: 500px) and (max-width: 457px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 269px; } } @media screen and (max-width: 500px) and (max-width: 437px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 255px; } } @media screen and (max-width: 500px) and (max-width: 405px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 235px; } } @media screen and (max-width: 500px) and (max-width: 375px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 215px; } } @media screen and (max-width: 500px) and (max-width: 355px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 200px; } } @media screen and (max-width: 500px) and (max-width: 332px) { #entrees-stats.classement #buteurs-stats .inside, #entrees-stats.classement #passeurs-stats .inside { height: 186px; } } #entrees-stats.classement #buteurs-stats { padding-left: 0; } @media screen and (max-width: 500px) { #entrees-stats.classement #buteurs-stats { margin-bottom: 30px; } } #entrees-stats.classement #passeurs-stats { padding-right: 0; } #encart-pub { padding-top: 40px; padding-bottom: 60px; } @media screen and (max-width: 1000px) { #encart-pub { padding-bottom: 30px; } } @media screen and (max-width: 500px) { #encart-pub img { height: 130px; object-fit: cover; } } #section-actus { padding-bottom: 60px; } @media screen and (max-width: 1000px) { #section-actus { padding-bottom: 30px; } } @media screen and (max-width: 1190px) { #section-actus .slick-arrow { display: inline-block; height: 30px; width: 10px; position: absolute; top: 50%; margin-top: -80px; z-index: 20; } #section-actus .slick-arrow.prev { left: 15px; background: url(../images/left-une.png) no-repeat center; } #section-actus .slick-arrow.next { background: url(../images/right-une.png) no-repeat center; right: 15px; } } #section-actus .bloc-interviews { border-right: 1px solid #fff; } #section-actus .bloc-interviews:nth-child(4) { border: 0; } #section-actus .bloc-interviews .image { height: 330px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; cursor: pointer; } #section-actus .bloc-interviews .infos { height: 155px; padding: 25px 30px; } #section-actus .bloc-interviews .infos .titreh3 { font-size: 20px; font-weight: 500; color: #4d4d4d; margin: 0; margin-bottom: 20px; } #section-actus .bloc-interviews .infos .titreh3 a { color: inherit; text-decoration: none; } #section-actus .bloc-interviews .infos .meta { font-style: italic; font-size: 16px; font-weight: 300; color: #4d4d4d; margin: 0; } #section-actus .bloc-interviews:nth-child(even) .infos { background: #f6f6f6; } #section-actus .bloc-interviews:hover .hover { opacity: 1; } #galerie-photos { padding-bottom: 30px; } #galerie-photos .bouton { margin-top: 30px; } #galerie-photos .bloc-galerie { height: 270px; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 2px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; width: 50%; opacity: 1; float: left; } #galerie-photos .bloc-galerie:nth-child(2n-1) { border-right: 1px solid #fff; } #galerie-photos .bloc-galerie:nth-child(2n) { border-left: 1px solid #fff; } #galerie-photos .bloc-galerie:hover { transform: scale(0.95); opacity: 0.7; cursor: pointer; } @media screen and (max-width: 1000px) { #galerie-photos .bloc-galerie { width: auto; } #galerie-photos .galerie { width: 100% !important; float: none; } #galerie-photos .galerie .inside { width: 100% !important; float: none; } #galerie-photos .slick-arrow { display: inline-block; height: 30px; width: 10px; position: absolute; top: 50%; margin-top: -25px; z-index: 20; } #galerie-photos .slick-arrow.prev { left: 15px; background: url(../images/left-une.png) no-repeat center; } #galerie-photos .slick-arrow.next { background: url(../images/right-une.png) no-repeat center; right: 15px; } } @media screen and (max-width: 600px) { #galerie-photos .bloc-galerie { margin-bottom: 20px; } #galerie-photos .bloc-galerie .bouton { margin-top: 10px; } } /*** CONNEXION ** */ #content-center.connexion form input { width: 100%; padding: 0; padding-left: 20px; margin-bottom: 15px; height: 35px; border: 0; border: 1px solid #ddd; font-size: 15px; font-weight: 400; font-family: "Roboto", arial; color: #4d4d4d; vertical-align: middle; } #content-center.connexion form input[type="text"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #content-center.connexion form input[type="email"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #content-center.connexion form input::-moz-placeholder { opacity: 1; color: #999; } #content-center.connexion form input::-webkit-input-placeholder { color: #999; } #content-center.connexion form input[type="submit"] { width: auto; margin: auto; padding: 0 15px; display: block; max-width: 140px; color: #fff; border: 2px solid #65b2de; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #content-center.connexion form input[type="submit"]:hover { color: #65b2de; } #content-center.connexion form input[type="radio"], #content-center.connexion form input[type="checkbox"] { width: auto; margin-right: 7px; height: auto; } #content-center.connexion form input[type="checkbox"] + label { margin-right: 0; display: inline; } #content-center.connexion form input[type="checkbox"] { margin-bottom: 0; } #content-center.connexion form label { font-size: 15px; font-weight: 400; color: #4d4d4d; margin-bottom: 15px; vertical-align: middle; display: inline-block; margin-right: 15px; } #content-center.connexion form select { height: 35px; width: 100%; padding: 0; padding-left: 20px; margin-bottom: 15px; font-size: 15px; font-weight: 400; font-family: "Roboto", arial; color: #4d4d4d; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; border: 1px solid #ddd; background: url(../images/select-dark.png) no-repeat center right #fff; color: #999; } #content-center.connexion form select option { color: #4d4d4d; } #content-center.connexion form select option:first-of-type { color: #999; } @media screen and (max-width: 1000px) { #content-center.connexion #col-center-home .connexion { margin-bottom: 30px; float: left; } } @media screen and (max-width: 800px) { #content-center.connexion #col-center-home .connexion { float: none; width: 100%; padding: 0 !important; } } #content-center.connexion #col-center-home .inscription p.informations { margin-top: 30px; } @media screen and (max-width: 1000px) { #content-center.connexion #col-center-home .inscription { float: left; } } @media screen and (max-width: 800px) { #content-center.connexion #col-center-home .inscription { float: none; width: 100%; padding: 0 !important; } } /*** SIDEBARS ** */ @media screen and (max-width: 1000px) { .zone-sidebar { width: 100% !important; float: none; } } .widget-sidebar { margin-bottom: 55px; } .widget-sidebar.buteurs-activite { height: 150px; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 20px; position: relative; cursor: pointer; overflow: hidden; } .widget-sidebar.buteurs-activite p { margin: 0; text-transform: uppercase; color: #fff; font-size: 20px; font-weight: 500; } .widget-sidebar.buteurs-activite p a { color: #fff !important; text-decoration: none; } .widget-sidebar h3 { margin-bottom: 0 !important; } .widget-sidebar ul { padding: 0; margin: 0; } .widget-sidebar ul li { display: block; list-style-type: none; font-size: 15px; font-weight: 400; color: #0f4273; } .widget-sidebar ul li a { text-decoration: none; display: inline-block; color: inherit; padding: 10px; } .widget-sidebar ul li a span { font-style: italic; } .widget-sidebar ul li:nth-child(even) { background: #f0f9fe; } .widget-sidebar ul li.important { color: red; } .widget-sidebar ul li.important a { color: red; } .widget-sidebar table { border-collapse: collapse; width: 100%; } .widget-sidebar table thead { font-size: 16px; font-weight: 700; text-align: right; } .widget-sidebar table tbody td { width: 30px; font-size: 16px; font-weight: 400; padding: 10px 0; } .widget-sidebar table tbody td:first-of-type { font-weight: 700; } .widget-sidebar table tbody td:nth-of-type(3) { width: 215px; padding-right: 30px; } .widget-sidebar table tbody td img { max-width: 20px; } .widget-sidebar table tbody td:last-of-type { text-align: right; font-weight: 700; } .widget-sidebar .right { text-align: right; } .widget-sidebar .right a { color: #0f4273 !important; font-size: 16px; font-weight: 500; text-decoration: none; } .widget-sidebar .pagination { margin-top: 20px; } .widget-sidebar .pagination a { text-decoration: none; color: #0f4273; font-size: 17px; font-weight: 300; } .widget-sidebar .pagination a::after { content: " - "; } .widget-sidebar .pagination a:last-child::after { content: " "; } .widget-sidebar .pagination .current { font-weight: 700; font-size: 17px; } .widget-sidebar .pagination .current::after { content: " - "; } @media screen and (max-width: 1000px) { .widget-sidebar { margin-bottom: 30px; } } @media screen and (max-width: 1000px) { #sidebar { width: 100% !important; float: none; } #sidebar .widget-sidebar:last-of-type { text-align: center; } } @media screen and (max-width: 1000px) { #sidebar-bis { float: left; width: 100% !important; } } @media (min-width: 500px) and (max-width: 1000px) { #sidebar-bis { padding-top: 20px; } #sidebar-bis .widget-sidebar { width: 50% !important; float: left; text-align: center; } } @media screen and (max-width: 620px) { #sidebar-bis { width: 100% !important; float: none; text-align: center; } } /*** CONTACT ** */ #titre-entete .inside { background: #0f4273; padding: 30px 0; } #content-center.contact { padding-bottom: 50px; } #content-center.contact .grid { padding-top: 50px; } #content-center.contact h2 { font-size: 25px; font-weight: 500; color: #0f4273; margin: 0; margin-bottom: 20px; } #content-center.contact h3 { font-size: 20px; font-weight: 500; color: #0f4273; margin: 0; margin-bottom: 25px; } #content-center.contact h4 { font-size: 17px; font-weight: 500; color: #0f4273; margin: 0; margin-bottom: 25px; } #content-center.contact p strong, #content-center.contact p b { font-weight: 500; color: #0f4273; } #content-center.contact p a { color: #65b2de; } #content-center.contact.contact-form form { max-width: 54%; margin: auto; padding-top: 35px; } #content-center.contact.contact-form form input { color: #4d4d4d; background: #eceaea; height: 35px; padding: 0; padding-left: 15px; font-size: 16px; font-weight: 300; border: 0; margin-bottom: 18px; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; -border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #content-center.contact.contact-form form input.bouton { width: 140px; margin: auto; display: block; height: 40px; background: #65b2de; padding: 0; color: #fff; font-size: 18px; font-weight: 500; border: 2px solid #65b2de; } #content-center.contact.contact-form form input.bouton:hover { background: #fff; color: #65b2de; } #content-center.contact.contact-form form label { font-size: 17px; font-weight: 400; color: #0f4273; display: inline-block; margin-bottom: 5px; } #content-center.contact.contact-form form textarea { height: 130px; color: #4d4d4d; background: #eceaea; padding: 0; padding-left: 15px; padding-top: 10px; font-size: 16px; font-weight: 300; border: 0; margin-bottom: 18px; width: 100%; resize: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -border-radius: 0; -moz-border-radius: 0; border-radius: 0; } @media screen and (max-width: 670px) { #content-center.contact.contact-form form { max-width: 100%; } } /*** CLASSEMENT ** */ #classement-page { border-collapse: collapse; width: 100%; margin-bottom: 60px; } @media screen and (max-width: 500px) { #classement-page { margin-bottom: 50px; } } #classement-page.classement .grid { padding-top: 30px; } #classement-page thead tr { height: 40px; background: #4d4d4d; color: #fff; } #classement-page thead tr th { font-size: 17px; font-weight: 400; width: 45px; text-align: center; } #classement-page thead tr th:first-of-type, #classement-page thead tr th:nth-of-type(2) { text-align: left; } #classement-page thead tr th:first-of-type { padding-left: 25px; width: 160px; } #classement-page thead tr th:nth-child(2) { width: 320px; } #classement-page thead tr th:nth-child(3) { width: 130px; } #classement-page thead tr th:last-of-type { width: 170px; } @media screen and (max-width: 855px) { #classement-page thead tr th { font-size: 15px; } #classement-page thead tr th:first-of-type { width: 130px; } #classement-page thead tr th:nth-child(3) { width: 105px; } } @media screen and (max-width: 781px) { #classement-page thead tr th { width: auto !important; min-width: 25px !important; } #classement-page thead tr th:first-of-type { font-size: 0; } #classement-page thead tr th:nth-child(2) { font-size: 0; } #classement-page thead tr th:nth-child(3) { width: 65px !important; } } @media screen and (max-width: 425px) { #classement-page thead tr th { font-size: 14px; } } @media screen and (max-width: 365px) { #classement-page thead tr th { font-size: 13px; } } #classement-page tbody tr td { padding: 10px 0; font-size: 17px; font-weight: 500; color: #4d4d4d; text-align: center; } #classement-page tbody tr td img { max-width: 25px; } #classement-page tbody tr td:nth-child(2) { width: 50px; text-align: left; } #classement-page tbody tr td:nth-child(3) { padding-right: 20px; text-align: left; } #classement-page tbody tr td:nth-child(4) { text-align: center; } @media screen and (max-width: 855px) { #classement-page tbody tr td { font-size: 15px; } } @media screen and (max-width: 480px) { #classement-page tbody tr td img { max-width: 20px; } #classement-page tbody tr td:nth-child(2) { width: 35px; } } @media screen and (max-width: 425px) { #classement-page tbody tr td { font-size: 14px; } } @media screen and (max-width: 365px) { #classement-page tbody tr td { font-size: 13px; } } #classement-page tbody tr:nth-of-type(even) { background: #fdf8ea; } #classement-page tbody tr.ligne1, #classement-page tbody tr.ligne2 { background: rgba(105, 195, 107, 0.7); } #classement-page tbody tr.ligne1 td, #classement-page tbody tr.ligne2 td { color: #fff; } #classement-page tbody tr.ligne1, #classement-page tbody tr.ligne2 { border-bottom: 1px solid #7dc47e; } #classement-page tbody tr.ligne19, #classement-page tbody tr.ligne20 { background: rgba(231, 56, 56, 0.7); } #classement-page tbody tr.ligne19 td, #classement-page tbody tr.ligne20 td { color: #fff; } #classement-page tbody tr.ligne20, #classement-page tbody tr.ligne19 { border-top: 1px solid #d67272; } #classement-page tbody tr.ligne3, #classement-page tbody tr.ligne4, #classement-page tbody tr.ligne5 { background: #beebbf; } #classement-page tbody tr.ligne4, #classement-page tbody tr.ligne5 { border-top: 1px solid #7dc47e; } #classement-page tbody tr.ligne18 { background: rgba(234, 125, 95, 0.7); } #classement-page tbody tr.ligne18 td { color: #fff; } /*** LISTING DES ACTUS ** */ #pagination { text-align: center; padding: 30px 0; } #pagination a, #pagination span { display: inline-block; font-size: 15px; font-weight: 500; color: #4d4d4d; height: 35px; width: 35px; border: 1px solid #4d4d4d; line-height: 35px; text-decoration: none; text-align: center; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-right: 8px; } #pagination a:hover, #pagination span:hover { background: #4d4d4d; color: #fff; } #pagination a.nextpostslink, #pagination a.previouspostslink, #pagination span.nextpostslink, #pagination span.previouspostslink { width: auto; padding: 0 10px; } @media screen and (max-width: 673px) { #pagination a, #pagination span { font-size: 13px; } } @media screen and (max-width: 653px) { #pagination a, #pagination span { margin-bottom: 8px; } } #pagination span.current { color: #fff; background: #4d4d4d; } #content-center.contact.actus .grid { padding-top: 30px; } #col-center-home.listing .inside { box-shadow: 0 1px 4px rgba(0, 0, 0, 0.33); } #col-center-home.listing .inside .bloc-actus { padding: 25px 10px; position: relative; } #col-center-home.listing .inside .bloc-actus::after { height: 1px; background: #e8e4e4; content: ""; display: block; position: absolute; bottom: 0; left: 25px; right: 25px; } #col-center-home.listing .inside .bloc-actus:last-of-type::after { display: none; } #col-center-home.listing .inside .bloc-actus .image .inside { height: 255px; background-position: center; background-repeat: no-repeat; background-size: cover; box-shadow: none; } #col-center-home.listing .inside .bloc-actus .image .inside a { display: block; width: 100%; height: 100%; position: relative; } #col-center-home.listing .inside .bloc-actus .image .inside:hover .hover { opacity: 1; } #col-center-home.listing .inside .bloc-actus .infos { float: left; position: relative; height: 255px; } #col-center-home.listing .inside .bloc-actus .infos p { font-size: 15px; } #col-center-home.listing .inside .bloc-actus .infos .metas { font-style: italic; font-size: 13px; font-weight: 400; text-align: left; } #col-center-home.listing .inside .bloc-actus .infos .metas .category { background: #82cbfa; font-size: 13px; font-weight: 400; font-style: normal; text-transform: uppercase; color: #fff; display: inline-block; height: 20px; line-height: 22px; padding: 0 5px; text-decoration: none; } #col-center-home.listing .inside .bloc-actus .infos .metas span { display: inline-block; padding-left: 5px; } #col-center-home.listing .inside .bloc-actus .infos .bouton { background: #f0ce6c; border-color: #f0ce6c; position: absolute; bottom: 0px; left: 15px; } #col-center-home.listing .inside .bloc-actus .infos .bouton:hover { color: #f0ce6c; background: #fff; } #col-center-home.listing .inside .bloc-actus .infos h2 { color: #4d4d4d; font-size: 20px; } #col-center-home.listing .inside .bloc-actus .infos .commentaires { position: absolute; bottom: 10px; right: 20px; font-size: 13px; font-weight: 300; font-style: italic; color: #4d4d4d; padding-left: 30px; background: url(../images/commentaire.png) no-repeat center left; } @media screen and (max-width: 1000px) { #col-center-home.listing { margin-bottom: 25px; } #col-center-home.listing .inside .bloc-actus .image { width: 100% !important; margin-bottom: 20px; } #col-center-home.listing .inside .bloc-actus .image .inside { height: 300px; } #col-center-home.listing .inside .bloc-actus .infos { width: 100% !important; height: auto; } #col-center-home.listing .inside .bloc-actus .infos .bouton { position: static; } } @media screen and (max-width: 500px) { #col-center-home.listing .inside .bloc-actus .image .inside { height: 255px; } } @media screen and (max-width: 450px) { #col-center-home.listing { padding: 0; } #col-center-home.listing .inside .bloc-actus { padding: 25px 0; } } /*** SINGLE ACTU ** */ @media screen and (max-width: 500px) { #col-center-home.listing.single { padding: 0 20px; } } #col-center-home.listing.single .bloc-actus { padding-bottom: 90px; } @media screen and (max-width: 500px) { #col-center-home.listing.single .bloc-actus { padding-bottom: 100px; } } @media screen and (max-width: 476px) { #col-center-home.listing.single .bloc-actus { padding-bottom: 130px; } } #col-center-home.listing.single .bloc-actus .image .inside { height: 480px; margin-bottom: 25px; } @media screen and (max-width: 500px) { #col-center-home.listing.single .bloc-actus .image .inside { height: 255px; } } #col-center-home.listing.single .bloc-actus .infos { height: auto; position: static; } #col-center-home.listing.single .bloc-actus .infos h2 { font-size: 30px; text-transform: uppercase; } #col-center-home.listing.single .bloc-actus .infos .metas span.author { display: inline-block; padding-left: 30px; background: url(../images/author.png) no-repeat center left; text-transform: uppercase; margin-left: 20px; } #col-center-home.listing.single .bloc-actus .infos .metas span.commentaires { display: inline-block; padding-left: 30px; background: url(../images/commentaire.png) no-repeat center left; text-transform: uppercase; margin-left: 20px; } @media screen and (max-width: 500px) { #col-center-home.listing.single .bloc-actus .infos .metas span.commentaires { bottom: 80px; } } @media screen and (max-width: 476px) { #col-center-home.listing.single .bloc-actus .infos .metas span.commentaires { bottom: 115px; } } #col-center-home.listing.single .bloc-actus .infos .metas span.infos-metas { padding: 0; margin-top: 10px; } @media screen and (max-width: 665px) { #col-center-home.listing.single .bloc-actus .infos .metas span.infos-metas { display: block; } } #col-center-home.listing.single .bloc-actus .sharedaddy { position: absolute; bottom: 55px; } @media screen and (max-width: 500px) { #col-center-home.listing.single .bloc-actus .sharedaddy { bottom: 20px; } } #articles-similaires, #autres-articles { padding-top: 40px; } #articles-similaires h3, #autres-articles h3 { font-size: 20px; padding-bottom: 0; } #articles-similaires .gallery-icon img, #autres-articles .gallery-icon img { border: 0; width: 100%; object-fit: cover; } #articles-similaires .gallery-item, #autres-articles .gallery-item { margin-right: 1.5%; } #articles-similaires .gallery-item:last-of-type, #autres-articles .gallery-item:last-of-type { margin-right: 0; } @media screen and (max-width: 1000px) { #articles-similaires .gallery-item, #autres-articles .gallery-item { margin-right: 0; } } #articles-similaires .wp-caption-text, #autres-articles .wp-caption-text { text-align: left; font-size: 17px; font-weight: 400; color: #4d4d4d; padding-top: 20px; padding-right: 20px; } @media screen and (max-width: 1000px) { #articles-similaires .slick-arrow, #autres-articles .slick-arrow { display: inline-block; height: 30px; width: 10px; position: absolute; top: 50%; margin-top: -60px; z-index: 20; } #articles-similaires .slick-arrow.prev, #autres-articles .slick-arrow.prev { left: 15px; background: url(../images/left-une.png) no-repeat center; } #articles-similaires .slick-arrow.next, #autres-articles .slick-arrow.next { background: url(../images/right-une.png) no-repeat center; right: 15px; } } #autres-articles { overflow: hidden; min-height: 260px; } #autres-articles .slider { max-width: 90%; margin: auto; } #autres-articles .slider .gallery-item { margin-right: 10px; } #autres-articles .slick-arrow { width: 20px; height: 31px; display: block; position: absolute; top: 50%; margin-top: -15px; } #autres-articles .slick-arrow.prev { background: url(../images/left-classement.png) no-repeat center; left: -40px; } #autres-articles .slick-arrow.next { background: url(../images/right-classement.png) no-repeat center; right: -40px; } @media screen and (max-width: 500px) { #autres-articles .slider { max-width: 100%; } #autres-articles .slider .gallery-item { margin-right: 0; } #autres-articles .slick-arrow { display: inline-block; height: 30px; width: 10px; position: absolute; top: 50%; margin-top: -60px; z-index: 20; } #autres-articles .slick-arrow.prev { left: 15px; background: url(../images/left-une.png) no-repeat center; } #autres-articles .slick-arrow.next { background: url(../images/right-une.png) no-repeat center; right: 15px; } } #commentaires { padding-top: 40px; } #commentaires ul { padding: 0; margin: 0; } #commentaires ul li { list-style-type: none; } #commentaires ul li ul { padding-left: 50px; } #commentaires ul li .comment-author { margin-bottom: 15px; } #commentaires ul li .comment-author img { width: 65px; height: 65px; border-radius: 50%; } #commentaires ul li .comment-author cite.fn { font-size: 16px; font-weight: 500; font-style: italic; color: #65b2de; } #commentaires ul li .comment-author cite.fn a { color: inherit; text-decoration: none; } #commentaires ul li .comment-meta { margin-bottom: 15px; } #commentaires ul li .comment-meta a { color: #65b2de; text-decoration: none; font-size: 16px; font-weight: 500; } #commentaires ul li .reply { text-align: right; } #commentaires ul li .reply a { display: inline-block; height: 25px; line-height: 25px; padding: 0 20px; border: 1px solid #4d4d4d; color: #4d4d4d; background: #fff; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 16px; font-weight: 500; border-radius: 50px; text-decoration: none; } #commentaires ul li .reply a:hover { color: #fff; background: #4d4d4d; } #commentaires h3 { font-size: 20px; padding-bottom: 0; } #commentaires h3.comment-reply-title a { text-decoration: none; text-transform: none; color: #65b2de; } #commentaires h3.comment-reply-title a#cancel-comment-reply-link { font-style: italic; font-size: 13px; } #commentform label { display: block; margin-bottom: 5px; font-weight: 500; } #commentform p { margin-bottom: 0; } #commentform input { padding: 0; padding-left: 15px; font-size: 14px; font-weight: 400; font-family: "Roboto", arial; height: 35px; margin-bottom: 10px; width: 300px; border: 1px solid #eee; } #commentform input[type="submit"] { background: #65b2de; color: #fff; font-size: 16px; font-weight: 500; font-family: "Roboto", arial; text-transform: uppercase; height: 40px; width: auto; padding: 0 20px; border: 3px solid #65b2de; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin-top: 15px; } #commentform input[type="submit"]:hover { background: transparent; color: #65b2de; } #commentform .comment-form-comment { padding-top: 20px; } #commentform .comment-form-comment textarea { height: 150px; width: 100%; resize: none; font-size: 14px; font-weight: 400; font-family: "Roboto", arial; padding: 0; border: 1px solid #eee; padding-top: 10px; padding-left: 15px; margin-bottom: 30px; } #liste-tags { padding-left: 25px; background: url(../images/tags.png) no-repeat center left; margin-top: 55px; } #liste-tags p { font-size: 13px; } #liste-tags p a { text-decoration: none; } /*** ABONNEMENT ** */ #banniere-abo .inside-abo { height: 330px; background-repeat: no-repeat; background-position: center; background-size: cover; background-clip: content-box; position: relative; } #banniere-abo .inside-abo .btn-abo { text-align: center; position: absolute; left: 0; right: 0; bottom: 50px; margin: 0; } #banniere-abo .inside-abo .btn-abo a { color: #fff; background: #e50c16; border-radius: 3px; border: 2px solid #fff; font-size: 17px; font-weight: 700; padding: 0 35px; text-align: center; display: inline-block; height: 40px; line-height: 35px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; text-decoration: none; } #banniere-abo .inside-abo .btn-abo a:hover { color: #e50c16; background: #fff; } #banniere-abo .inside-abo .titre-banniere { font-size: 50px; font-weight: 700; color: #fff; text-transform: uppercase; text-align: center; margin: 0; padding-top: 100px; letter-spacing: 2px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); } @media screen and (max-width: 980px) { #banniere-abo .inside-abo .titre-banniere { padding-top: 60px; font-size: 40px; } } @media screen and (max-width: 525px) { #banniere-abo .inside-abo .titre-banniere { font-size: 30px; } } #banniere-abo .inside-abo .soustitre { text-align: right; font-size: 35px; font-weight: 700; color: #fff; text-transform: uppercase; margin: 0; letter-spacing: 2px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); padding-right: 100px; margin-top: 30px; } @media screen and (max-width: 980px) { #banniere-abo .inside-abo .soustitre { font-size: 30px; text-align: center; padding-right: 0; } } @media screen and (max-width: 525px) { #banniere-abo .inside-abo .soustitre { font-size: 20px; } } #content-center .bloc-avantage { margin-bottom: 53px; width: 33.3333%; } #content-center .bloc-avantage p { padding-left: 80px; font-size: 18px; font-weight: normal; color: #4d4d4d; background: url(../images/check-abo.png) no-repeat center left; background-size: 50px; min-height: 50px; padding-top: 10px; } @media (min-width: 700px) and (max-width: 1000px) { #content-center .bloc-avantage { width: 33.3333% !important; float: left; } } @media screen and (max-width: 700px) { #content-center .bloc-avantage { width: 100%; } } #content-center .bloc-abo { width: 33.3333%; } @media (min-width: 700px) and (max-width: 1000px) { #content-center .bloc-abo { width: 33.3333% !important; float: left; } } @media screen and (max-width: 700px) { #content-center .bloc-abo { width: 100%; margin-bottom: 30px; } } #content-center .bloc-abo .inside { border: 2px solid #4d4d4d; border-radius: 15px; padding: 15px 20px; position: relative; min-height: 195px; } #content-center .bloc-abo .inside .new { height: 25px; clip-path: polygon(30% 10%, 70% 10%, 100% 100%, 0 100%); background: #d70f0f; color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 300; transform: rotate(45deg); display: block; line-height: 30px; width: 76px; text-align: center; position: absolute; top: 5px; right: -20px; } #content-center .bloc-abo .inside .titre { font-size: 30px; font-weight: 800; text-align: center; color: #4d4d4d; margin-bottom: 0; } #content-center .bloc-abo .inside p { font-size: 15px; color: #4d4d4d; text-align: center; } #content-center .bloc-abo .inside p strong { font-weight: 500; color: #4d4d4d; } #content-center .bloc-abo .inside a { display: block; max-width: 150px; color: #4d4d4d; background: #ff9999; font-size: 18px; font-weight: 600; text-decoration: none; text-align: center; line-height: 35px; height: 35px; border-radius: 3px; margin: auto; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content-center .bloc-abo .inside a:hover { color: #fff; background: #4d4d4d; } #content-center .inside-contenu { padding-top: 40px; } #content-center .inside-contenu h2 { color: #0f4273; font-size: 30px; font-weight: 700; text-transform: uppercase; margin: 0; text-align: center; margin-bottom: 15px; } #content-center .inside-contenu .soustitre { color: #4d4d4d; font-size: 25px; font-weight: 700; text-transform: uppercase; margin: 0; text-align: center; margin-bottom: 50px; } #content-center .inside-contenu .contenu-classique { padding-top: 40px; } #content-center .inside-contenu .contenu-classique .alignleft { margin-right: auto; } #content-center .inside-contenu .contenu-classique .alignright { margin-left: auto; } #content-center .inside-contenu .contenu-classique blockquote p, #content-center .inside-contenu .contenu-classique q p { font-size: 30px; font-weight: 300; font-style: italic; color: #4d4d4d; line-height: 40px; text-align: center; } #content-center .inside-contenu .bloc-presentation { margin-bottom: 30px; width: 33.3333%; } @media (min-width: 880px) and (max-width: 1000px) { #content-center .inside-contenu .bloc-presentation { width: 33.3333% !important; float: left; } } @media screen and (max-width: 880px) { #content-center .inside-contenu .bloc-presentation { width: 50% !important; float: left; } } @media screen and (max-width: 615px) { #content-center .inside-contenu .bloc-presentation { width: 100% !important; margin-bottom: 30px; float: none; } } #content-center .inside-contenu .bloc-presentation .inside { height: 275px; line-height: 275px; text-align: center; background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; cursor: pointer; } #content-center .inside-contenu .bloc-presentation .inside h3 { line-height: normal; text-transform: uppercase; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); margin: 0; font-size: 30px; font-weight: 500; z-index: 10; position: relative; vertical-align: middle; display: inline-block; padding: 0 30px; } #content-center .inside-contenu .bloc-presentation .inside h3 a { color: inherit; text-decoration: none; } @media screen and (max-width: 1000px) { #content-center .inside-contenu .bloc-presentation .inside h3 { font-size: 25px; } } #content-center .inside-contenu .bloc-presentation .inside .filtre { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(57, 108, 161, 0.8); -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #content-center .inside-contenu .bloc-presentation .inside:hover .filtre { opacity: 0.5; } /*** FOOTER ** */ .inside-partenaires { padding-bottom: 60px !important; } .inside-partenaires .star1, .inside-partenaires .star2 { height: 170px; line-height: 170px; } .inside-partenaires .star1 a, .inside-partenaires .star2 a { display: inline-block; height: 100%; } .inside-partenaires .star1 img, .inside-partenaires .star2 img { vertical-align: middle; } @media (min-width: 500px) and (max-width: 1000px) { .inside-partenaires .star1, .inside-partenaires .star2 { width: 50% !important; float: left; } } @media screen and (max-width: 500px) { .inside-partenaires .star1, .inside-partenaires .star2 { width: 100% !important; float: none; height: 150px; line-height: 150px; } .inside-partenaires .star1 img, .inside-partenaires .star2 img { max-height: 100%; } } @media screen and (max-width: 500px) { .inside-partenaires { padding-bottom: 10px !important; } .inside-partenaires .star1 { margin-bottom: 15px; } } #slider-partenaires { height: 80px; max-width: 1100px; margin: auto; margin-bottom: 40px; } @media screen and (max-width: 1250px) { #slider-partenaires { max-width: 900px; } } @media screen and (max-width: 1000px) { #slider-partenaires { max-width: 850px; } } #slider-partenaires .inside-slider { height: 80px; } #slider-partenaires .inside-slider a { display: block; line-height: 80px; height: 80px; text-align: center; } #slider-partenaires .inside-slider a img { vertical-align: middle; display: inline-block; } #slider-partenaires .slick-arrow { width: 37px; height: 57px; position: absolute; top: 50%; margin-top: -28px; } #slider-partenaires .slick-arrow.prev { background: url(../images/left.png) no-repeat; left: -100px; } @media screen and (max-width: 1000px) { #slider-partenaires .slick-arrow.prev { left: 0px; } } @media screen and (max-width: 500px) { #slider-partenaires .slick-arrow.prev { left: 15px; background-size: contain; width: 25px; height: 38px; margin-top: -19px; } } #slider-partenaires .slick-arrow.next { background: url(../images/right.png) no-repeat; right: -100px; } @media screen and (max-width: 1000px) { #slider-partenaires .slick-arrow.next { right: 0px; } } @media screen and (max-width: 500px) { #slider-partenaires .slick-arrow.next { right: 15px; background-size: contain; width: 25px; margin-top: -19px; height: 38px; } } footer { background: #0f4273; padding-top: 30px; height: 200px; } footer .grid { background: transparent; } footer .logo { position: relative; top: -15px; vertical-align: middle; display: inline-block; } @media screen and (max-width: 500px) { footer .logo { display: block; text-align: center; } } footer nav { display: inline-block; padding-left: 15px; vertical-align: top; } footer nav ul { padding: 0; margin: 0; } footer nav ul li { display: inline-block; list-style-type: none; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; margin: 0 15px; } footer nav ul li a { color: #fff; text-decoration: none; } @media (min-width: 500px) and (max-width: 511px) { footer nav ul li { font-size: 14px; } } @media screen and (max-width: 500px) { footer nav { display: block; text-align: center; width: 100%; padding: 0; } footer nav ul li { display: block; text-align: center; margin-bottom: 10px; } } footer .copyright { color: #fff; margin: 0; position: absolute; right: 15px; top: 70px; font-size: 16px; font-weight: 500; } footer .copyright a { text-decoration: none; color: inherit; font-weight: 700; } @media screen and (max-width: 710px) { footer .copyright { top: 100px; } } @media screen and (max-width: 500px) { footer .copyright { position: static; text-align: center; } } @media screen and (max-width: 500px) { footer { height: auto; padding-bottom: 20px; } } /* PWA */ #mobiletopbar { display: none; } #pwa-pub-listing { display: none; } @media (max-width: 500px) { body { padding-top: 60px; } section#all-site { padding-top: 0px !important; background: transparent !important; } #apubhabillage { display: none; } #pwa-pub-listing { display: block; } #mobiletopbar { display: block; background: #65b2de; color: #ffffff; height: 45px; line-height: 45px; text-align: right; padding: 0 25px; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 19998; } #mobiletopbar a { position: absolute; top: 0px; left: 15px; display: block; height: 45px; width: 45px; background: url(../images/pwa-burger.png); background-size: 38px 38px; background-position: center; background-repeat: no-repeat; } #pwafilter { z-index: 19999; position: fixed; background: rgba(0, 0, 0, 0.8); left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; } #allheader { position: fixed; width: 280px; top: 0px; bottom: 0px; left: -300px; background: #ffffff; z-index: 20000; border-right: 1px solid #ccc; overflow-y: auto; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #allheader.active { left: 0px; } #allheader header { height: auto; } #allheader section { min-width: 0px; } #allheader #btn-menu { display: none !important; } #allheader p.slogan { display: none !important; } #allheader .logo { margin-left: 10px !important; margin-top: 0px !important; width: 90px !important; } #allheader #reseaux-sociaux { width: 120px !important; left: 140px !important; top: 20px !important; } #allheader #reseaux-sociaux a { margin-bottom: 5px; } #allheader #reseaux-sociaux a.rss { display: none; } #allheader .inside-menu { padding: 0px; } #allheader #search { display: none; } #allheader #top-menu { margin-top: 0px; } #allheader #menu { left: 0px; right: 0px; background: transparent; position: static; width: 100%; } #allheader #menu ul { background: transparent; border-top: 1px solid #ccc; color: #4d4d4d; position: static; width: 100%; } #allheader #menu ul li { border-bottom: 1px solid #ccc; height: auto; background: transparent !important; } #allheader #menu ul li::after { display: none; } #allheader #menu ul li.pwa-active .sub-menu { display: block; } #allheader #menu ul li a { color: #4d4d4d; padding-left: 15px; } #allheader #menu ul li .sub-menu { border: 0px; padding: 0px; } #allheader #menu ul li .sub-menu li { border-top: 1px solid #ccc !important; border-bottom: 0px !important; } #allheader #menu ul li .sub-menu li a { height: 50px; line-height: 50px; padding-left: 30px; } #allheader #form-search { display: block; position: static; width: 100%; } #allheader #form-search input[type=text] { width: 200px; } #allheader #menu-secondaire { position: static; display: block; } #allheader #menu-secondaire ul { padding: 0px; } #allheader #menu-secondaire ul li { border-top: 1px solid #ccc; text-align: left; } #allheader #menu-secondaire ul li a { padding-left: 15px; } #allheader #menu-cat ul { background: transparent !important; height: auto !important; position: relative !important; left: 10px !important; padding-bottom: 0px; margin-bottom: 10px; } #allheader #menu-cat ul li { display: inline-block !important; height: 30px !important; width: 50px !important; } #allheader #menu-cat ul li span { display: none !important; } } /* Abonnements */ @media screen and (max-width: 710px) { .abonnementcontenu { width: 100% !important; float: none !important; } .bordervide { display: none; } } #lireabonne, #additionnal-content .action { width: auto; margin: auto; padding: 0 15px; display: inline-block; max-width: 250px; text-align: center; text-decoration: none; color: #fff !important; font-weight: bold; border: 2px solid #65b2de; background: #65b2de; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #lireabonne:hover, #additionnal-content .action:hover { color: #65b2de !important; background: #fff; } #additionnal-content #aboregardervideo.action { padding-left: 45px !important; background-image: url(../images/logo_viewpay_blc.png) !important; background-position: 5px center !important; background-repeat: no-repeat !important; background-size: 30px !important; margin-left: 5px !important; background-color: #1bbbec !important; display: none !important; border: 2px solid #1bbbec !important; } #additionnal-content #aboregardervideo.action:hover { background-color: #ffffff !important; color: #1bbbec !important; background-image: url(../images/VIEWPAY_2_blue.png) !important; } #bg-popup-abo { display: none; position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.8); z-index: 99999999999; } #popup-viewpay { display: none; width: 700px; height: 500px; max-width: 100%; max-height: 100%; padding: 20px; background: #ffffff; position: fixed; top: 0px; bottom: 0px; left: 50%; top: 50%; margin-top: -250px; margin-left: -350px; z-index: 999999999999; } @media (max-width: 500px) { #popup-viewpay { width: 100%; height: auto; top: 30px; bottom: 30px; margin-left: 0; margin-top: 0; left: 0; } } #popup-abo { display: none; width: 500px; height: 250px; padding: 20px; background: #ffffff; position: fixed; top: 0px; bottom: 0px; left: 50%; top: 30%; margin-left: -250px; z-index: 999999999999; } @media (max-width: 500px) { #popup-abo { width: 100%; height: auto; top: 30px; bottom: 30px; margin-left: 0; left: 0; } } #popup-abo p { text-align: center; } #popup-abo h2 { text-align: center; color: #65b2de; } #popup-abo a.action { width: auto; margin: auto; padding: 0 25px; display: inline-block; text-decoration: none; color: #fff !important; font-weight: bold; border: 2px solid #65b2de; background: #65b2de; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } @media (max-width: 500px) { #popup-abo a.action { margin-bottom: 15px; } } #popup-abo a.action:hover { color: #65b2de !important; background: #fff; } #abo-box { border: 1px solid #cccccc; padding: 20px; text-align: center; } #abo-box h2 { text-align: center; color: #65b2de; } #abo-box ul li { text-align: left; } #abo-box p { text-align: center; } #abo-box a.addtocart { width: auto; margin: auto; padding: 0 15px; display: inline-block; text-align: center; text-decoration: none; color: #fff !important; font-weight: bold; border: 2px solid #65b2de; background: #65b2de; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #abo-box a.addtocart:hover { color: #65b2de !important; background: #fff; } #abo-box a.addtocart span { font-weight: normal; }