.carte-fidelite-b-plus {box-sizing:border-box;font-family:'Open Sans',Arial,sans-serif;font-size:16px;} .ltr {direction:ltr;} .rtl {direction:rtl;} .ltr > *, .rtl > * {display:inline-block; direction:ltr;} #contenu {margin:0;} #center {width: 100%;} #center_part_2_full {width:100%;} #contenu {width: 100%; } .chemin {width: 1000px;margin:10px auto; } .chemin h1 {font-size: 11px;} .carte-fidelite-b-plus {width:100%; margin:0 auto;} .cbp-content {text-align:center;width:100%;} .cbp-content .nav ul {margin:0;} .cbp-content .nav li.submenu {display:none;} .cbp-content .nav li a {color:#3b3b3b;font: 300 20px 'Open Sans',Arial;position:relative;text-transform:uppercase;} .cbp-content .nav li a:after {background-color:#40b7d0;bottom:2px;height:3px;left:14%;position:absolute;width:72%;} .cbp-content .nav li a:hover {background-color:#f9f9f9;text-decoration:none;} @media only screen and (max-width: 767px){ .cbp-content .nav li {display:block;} .cbp-content .nav li a{display:block;margin:15px 0;} .cbp-content .nav li:last-child a {background-color:#40b7d0;color:#fff;} } @media only screen and (min-width: 768px){ .cbp-content .nav {margin:auto;max-width:1000px;} .cbp-content .nav ul {overflow:hidden;} .cbp-content .nav li {display:table;float:left;height:80px;width:16.666%;} .cbp-content .nav li a{display:table-cell;line-height:23px;padding:0 5px;text-align:center;vertical-align:middle;} .cbp-content .nav li:last-child a {background-color:#f2f2f2;} } .cbp-content .flap {font: 500 22px 'Open Sans',Arial;color:#3b3b3b;text-align:left !important;padding:15px;margin:15px 0;display:inline-block;vertical-align:middle;} #informations-pratiques .flap {width:60% !important;} .cbp-content .flap img{float:left; width: 100px; margin: -15px 20px;height:100%;} .cbp-content .flap img.oney{float:left; width: 140px; margin: 0px 20px 0 0;} .cbp-content .flap span{margin-top:50px;font: 300 20px 'Open Sans',Arial;color:#3b3b3b;display:inline-block;vertical-align:top;text-align:center;} #cbp-economies .flap > span {width:20%; padding:0 22px;} .cbp-content .flap span.intro-desc {width:100%;text-align:left;} .cbp-content .flap span.appli { font: 500 22px 'Open Sans',Arial;} .cbp-content .flap span.desc { font: 300 20px 'Open Sans',Arial;} .cbp-content .flap span strong{font: 300 72px 'Open Sans',Arial;color:#3b3b3b;display:block;margin-bottom:5px;} .cbp-content .flap span strong span{vertical-align:baseline;width:auto;white-space:nowrap;} .cbp-content .flap b{font-weight:bold;} .cbp-content h2 {text-transform:uppercase;display:block;width:100%;text-align:center; margin-bottom:20px; color: #3b3b3b;font: 300 28px 'Open Sans',Arial; text-align: center; width: 100%;} .cbp-content h2 span {font: 600 28px 'Open Sans',Arial;color:#40b7d0;} .cbp-content h3, .cbp-content span.h3 {text-transform:uppercase;display:block;width:100%;text-align:center; margin-bottom:20px; color: #3b3b3b;font: 500 24px 'Open Sans',Arial; text-align: center; width: 100%;} .cbp-content .mentions {display:block;font-family:arial;color:#acacac;font-size:12px;max-width:1000px;text-align:left;margin:0 auto;margin-bottom:30px;} .cbp-content .mentions span {font-weight:bold;} .cbp-content .gototop{ display:inline-block; position: absolute; margin-top: -45px; margin-left: 515px;text-transform:uppercase;text-decoration:none!important;font: 400 14px 'Open Sans',Arial;} .cbp-content .gototop:before{ content:'^';margin-bottom: -20px;display:block;font-family: cursive;font-size: 28px;} @media screen\0 {.cbp-content .gototop{ margin-left: 1030px;}} .cbp-content section.full{background:#f2f2f2; position: relative; left: 0;width:100%;margin-bottom: 30px;} .cbp-content section.full .section_content{width:1000px; margin: 0 auto;padding-bottom:5px;} .cbp-content section.full .section_content p{text-align:left;} .cbp-content section.full .section_content a{text-decoration:underline;} .cbp-content section.full .section_content .underline-less{font:inherit;border-bottom:1px solid #4F4F4F;text-decoration:none;} .cbp-content section.full .section_content .underline-less:hover{font:inherit;border-bottom:1px solid #FF7800;text-decoration:none;} .cbp-content section.full.white{background:white;} .cbp-content section.full .section_content p.in img{margin: auto;display: block;} .cbp-content.tpl-rows .row p {display:inline-block;width:510px;font: 300 16px 'Open Sans',Arial;color:#3b3b3b;padding:15px 0;margin-left:30px;vertical-align:middle;} .cbp-content.tpl-rows .row p span.list {font: 300 18px 'Open Sans',Arial;} .cbp-content.tpl-rows .row.rtl p {border-left:0;} .cbp-content.tpl-rows .row img {display:inline-block;width:180px;vertical-align:middle;margin:20px 0;max-height: 200px;} .cbp-content.tpl-rows .row .wrapper-left, .cbp-content.tpl-rows .row .wrapper-right {display:inline-block;} .cbp-content.tpl-rows .row .wrapper-left:after, .cbp-content.tpl-rows .row .wrapper-right:before {content:'';display:inline-block;margin:5px 20px -30px 20px;height:80px;background:#ff5c00;width:1px;} .cbp-content.tpl-rows .row img.big {width:230px;max-height:none;} /*.cbp-content .gototop:before{content:'';position:absolute;display:inline-block;width:.5em;height:.5em;right:15px;top:-10px;border-style:solid;border-width:2px 2px 0 0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);vertical-align:.15em;transition:.2s;} }*/ #cbp-accueil {margin:auto;max-width:1000px;} #cbp-accueil div.bloc-cta {display:inline-block;text-align:center;margin-bottom:40px; vertical-align: top;overflow: hidden; max-height: 318px;} #cbp-accueil div.bloc-cta:nth-of-type(2n) {margin-left:15px;clear:both;} #cbp-accueil div.bloc-cta:hover * {text-decoration:none} #cbp-accueil div.bloc-cta a {display:block; padding-bottom: 24px;} #cbp-accueil div.bloc-cta:hover img { filter: brightness(80%);-webkit-filter: brightness(80%);-moz-filter: brightness(80%);-o-filter: brightness(80%);-ms-filter: brightness(80%);transition: all 0.25s ease-in-out; } #cbp-accueil div.bloc-cta span.cta{text-decoration:none; margin: -70px auto 0% auto;display:block;position:relative;font: 600 16px 'Open Sans',Arial;border-radius:3px;padding:5px 35px 5px 0px;color:white;background:#40b6d0;letter-spacing:-.02em;} #cbp-accueil div.bloc-cta span.btn-client {width:65%;} #cbp-accueil div.bloc-cta span.btn-obtention {width:65%;} #cbp-accueil div.bloc-cta span.cta.w370 {width:310px;} #cbp-accueil div.bloc-cta span.cta:before {content: ''; position: absolute; display: inline-block; width: 1px; height: 100%; right: 35px; top: 0; border-style: solid; border-width: 0 0 0 1px;border-color:#3aa7bc;} #cbp-accueil div.bloc-cta span.cta:after, #cbp-accueil div.bloc-cta span.cta.tolist:after{content: ''; position: absolute; display: inline-block; width: .5em; height: .5em; right: 15px; top: 11px; border-style: solid; border-width: 4px 4px 0 0; transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transform: rotate(45deg); vertical-align: .15em; transition: .2s;} #cbp-accueil div.bloc-cta.tolist {height:308px;} #cbp-accueil div.bloc-cta.tolist a.listed span.cta:after{opacity:0;transition: all 0.05s ease-in-out;} #cbp-accueil div.bloc-cta.tolist a.listed {display:block;height:0px;opacity:0;transition: all 0.25s ease-in-out; margin: -10px 4px;} #cbp-accueil div.bloc-cta.tolist:hover a.listed {opacity:1;display:block;height:24px;padding:10px 0 10px 0;} #cbp-accueil div.bloc-cta.tolist:hover span.cta.tolist {display:none;} #cbp-accueil div.bloc-cta.tolist:hover a.listed span.cta:after{opacity:1;transition: all 0.25s ease-in-out;} #cbp-accueil div.bloc-cta.tolist a.listed + a.listed {margin-top:0px;} #cbp-accueil div.bloc-cta.tolist a + a + a.listed:after {margin-top:0px;} #cbp-accueil div.bloc-cta.tolist a.listed + a + a + a.listed:after {margin-top:0px;} #cbp-accueil div.bloc-cta.tolist:hover a.listed + a.listed {margin-top:-105px;} #cbp-accueil .slider {margin-bottom:30px} #cbp-accueil .swiper-container {width: 1000px; height: 200px;} #cbp-accueil .swiper-pagination {margin-top:30px;} #cbp-accueil .swiper-pagination-bullet { width: 12px;height: 12px;opacity: 1;background:#3b3b3b;} #cbp-accueil .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #40b7d0;} #cbp-facilites-de-paiement .nav .menu3 {border:0;} #cbp-facilites-de-paiement .nav .menu3:hover {background:none;} #cbp-facilites-de-paiement .nav .menu3 a:after {content:"";} #cbp-facilites-de-paiement .sous_titre{font-size:18px;text-align:left;margin-bottom:20px;} #cbp-facilites-de-paiement span.list{display:inline-block;width:100%;padding-left:30px;} #cbp-facilites-de-paiement span.small{display:inline-block;width:100%;font-size:12px;margin-bottom:15px;} #cbp-facilites-de-paiement ul.accordion { list-style: none; perspective: 900; padding: 0; margin: 0; background: white; padding-bottom: 20px; margin-bottom: 25px;} #cbp-facilites-de-paiement ul.accordion p { position: relative; overflow: hidden; max-height: 800px; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2;} #cbp-facilites-de-paiement ul.accordion svg + p {display:none;} #cbp-facilites-de-paiement ul.accordion p b {font-weight:bold;} #cbp-facilites-de-paiement ul.accordion li svg ~ a, #cbp-facilites-de-paiement ul.accordion li a + a{display:none;} #cbp-facilites-de-paiement ul.accordion svg.title {height:24px;width: 100%;border:0;} #cbp-facilites-de-paiement ul.accordion svg.title foreignobject{display:none} #cbp-facilites-de-paiement ul.accordion svg.title + svg.title text{font: 600 18px 'Open Sans',Arial;} #cbp-facilites-de-paiement ul.accordion svg.title text{height:24px;font: 600 20px 'Open Sans',Arial;fill:#3b3b3b;padding:0 30px;pointer-events:none;display:block;text-decoration:none;} #cbp-facilites-de-paiement ul.accordion svg.title.clickable text{pointer-events:all;} #cbp-facilites-de-paiement ul.accordion li { position: relative; padding: 15px; margin: 0; text-align:left; border-top: 1px solid #dce7eb;} #cbp-facilites-de-paiement ul.accordion li:nth-of-type(1){ border-top:0;} #cbp-facilites-de-paiement ul.accordion li:hover > svg.title text,#cbp-facilites-de-paiement ul.accordion li:hover > a > svg.title text{fill:#40b7d0!important;cursor:pointer;} #cbp-facilites-de-paiement ul.accordion li svg.title:hover{text-decoration:none;} #cbp-facilites-de-paiement ul.accordion li:hover > ul.accordion > li > a ~ a:after, #cbp-facilites-de-paiement ul.accordion li:hover > ul.accordion > li > a:after, #cbp-facilites-de-paiement ul.accordion li:hover i:before, #cbp-facilites-de-paiement ul.accordion li:hover i:after{background-color: #40b7d0!important;} #cbp-facilites-de-paiement ul.accordion li:last-of-type { padding-bottom: 0;} #cbp-facilites-de-paiement ul.accordion li i:before, #cbp-facilites-de-paiement ul.accordion li i:after {content: ""; position: absolute; background-color: #9d9d9d; width: 4px; height: 20px; border-radius:2px;top:28px;} #cbp-facilites-de-paiement ul.accordion li i:before {transform: translate(2px, 0) rotate(90deg);background-color: #9d9d9d;} #cbp-facilites-de-paiement ul.accordion li i:after {transform: translate(2px, 0) rotate(90deg);background-color: #9d9d9d;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox] { position: absolute; cursor: pointer; height: 100%; max-height:78px; width:100%; z-index: 1; display: block; margin-top: -14px; opacity: 0;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:checked ~ ul {display:none;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox].hidden {display:none;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:checked ~ p {margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%);} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:not(:checked) ~ p {padding:10px;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:not(:checked) ~ svg.title:last-of-type {border-bottom: 2px solid #40b7d0;padding-bottom: 15px;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:not(:checked) ~ svg.title text{fill: #40b7d0;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:checked ~ svg.title text{fill: #3b3b3b;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:checked ~ i:before {transform: translate(2px, 0) rotate(90deg);background-color: #9d9d9d;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:checked ~ i:after {transform: translate(2px, 0);background-color: #9d9d9d;} #cbp-facilites-de-paiement ul.accordion ul li i:before, #cbp-facilites-de-paiement ul.accordion ul li i:after {margin-top:-8px;} #cbp-facilites-de-paiement ul.accordion ul li:last-child i:before {transform: translate(2px, 0) rotate(0deg);} #cbp-facilites-de-paiement ul.accordion li p, #cbp-facilites-de-paiement ul.accordion li i:before, #cbp-facilites-de-paiement ul.accordion li i:after, .nav li { transition: all 0.25s ease-in-out;} #cbp-facilites-de-paiement ul.accordion li, h1 { animation: flipdown 0.5s ease both;} #cbp-facilites-de-paiement .fs20 {font:600 20px 'open sans', arial, sans-serif;} #cbp-facilites-de-paiement .full:last-child .flap img {margin-top:-35px;} .tpl-rows .row span.title1 {text-transform:uppercase;display:inline-block;vertical-align:middle;margin:20px 0;color:#40b7d0;font: 300 48px 'Open Sans',Arial;line-height: 25px;border-right:1px solid #ff5c00;padding:12px 35px 0px 0;} .tpl-rows span.title1 {text-transform:uppercase;display:inline-block;vertical-align:middle;margin:20px 0;color:#40b7d0;font: 300 48px 'Open Sans',Arial;border-right:1px solid #ff5c00;padding:12px 20px 0px 0;line-height:55px;height:83px;} .tpl-rows span.title1bis {border-left:1px solid #ff5c00;border-right:0 none;padding:12px 0 0 20px;} .tpl-rows .row span.title2 {text-transform:uppercase;display:inline-block;vertical-align:middle;margin:20px 0;color:#40b7d0;font: 300 30px 'Open Sans',Arial;line-height: 16px;border-left:1px solid #ff5c00;padding:5px 0 5px 30px;height:83px;} .tpl-rows .row span.title2bis {border-left:0 none;border-right:1px solid #ff5c00;padding:5px 30px 5px 0;} .tpl-rows .row span.title2 b span{text-transform:lowercase;} .tpl-rows .row span.title3 {text-transform:uppercase;display:inline-block;vertical-align:middle;margin:20px 0;color:#40b7d0;font: 600 60px 'Open Sans',Arial;line-height: 16px;border-right:1px solid #ff5c00;padding:20px 30px 0 0;height:83px;} #cbp-economies .nav .menu1 a:hover {background:none;} #cbp-economies .nav .menu1 a:after {content:"";} #cbp-infos-pratiques .nav .menu4 a:hover {background:none;} #cbp-infos-pratiques .nav .menu4 a:after {content:"";} #cbp-infos-pratiques .row span.title1 {height:75px;} #cbp-infos-pratiques.tpl-rows .row span.title1 b {font: 600 42px 'Open Sans',Arial;display:block;} #cbp-infos-pratiques .full:last-child span.title2 b {font-size:55px !important;} #cbp-infos-pratiques.tpl-rows .row span.title2 b {font: 600 36px 'Open Sans',Arial;display:block;} #cbp-infos-pratiques .row span.title3 {height:57px;padding:44px 30px 5px 0;} #cbp-infos-pratiques.tpl-rows .row span.list {font: 300 16px 'Open Sans',Arial;display:block;display:block;padding-left:20px;} #cbp-infos-pratiques.tpl-rows .row span.list b{width: 200px;display: inline-block;vertical-align: middle;} #cbp-infos-pratiques.tpl-rows .row span.list a {display:inline-block;} #cbp-infos-pratiques.tpl-rows .row span.list .adress {display:inline-block;vertical-align: top;} #cbp-infos-pratiques.tpl-rows .row span.list a img {width:auto;} #cbp-infos-pratiques.tpl-rows .row p {width:650px;} #cbp-infos-pratiques.tpl-rows .row b {font: 600 18px 'Open Sans',Arial;} #cbp-infos-pratiques.tpl-rows .row strong {font: 600 24px 'Open Sans',Arial;} #cbp-infos-pratiques.tpl-rows .row span.small {font: 300 12px 'Open Sans',Arial;} #cbp-infos-pratiques.tpl-rows .row span.small.tel {font: 300 12px 'Open Sans',Arial; display: block; margin: -10px 0px 10px 200px;} #cbp-infos-pratiques .flap img { width: auto;margin: 0px;margin: 20px;} #cbp-infos-pratiques .flap .center { text-align:center;margin-top:20px;} #cbp-infos-pratiques .flap .center a{ display:inline-block;} #autres-avantages li:hover svg text {fill:#40b7d0!important;} #cbp-attentions .nav .menu2 {border:0px;} #cbp-attentions .nav .menu2 a:hover {background:none;} #cbp-attentions .nav .menu2 a:after {content:"";} #cbp-attentions span.list{display:inline-block;width:100%;padding-left:30px;} #cbp-attentions span.small{display:inline-block;width:100%;font-size:12px;margin-bottom:15px;} #cbp-attentions span.title1 {font: 200 56px 'Open Sans',Arial;line-height:45px;} #cbp-attentions span.title1 b {font: 600 24px 'Open Sans',Arial;display:block;line-height:25px;} #cbp-attentions span.title2 {font: 200 40px 'Open Sans',Arial;line-height:45px;} #cbp-attentions span.title2 b {font: 600 44px 'Open Sans',Arial;display:block;line-height:25px;} #cbp-attentions span.title3 {font: 200 40px 'Open Sans',Arial;} #cbp-attentions span.title3 b {font: 600 42px 'Open Sans',Arial;display:block;line-height:25px;} #cbp-attentions .flap span.intro-desc {margin-top:40px;} #cbp-attentions .flap-wrapper .intro-desc {width:70% !important;padding-left:20px;} #cbp-ouvrir-carte-b-plus .nav .menu5 {border:0px;} #cbp-ouvrir-carte-b-plus .nav .menu5 a, #cbp-ouvrir-carte-b-plus .nav .menu5 a:hover {background:#40b7d0;color:#fff;} #cbp-ouvrir-carte-b-plus .nav .menu5 a:after{background-color:#fff;content:"";} #ftr .top{display:none;} #ftr {margin:0!important;} #ftr.ftr2 .top {display:block;height: 340px;} #ftr.ftr2 .top .h2spec{text-transform:uppercase; color:white;} #ftr.ftr2 .top .minWidth a { margin: 0 4%; } #ftr.ftr2 .top .minWidth a span.title {text-transform:uppercase;margin-bottom: -20px;margin-top:-10px;} #ftr.ftr2 .top .minWidth a .ico img {height:50px !important;} @media screen and (max-width:800px) { #informations-pratiques .flap {width:90% !important;} #cbp-economies .flap > span {width:100% !important;} #cbp-attentions .flap-wrapper .intro-desc {width:100% !important;} .cbp-content h3, .cbp-content span.h3 {margin:auto;padding:15px;} .cbp-content .flap span {padding:0 !important;} .cbp-content.tpl-rows .row .wrapper-left:after, .cbp-content.tpl-rows .row .wrapper-right:before {display:none;} .tpl-rows span.title1, .tpl-rows span.title2, .tpl-rows span.title3, .tpl-rows .row span.title1, .tpl-rows .row span.title2, .tpl-rows .row span.title3 {border:none !important;padding:0 !important;} .chemin {display:none;} #cbp-accueil div.bloc-cta {margin-bottom:6px;} .carte-fidelite-b-plus {margin-top:20px;} .cbp-content .mentions { font-size: 12px ;padding:10px;} #cbp-facilites-de-paiement .fs20 { font:600 12px 'open sans', arial, sans-serif;} .cbp-content ul .mentions { font-size: 10px;padding:0px;} .cbp-content h2, .cbp-content h3, .cbp-content span.h3 { font: 300 20px 'Open Sans',Arial;} .cbp-content h2 span { font: 600 22px 'Open Sans',Arial;} .cbp-content section.full .section_content p.in{ padding: 10px!important;} .cbp-content .nav {position:fixed; z-index:30; background:#f2f2f2; width:auto; bottom:90px; right:5%; left:5%;} .cbp-content .nav ul {margin:0;height:0;max-height:0px;transition: all 0.25s ease-in-out; } .cbp-content .nav.on .nav-toggler + ul {height:auto;max-height:1000px;} .cbp-content .nav li {display:none;border-bottom:1px solid #e2e2e2;} .cbp-content .nav.on li {display:block;} .cbp-content .nav li:first-child a {color:#000;} .cbp-content .nav li a {padding: 15px 0;margin:0; color:black;} .cbp-content .nav li.submenu { max-height:0px;transition: all 0.25s ease-in-out;border:0 } .cbp-content .nav li.menu3.on ~ .submenu { background:#40b7d0;border-bottom:1px solid #73d0e3;max-height:100px;} .cbp-content .nav li.menu3.on ~ .submenu a{display:block;} .cbp-content .nav li.submenu a{color:white;text-transform: none;font: 400 14px 'Open Sans',Arial;display:none;} .cbp-content .nav li:hover {background: inherit;} .cbp-content .nav li:last-child { border-bottom: 0px;} .cbp-content .nav li:last-child:after { content:'';display:block;background:#f2f2f2;margin-top:-11px;transform:scaleY(1.8) rotate(45deg);z-index: -1;width:18px;height:15px;position:absolute;right:10%;} .cbp-content .nav .nav-toggler { position: fixed;color:white;z-index: 30;background: #40b7d0; width:60px;height:60px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;right: 7%; bottom: 7px;transition:all ease-in 0.5s;-webkit-transition:all ease-in 0.5s;-o-transition:all ease-in 0.5s;-ms-transition:all ease-in 0.5s;-moz-transition:all ease-in 0.5s;-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.25);} .cbp-content .nav .nav-toggler:after { transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);transition: all 0.25s ease-in-out; display: block;content:'';position: relative;color:white;z-index: 30; margin:-6px 0 0 17px;width:20px;border:3px solid white;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;} .cbp-content .nav .nav-toggler:before {transition: all 0.25s ease-in-out; display: block; transform:rotate(90deg);-o-transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);-ms-transform: rotate(90deg);content:'';position: relative;color:white;z-index: 30; margin:26px 0 0 17px;width:20px;border:3px solid white;border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;} .cbp-content .nav.on .nav-toggler:after {display:none;} .cbp-content .nav.on + .overlay{ content:'';position:fixed;top:-100px; bottom:-100px;right:-100px;left:-100px;background:#000000;opacity:0.2;z-index:29;} .cbp-content .nav.on .nav-toggler:before {transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);} .cbp-content .nav.on .menu3 a{ pointer-events:none; } .cbp-content .nav li:hover {border-bottom:1px solid #e2e2e2;;} .cbp-content section.full .section_content {width:100%;} .cbp-content section.full .section_content p {padding: 10px;} .cbp-content .flap { font: 500 15px 'Open Sans',Arial !important;text-align:left !important;} .cbp-content .flap img { width: 80px;margin: 0px;} .cbp-content .flap span strong { font: 300 48px 'Open Sans',Arial;} .cbp-content.tpl-rows .row p {width:90%;border-right:0!important;border-left:0!important;margin:0!important;} .cbp-content h3, .cbp-content span.h3 {width:90%} .cbp-content.tpl-rows .row img.big {margin:10px;width:94%;} #ftr.ftr2 .top { height: 150px;margin-bottom: -20px; } #ftr.ftr2 .top .minWidth a { margin: 0 1%;} #ftr.ftr2 .top .minWidth a .ico img { height: 32px !important;} #ftr.ftr2 .top .minWidth a span.title { margin-top: 10px; } #ftr.ftr2 .top .services_footer span {border: 0;} #ftr.ftr2 .top .h2spec{padding: 24px 0px;} #cbp-accueil div.bloc-cta {width:100%; max-height: none;} #cbp-accueil div.bloc-cta:nth-of-type(2n) {margin-left:0} #cbp-accueil div.bloc-cta:nth-of-type(6n) {margin-top:0;letter-spacing:-.31em;} #cbp-accueil div.bloc-cta:nth-of-type(6n) * {letter-spacing:normal;} #cbp-accueil div.bloc-cta img {width:100%} #cbp-accueil div.bloc-cta span.cta {padding:10px 40px 10px 0;} #cbp-accueil div.bloc-cta span.cta.w370{width: 65%;} #cbp-accueil div.bloc-cta.tolist {height:inherit;} #cbp-accueil div.bloc-cta.tolist.on a.listed + a.listed {margin-top: 0;} #cbp-accueil div.bloc-cta.tolist.on a.listed + span.cta {margin-top: -95px;} #cbp-accueil div.bloc-cta.tolist.on a.listed:nth-child(3) {top:75%;} #cbp-accueil div.bloc-cta.tolist.on a.listed:nth-child(4) {top:50%;} #cbp-accueil div.bloc-cta.tolist.on a.listed:nth-child(5) {top:25%;} #cbp-accueil div.bloc-cta.tolist.on a.listed:nth-child(6) {top:0%;} #cbp-accueil div.bloc-cta.tolist:not(.on):hover span.cta.tolist {display: block; } #cbp-accueil div.bloc-cta.tolist a.listed, #cbp-accueil div.bloc-cta.tolist:not(.on):hover a.listed { display:none;} #cbp-accueil div.bloc-cta.tolist.on a.listed {display:block;margin:0;position:absolute;width:100%;} #cbp-accueil div.bloc-cta.tolist.on a.listed span.cta {margin:auto;} #cbp-accueil .swiper-container { width: 100%; min-height: 100px;height:auto;} #cbp-facilites-de-paiement span.list { padding-left: 15px;} #cbp-facilites-de-paiement .nav .menu3{ border:0;} #cbp-facilites-de-paiement .nav .menu3 a{ border-bottom: 3px solid #40b7d0; display: block;} #cbp-facilites-de-paiement ul.accordion svg.title text{font-size:16px;} #cbp-facilites-de-paiement ul.accordion svg {display:none;} #cbp-facilites-de-paiement ul.accordion p {display:block !important;font:600 16px 'Open Sans',Arial;} #cbp-facilites-de-paiement ul.accordion li svg + p {margin:0;} #cbp-facilites-de-paiement ul.accordion li:hover svg + p {color:#40b7d0;} #cbp-facilites-de-paiement ul.accordion li:hover a ~ a {color:#3b3b3b;} #cbp-facilites-de-paiement ul.accordion li > a ~ a, #cbp-facilites-de-paiement ul.accordion li svg ~ a, #cbp-facilites-de-paiement ul.accordion li a.clickable{width:95%;display:block;border:0; font: 600 16px 'Open Sans',Arial;text-decoration: none; padding-left: 25px;} #cbp-facilites-de-paiement ul.accordion li svg ~ a + a {font: 600 12px 'Open Sans',Arial;text-decoration: none; line-height: 12px; margin-top: 0;} #cbp-facilites-de-paiement ul.accordion svg.title + svg.title textarea{font: 600 12px 'Open Sans',Arial;text-decoration: none;} #cbp-facilites-de-paiement ul.accordion svg.title + svg.title foreignobject p{font: 600 12px 'Open Sans',Arial;text-decoration: none;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:not(:checked) ~ p { padding: 0px;} #cbp-facilites-de-paiement section.full .section_content p{ padding: 0px;} #cbp-facilites-de-paiement section.full .section_content .accordion + p{ padding: 10px;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:not(:checked) ~ svg.title:last-of-type { border-bottom: 0; padding-bottom: 0px;} #cbp-facilites-de-paiement ul.accordion li input[type=checkbox]:not(:checked) ~ svg.title ~ a:last-of-type { border-bottom: 2px solid #40b7d0; padding-bottom: 15px;} #cbp-economies .nav .menu1 a{display: block;} #cbp-infos-pratiques .nav .menu4 a{display: block;} #cbp-infos-pratiques.tpl-rows .row p, #informations-pratiques .flap p { width: 90%;} #cbp-infos-pratiques.tpl-rows .row span.list {padding-left: 0px;margin-top: 10px;} #cbp-infos-pratiques.tpl-rows .row span.list * { margin: 0!important;} #cbp-infos-pratiques.tpl-rows .row span.list br { display:none;} #cbp-infos-pratiques.tpl-rows .row span.small.tel {display: inline-block;} #cbp-infos-pratiques.tpl-rows .row span.title2 {font: 300 28px 'Open Sans',Arial;line-height: 16px;} #cbp-infos-pratiques.tpl-rows .row span.title2 b {font: 600 34px 'Open Sans',Arial; } #cbp-infos-pratiques .nav li.menu4 { background: #f2f2f2;} #cbp-infos-pratiques .nav li.menu4:after {background:#fff;} #cbp-attentions .nav .menu2{ border:0;} #cbp-attentions span.list {padding:0;} .nav li.on a {color:#40b7d0;} #cbp-accueil div.bloc-cta span.cta:after, #cbp-accueil div.bloc-cta span.cta.tolist:after {top:35%;} .cbp-content .flap span {width:100%;} #cbp-accueil div.bloc-cta.tolist {min-height:inherit;position:relative;} #cbp-accueil div.bloc-cta.tolist .cta.tolist {left:17.5%;margin-left:-20px;position: absolute;} } @media screen and (max-width:320px) { #cbp-accueil div.bloc-cta.tolist {height:100%;overflow:hidden;} .cbp-content .nav li a { font: 300 18px 'Open Sans',Arial;} .cbp-content .flap img.oney {width:30%;} #reseau-partenaire .flap p {padding-left:37% !important;} #cbp-accueil div.bloc-cta.tolist:hover a.listed {padding:5px 0;} #cbp-facilites-de-paiement .full:last-child .flap img {margin-top:-15px;} } @keyframes flipdown { 0% {opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% {opacity: 1; } 80% {transform: rotateX(8deg);} 83% {transform: rotateX(6deg);} 92% {transform: rotateX(-3deg)} 100% {transform-origin: top center;transform: rotateX(0deg);} }