div.footer-mobile { display:none; position:relative; background:#242D3E; text-align:center; } div.footer-mobile .menu-footer { position:relative; padding: 20px 0; } div.footer-mobile .menu-footer a { display:block; margin:10px 0; font-size:14px; font-weight:600; color:#FFF; text-decoration:none; text-transform:uppercase; } div.footer-mobile .copyright { padding:3px 30px; background:rgba(0,0,0,0.15); color:#FFF; font-size:12px; } footer .copyright a, .footer-mobile .copyright a { color:#FFF; text-decoration:none; } footer { position:absolute; bottom:0; left:0; width:100%; } footer #logo { display:block;; width:276px; height:90px; margin:5px 0; background: url(https://www.bepilates.fr/images/logogihva.png) center no-repeat; background-size:contain; } footer .menu-footer { position:relative; width:100%; padding:30px 0; } footer .menu-footer table { width:100%; } footer .menu-footer a { font-size:14px; font-weight:600; color:#FFF; text-decoration:none; text-transform:uppercase; position:relative; padding:2px 0; } footer { background:#24282B; text-align:center; } footer .logo-footer { display:block; width:103px; height:136px; margin:auto; background: url(https://www.bepilates.fr/images/logo-footer.jpg) center no-repeat; } footer .copyright { padding:3px 0; background:rgba(0,0,0,0.15); color:#FFF; font-size:12px; } footer .wrapper .menu-footer a { position:relative; } footer .wrapper .menu-footer a:before { position: absolute; content: ""; top: -4%; left: 50%; width:0; height: 1px; background-color: rgba(255,255,255,0.8); -moz-transition: 0.2s all ease; -o-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } footer .wrapper .menu-footer a:hover:before, footer .wrapper .menu-footer a.label-on:before { left: 0; width:100%; } footer .wrapper .menu-footer a:after { position: absolute; content: ""; top: 100%; left: 50%; width:0; height: 1px; background-color: rgba(255,255,255,0.8); -moz-transition: 0.2s all ease; -o-transition: 0.2s all ease; -webkit-transition: 0.2s all ease; transition: 0.2s all ease; } footer .wrapper .menu-footer a:hover:after, footer .wrapper .menu-footer a.label-on:after { left: 0; width:100%; } .header-mobile { position:relative; overflow:hidden; display:none; height:100px; z-index:10000; background:#FFF; } .header-mobile .logo{ display:block; height:50px; margin-top:25px; margin-right:60px; } .header-mobile .mobile-pictomenu, .header-mobile .mobile-pictomenu-close { margin-top:29px; } .header-mobile .logo { height:100px; margin-top:0; background: url(https://www.bepilates.fr/images/logogihva.png) no-repeat left center; background-size: contain; } .mobile-pictomenu, .mobile-pictomenu-close { display:none; float:right; background: url(https://www.bepilates.fr/images/btmobile.png) top left no-repeat; width: 40px; height: 40px; margin-top:18px; background-size:contain; } .mobile-pictomenu-close { display:none; } .nav-mobile { display:none; position:fixed; z-index:1000; padding-top:100px; right:0px; left:0px; height:100%; margin-top:0; margin: 0 auto; overflow-y:scroll; background:#f4f3f3; color:#666666;  } @media (max-width:768px) { div#header { display:block !important; } .mobile-pictomenu { display:block; } } @media (min-width:769px) { .mobile-pictomenu, .mobile-pictomenu-close { display:none !important; } .nav-mobile { display:none !important; } } /* Niveau 1 */ .mobile_bouton { width:100%; color:#666666; min-height:20px; padding:10px; display:block; text-decoration:none; } .mobile_bouton:active { background-color:#e5e4e4; color:#1b242e; } .mobile_bouton_txt { text-transform:uppercase; } .mobile_bouton_on { width:100%; min-height:20px; display:block; text-decoration:none; padding:10px; background:#e5e4e4; color:#1b242e; } /* Niveau 2 */ .mobile_sousmenu { display:none; background:#e5e4e4; color:#1b242e; } .mobile_open-smenu { position:absolute; right:20px; margin-top:-40px; color:#333; } .mobile_bouton2 { width:100%; min-height:20px; padding:5px 0 0 0; display:block; text-decoration:none; } .mobile_bouton2_on { background:#3A1C47; width:100%; color:#fff; min-height:20px; padding:5px 0 0 0; display:block; text-decoration:none; } .mobile_bouton2_txt { text-transform:uppercase; margin:0 15px; padding:5px 0px 5px 30px; min-height:27px; } .header-mobile .lang { position:absolute; top:0; right:100px; padding:4px 10px; color: #FFF; font-size:18px; font-weight:600; text-decoration:none; border-radius:0 0 3px 3px; background:#F2A52B } @import url("https://www.bepilates.fr//hello.myfonts.net/count/28c4de"); @font-face {font-family: 'ProximaNovaA-Bold';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_0_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_0_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_0_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_0_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaA-RegularIt';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_1_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_1_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_1_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_1_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaS-Regular';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_2_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_2_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_2_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_2_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaS-RegularIt';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_3_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_3_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_3_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_3_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaS-Bold';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_4_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_4_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_4_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_4_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaA-BoldIt';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_5_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_5_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_5_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_5_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaS-BoldIt';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_6_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_6_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_6_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_6_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNovaA-Regular';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_7_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_7_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_7_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_7_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-RegularIt';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_8_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_8_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_8_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_8_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-BoldIt';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_9_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_9_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_9_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_9_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-Regular';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_A_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_A_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_A_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_A_0.ttf') format('truetype');} @font-face {font-family: 'ProximaNova-Bold';src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_B_0.eot');src: url('https://www.bepilates.fr/eplib/fonts/28C4DE_B_0.eot?#iefix') format('embedded-opentype'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_B_0.woff') format('woff'),url('https://www.bepilates.fr/eplib/fonts/28C4DE_B_0.ttf') format('truetype');} @font-face { font-family: "ProximaNovaAlt"; src: url(https://www.bepilates.fr/fonts/ProximaNovaAlt-Light.ttf); font-weight: 300; } @font-face { font-family: "ProximaNovaAlt"; src: url(https://www.bepilates.fr/fonts/ProximaNovaAlt-Thin.ttf); font-weight: 200; } header.header { z-index:9999; width:100%; height:75px; padding:0; background:rgba(17,17,17,0.5); font-family:ProximaNovaAlt; transition:0.4; background:rgba(67,67,67,0.6); } header.header #logo { position:absolute; display:block; opacity:0; width:65px; height:75px; background: url(https://www.bepilates.fr/images/logo-bepilates.png) center no-repeat; background-size:contain; transition:0.4s; } header.header nav { float:right; position:relative; width:100%; transition:0.4s; } header.header .main-nav { float:left; position:relative; text-align:center; width:100%; } header.header .main-nav .nav { display: table; height:100px; width:100%; } header.header .main-nav ul.menu { margin:0; padding:0; width: 100%; display: table; height:100%; } header.header .main-nav ul.menu li.item { list-style: none; display: table-cell; text-align: center; vertical-align: middle; padding: 0 10px; } header.header .main-nav ul.menu > li.item a { display: inline-block; padding-top: 3px; border-bottom: 3px solid rgba(0,0,0,0); margin:auto; text-transform: uppercase; text-decoration: none; font-size:13px; font-weight:normal; color:#FFF; height:75px; line-height: 65px; } header.header .main-nav ul.menu > li.item a:hover, header.header .main-nav ul.menu > li.item.parent a, header.header .main-nav ul.menu > li.item.current a { color:#9AC9D8; } body.is-home header.header { position:absolute; z-index:99999; bottom:0; left:0; border-top:1px solid rgba(255,255,255,0.4); } body.is-home footer { position: static; } body.sticky-header header.header { position:fixed; top:0; background:rgba(17,17,17,0.75); } body.sticky-header header.header #logo { opacity:1; transition-delay: 0.1s; } body.sticky-header header.header nav { width:calc(100% - 100px); } body.on-top header.header #logo { width:175px; height:200px; } body.on-top header.header nav { width:calc(100% - 200px); } * { border: 0; outline: 0; box-sizing: border-box; } html { height:100%; } html, body { min-height:100%; margin: 0; font-size:16px; line-height:130%; font-family:"ProximaNovaA-Regular"; } .wrapper { margin: 0 auto; padding: 0 30px; position:relative; max-width:980px; height:100%; } /* .space { padding:20px 30px 70px 30px; } */ .space { padding-top:40px; padding-bottom:40px; } .space-light { padding:15px 30px 20px 30px; } .zone { clear:both; width:100%;position:relative;z-index:10;background-color:#fff;} .top { cursor:pointer; background:url(https://www.bepilates.fr/images/top.png) top left no-repeat; width:50px; height:39px; position:fixed; right:20px; bottom:30px; z-index:10000;display:none;} .ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .left { float:left; } .right { float:right; } .col1_2 { width:48%; margin:2% 2% 0 0; } .col1_2:nth-child(2) { margin-right:0; clear:right; } .col1_3 { width:31%; margin:2% 2% 0 0; } .col1_3:nth-child(3) { margin-right:0; clear:right; } .clear { clear:both; } .text-center { text-align:center; } body { position:relative; padding-bottom:111px; } a { color:#f2a52b; } h1, h2, h3, h4 { position:relative; line-height: 110%; } /* H1 */ h1 { margin: 0 0 30px 0; font-size:33px; font-weight:bold; line-height:35px; text-transform:uppercase; color:#8fc1d5; /*background-image:url(https://www.bepilates.fr/images/h1_picto.png);*/ background-repeat:no-repeat; /*border-bottom:solid 1px #8fc1d5;*/ /*padding:0 0 10px 45px;*/ } /* body.not-ie h1::before, body.not-ie h1::after { content:""; display:inline-block; position:absolute; width:38px; height:46px; top:0; margin-left:-120px; background-image:url(https://www.bepilates.fr/images/h1_picto.png); z-index:10; } body.not-ie h1::after { margin-left:30px; } */ /* H2 */ h2 { font-size:27px; text-transform:uppercase; color:#333; font-weight:normal; } .zone h2 { font-size:26px; margin:5px 0 30px 0 !important; } /*body.not-ie .zone h2::before, body.not-ie .zone h2::after { content:""; background:#000 !important; display:inline-block; position:absolute; width:90px; height:1px; bottom:14px; margin-left:-120px; background:#9076ae; z-index:10; } body.not-ie .zone h2::after { margin-left:30px; } */ /* H3 */ h3 { text-transform:normal; color:#8fc1d5; font-size:20px; font-weight: 600; text-transform: none; } /* H4 */ h4 { font-size:18px; font-weight:600; color:#333; } .references { text-align:center; font-size:0; } .content ul, .info ul { list-style-image:url(https://www.bepilates.fr/images/icon-list.png); overflow:hidden; } .content ul li, .info ul li { margin-bottom:7px; } .banner .button-slider, .button { display:inline-block; background:#9ac9d8; padding:6px 18px; font-size:13px; font-weight:bold; color:#FFF; text-transform:uppercase; text-decoration:none; border-radius:5px; letter-spacing: 1px; } .button2 { display:inline-block; background:#666; padding:10px 18px; font-size:13px; line-height:16px; font-weight:bold; color:#FFF; text-transform:normal; text-decoration:none; border-radius:5px; letter-spacing: 1px; } .button.map, .button2.map { background-image:url(https://www.bepilates.fr/images/icon-map.png); background-repeat:no-repeat; background-position:10px center; padding-left:39px; } .advancedEPForm-wrap { position:relative; } .advancedEPForm input[type="text"], .advancedEPForm textarea { width:100%; margin-bottom:15px; padding:5px 8px; font-family: ¿Open Sans¿, sans-serif; font-size: 15px; line-height: 140%; border:1px solid #888; box-shadow:1px 1px 5px rgba(0,0,0,0.1) inset; } .advancedEPForm input[type="text"]:hover, .advancedEPForm textarea:hover { border:1px solid #283548; box-shadow:1px 1px 5px rgba(0,0,0,0.15) inset; } .advancedEPForm textarea { height:150px; } .advancedEPForm input[type="submit"] { float:right; display: inline-block; padding: 10px 35px; margin:20px 0 50px; background: #9ac9d8; color: #FFF; font-size: 13px; font-weight: 600; text-transform: uppercase; text-decoration: none; } .breadcrumb { display:none; height:43px; background:#9076ae; line-height:41px; font-size:12px; font-weight:300; color:#fff; font-family:"Montserrat", "Open Sans", sans-serif; } .breadcrumb a { color:#fff; text-decoration:none; } .breadcrumb a:hover { color:#fff; } .breadcrumb a::after, .breadcrumb a:hover::after { content:" > "; color:#fff; } .breadcrumb a:last-child::after { content:""; } .nav-links { margin-top:30px; text-align:center; } .nav-links a { display:inline-block; width:30px; height:30px; line-height:30px; border:1px solid #283449; font-size:14px; font-weight:bold; color:#283449; text-decoration:none; } .nav-links a.current, .nav-links a:hover { background:#283449; color:#FFF; } #epmsg .epmsg-wrapper { position:relative; width:365px !important; padding:0 !important; text-align:center; box-sizing:border-box; } blockquote { border-left: 10px solid #f2a52b; margin: 1.5em 10px; padding: 1em 15px; background:#f2f2f2; } blockquote:before { /*color: #F2A109; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em;*/ } blockquote:after { /* color: #F2A109; content: close-quote; font-size: 4em; line-height: 0.1em; margin-left: 0.25em; vertical-align: -0.4em;*/ } blockquote p { display: inline; font-family:"Montserrat", "Open Sans", sans-serif; font-style:italic; font-weight:300; font-size:18px; line-height:1.5em; } input[type="submit"] { background:#f2a52b; font-size:14px; font-weight:600; padding:5px 20px; color:#FFF !important; text-align:center; text-transform:uppercase; line-height:normal; font-family:"Open Sans", sans-serif; cursor:pointer; } .colored-bg { position:relative; background:#fff; color:#FFF; } .colored-bg.grey { background-color:#f1f1f1; color:#000; } .colored-bg.maincolor { background:#8fc1d5 !important; } .colored-bg.without-space { padding:0; } .colored-bg h1, .colored-bg h2, .colored-bg h3, .colored-bg h4 { color:#fff; } .colored-bg.grey h1 { color:#000; font-size:26px; margin:5px 0 10px 0; } .colored-bg.maincolor h2 { color:#fff !important; } .maincolor h1::before, .maincolor h1::after { background:#fff !important; } .grey h1::before, .grey h1::after { background:#000 !important; } .with-corner { position:relative; } .with-corner::after { content:""; position:absolute; z-index:999; bottom:-13px; left:50%; width:40px; height:40px; margin-left:-20px; background:#fff; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); } .with-corner.grey::after { background:#f1f1f1; } .with-corner.maincolor::after { background:#8fc1d5; } .zone .link_more { text-align:center; } .widget h3 { background:#9076ae; padding:7px 10px; color:#fff; font-weight:300; font-size:16px; } .widget h3 a { color:#fff; text-decoration:none; } .widget:first-child h3 { margin-top:0; } .widget #SearchInput { width: 85%; float: left; box-sizing: border-box; border:solid 1px #ccc !important; height: 32px; border-width: 1px; padding:7px; } .widget input[type=submit] { margin-top: 0; margin-left: -1%; padding:0 !important; width: 16%; border-left: none; float: left; box-sizing: border-box; border-color: #ccc !important; height: 32px; color: #fff; } .widget.subnav a, .widget .keyword a { text-decoration:none; } .widget.subnav a:hover, .widget .keyword a:hover { color:#9076ae; } h2.Titre { color:#283449; font-size:20px; margin: 5px 0 15px 0 !important; } h2.Titre::before, h2.Titre::after, body.not-ie h2.Titre::before, body.not-ie h2.Titre::after { content:inherit; width:0; } .masonry .buttons-wrapper { display: block; overflow: hidden; padding: 6px 0; background: #e4e4e4; line-height: 160%; } .grey .masonry .buttons-wrapper { background: #fff; border-top: solid 1px #e1e1e1; } .masonry .buttons-wrapper .LienSuite, .masonry .buttons-wrapper .Document { float: left; margin-left: 15px; padding: 7px 0 7px 25px; line-height: 16px; font-size: 12px; font-weight: bold; color: #333; text-decoration: none; } .masonry .buttons-wrapper .LienSuite { background: url(https://www.bepilates.fr/images/info-more.png) no-repeat 5px center; } .masonry .buttons-wrapper .Document { background: url(https://www.bepilates.fr/images/info-dl.png) no-repeat 5px center; } #zone210 .space { padding-top:20px; } #zone215 .space { padding-bottom:0px; } #zone218 { padding-bottom:40px; } .tp-caption a:hover { color:#fff !important; } .tp-bullets { bottom:90px !important; } .banner .button-slider { line-height:20px !important; } .cookies-warning { font-size:13px; line-height:17px; } .cookies-warning .accept { background:#8fc1d5 !important; } .subheader { position:relative; } .subheader::before { /*position:absolute; content:''; width:100%; height:100%; background:rgba(218,140,92,0.2);*/ } body.is-home { height:100%; } .home h1 { font-weight:500; font-size:33px !important; line-height:35px; } #zone169 h1 { margin:0 0 20px 0 !important; } .home h2 { font-weight:500; text-align:center; font-size:33px; text-transform:none; } .home h3 { border-bottom:1px solid #283449; padding: 0 0 15px 0; margin-top:0; color:#283449; text-transform:uppercase; font-size:27px; } .home h4 { font-size:30px; font-weight:300; color:#FFF; } .home .box_adresse { border: solid 2px #fff; text-align: center; line-height: 24px; color: #fff; font-weight: normal; overflow: hidden; padding: 20px 20px; height:180px; font-size: 18px; background-image: url(https://www.bepilates.fr/images/map.jpg); } .home .box_adresse .detail { padding: 4px 0 8px 0; background: rgba(68,68,68,0.65); width: 63%; margin: 5px auto 0 auto; } .home .box_adresse p { margin:0.5em; } .home .box_adresse .button2.map { background-color:#fff; color:#555; background-image:url(https://www.bepilates.fr/images/icon-map-grey.png); } .infodetails .square-date { position:absolute; top:15px; left:15px; width:75px; height:75px; background:#F1A108; color:#FFF; text-align:center; } .infodetails .square-date .jour { padding:18px 0 6px 0; font-size:28px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; } .infodetails .square-date .mois { font-size:14px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; text-transform:uppercase; } .infodetails .image, .infodetails .square-date-wrapper { position:relative; float:left; margin-right:20px; margin-bottom:20px; } .infodetails .square-date-wrapper .square-date { position:relative; top:auto; left:auto; } .infodetails .buttons-wrapper { display:block; overflow:hidden; margin:25px 0; padding:6px 0; border-top:1px solid #242D3E; border-bottom:1px solid #242D3E; line-height:160%; } .infodetails .buttons-wrapper .Document { background: url(https://www.bepilates.fr/images/info-dl.png) no-repeat 5px center; } .infodetails .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .infodetails h1 { color:#283449; } .themedetails img.half, .zone img.half { float:left; margin-right:30px; margin-bottom:30px; } .themedetails h2 { margin:60px 0 30px; overflow:hidden; /*clear:both;*/ } .themedetails h2::before { display:none; } .themedetails h2::after { width:100%; } .template-contact .advancedEPForm { position:relative; padding-bottom:50px; } .template-contact .advancedEPForm .advancedEPForm-line { width:48%; } .template-contact .advancedEPForm .advancedEPForm-text { position:absolute; top:0; right:0; width:48%; } .template-contact .advancedEPForm .advancedEPForm-text textarea { height: 167px; } .template-contact h3 { margin-top:50px; } .parallax{ background-attachment: fixed !important; width:100%; height:100%; text-align:center; color:#fff !important; font-size: 28px; line-height: 33px; text-transform: none; letter-spacing: 2px; font-weight:600; position: relative; /* box-shadow:inset 0px 5px 10px rgba(0,0,0,0.3); border:1px solid #666;*/ border-right:none; border-left:none; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .parallax h2 { color:#fff !important; } .parallax .overlay { width:100%; padding:20px 0; height:100%; background:rgba(218,140,92,0.2); /*background-image:url(https://www.bepilates.fr/images/gridtile.png);*/ } .has-sidebar { float:left; position:relative; width:60%; } .sidebar { position: relative; float:right; width:32%; text-align:center; } .sidebar .portrait { width: 100%; margin-top:calc(-50% - 40px); padding-bottom:100%; border:3px solid #FFF; border-radius:50%; background-size: cover !important; } .sidebar .text { margin:8px 0 25px; color:#92c2d3; font-style:italic; text-align:left; } .sidebar .button { margin:auto; font-size:12px; } .sidebar .tarifs{ width: 294px; height: 294px; overflow: hidden; padding: 50px 44px; margin-top: calc(-50% - 40px); /* padding-bottom: 100%; */ border: 3px solid #fff; border-radius: 50%; color: #fff; font-size: 36px !important; line-height: 38px; background-color: #333; } .sidebar .tarifs span { display: block; color: #92c2d3; font-size: 46px; border: solid 2px; border-right: none; border-left: none; margin: 15px 0; padding:5px 0; line-height: 48px; } .sidebar .text2 { margin: 15px 0 25px; color: #92c2d3; font-style: italic; text-align: left; } .imganim { position:relative } .animoff { display:none; } .clipbkg { display:none; width: 178px; height: 178px; position: absolute; z-index:998; } .clipbkg .circle { width: 176px; height: 176px; border: 1px solid #eee; border-radius: 89px; position: absolute; clip: rect(0px, 178px, 178px, 0px); } .anim { display:block; width: 178px; /* Set the size of the progress bar */ height: 178px; position: absolute; /* Enable clipping */ clip: rect(0px, 178px, 178px, 89px); /* Hide half of the progress bar */ z-index:999; } /* Set the sizes of the elements that make up the progress bar */ .anim .circle { width: 176px; height: 176px; border: 1px solid #8fc1d5; border-radius: 89px; position: absolute; clip: rect(0px, 89px, 178px, 0px); } /* Using the data attributes for the animation selectors. */ /* Base settings for all animated elements */ div[data-anim~=base] { -webkit-animation-iteration-count: 1; /* Only run once */ -webkit-animation-fill-mode: forwards; /* Hold the last keyframe */ -webkit-animation-timing-function:linear; /* Linear animation */ } .anim[data-anim~=anim] { -webkit-animation-duration: 0.01s; /* Complete keyframes asap */ -webkit-animation-delay: 1s; /* Wait half of the animation */ -webkit-animation-name: close-anim; /* Keyframes name */ } .circle[data-anim~=left] { -webkit-animation-duration: 2s; /* Full animation time */ -webkit-animation-name: left-spin; } .circle[data-anim~=right] { -webkit-animation-duration: 1s; /* Half animation time */ -webkit-animation-name: right-spin; } /* Rotate the right side of the progress bar from 0 to 180 degrees */ @-webkit-keyframes right-spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(180deg); } } /* Rotate the left side of the progress bar from 0 to 360 degrees */ @-webkit-keyframes left-spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } /* Set the wrapper clip to auto, effectively removing the clip */ @-webkit-keyframes close-anim { to { clip: rect(auto, auto, auto, auto); } } body.is-home .bannercontainer { overflow:hidden !important; z-index:5; width:100%; position:relative; padding:0; background:#454545; } body.is-home .bannercontainer .banner { opacity:0; transition: opacity: .3s; width:100%; position:relative; } body.is-home .bannercontainer .banner .title { font-size:50px; color:#FFF; } body.is-home .bannercontainer .banner .button-slider { float:right; margin-top:35px; } body.is-home .bannercontainer .overlay { position:absolute; bottom:0; left:0; width:100%; height:70%; background:linear-gradient(to top, rgba(0,0,0,0.15), rgba(0,0,0,0.0)); /*background:rgba(218,140,92,0.2);*/ } .info-12 .info { position:relative; display:block; margin-top:0px; margin:25px 4% 25px 0; float:left; width:46%; text-align:center; } .info-12 .info .Detail { display:none; } .info-12 .info:nth-child(2n+2) { clear:right; margin-right:0; } .info-12 .info:nth-child(1) { margin-left:1%; } .info-12 .info h2 { border:0; margin: 5px 0 15px 0 !important; color:#8fc1d5 !important; font-size:20px; font-weight:600; text-transform:none; text-align:center; } .info-12 .info h2::after { width:0; } .info-12 .info .Texte { text-align:justify; } .info-12 .info .buttons-wrapper { display:block; overflow:hidden; margin-top:15px; padding:6px 0; border-top:1px solid #656c78; border-bottom:1px solid #656c78; line-height:160%; } .info-12 .info .buttons-wrapper .Document { background: url(https://www.bepilates.fr/images/info-dl.png) no-repeat 5px center; } .info-12 .info .BtSuite, .info-12 .info .BtFermer { text-align:right; } .info-12 .info .BtSuite .Suite, .info-12 .info .BtFermer .Fermer { padding:6px 10px; background:#f2a52b; color:#fff; cursor:pointer; } .info-12 .info .buttons-wrapper .LienSuite { background: url(https://www.bepilates.fr/images/info-more.png) no-repeat 5px center; } .info-12 .info .buttons-wrapper .LienSuite, .info-12 .info .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .info-12 .info .buttons-wrapper .LienSuite:hover, .info-12 .info .buttons-wrapper .Document:hover { opacity:0.7; } .info-12 .info img { float:none !important; max-width:auto !important; overflow: hidden; margin:0 0 15px 0 !important; } .info-13 .info { position:relative; display:block; margin-top:0px; margin:25px 4% 25px 0; float:left; width:29%; text-align:center; } .info-13 .info .Detail { display:none; } .info-13 .info:nth-child(3n+3) { clear:right; margin-right:0; } .info-13 .info:nth-child(1) { margin-left:1%; } .info-13 .info h3 { border:0; margin: 5px 0 15px 0 !important; color:#8fc1d5 !important; font-size:20px; font-weight:600; text-transform:none; text-align:center; } .info-13 .info h3::after { width:0; } .info-13 .info .Texte { text-align:justify; } .info-13 .info .buttons-wrapper { display:block; overflow:hidden; margin-top:15px; padding:6px 0; border-top:1px solid #656c78; border-bottom:1px solid #656c78; line-height:160%; } .info-13 .info .buttons-wrapper .Document { background: url(https://www.bepilates.fr/images/info-dl.png) no-repeat 5px center; } .info-13 .info .BtSuite, .info-13 .info .BtFermer { text-align:right; } .info-13 .info .BtSuite .Suite, .info-13 .info .BtFermer .Fermer { padding:6px 10px; background:#f2a52b; color:#fff; cursor:pointer; } .info-13 .info .buttons-wrapper .LienSuite { background: url(https://www.bepilates.fr/images/info-more.png) no-repeat 5px center; } .info-13 .info .buttons-wrapper .LienSuite, .info-13 .info .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .info-13 .info .buttons-wrapper .LienSuite:hover, .info-13 .info .buttons-wrapper .Document:hover { opacity:0.7; } .info-13 .info img { float:none !important; max-width:auto !important; overflow: hidden; -webkit-border-radius: 120px; -moz-border-radius: 120px; border-radius: 100%; width: 90%; max-width:100% !important; height: auto; margin:0 0 15px 0 !important; } .info-13 .info img:hover { border:solid 4px #8fc1d5; } .info-fullsize2 .info { position:relative; display:block; margin-top:40px; border-bottom:solid 1px #f1f1f1; clear:both; color:#666; font-style:italic; text-align:justify; } .info-fullsize2 .info:last-child { border-bottom:none; } .info-fullsize2 .info:nth-child(2n+2) img { float:right; margin:0 0 20px 30px !important; } .info-fullsize2 .info .Detail { display:none; } .info-fullsize2 .info h2 { border:0; font-style:normal; margin-top:0px; color:#8fc1d5 !important; font-size:20px; font-weight:600; } .info-fullsize2 .info h2::after { width:0; } .info-fullsize2 .info .buttons-wrapper { display:block; overflow:hidden; margin-top:15px; padding:6px 0; border-top:1px solid #656c78; border-bottom:1px solid #656c78; line-height:160%; } .info-fullsize2 .info .buttons-wrapper .Document { background: url(https://www.bepilates.fr/images/info-dl.png) no-repeat 5px center; } .info-fullsize2 .info .BtSuite, .info-fullsize2 .info .BtFermer { text-align:right; } .info-fullsize2 .info .BtSuite .Suite, .info-fullsize2 .info .BtFermer .Fermer { padding:6px 10px; background:#f2a52b; color:#fff; cursor:pointer; } .info-fullsize2 .info .buttons-wrapper .LienSuite { background: url(https://www.bepilates.fr/images/info-more.png) no-repeat 5px center; } .info-fullsize2 .info .buttons-wrapper .LienSuite, .info-fullsize2 .info .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .info-fullsize2 .info .buttons-wrapper .LienSuite:hover, .info-fullsize2 .info .buttons-wrapper .Document:hover { opacity:0.7; } .info-fullsize2 .info img { float:left; border-radius:100%; width:300px; height:300px; overflow:hidden; margin:0 30px 20px 0; } .info-bubble .image-wrapper { position: relative; float: left; height: 200px; width: 200px; margin: 0 auto; border-radius: 100%; overflow: hidden; border: solid 1px #8fc1d5; margin: 3% 3% 0 0; } .info-bubble .image-wrapper img { height: 100%; width: 100%; } .info-bubble .image-wrapper .image-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0,.4); color: #fff; } .info-bubble .image-wrapper .content { position: absolute; display:table; width:100%; height:100%; vertical-align: middle; padding: 30px; } .info-bubble .image-wrapper .content p { display:table-cell; vertical-align:middle; text-align:center; font-weight:600; line-height:22px; color:#8fc1d5; font-family: "Open Sans"; } .info-bubble .image-wrapper .image-overlay .content p { color:#fff; } .info-bubble .image-wrapper:nth-child(4n+4) { clear:right; margin-right:0; } .info-bubble1_8 .image-wrapper { position: relative; float: left; height: 105px; width: 105px; margin: 0 auto; border-radius: 100%; overflow: hidden; border: solid 1px #8fc1d5; margin: 10px 10px 0 0; } .info-bubble1_8 .image-wrapper img { height: 100%; width: 100%; } .info-bubble1_8 .image-wrapper .image-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0,.4); color: #fff; } .info-bubble1_8 .image-wrapper .content { position: absolute; display:table; width:100%; height:100%; vertical-align: middle; } .info-bubble1_8 .image-wrapper .content p { display:table-cell; vertical-align:middle; text-align:center; line-height:22px; color:#8fc1d5; font-size:14px; font-family: "Open Sans"; } .info-bubble1_8 .image-wrapper .image-overlay .content p { color:#fff; } .info-bubble1_8 .image-wrapper:nth-child(8n+8) { clear:right; margin-right:0; } .info-icons .info { position:relative; display:block; margin:15px 0; float:left; min-height:106px; width:46%; margin-right:8%; } .info-icons .info img { float:left; margin:0 20px 10px 0; } .info-icons .info p { margin:10px 0; color:#648795; } .info-icons .info:nth-child(2n+2) { clear:right; margin-right:0; } .info-icons .info .button { margin-bottom:15px; } .img-mg .info { position:relative; display:block; float:left; margin:10px 0; padding:0; width:23%; } .img-mg .info .info-content { position:relative; overflow: hidden; } .img-mg .info .info-content img { width:100%; height:auto; display:block; } .img-mg .info-sizer { width:23%; } .img-mg .gutter-sizer { width: 20px; } .img-mg .info .info-content .caption { z-index:999; position:absolute; right: 0; bottom: -100%; left: 0; overflow: hidden; width:100%; background:rgba(0,0,0,0.5); padding:15px; color:#fff; -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; } .img-mg .info .info-content:hover .caption { bottom:0; } .info-12m .info { position:relative; display:block; float:left; margin:10px 0; padding:0; /*border:solid 1px #d7d7d7;*/ width:48.5%; background:#f1f1f1; } .info-12m .info .info-content { padding:20px 20px 15px 20px; position:relative } .info-12m .info .info-content .gradient { position:absolute; width:100%; bottom:27px; left:0; height:80px; background: -moz-linear-gradient(bottom, #f1f1f1, rgba(0,255,0,0)); background: -webkit-linear-gradient(bottom, #f1f1f1, rgba(0,255,0,0)); background: -ms-linear-gradient(bottom, #f1f1f1, rgba(0,255,255,0)); background: -o-linear-gradient(bottom, #f1f1f1, rgba(0,255,255,0)); } .info-12m .info-sizer { width:48.5%; } .info-12m .gutter-sizer { width: 20px; } .info-12m .info .Detail { display:none; } .info-12m .wrapper div .info:nth-child(odd) { /*margin-right:4%; clear:both;*/ } .info-12m .info h3 { border: 0; margin-top: 0px; color: #9076ae !important; font-size: 20px; line-height: 24px; font-weight: 600; color: #242D3E; text-transform: uppercase; font-family: "Montserrat", "Open Sans", sans-serif; margin:5px 0 10px 0; } .info-12m .info h4 { color: #000; font-size: 15px; } .info-12m .info .buttons-wrapper { display:block; overflow:hidden; padding:6px 0; background:#e4e4e4; line-height:160%; } .info-12m .info .buttons-wrapper .Document { background: url(https://www.bepilates.fr/images/info-dl.png) no-repeat 5px center; } .info-12m .info .BtSuite, .info-12m .info .BtFermer { text-align:right; } .info-12m .info .BtSuite .Suite, .info-12m .info .BtFermer .Fermer { padding:6px 10px; background:#f2a52b; color:#fff; cursor:pointer; } .info-12m .info .buttons-wrapper .LienSuite { background: url(https://www.bepilates.fr/images/info-more.png) no-repeat 5px center; } .info-12m .info .buttons-wrapper .LienSuite, .info-12m .info .buttons-wrapper .Document { float:left; margin-left:15px; padding:7px 0 7px 25px; line-height:16px; font-size:12px; font-weight:bold; color:#333; text-decoration:none; } .info-12m .info .buttons-wrapper .LienSuite:hover, .info-12m .info .buttons-wrapper .Document:hover { opacity:0.7; } .info-12m .info img { float:left; margin:0 20px 20px 0; max-width:50%; } .info-tarifs .info { position:relative; display:block; float:left; } .info-tarifs .info table { border-spacing: 0px; border-collapse: separate; margin-right:15px; } /* Entetes de la premiere ligne */ .info-tarifs .info table thead tr th { height:50px; padding: 30px 15px; box-sizing: content-box; } .info-tarifs .info table thead tr th:not(.first-col) { background: #8fc1d5; font-size: 16px; line-height:24px; color: #fff; /* border-bottom: solid 5px #8fc1d5;*/ } /* Entetes de la premiere colonne */ .info-tarifs .info table tbody tr td.first-col { background: #eee; font-size: 16px; border-bottom:solid 1px #ccc; color: #333; padding: 10px 15px; max-width: 190px; } .info-tarifs .info table thead tr th.first-col { background:none; border:none; font-size:14px; } /* Cellules du tableau */ .info-tarifs .info table tbody tr td { height: 93px; } .info-tarifs .info table tbody tr td:not(.first-col) { min-width:150px; color:#333; border-bottom:solid 1px #ccc; background:#fff; line-height: 22px; } .info-tarifs .info:nth-child(1n+2) table .first-col { display:none } .infodetails .square-date { position:absolute; top:15px; left:15px; width:75px; height:75px; background:#F1A108; color:#FFF; text-align:center; } .infodetails .square-date .jour { padding:18px 0 6px 0; font-size:28px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; } .infodetails .square-date .mois { font-size:14px; font-weight:bold; font-family: "Montserrat", "Open Sans", sans-serif; text-transform:uppercase; } .infodetails .image, .infodetails .square-date-wrapper { position:relative; float:left; margin-right:20px; margin-bottom:20px; } .infodetails .square-date-wrapper .square-date { position:relative; top:auto; left:auto; } .infodetails .buttons-wrapper { display:block; overflow:hidden; margin:25px 0; padding:6px 0; border-top:1px solid #242D3E; border-bottom:1px solid #242D3E; line-height:160%; } .infodetails .buttons-wrapper .Document { background: url(https://www.bepilates.fr/images/info-dl.png) no-repeat 5px center; } .infodetails .buttons-wrapper .Document { float:left; margin-left:15px; padding-left:25px; font-size:12px; font-weight:bold; color:#242D3E; text-decoration:none; } .infodetails h1 { color:#283449; } .themedetails img.half, .zone img.half { float:left; margin-right:30px; margin-bottom:30px; } .themedetails h2 { margin:60px 0 30px; overflow:hidden; /*clear:both;*/ } .themedetails h2::before { display:none; } .themedetails h2::after { width:100%; } img { max-width:100%; width:auto; height:auto; } @media (max-width: 1259px) { #zoneTh00000152, #zoneTh00000153 { float:none; width:100%; margin-right:0; } #zoneTh00000152 .list-documents .document-wrapper { width:calc(100%/3); } #zoneTh00000152 .list-documents .document-wrapper:nth-child(3n+1) { clear:both; } #zoneTh00000152 .list-documents .document-wrapper:nth-child(2n+1) { clear:none; } #bonplans .tabs-wrapper { padding-bottom:70px; text-align:center; } #bonplans .bp-tab { margin-right:0; border-radius:0; background: none; border: 1px solid #FFF;float: none; display:inline-block; padding: 10px 25px; } #bonplans .bp-tab:hover, #bonplans .bp-tab.active { border-radius:0; border: 1px solid #FFF; } #bonplans .aside { position:relative; width:auto; margin-bottom:15px; right:0; } #bonplans .bonplan .bonplan-content { margin-right:0; } img.half { max-width:50%; } } @media (max-width:991px) { .info-tarifs .info { clear:both; margin-bottom:30px; float:none; } .info-tarifs .info table { width:100%; } .info-tarifs .info table.tarifscol1 { display:none; } .info-tarifs .info table .first-col { display:table-cell !important; } .info-tarifs .info table tbody tr td.first-col { padding:20px 15px; } .info-tarifs .info table tbody tr td:not(.first-col) { font-size:22px; height:70px; } .info-tarifs .info table thead tr th:not(.first-col) { font-size:20px; height:30px } #informations .menuinfos { display:none; } #informations .contentinfos { float:none; width:100%; } h1 { font-size: 25px; } .informations img { float:left; margin: 0 20px 15px 0; } .informations .new-link { clear:both; } header.header .main-nav ul.menu li.item { padding: 0 5px; } } @media (min-width:768px) and (max-width:991px){ } @media (max-width: 767px) { body { padding-bottom:0; } header.header nav { display:none; } body.on-top header.header #logo { width:65px; height:75px; } .advancedEPForm .advancedEPForm-line { width:100%; } .advancedEPForm .advancedEPForm-text { position:static; width:100%; } .advancedEPForm .advancedEPForm-text textarea { height: 150px; } body.agent-not-ie h1::before, body.agent-not-ie h2::before, body.agent-not-ie h3::before, body.agent-not-ie h4::before, body.agent-not-ie h1::after, body.agent-not-ie h2::after, body.agent-not-ie h3::after, body.agent-not-ie h4::after{ display:none; } .informations img { float:none; margin: 0; } footer { display:none; } div.footer-mobile { display:block; } .template-contact .advancedEPForm .advancedEPForm-line { width: 100%; } .template-contact .advancedEPForm .advancedEPForm-text { position: static; width: 100%; } .advancedEPForm-wrap { position: relative; padding-bottom: 50px; } .info-12mg .info, .info-12m .info, info-12mg .info-sizer, .info-12m .info-sizer { width:100% !important; } .info-12mg .gutter-sizer, .info-12m .gutter-sizer { width:0 !important; } .img-mg .info, .img-mg .info-sizer { width:48% !important; } .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .home .box_adresse .detail { width:100%; } .info-13 .info { width: 46%; } .info-13 .info:nth-child(3n+3) { clear: left; margin-right: 4%; } .info-13 .info:nth-child(2n+2) { clear: right; margin-right: 0; } .sidebar .tarifs { width: 240px; height: 240px; padding: 40px 34px; font-size: 30px !important; line-height: 32px; margin:0 auto; } .sidebar .tarifs span { font-size:40px; line-height:42px; margin:10px 0; } .has-sidebar, .sidebar { float:none; width:100%; } .sidebar .text2 { text-align:center; } .sidebar .portrait { display:none; } .subheader { height:250px !important; } .subheader .accroche { top:37% !important; padding:20px 30px !important; } .subheader .accroche p { font-size: 27px !important; line-height: 32px !important; } } @media (min-width: 600px) { .project-title-into-content { position:absolute; top:-40px; left:0; width:100%; height:40px; line-height:40px; padding:0 25px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); } } @media (max-width: 600px) { .info { float:none !important; width:100% !important; text-align:center !important; } .info p { text-align:justify !important; } .img-theme, .anim { display:none; } .col1_2 { float:none; clear:both; width:100%; } #bonplans #bp-list .search { width: 100%; } #bp-search { float:none; } #bonplans #bp-list .search input[type="text"] { width: 40%; } #bonplans #bp-manage .advancedEPForm-submit.back { margin: 10px auto; width:100%; text-align:center; } #forum .reponses .topic .content { margin-left:0; } img.half { max-width:100%; float:none !important; margin-left:0 !important; margin-right:0 !important; } .info-fullsize2 .info:nth-child(2n+2) img { margin:0 0 20px 0 !important; } #forum .button, #forum input[type="submit"], #bonplans .button, #bonplans input[type="submit"], #bonplans #bp-manage input.advancedEPForm-submit[type="submit"] { width:100%; text-align:center; } #forum .topic .content { margin-left:0; } #forum .topic .topic-aside { float:none; } #forum .topic .topic-aside .answers { margin:auto; } #forum .topic .more { width:100%; text-align:center; } .jobs .desc { display:none; } .jobs .name { width:45%; } .jobs .date { width:55%; padding-right:60px !important; } .jobs .jobs-body .postuler { width:25px; overflow:hidden; } #newsletter input[type="text"] { margin: 40px auto 15px; } #newsletter input[type="text"], #newsletter input[type="submit"] { width:100%; } .loginpage .left, .loginpage .right { float:none; width:100%; } .info-fullsize .info img { float: none; width: auto; margin-right: 0; } .projets .project-content { height:100% !important; padding:15px 30px 0 30px !important; background: rgba(0,0,0, 0.4); color:#FFF; font-size:13px !important; line-height:15px !important; } .projets .project-content .plus { display:none; } .projets .project-content .project-title-into-content { display:block; margin-bottom:5px; font-size:13px; line-height:15px; font-weight:bold; text-transform:uppercase; } #bonplans #bp-list .search { padding-left:110px; background: url(https://www.bepilates.fr/images/icon_search.png) 41px 10px #fff no-repeat; } #bonplans #bp-list .search .reset { position:absolute; top:0; left:0; right:auto; bottom:auto; margin:0; } .img-mg .info, .img-mg .info-sizer { width:100% !important; } .img-mg .gutter-sizer { width:0 !important; } .subheader .accroche { } .subheader .accroche p { font-size:25px !important; line-height:28px !important; } .subheader .accroche p + p, .subheader .accroche p + p + p { text-indent:0 !important; } img.logo_slider { width: 105px !important; height: auto !important; } .slogan_slider { line-height:20px !important; font-size:22px !important; } } @media (max-width:991px) { } @media (max-width: 767px) { .news .new.alaune .image { width: 100%; float: none; } } @media (max-width: 510px) { .news .first-page .new:nth-child(2), .news .first-page .new:nth-child(3), .news .first-page .new:nth-child(4), .news .first-page .new:nth-child(5) { float:none; width:100%; margin-right:0; } .news .new .image { width: 100%; float: none; margin-bottom:15px; } }