@charset "utf-8";

@import url("https://fonts.googleapis.com/css2?family=Luckiest+Guy&family=Montserrat:wght@300;600;800&display=swap"); body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
line-height: 1.5;
color: var(--ab_black);
text-align: left;
background-color: var(--ab_beige);
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
}
#wrapper {
width: 100%;
overflow: hidden;
}
.container-fluid {padding: 0 10%;}
.container-fluid.init {padding: 0 15px;}
a {
text-decoration: none;
color: var(--ab_orange);    
-webkit-transition: all 0.2s;    
-o-transition: all 0.2s;    
transition: all 0.2s;
}
a:hover {
color: var(--ab_orange);
text-decoration: none;
}
*
*:focus,
*:active {
outline: none !important;
}
p {margin-bottom: 15px;}
[class*="col-"] p:last-child {margin-bottom: 0;}
b, strong {font-weight: 600;}
h1, h2, h3,
h4, h5, h6 {
font-family: 'Luckiest Guy', cursive;
color: var(--ab_black);
margin-top: 0;
margin-bottom: 10px;
line-height: 1;
}
h1 {
margin-bottom: 5px;
color: var(--ab_black);
}
h2 {
font-weight: 300;
}
blockquote {
border-left: 4px solid var(--ab_orange);
padding: 15px 25px;
}
ul {-webkit-padding-start: 15px;padding-inline-start: 15px;}
section ul {
padding: 0;
}
section li {
list-style-type: none;
}
section li:before {
content: '\f101';
font-family: 'FontAwesome';
position: relative;
margin-right: 5px;
} .grecaptcha-badge {
display: none !important;
visibility: hidden !important;
}
#regiondo-modal-close {
width: 100% !important;
height: 41px !important;
top: auto !important;
bottom: -41px;
left: 0 !important;
position: absolute !important;
background: #e5e5e5 url(https://atoutbranches.com/wp-content/themes/atoutbranche/images/modal_regiondo.gif) !important;
background-position: center !important;
background-size: contain !important;
background-repeat: no-repeat !important;
cursor: pointer !important;
} @media (max-width: 1600px) {
.container-fluid {padding: 0 5%;}
}
@media (max-width: 1370px) {
.container-fluid { padding: 0 30px; }
}
@media (max-width: 991px) {
.container-fluid { padding: 0 20px; }
} :root {
--ab_black:#272727;
--ab_white:#FFF;
--ab_beige:#FFF7F0;
--ab_orange:#EFB960;
--ab_red:#ed633c;
--ab_vert:#4FA582;
--ab_lightbrown:#A59656;
--ab_brown:#AC581A;
--ab_darkbrown:#8f4813;
--ab_darkgrey:#747474;
}  #backtotop,
#gocontact {
position: fixed;
z-index: 100;
bottom: 300px;
right: 10px;
width: 35px;
height: 35px;
border-radius: 50%;
background: var(--ab_orange);
border: 2px solid #e6af52;
cursor: pointer;
text-decoration: none;
display: none;
-webkit-transition: -webkit-transform 0.3s ease-in-out;
transition: -webkit-transform 0.3s ease-in-out;
-o-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
#backtotop i,
#gocontact i {
position: relative;
top: -3px;
left: 6px;
font-size: 32px;
color: var(--ab_white);
}
#backtotop:hover,
#gocontact:hover {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
} #gocontact {
bottom: 50vh;
background: var(--ab_brown);
border-color: var(--ab_darkbrown);
}
#gocontact i {
font-size: 23px;
left: 12px;
top: 3px;
} svg#ab_logotype .st0 {
fill:var(--ab_white);;
}
svg#ab_logotype .st1 {
fill:var(--ab_lightbrown);;
}
svg#ab_logotype .st2 {
fill:var(--ab_darkbrown);
} .btn_1 {
font-family: 'Luckiest Guy', cursive;
font-weight: 500;
border: none;
padding: 23px 18px 18px 18px;
font-size: 25px;
line-height: 1;
border-radius: 20px;
background: var(--ab_orange);
color: var(--ab_white);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: inline-block;
text-align: center;
}
.btn_1:hover {
background: var(--ab_white);
color: var(--ab_orange);
}
.btn_1:before,
.btn_1:after{
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
height: 2px;
margin: 0 auto;
width: 0;
background: var(--ab_orange);
-webkit-transition: 400ms ease all;
-o-transition: 400ms ease all;
transition: 400ms ease all;
}
.btn_1:after{
top: inherit;
left: 0;
bottom: 0;
}
.btn_1:hover:before,
.btn_1:hover:after{
width:85%;
-webkit-transition:800ms ease all;
-o-transition:800ms ease all;
transition:800ms ease all;
}
@media (min-width: 992px) {
[data-toggle="modal"].btn_1 span br {
display: none;
}
} button.regiondo-button.btn_1 {
font-family: 'Luckiest Guy', cursive;
font-weight: 500;
border: none;
padding: 23px 18px 18px 18px;
margin: 10px 0;
font-size: 25px;
line-height: 1;
border-radius: 20px;
background: var(--ab_orange);
color: var(--ab_white);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: inline-block;
text-align: left;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
button.regiondo-button.btn_1:hover {
background: var(--ab_white);
color: var(--ab_orange);
}
button.regiondo-button.btn_1 span {
margin: 0;
padding: 0;
min-height: 0;
} #regiondo-cart-button.bottom-right {
bottom: 95px !important;
right: 15px !important;
}
#regiondo-cart-box {
font-family: 'Montserrat', sans-serif !important;
font-weight: 600 !important;
border: none;
font-size: 22px !important;
padding: 13px 18px !important;
border-radius: 20px;
background: var(--ab_red) !important;
color: var(--ab_white) !important;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: inline-block;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
#regiondo-cart-box:hover {
background: var(--ab_orange) !important;
}
#regiondo-cart-price {
font-weight: 800;
}
#regiondo-cart-qty {
font-size: 15px;
}
#regiondo-cart-text {
margin: 0 0 0 20px !important;
font-weight: 600;
text-shadow: none !important;
font-size: 20px !important;
} @media (max-width: 1200px) {
#regiondo-cart-button.bottom-right {
bottom: 10px !important;
right: 15px !important;
}
} h5 {
font-family: 'Luckiest Guy', cursive;
font-weight: 500;
border: none;
padding: 23px 18px 18px 18px;
font-size: 22px;
line-height: 1;
border-radius: 20px;
background: var(--ab_orange);
color: var(--ab_white);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: inline-block;
}
h5 a {
color: var(--ab_white);
}
h5:hover,
h5:focus {
background: var(--ab_white);
color: var(--ab_orange);
}
h5:hover a,
h5:focus a {
color: var(--ab_orange);
} article.zonetxt {
}
article.zonetxt h1 {
margin-bottom: 20px;
}
section img {
max-width: 100%;
height: auto;
pointer-events: none;
}
article.zonetxt iframe {
max-width: 100%;
} .share {
margin-top: 50px;
}
span.ssba-share-text {
font-weight: 600;
}
#details .iframe_inside {
-webkit-box-shadow: 0 0 25px rgb(202 202 202 / 30%);
box-shadow: 0 0 25px rgb(202 202 202 / 30%);
} img#decors {
position: absolute;
z-index: 10;
}
img#decors.certifications {
width: 190px;
right: -40px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
img#decors.home_1 {
width: 400px;
bottom: -130px;
left: -90px;
-webkit-transform: rotate(325deg);
-ms-transform: rotate(325deg);
transform: rotate(325deg);
}
img#decors.home_2 {
width: 400px;
top: -145px;
right: -100px;
-webkit-transform: rotate(40deg);
-ms-transform: rotate(40deg);
transform: rotate(40deg);
}
img#decors.home_3 {
width: 300px;
top: -140px;
left: -90px;
}
img#decors.parc_2 {
width: 275px;
right: -40px;
top: 50%;
-webkit-transform: translateY(-50%) rotate(35deg);
-ms-transform: translateY(-50%) rotate(35deg);
transform: translateY(-50%) rotate(35deg);
}
@media (max-width: 1450px) {
img#decors.home_1 {
width: 330px;
bottom: -100px;
}
img#decors.parc_2 {
width: 200px;
}
}
@media (max-width: 1199px) {
img#decors.home_1 {
width: 270px;
bottom: -25px;
}
}
@media (max-width: 991px) {
img#decors.home_2,
img#decors.home_3,
img#decors.parc_2 {
display: none;
}
}
@media (max-width: 767px) {
img#decors.parc_2 {
width: 225px;
right: -40px;
}
}
@media (max-width: 550px) {
img#decors.certifications {
width: 110px;
margin-top: 20px;
}
img#decors.home_1 {
width: 230px;
bottom: -25px;
}
} h3#breadcrumbs {
font-size: 13px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
margin-bottom: 20px;
}   .theme-menu-wrapper {
position: fixed !important;
z-index: 100;
width: 100%;
}
#mega-menu-holder .menu-ul {
margin: 0;
padding: 0;
}
.theme-menu-wrapper .dropdown-toggle::after {
display: none;
} .theme-menu-wrapper .logo {
width: 208px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.theme-menu-wrapper .bg-wrapper .logo svg {
position: absolute;
z-index: 99;
top: 15px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.theme-menu-wrapper .bg-wrapper .logo svg:hover {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.theme-menu-wrapper .bg-wrapper .logo a {
width: 100%;
display: block;
position: relative;
z-index: 100;
} .menu-wrapper.float-right {
background: var(--ab_white);
position: absolute;
right: 0;
}
.menu-collapser {
position: relative;
width: auto;
clear: both;
margin: 18px 0 18px 10px;
}
.collapse-button {
position: relative;
top: 12px;
right: 15px;
cursor: pointer;
float: right;
}
.collapse-button .icon-bar {
display: block;
width: 30px;
height: 2px;
margin: 5px 0 0 0;
border-radius: 1px;
}
#mega-menu-holder {
width: auto;
margin: 0;
padding: 0;
list-style-type: none;
}
#mega-menu-holder:before,
#mega-menu-holder:after {
content: '';
display: table;
}
#mega-menu-holder:after {
clear: both;
}
#mega-menu-holder.collapsed li {
width: 100%;
}
#mega-menu-holder.collapsed li>ul {
position: static;
display: none;
}
#mega-menu-holder.collapsed li a {
display: block;
}
#mega-menu-holder li .sub-toggle {
font-family: 'font-awesome';
position: absolute;
right: 12px;
bottom: 23px;
background: var(--ab_orange);
color: var(--ab_white);
width: 12px;
height: 12px;
font-size: 13px;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
}
@media (min-width: 1200px) {
#mega-menu-holder>ul> li.has-submenu:hover .sub-toggle {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
}
#mega-menu-holder li {
position: relative;
display: inline-block;
font-family: 'Luckiest Guy', cursive;
}
#mega-menu-holder>ul> li> a {
position: relative;
padding: 20px 25px 15px;
display: block;
text-transform: uppercase;
color: var(--ab_black);
-o-transition: none;
-webkit-transition: none;
transition: none;
}
#mega-menu-holder>ul> li.has-submenu {
padding-right: 5px;
}
#mega-menu-holder>ul> li:last-child> a:before {
display: none;
}
#mega-menu-holder>ul> li.active > a,
#mega-menu-holder>ul> li:hover > a {
color: var(--ab_orange) !important;
}
#mega-menu-holder li>ul {
position: absolute;
top: 100%;
padding: 0;
margin: 0 !important;
z-index: 999;
max-width: 240px;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
}
#mega-menu-holder li>ul li {
display: block;
background: var(--ab_brown);
border-radius: 15px;
text-align: center;
}
#mega-menu-holder .dropdown-item:focus,
#mega-menu-holder .dropdown-item:hover,
#mega-menu-holder li>ul li.current_page_item.active {
background-color: var(--ab_darkbrown);
}
#mega-menu-holder li>ul li a {
color: var(--ab_white);
font-size: 14px;
line-height: 1.3;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
padding: 10px 15px;
border-radius: 15px;
}
#mega-menu-holder ul.dropdown li.current-menu-item,
#mega-menu-holder ul.dropdown li:hover {
background: var(--ab_orange);
}
#mega-menu-holder li>ul.dropdown ul li a {
color: var(--ab_black) !important;
}
#mega-menu-holder li>ul.dropdown ul li.current-menu-item,
#mega-menu-holder li>ul.dropdown ul li:hover {
background: var(--ab_orange) !important;
}
#mega-menu-holder ul.dropdown li:hover>a:before {
width: 100%;
}
#mega-menu-holder>li:first-child,
#mega-menu-holder>li.has-submenu+li {
border-left: 0;
}  #mega-menu-holder>ul> li#menu-item-87,
#mega-menu-holder>ul> li#menu-item-87 a {
background: var(--ab_orange) !important;
color: var(--ab_white) !important;
}
.theme-menu-wrapper li#menu-item-87 a {
color: var(--ab_white) !important;
} li#menu-item-102 a,
li#menu-item-103 a {
font-size: 0;
color: var(--ab_orange) !important;
}
li#menu-item-102 a {
padding-right: 5px !important;
}
li#menu-item-102 a:after {
content: "\f09a";
font-family: 'FontAwesome';
font-size: 23px;
line-height: 14px;
position: relative;
top: 2px;
}
li#menu-item-103 a:after {
content: "\f16d";
font-family: 'FontAwesome';
font-size: 23px;
line-height: 14px;
position: relative;
top: 2px;
} @media (min-width: 1200px) {
.theme-menu-wrapper .logo {
position: relative;
width: 180px;
padding: 0 15px;
height: 59px;
background: var(--ab_white);
top: 0px;
}
}
@media (max-width: 1199px) { .theme-menu-wrapper .logo {
position: absolute;
width: 120px;
top: -2px !important;
margin-left: 15px;
} .theme-menu-wrapper {
padding: 25px 0;
opacity: 0;
background: var(--ab_white);
}
.theme-menu-wrapper.visible {
opacity: 1;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
header .theme-menu-wrapper.fixed {
overflow: visible;
}
#mega-menu-holder>ul> li.has-submenu> a {
padding-right: 50px;
}
header .menu-wrapper {
position: absolute;
width: 100%;
left: 0;
top: 0;
z-index: 9;
}
header .theme-menu-wrapper .bg-wrapper {
padding-left: 0;
}
header .collapse-button .icon-bar {
background: var(--ab_darkbrown);
}
header .menu-collapser {
margin: 0;
}
#mega-menu-holder>ul> li.btn_nav a {
margin-left: 0;
}
.theme-menu-wrapper.fixed #mega-menu-holder>ul> li> a {
padding-top: 0;
padding-bottom: 0;
} #mega-menu-holder {
position: relative;
z-index: 100;
background: var(--ab_white);
text-align: left;
top: 20px;
padding-top: 25px;
}
#mega-menu-holder>ul> li> a {
width: calc(100% - 50px);
padding: 0 15px;
margin: 0;
line-height: 45px;
font-size: 15px;
}
#mega-menu-holder>ul> li.active > a,
#mega-menu-holder>ul> li:hover > a {
color: var(--ab_black);
}
#mega-menu-holder>ul> li.has-submenu {
padding-right: 0;
}
li#menu-item-102,
li#menu-item-103 {
display: none !important;
}
#mega-menu-holder li .sub-toggle {
display: block;
width: 20px;
height: 20px;
top: 12px;
border: none;
text-align: center;
background: var(--ab_orange);
color: var(--ab_white) !important;
}
#mega-menu-holder>ul> li.has-submenu ul.dropdown-menu {
display: block;
position: relative;
width: 100% !important;
max-width: 100% !important;
left: 0 !important;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0px;
margin: 0px;
border: none;
background: var(--ab_brown);
padding: 0 !important;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
#mega-menu-holder>ul> li.has-submenu ul.dropdown-menu a {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
padding: 10px 20px;
color: var(--ab_white);
background: none !important;
font-size: 14px;
border-radius: 0;
}
#mega-menu-holder li>ul li {
border-radius: 0;
text-align: left;
} } #slider_other {
padding-top: 60px;
padding-bottom: 60px;
position: relative;
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_7.jpg);
background-size: cover;
background-position: center;
}
#slider_other .swiper_autres {
overflow: hidden;
}
#slider_other .item {
padding: 1vw;
}
@media (min-width: 1500px) {
#slider_other .item {
padding: 2vw;
}
}
#slider_other .swiper-wrapper {
height: auto;
} #slider_other .diaporama_titre {
position: relative;
top: 50px;
z-index: 10;
}
#slider_other.coeur .diaporama_titre {
margin-left: 35px;
}
#slider_other .diaporama_titre svg {
fill: var(--ab_white);
position: absolute;
top: -70px;
width: 260px;
}
#slider_other .diaporama_titre svg #bulle {
fill: var(--ab_orange);
}
#slider_other.activites .diaporama_titre svg #bulle {
fill: var(--ab_vert);
}
#slider_other.coeur .diaporama_titre svg #bulle {
fill: var(--ab_brown);
}
#slider_other .diaporama_titre svg #texte #sur_titre{
font-size: 25px;
font-weight: 600;
letter-spacing: 0.05em;
}
#slider_other .diaporama_titre svg #texte #titre{
font-size: 40px;
font-family: 'Luckiest Guy', cursive;
}
@media (max-width: 1500px) {
#slider_other .diaporama_titre svg {
left: -40px;
top: -100px;
}
} #slider_other .container-img {
width: 100%;
overflow: hidden;
}
#slider_other .item .container-img img{
width: 100%;
height: 14vw;
min-height: 280px;
pointer-events: none;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
#slider_other .item:hover .container-img img{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
} #slider_other .item .post-content {
position: relative;
padding: 20px 5px;
background: var(--ab_orange);
text-align: center;
}
#slider_other.activites .item .post-content {
background: var(--ab_vert);
}
#slider_other.coeur .item .post-content {
background: var(--ab_brown);
}
#slider_other .item:hover .post-content {
background: var(--ab_white);
}
#slider_other .item .post-content svg {
position: absolute;
left: 0;
fill: var(--ab_orange);
}
#slider_other.activites .item .post-content svg {
fill: var(--ab_vert);
}
#slider_other.coeur .item .post-content svg {
fill: var(--ab_brown);
}
#slider_other .item:hover .post-content svg {
fill: var(--ab_white);
}
#slider_other .item .post-content svg#forme_top {
top: -5px;
}
#slider_other .item .post-content svg#forme_bottom {
bottom: -5px;
}
#slider_other .item .post-content h2 {
margin: 0;
font-size: 130%;
color: var(--ab_white);
position: relative;
z-index: 5;
}
@media (min-width: 1500px) {
#slider_other .item .post-content h2 {
font-size: 115%;
}
}
#slider_other .item:hover .post-content h2 {
color: var(--ab_orange);
}
#slider_other.activites .item:hover .post-content h2 {
color: var(--ab_vert);
}
#slider_other.coeur .item:hover .post-content h2 {
color: var(--ab_brown);
}
#slider_other .item .post-content h2:after {
content: "\f105";
font-family: "FontAwesome";
background: var(--ab_white);
color: var(--ab_orange);
width: 20px;
height: 20px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 10px;
}
#slider_other .item:hover .post-content h2:after {
background: var(--ab_orange);
color: var(--ab_white);
}
#slider_other.activites .item .post-content h2:after {
color: var(--ab_vert);
}
#slider_other.coeur .item .post-content h2:after {
color: var(--ab_brown);
}
#slider_other.activites .item:hover .post-content h2:after {
background: var(--ab_vert);
color: var(--ab_white);
}
#slider_other.coeur .item:hover .post-content h2:after {
background: var(--ab_brown);
color: var(--ab_white);
} div#controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
div#controls a.button {
background: var(--ab_orange);
color: var(--ab_white);
width: 45px;
height: 45px;
border-radius: 50%;
font-size: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 10px;
cursor: pointer;
}
div#controls a.button.swiper-button-disabled {
display: none !important;
}
#slider_other.activites div#controls a.button {
background: var(--ab_vert);
}
#slider_other.coeur div#controls a.button {
background: var(--ab_brown);
}
@media (min-width: 992px) {
div#controls a.button:hover {
background: var(--ab_white);
color: var(--ab_orange);
}
#slider_other.activites div#controls a.button:hover {
background: var(--ab_white);
color: var(--ab_vert);
}
#slider_other.coeur div#controls a.button:hover {
background: var(--ab_white);
color: var(--ab_brown);
}
} #archive {
position: relative;
background: var(--ab_white);
padding-top: 30px;
padding-bottom: 30px;
}
#archive .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (min-width: 1400px) {
#archive .inside {
width: 1000px;
}
}
#archive .inside .forme {
margin-right: 50px;
}
#archive .inside .forme svg {
width: 330px;
fill: var(--ab_white);
}
#archive .inside .forme svg #bulle {
fill: var(--ab_vert);
}
#archive.groupes .inside .forme svg #bulle {
fill: var(--ab_orange);
}
#archive.coeur .inside .forme svg #bulle {
fill: var(--ab_brown);
}
#archive .inside .forme svg #sur_titre {
font-family: 'Luckiest Guy', cursive;
font-size:  40px;
}
#archive .inside .forme svg #titre{
font-size: 25px;
font-weight: 600;
letter-spacing: 0.05em;
}
#archive .inside .zonetxt h2 {
font-family: 'Montserrat', sans-serif;
font-weight: 500;
} #archive_cases {
min-height: 300px;
background: rgb(203,228,254);
background: -o-linear-gradient(bottom, rgba(203,228,254,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(203,228,254,1)), to(rgba(255,255,255,1)));
background: linear-gradient(0deg, rgba(203,228,254,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cbe4fe",endColorstr="var(--ab_white)fff",GradientType=1);
}
#archive_cases .post-module {
padding: 20px 0;
}
#archive_cases .container-img {
width: 100%;
overflow: hidden;
}
#archive_cases div[class^="col-"] .container-img img{
width: 100%;
height: 14vw;
min-height: 280px;
pointer-events: none;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all .4s;
-o-transition: all .4s;
transition: all .4s;
}
#archive_cases div[class^="col-"]:hover .container-img img{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
} #archive_cases div[class^="col-"] .post-content {
position: relative;
padding: 20px 5px;
background: var(--ab_orange);
text-align: center;
}
#archive_cases.coeur div[class^="col-"] .post-content {
background: var(--ab_brown);
}
#archive_cases.activites div[class^="col-"] .post-content {
background: var(--ab_vert);
}
#archive_cases div[class^="col-"]:hover .post-content {
background: var(--ab_white);
}
#archive_cases div[class^="col-"] .post-content svg {
position: absolute;
left: 0;
width: 100%;
fill: var(--ab_orange);
}
#archive_cases.activites div[class^="col-"] .post-content svg {
fill: var(--ab_vert);
}
#archive_cases.coeur div[class^="col-"] .post-content svg {
fill: var(--ab_brown);
}
#archive_cases div[class^="col-"]:hover .post-content svg {
fill: var(--ab_white);
}
#archive_cases div[class^="col-"] .post-content svg#forme_top {
top: -5px;
}
#archive_cases div[class^="col-"] .post-content svg#forme_bottom {
bottom: -5px;
}
#archive_cases div[class^="col-"] .post-content h2 {
margin: 0;
font-size: 130%;
color: var(--ab_white);
position: relative;
z-index: 5;
}
@media (min-width: 1500px) {
#archive_cases div[class^="col-"] .post-content h2 {
font-size: 115%;
}
}
#archive_cases div[class^="col-"]:hover .post-content h2 {
color: var(--ab_orange);
}
#archive_cases.activites div[class^="col-"]:hover .post-content h2 {
color: var(--ab_vert);
}
#archive_cases.coeur div[class^="col-"]:hover .post-content h2 {
color: var(--ab_brown);
}
#archive_cases div[class^="col-"] .post-content h2:after {
content: "\f105";
font-family: "FontAwesome";
background: var(--ab_white);
color: var(--ab_orange);
width: 20px;
height: 20px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 10px;
}
#archive_cases div[class^="col-"]:hover .post-content h2:after {
background: var(--ab_orange);
color: var(--ab_white);
}
#archive_cases.activites div[class^="col-"] .post-content h2:after {
color: var(--ab_vert);
}
#archive_cases.activites div[class^="col-"]:hover .post-content h2:after {
background: var(--ab_vert);
color: var(--ab_white);
}
#archive_cases.coeur div[class^="col-"] .post-content h2:after {
color: var(--ab_brown);
}
#archive_cases.coeur div[class^="col-"]:hover .post-content h2:after {
background: var(--ab_brown);
color: var(--ab_white);
}  #entrance {
position: relative;
height: 60vh;
min-height: 300px;
background-size: cover !important;
background-position: center !important;
}
#entrance svg {
position: absolute;
bottom: -5px;
fill: #FFF;
}
#entrance video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
#meteogroup.panel-group {
position: absolute;
bottom: 40px;
left: 50%;
transform: translateX(-50%); 
}
#meteogroup .panel-heading a {
font-family: 'Luckiest Guy',cursive;
font-weight: 500;
border: none;
min-width: 300px;
padding: 23px 18px 18px 18px;
font-size: 22px;
width: 320px;
line-height: 1;
border-radius: 20px;
background: var(--ab_white);
color: var(--ab_orange);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: inline-block;
text-align: center;
}
#meteogroup .panel-heading a i {
margin-right: 10px;
}
#meteogroup.show .panel-heading a {
background: var(--ab_orange);
color: var(--ab_white);
}
#meteogroup iframe {
border-radius: 15px;
border: none;
} #details {
min-height: 300px;
padding-top: 100px;
background: rgb(203,228,254);
background: -o-linear-gradient(bottom, rgba(203,228,254,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(rgba(203,228,254,1)), to(rgba(255,255,255,1)));
background: linear-gradient(0deg, rgba(203,228,254,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cbe4fe",endColorstr="var(--ab_white)fff",GradientType=1);
}
@media (min-width: 1200px) {
#details .zonetxt,
#clientslogos .zonetxt {
width: 650px;
}
}
@media (min-width: 1400px) {
#details .zonetxt,
#clientslogos .zonetxt {
width: 700px;
}
}
@media (max-width: 991px) {
#details .inside img {
margin-top: 50px;
}
}
#details.modele .zonetxt {
width: 100% !important;
}
.flex_ztxt {
}
#details .zonetxt .flex_ztxt:first-child {
margin-top: 0;
} #details_btn {
padding-top: 50px;
padding-bottom: 150px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgb(203,228,254) url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_2.png);
background-size: cover;
background-position: top;
} #clientslogos {
padding-top: 100px;
}
#clientslogos .zonetxt {
display: block;
margin: 0 auto;
text-align: center;
}
#clientslogos img {
width: 100%;
height: 90px;
margin: 5px 0;
padding: 10px;
cursor: pointer;
background: #FFF;
object-fit: contain;
border-radius: 20px;
} #details.accrobranche {
background: var(--ab_white);
} #parcours img.feuillage {
pointer-events: none;
width: 100%;
}
#parcours img#nb_1.feuillage {
margin-top: -35px;
}
#parcours #panneaux {
padding-top: 20px;
position: relative;
background: var(--ab_white);
}
#parcours #panneaux .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#parcours #panneaux .box div[id^="nb_"] {
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_5.png);
background-position: center;
background-repeat: no-repeat;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background-size: 180px;
width: 180px;
height: 100px;
opacity: .6;
cursor: pointer;
}
#parcours #panneaux .box div[id^="nb_"]:nth-child(even) {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
#parcours.nb_1 #panneaux .box div#nb_1,
#parcours.nb_2 #panneaux .box div#nb_2,
#parcours.nb_3 #panneaux .box div#nb_3,
#parcours.nb_4 #panneaux .box div#nb_4,
#parcours.nb_5 #panneaux .box div#nb_5 {
opacity: 1;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
#parcours.nb_1 #panneaux .box div#nb_1:nth-child(even),
#parcours.nb_2 #panneaux .box div#nb_2:nth-child(even),
#parcours.nb_3 #panneaux .box div#nb_3:nth-child(even),
#parcours.nb_4 #panneaux .box div#nb_4:nth-child(even),
#parcours.nb_5 #panneaux .box div#nb_5:nth-child(even) {
-webkit-transform: scaleX(-1) scale(1.3);
-ms-transform: scaleX(-1) scale(1.3);
transform: scaleX(-1) scale(1.3);
}
#parcours #panneaux .box div[id^="nb_"] span {
color: var(--ab_blanc);
background: var(--ab_orange);
border-radius: 10px;
padding: 0 10px;
font-weight: 600;
margin: 0;
line-height: 1;
font-size: 13px;
}
#parcours #panneaux .box div[id^="nb_"] h1 {
margin: 0;
color: var(--ab_white);
text-shadow: var(--ab_black) 1px 0 10px;
font-size: 27px;
position: relative;
top: 5px;
}
#parcours #panneaux .box div[id^="nb_"]:nth-child(even) h1,
#parcours #panneaux .box div[id^="nb_"]:nth-child(even) span {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
}
.tooltip-inner {
background: var(--ab_orange);
opacity: 1;
padding: 10px;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
border-bottom-color: var(--ab_orange);
}
.tooltip.show {
opacity: 1;
}
.tooltip * {
margin: 0;
font-family: 'Montserrat', sans-serif;
} #parcours .details {
position: relative;
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_12.jpg);
background-size: 100%;
} #parcours #mobile {
display: none;
}
#parcours .details .pancarte {
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_5.png);
max-width: 350px;
margin-top: 55px;
background-repeat-x: no-repeat;
background-size: contain;
padding: 50px;
padding-top: 30px;
padding-bottom: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 50px;
color: var(--ab_white);
}
#parcours .details .pancarte .title {
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_9.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
width: 230px;
height: 185px;
padding-top: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
#parcours .details .pancarte .title h1 {
color: var(--ab_white);
text-shadow: var(--ab_black) 1px 0 10px;
}
#parcours .details .pancarte h3 {
color: var(--ab_white);
font-size: 23px;
text-shadow: var(--ab_black) 1px 0 10px;
}
#parcours .details .pancarte h3:before {
content: "\f05a";
font-family: "FontAwesome";
margin-right: 10px;
}
#parcours .details .pancarte p {
color: var(--ab_white);
text-shadow: var(--ab_black) 1px 0 10px;
font-size: 17px;
font-weight: 600;
}
#parcours .details .pancarte .btn_1 {
font-size: 30px;
}
#parcours div#controls {
margin-top: 25px;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
#parcours div#infos_mobile {
border-radius: 20px;
padding: 15px;
margin-bottom: 15px;
text-align: center;
background: var(--ab_orange);
color: var(--ab_white);
}
#parcours div#infos_mobile p {
margin: 0;
} #parcours .details .infos {
}
#parcours .details .infos .picto {
position: relative;
z-index: 5;
right: 20px;
text-align: right;
}
#parcours .details .infos .picto img {
width: 140px;
height: 140px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
#parcours .details .infos .inside {
position: relative;
overflow: hidden;
padding: 50px 25px 25px;
border-radius: 20px;
-webkit-box-shadow: #6e6e6e 0px 0 10px;
box-shadow: #6e6e6e 0px 0 10px;
margin-top: -80px;
}
#parcours .details .infos .inside:before {
content: '';
position: absolute;
z-index: -1;
width: 100%;
height: 100%;
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_10.jpg);
background-size: cover;
top: 0;
left: 0;
}
#parcours .details .infos .inside * {
color: var(--ab_white);
}
#parcours .details .infos .inside h4 {
font-size: 20px;
margin: 0 0 5px;
}
#parcours .details .infos .inside h2 {
}
#parcours .details .infos .inside p {
} @media (max-width: 1199px) {
#parcours .details .pancarte .title {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
}
@media (max-width: 991px) {
#parcours #panneaux .box {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.tooltip {
display: none !important;
}
#parcours img#nb_1.feuillage {
margin-top: 0;
}
#parcours #panneaux .box div[id^="nb_"] {
display: none;
}
#parcours.nb_1 #panneaux .box div#nb_1,
#parcours.nb_2 #panneaux .box div#nb_2,
#parcours.nb_3 #panneaux .box div#nb_3,
#parcours.nb_4 #panneaux .box div#nb_4,
#parcours.nb_5 #panneaux .box div#nb_5 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#parcours #mobile {
display: block;
}
#parcours #mobile div#controls {
margin: 0;
padding-top: 10px;
background: var(--ab_white);
}
#parcours .details #block {
padding-top: 20px;
}
#parcours .details .pancarte {
display: none;
}
} #entrance.infospratiques {
position: relative;
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_12.jpg);
height: 150px;
min-height: 150px;
} #infos_nav {
position: relative;
text-align: center;
background: var(--ab_orange);
}
#infos_nav svg {
fill: var(--ab_orange);
}
#infos_nav svg#forme_top {
position: absolute;
z-index: 1;
top: -17px;
left: 0;
}
#infos_nav svg#forme_bottom {
position: absolute;
z-index: 1;
bottom: -17px;
left: 0;
}
#infos_nav button,
#infos_nav button:focus,
#infos_nav button:active {
position: relative;
z-index: 10;
margin: 15px;
padding: 10px 15px 5px;
font-family: 'Luckiest Guy', cursive;
font-size: 18px;
border-radius: 15px;
border: 2px solid;
background-color: var(--ab_orange);
border-color: var(--ab_white);
color: var(--ab_white);
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
cursor: pointer;
}
#infos_nav button:hover,
#infos_nav button.active {
background: var(--ab_white);
color: var(--ab_orange);
border-color: var(--ab_white);
}
#infos_nav button.active {
pointer-events: none;
}
@media (max-width: 1199px) {
#infos_nav button,
#infos_nav button:focus,
#infos_nav button:active {
padding: 7px 12px 2px;
margin: 10px;
}
}
@media (max-width: 991px) {
section.infospratiques .accordion .zone button[data-toggle="collapse"] {
font-size: 16px !important;
}
}
@media (max-width: 767px) {
#infos_nav button,
#infos_nav button:focus,
#infos_nav button:active {
margin: 5px;
}
} section#details.infospratiques {
padding-top: 120px;
-webkit-transition: height 0.35s ease 0s;
-o-transition: height 0.35s ease 0s;
transition: height 0.35s ease 0s;
}
section#details.infospratiques .item {
width: 100%;
} .item.acces #maps_2 {
width: 100%;
height: 450px;
background: var(--ab_white);
border-radius: 20px;
-webkit-box-shadow: 0 0 25px rgb(202 202 202 / 30%);
box-shadow: 0 0 25px rgb(202 202 202 / 30%);
margin: 20px 0;
}
.item.acces #maps_2 #marker_2 {
width: 60px !important;
height: 60px !important;
}
.item.acces #acces_pt {
margin-top: 100px;
}
.item.acces #acces_pt .inside {
position: relative;
}
.item.acces #acces_pt .inside i {
font-size: 25px;
margin-bottom: 15px;
color: var(--ab_white);
background: var(--ab_orange);
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
}
@media (max-width: 1199px) {
.item.acces #acces_pt .inside {
background: var(--ab_white);
padding: 50px 35px;
position: relative;
z-index: 5;
border-radius: 20px;
overflow: hidden;
margin: 10px 5px;
}
.item.acces #acces_pt .inside:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_10.jpg);
background-size: cover;
top: 0;
left: 0;
opacity: 0.3;
z-index: -1;
}
}
@media (min-width: 1200px) {
.item.acces #acces_pt .col-lg-4 {
-ms-flex: 0 0 30%;
-webkit-box-flex: 0;
flex: 0 0 30%;
max-width: 30%;
}
.item.acces #acces_pt .col-lg-4 {
background: var(--ab_white);
padding: 50px 35px;
position: relative;
border-radius: 20px;
overflow: hidden;
}
.item.acces #acces_pt .col-lg-4:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_10.jpg);
background-size: cover;
top: 0;
left: 0;
opacity: 0.3;
}
}
@media (max-width: 991px) {
.item.acces #acces_pt {
margin-top: 0;
}
} .item #img_calendrier {
padding-top: 40px;
}
.item #img_calendrier img {
width: 100%;
pointer-events: none;
} section.infospratiques.billetterie {
height: auto !important;
}
section.infospratiques.billetterie .btn_1 {
margin: 5px 10px 0 0;
font-size: 20px;
padding: 20px 15px 11px 15px;
}
section.infospratiques .accordion .zone {
position: relative;
margin-bottom: 25px;
border-radius: 30px !important;
padding: 15px 25px;
padding-right: 60px;
border: none;
background: var(--ab_white);
}
section.infospratiques .accordion .zone button:not(.btn_1) {
font-size: 18px;
font-weight: 700;
padding: 0;
text-align: left;
border: none;
background: transparent;
width: 100%;
cursor: pointer;
color: var(--ab_black);
}
section.infospratiques .accordion .zone button[aria-expanded="true"]:not(.btn_1) ,
section.infospratiques .accordion .zone button:not(.btn_1):hover {
color: var(--ab_orange);
}
section.infospratiques .accordion button:not(.btn_1):after {
content: "\f107";
font-family: "FontAwesome";
position: absolute;
right: 20px;
top: 16px;
font-size: 20px;
background: var(--ab_orange);
color: var(--ab_white);
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
line-height: 26px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
section.infospratiques .accordion button[aria-expanded="true"]:not(.btn_1):after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
section.infospratiques .accordion .zonetxt {
padding-top: 10px;
}
section.infospratiques .accordion .prix {
border: 2px solid #e6e6e6;
text-align: center;
position: relative;
-webkit-transform: translateZ(0px);
transform: translateZ(0px);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
margin: 20px;
min-height: 150px;
}
@media (min-width: 1200px) {
section.infospratiques .accordion .prix.col-lg-6 {
-ms-flex: 0 0 45%;
-webkit-box-flex: 0;
flex: 0 0 45%;
max-width: 45%;
}
}
section.infospratiques .accordion .prix:before,
section.infospratiques .accordion .prix:after{
content: "";
position: absolute;
top: -2px;
left: -2px;
bottom: -2px;
right: -2px;
z-index: -1;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
section.infospratiques .accordion .prix:before{
border-right: 2px solid var(--ab_orange);
border-left: 2px solid var(--ab_orange);
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 100% 0 0;
-ms-transform-origin: 100% 0 0;
transform-origin: 100% 0 0;
}
section.infospratiques .accordion .prix:after{
border-bottom: 2px solid var(--ab_orange);
border-top: 2px solid var(--ab_orange);
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 100% 0;
-ms-transform-origin: 0 100% 0;
transform-origin: 0 100% 0;
}
section.infospratiques .accordion .prix:hover:before{
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
}
section.infospratiques .accordion .prix:hover:after{
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
section.infospratiques .accordion .prix .title {
width: 240px;
background: #e6e6e6;
padding: 25px 15px 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
section.infospratiques .accordion .prix .title h3 {
font-size: 20px;
}
section.infospratiques .accordion .prix .title h4 {
font-size: 30px;
}
section.infospratiques .accordion .prix:hover .title {
background: var(--ab_orange);
}
section.infospratiques .accordion .prix:hover .title * {
color: var(--ab_white);
}
section.infospratiques .accordion .prix .title *:last-child {
margin-bottom: 0;
}
section.infospratiques .accordion .prix .details {
width: 100%;
list-style: none;
padding: 30px;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: var(--ab_white);
}
section.infospratiques .accordion .zonetxt {
width: 100% !important;
}  section#details.infospratiques.billetterie {
padding-bottom: 70px;
min-height: auto;
}
section#details.infospratiques.zone_nocturne {
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_14.gif);
padding-bottom: 100px;
}
section#details.infospratiques.zone_nocturne h2 {
color: var(--ab_white);
margin-bottom: 30px;
}
section.infospratiques.zone_nocturne .accordion .zone {
background: transparent;
border: 1px solid var(--ab_white);
}
section.infospratiques.zone_nocturne .accordion .zone button:not(.btn_1),
section.infospratiques.zone_nocturne .accordion .zonetxt {
color: var(--ab_white);
}
section.infospratiques.zone_nocturne blockquote {
border-left: 4px solid var(--ab_white);
}
section.infospratiques.zone_nocturne .accordion button:not(.btn_1):after {
background: var(--ab_white);
color: var(--ab_black);
}
section.infospratiques.zone_nocturne .btn_1,
section.infospratiques.zone_nocturne button.regiondo-button.btn_1 {
background: var(--ab_white);
color: var(--ab_black);
}
section.infospratiques.zone_nocturne .btn_1:hover,
section.infospratiques.zone_nocturne button.regiondo-button.btn_1:hover {
background: var(--ab_white);
color: var(--ab_orange);
}  #bandeau_home {
background: var(--ab_orange);
position: relative;
text-align: center;
padding: 20px 20px 15px;
}
#bandeau_home h3 {
margin: 0;
color: var(--ab_white);
position: relative;
z-index: 1;
}
#bandeau_home svg {
position: absolute;
left: 0;
fill: var(--ab_orange);
}
#bandeau_home svg#forme_top {
top: -25px;
}
#bandeau_home svg#forme_bottom {
bottom: -25px;
} #details.home {
padding-top: 120px;
}
#details.home article.zonetxt {
display: block;
margin: 0 auto;
text-align: center;
}
#details_btn.home {
padding-bottom: 350px;
}
#details_btn.home .btn_1 {
margin: 0 15px;
} #slider_other.home {
background: transparent;
margin-top: -300px;
padding-bottom: 0;
}
#slider_other.home:before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: var(--ab_white);
z-index: -1;
}
#slider_other.home .item .container-img img {
height: 19vw;
min-height: 350px;
} #details.home_offres {
position: relative;
background: var(--ab_white);
padding-top: 110px;
padding-bottom: 50px;
}
#details.home_offres .zonetxt {
display: block;
margin: 0 auto;
text-align: center;
}
@media (min-width: 991px) {
#details.home_offres .zonetxt {
width: 650px !important;
}
}
@media (max-width: 991px) {
#anim_1 {
opacity: 0;
pointer-events: none;
overflow: hidden;
}
} #anim_1 {
position: absolute;
margin-top: -200px;
z-index: 2;
width: 100%;
max-width: 100%;
pointer-events: none;
}
#anim_1 div {
width: 500px;
}
#anim_1 div svg {
overflow: visible;
fill: none;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
#anim_1 div svg path {
stroke-width: 0.5;
stroke: #8c8c8c;
}
#anim_1 div svg path#tyrolienne_2 {
}
#anim_1 #glissade {
width: 250px;
height: 250px;
position: absolute;
}
#anim_1 #glissade img {
width: 250px;
} .photostack {
background: var(--ab_orange);
position: relative;
text-align: center;
overflow: hidden;
}
.js .photostack {
height: 580px;
}
.photostack-start {
cursor: pointer;
}
.photostack > div {
width: 100%;
height: 100%;
margin: 0 auto;
}
.photostack figure {
width: 320px;
height: 360px;
position: relative;
display: inline-block;
background: var(--ab_white);
padding: 40px;
text-align: center;
margin: 5px;
}
.js .photostack figure {
position: absolute;
display: block;
margin: 0;
}
.photostack figcaption h2 {
margin: 20px 0 0 0;
color: var(--ab_orange);
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}
.photostack-img {
outline: none;
display: block;
width: 240px;
height: 240px;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
background: var(--ab_white);
}
.photostack-img img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
-o-object-position: center;
object-position: center;
}
.photostack-back {
display: none;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: var(--ab_white);
color: #a7a0a2;
padding: 50px 40px;
text-align: left;
font-size: 22px;
line-height: 1.25;
z-index: 1;
}
.photostack-back p {
margin: 0;
}
.photostack-back p span {
text-decoration: line-through;
}
.photostack nav {
position: absolute;
width: 100%;
bottom: 30px;
z-index: 90;
text-align: center;
left: 0;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.photostack-start nav {
opacity: 0;
}
.photostack nav span {
position: relative;
display: inline-block;
margin: 0 5px;
width: 30px;
height: 30px;
cursor: pointer;
background: var(--ab_white);
border-radius: 50%;
text-align: center;
-webkit-transition: -webkit-transform 0.6s ease-in-out, background 0.3s;
-webkit-transition: background 0.3s, -webkit-transform 0.6s ease-in-out;
transition: background 0.3s, -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out, background 0.3s;
transition: transform 0.6s ease-in-out, background 0.3s;
transition: transform 0.6s ease-in-out, background 0.3s, -webkit-transform 0.6s ease-in-out;
-webkit-transform: scale(0.48);
-ms-transform: scale(0.48);
transform: scale(0.48);
}
.photostack nav span:last-child {
margin-right: 0;
}
.photostack nav span::after {
content: "\f0e2";
font-family: 'FontAwesome';
font-size: 80%;
speak: none;
display: inline-block;
vertical-align: top;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 30px;
color: var(--ab_orange);
opacity: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.photostack nav span.current {
background: var(--ab_white);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.photostack nav span.current.flip {
-webkit-transform: scale(1) rotateY(-180deg) translateZ(-1px);
transform: scale(1) rotateY(-180deg) translateZ(-1px);
background: var(--ab_white);
opacity: 0.7;
}
.photostack nav span.flippable::after {
opacity: 1;
-webkit-transition-delay: 0.4s;
-o-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.js .photostack::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
top: 0;
left: 0;
z-index: 100;
-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
-o-transition: opacity 0.3s, visibility 0s 0.3s;
transition: opacity 0.3s, visibility 0s 0.3s;
}
.js .photostack-start::before {
-webkit-transition: opacity 0.3s;
-o-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.js .photostack::after {
content: 'Voir les images';
font-weight: 400;
position: absolute;
border: 3px solid var(--ab_white);
text-align: center;
white-space: nowrap;
left: 50%;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
-ms-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
padding: 10px 20px;
color: var(--ab_white);
text-transform: uppercase;
letter-spacing: 1px;
cursor: pointer;
z-index: 101;
}
.js .photostack::before,
.js .photostack::after {
opacity: 0;
visibility: hidden;
}
.js .photostack-start::before,
.js .photostack-start:hover::after,
.touch .photostack-start::after  {
opacity: 1;
visibility: visible;
}
.photostack figure::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
visibility: visible;
opacity: 1;
background: rgba(0,0,0,0.05);
-webkit-transition: opacity 0.6s;
-o-transition: opacity 0.6s;
transition: opacity 0.6s;
}
figure.photostack-current::after {
-webkit-transition: opacity 0.6s, visibility 0s 0.6s;
-o-transition: opacity 0.6s, visibility 0s 0.6s;
transition: opacity 0.6s, visibility 0s 0.6s;
opacity: 0;
visibility: hidden;
}
.photostack-transition figure {
-webkit-transition: -webkit-transform 0.6s ease-in-out;
transition: -webkit-transform 0.6s ease-in-out;
-o-transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out;
transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
}
.photostack-perspective {
-webkit-perspective: 1800px;
perspective: 1800px;
}
.photostack-perspective > div,
.photostack-perspective figure {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
} .debug .photostack-perspective figure,
.debug .photostack-perspective figure div {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.photostack-perspective figure,
.photostack-perspective figure div {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.photostack-perspective figure.photostack-flip {
-webkit-transform-origin: 0% 50%;
-ms-transform-origin: 0% 50%;
transform-origin: 0% 50%;
}
.csstransformspreserve3d figure.photostack-flip .photostack-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
display: block;
}
.no-csstransformspreserve3d figure.photostack-showback .photostack-back {
display: block;
}
.no-js .photostack figure {
-webkit-box-shadow: -2px 2px 0 rgba(0,0,0,0.05);
box-shadow: -2px 2px 0 rgba(0,0,0,0.05);
}
.no-js .photostack figure::after {
display: none;
}
.no-js .photostack figure:nth-child(3n) {
-webkit-transform: translateX(-10%) rotate(5deg);
-ms-transform: translateX(-10%) rotate(5deg);
transform: translateX(-10%) rotate(5deg);
}
.no-js .photostack figure:nth-child(3n-2) {
-webkit-transform: translateY(10%) rotate(-3deg);
-ms-transform: translateY(10%) rotate(-3deg);
transform: translateY(10%) rotate(-3deg);
}
#photostack-1 nav span.current {
background: #888;
-webkit-transform: scale(0.61);
-ms-transform: scale(0.61);
transform: scale(0.61);
} #details.home_avis {
background: transparent;
padding-top: 130px;
padding-bottom: 130px;
}
#details.home_avis h3 {
margin: 40px 0;
color: var(--ab_orange);
position: relative;
}
#details.home_avis h3:before {
content: "\f0a3";
font-family: 'FontAwesome';
font-size: 40px;
margin-right: 20px;
}
#details.home_avis h3:after {
content: "\f00c";
font-family: 'FontAwesome';
color: var(--ab_white);
position: absolute;
left: 9px;
font-size: 18px;
top: 11px;
}
#details.home_avis .counter {
font-size: 45px;
}
#details.home_avis .widget_avis .background {
width: 100%;
min-height: 500px;
background: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/decors_5.png);
background-repeat-x: no-repeat;
background-size: contain;
text-align: center;
padding: 30px 10%;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: center;
}
.ti-widget {
background: var(--ab_white);
padding: 25px;
border-radius: 30px;
}
#details.home_avis .swiper-slide {
opacity: 0;
transition: 0.5s all;
}
#details.home_avis .swiper-slide-active {
opacity: 1 !important;
transition: 0.5s all;
}
#details.home_avis .widget_avis .inside {
background: var(--ab_white);
border-radius: 20px;
padding: 25px;
max-height: 360px;
overflow-y: scroll;
}
#details.home_avis .widget_avis .inside::-webkit-scrollbar {
-webkit-appearance: none;
width: 5px;
}
#details.home_avis .widget_avis .inside::-webkit-scrollbar-thumb {
border-radius: 5px;
background-color: var(--ab_orange);
-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
#details.home_avis .widget_avis .inside span {
font-weight: 600;
color: var(--ab_orange);
display: block;
margin-bottom: 10px;
}
#details.home_avis .widget_avis .inside span:before {
content: "\f27a";
font-family: 'FontAwesome';
color: var(--ab_orange);
margin-right: 5px;
}
#details.home_avis .widget_avis .inside p {
font-size: 14px;
} @media (max-width: 991px) {
#details.home_avis h3 {
margin: 25px 0;
}
#details.home_avis .widget_avis {
padding-top: 50px;
}
}  #details.leparc {
position: relative;
}
#details.leparc div[id^="nb_"] {
padding-bottom: 100px;
}
#details.leparc div[id^="nb_"]:last-child {
padding-bottom: 50px;
} #chiffres {
background-color: var(--ab_orange);
position: relative;
padding: 20px 0;
}
#chiffres svg {
position: absolute;
left: 0;
fill: var(--ab_orange);
z-index: 1;
}
#chiffres svg#forme_top {
top: -25px;
}
#chiffres svg#forme_bottom {
bottom: -25px;
}
#chiffres .bloc {
margin: 20px 0;
padding: 10px;
}
#chiffres .bloc * {
color: var(--ab_white);
position: relative;
z-index: 2;
}
#chiffres h3 {
font-size: 60px;
margin-bottom: 0;
}
#chiffres h2 {
font-size: 22px;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
} #posts {
margin-top: -15px;
}
#posts .vignettes {
opacity: 1;
padding: 15px;
}
#posts .bloc {
position: relative;
overflow:hidden;
} #posts .vignettes img {
-webkit-transition: all 0.4s;
-o-transition: all 0.4s;
transition: all 0.4s;
width: 100%;
}
#posts .vignettes .bloc:hover img{
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
#posts .vignettes .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
height: 100%;
width: 100%;
background: #EFB960b3;
-webkit-transition: .7s all;
-o-transition: .7s all;
transition: .7s all;
}
#posts .vignettes:hover .overlay {
opacity: 1;
}
#posts .vignettes .overlay h1 {
font-family: 'Montserrat', sans-serif;
font-size: 17px;
font-weight: 600;
color: var(--ab_white);
} @media (max-width: 1199px) {
#posts {
margin-top: 30px;
}
}
@media (max-width: 991px) {
#posts .vignettes {
padding: 20px;
}
} footer {
background-color: var(--ab_beige);
padding-top: 90px;
color: var(--ab_darkgrey);
font-size: 14px;
}
footer #nb_1 .inside img {
width: 160px;
position: relative;
top: -5px;
margin-bottom: 30px;
pointer-events: none;
}
footer #nb_1 .inside .zonetxt {
width: 350px;
padding-right: 5px;
}
footer #nb_1 .inside .zonetxt a,
footer #nb_2 a:not(.btn_1) {
color: var(--ab_darkgrey) !important;
}
footer #nb_1 .inside .zonetxt a i {
border: 1px solid var(--ab_orange);
background: var(--ab_orange);
color: var(--ab_white);
padding: 5px;
width: 26px;
text-align: center;
border-radius: 7px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin-top: 5px;
margin-right: 10px;
}
footer #nb_1 .inside .zonetxt a i:hover {
background: transparent;
color: var(--ab_orange);
}
footer #nb_2 h3 {
margin-bottom: 45px;
color: var(--ab_black);
}
footer #nb_2 ul {
list-style-type: none;
padding: 0;
-webkit-padding-start: 0;
padding-inline-start: 0;
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;
}
footer #nb_2 ul li {
margin: 0 0 20px;
cursor: pointer;
position: relative;
}
footer #nb_2 ul li a:not(.btn_1) {
color: var(--ab_white);
text-decoration: none !important;
}
footer #nb_2 ul li:not(:last-child):before {
content: "\f105";
font-family: "FontAwesome";
background: var(--ab_orange);
color: var(--ab_white);
width: 15px;
height: 15px;
font-size: 13px;
border-radius: 50%;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 6px;
}
footer #nb_2 ul li.not:before {
display: none;
}
footer #nb_3 #ccmapssite {
width: 100%;
height: 320px;
background: var(--ab_white);
border-radius: 20px;
-webkit-box-shadow: 0 0 25px rgb(202 202 202 / 30%);
box-shadow: 0 0 25px rgb(202 202 202 / 30%);
}
footer #nb_3 #ccmapssite .marker,
.item.acces #maps_2 .marker_2 {
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
width: 80px !important;
height: 100px !important;
}
footer #nb_3 #ccmapssite #marker,
.item.acces #maps_2 #marker_2 {
background-image: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/pointer.svg);
background-size: cover;
width: 30px;
height: 30px;
border-radius: 50%;
cursor: pointer;
}
footer #nb_3 #ccmapssite .mapboxgl-popup-content,
.item.acces #maps_2 .mapboxgl-popup-content {
background: var(--ab_orange);
color: var(--ab_white);
border-radius: 25px;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 15px 15px;
text-align: center;
}
footer #nb_3 #ccmapssite .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.item.acces #maps_2 .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
border-top-color: var(--ab_orange);
}
footer #nb_3 #ccmapssite .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.item.acces #maps_2 .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
border-bottom-color: var(--ab_orange);
}
footer #nb_3 #ccmapssite .mapboxgl-popup-close-button,
.item.acces #maps_2 .mapboxgl-popup-close-button {
display: none !important;
}
footer #nb_3 #ccmapssite i,
.item.acces #maps_2 i {
font-size: 22px;
display: block;
margin-bottom: 5px;
}
footer #nb_3 #ccmapssite p,
.item.acces #maps_2 p {
line-height: 1.4;
font-size: 13px;
margin-bottom: 10px;
}
footer #nb_3 #ccmapssite h4,
.item.acces #maps_2 h4 {
font-size: 16px;
color: var(--ab_white);
margin: 0;
}
.mapboxgl-ctrl-group {
-webkit-box-shadow: none !important;
box-shadow: none !important;
} #copyright {
padding-top: 80px;
padding-bottom: 10px;
}
#copyright .container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
#copyright h6 {
font-family: inherit;
font-size: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
color: var(--ab_darkgrey);
text-decoration: none !important;
}
#copyright h6 a {
color: var(--ab_darkgrey);
}
#copyright h6 a:hover {
text-decoration: underline !important;
}
#copyright .mcrea a:hover {
text-decoration: none !important;
}
#copyright .mcrea .ico {
display: inline-block;
width: 30px;
height: 30px;
margin: 0 10px;
border-radius: 50%;
text-align: center;
position: relative;
text-decoration: none;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
top: -9px; -webkit-transition: -webkit-transform 1s, opacity 1.3s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}
#copyright .mcrea:hover .ico {
-webkit-box-shadow: 0 0 0 2px rgb(255 60 80);
box-shadow: 0 0 0 2px rgb(255 60 80);
background: rgb(255 60 80);
}
#copyright .mcrea .ico:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content:'';
-webkit-box-sizing: content-box;
box-sizing: content-box; top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: var(--ab_white);
-webkit-transition: -webkit-transform 1s, opacity 1.3s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}
#copyright .mcrea:hover .ico:after {
background: rgb(255 60 80);
}
#copyright .mcrea .ico:before {
speak: none;
font-size: 48px;
line-height: 90px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: block;
-webkit-font-smoothing: antialiased;
}
#copyright .mcrea:hover .ico:after {
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
}
#copyright .mcrea .ico svg#agencemcrea {
position: absolute;
width: 24px;
left: 4px;
top: 9px;
fill: var(--ab_black);
-webkit-transition: -webkit-transform 1s, opacity 1.3s;
-webkit-transition: opacity 1.3s, -webkit-transform 1s;
transition: opacity 1.3s, -webkit-transform 1s;
-o-transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s;
transition: transform 1s, opacity 1.3s, -webkit-transform 1s;
}
#copyright .mcrea:hover .ico svg#agencemcrea {
fill: var(--ab_white);
}
@media (max-width: 991px) {
#copyright .container-fluid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#copyright .client h6 {font-size: 7px;}
#copyright .mcrea {
margin-top: 20px;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
}
.footer-contact p:last-child {
margin-bottom: 0;
} footer #anim_Footer {
position: relative;
}
footer #anim_Footer .feuilleFooter {
width: 350px;
-webkit-transform: rotate(100deg);
-ms-transform: rotate(100deg);
transform: rotate(100deg);
position: absolute;
z-index: 5;
margin-top: -750px;
right: -400px;
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
}
footer #anim_Footer .feuilleFooter.rotation {
right: -110px;
-webkit-transform: rotate(190deg);
-ms-transform: rotate(190deg);
transform: rotate(190deg);
-webkit-transition: all 1s;
-o-transition: all 1s;
transition: all 1s;
} .wpcf7 {
position: relative;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
width: 100%;
padding: 5px 5px;
border: 0;
border-radius: 20px;
color: #FFF;
font-weight: 600;
background: rgb(250 250 250 / 16%);
}
.wpcf7-form-control-wrap textarea {
height: 130px !important;
width: 100% !important;
}
.wpcf7 label {
font-weight: 600;
color: var(--ab_white);
font-size: 17px;
margin: 25px 0 0;
line-height: 1;
}
.wpcf7 label span {
font-weight: 300;
font-size: 12px;
margin-left: 5px;
}
span.form-oblig {
display: inline;
font-size: 12px;
font-weight: 500;
}
#mtn-form {
margin: 15px 0 0;
display: block;
}
#mtn-form label {
margin: 0;
}
span#mtn-form span {
font-size: 11px;
font-weight: 600;
margin: 0;
}
span#mtn-form input {
display: inline;
width: 23px;
}
.wpcf7-submit {
font-family: 'Luckiest Guy', cursive;
font-weight: 500;
border: 2px solid var(--ab_white);
padding: 23px 18px 18px 18px;
font-size: 25px;
line-height: 1;
border-radius: 20px;
margin-top: 20px;
background: transparent;
color: var(--ab_white);
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
display: inline-block;
text-align: center;
}
.wpcf7-submit:hover {
background: var(--ab_white);
color: var(--ab_orange);
}
div.wpcf7 .ajax-loader {
background-image: url(//atoutbranches.com/wp-content/themes/atoutbranche/images/loader.gif);
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
display: inline-block;
margin-left: 10px;
}
div.wpcf7-validation-errors,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border: none !important;
background: var(--ab_red) !important;
padding: 10px !important;
color: var(--ab_white) !important;
margin: 20px 0px 20px !important;
line-height: 1.2;
font-weight: 600;
text-align: center;
font-size: 15px;
border-radius: 10px;
}
div.wpcf7-mail-sent-ok,
.wpcf7 form.sent .wpcf7-response-output {
border: none !important;
background: #46b450 !important;
padding: 10px !important;
color: var(--ab_white) !important;
margin: 20px 0px 20px !important;
line-height: 1.2;
font-weight: 600;
text-align: center;
font-size: 15px;
border-radius: 10px;
}
span.wpcf7-not-valid-tip {
background: var(--ab_white) !important;
color: var(--ab_orange) !important;
border: none;
font-size: 12px;
font-weight: 600;
margin: 0 auto;
padding: 3px 3px;
display: table;
}
.col-checkbox span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7-not-valid#mtn-form span {
color: var(--ab_red) !important;
border-bottom: 0 !important;
} .modal-dialog {
padding: 30px;
}
.modal-content {
background-color: var(--ab_orange);
border: 0;
border-radius: 20px;
}
.modal-body {
padding: 10px 25px;
}
.modal.fade .modal-dialog{
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.zoom-in {
-webkit-transform: scale(0)!important;
-ms-transform: scale(0)!important;
transform: scale(0)!important;
opacity: 0;
-webkit-transition: 0.5s all 0s;
-o-transition: 0.5s all 0s;
transition: 0.5s all 0s;
display: block !important;
}
.zoom-in.show {
opacity: 1;
-webkit-transform: scale(1)!important;
-ms-transform: scale(1)!important;
transform: scale(1)!important;
-webkit-transform:none;
-ms-transform:none;
transform:none;
}
@media (max-width: 991px) {
.modal-content {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
} @media (max-width: 1450px) { footer #nb_1 .inside .zonetxt {
width: 320px;
}
footer #nb_2 ul {
-webkit-column-gap: 20px;
-moz-column-gap: 20px;
column-gap: 20px;
} #entrance {
height: 80vh;
}
#meteogroup.panel-group {
z-index: 10;
} }
@media (max-width: 1250px) { #bandeau_home svg#forme_top { top: -15px; }
#bandeau_home svg#forme_bottom { bottom: -15px; }
#chiffres svg#forme_top { top: -15px; }
#chiffres svg#forme_bottom { bottom: -15px; }
#infos_nav svg#forme_top { top: -15px; }
#infos_nav svg#forme_bottom { bottom: -15px; } footer #nb_1 .inside .zonetxt {
width: 280px;
}
footer #nb_2 ul {
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;    
} }
@media (max-width: 1199px) {  footer #nb_1 .inside .zonetxt {
width: 400px;
}
footer #nb_2 ul {
-webkit-column-gap: 50px;
-moz-column-gap: 50px;
column-gap: 50px;    
}
footer #nb_3 #ccmapssite {
width: 100%;
height: 350px;
margin-top: 50px;
}
footer #anim_Footer .feuilleFooter.rotation {
right: -70px;
}
footer #anim_Footer .feuilleFooter {
margin-top: -1100px;
width: 250px;
} }
@media (max-width: 991px) { body {font-size: 14px;}
h1,.h1 {font-size: 30px;}
h2,.h2 {font-size: 25px}
h3,.h3 {font-size: 22px}
h4,.h4 {font-size: 18px}
.btn_1,
button.regiondo-button.btn_1,
h5 {
padding: 17px 15px 10px 15px !important;
font-size: 21px !important;
}
section.infospratiques.billetterie .btn_1 {
margin: 0 0 10px 0;
}
#chiffres h3 {font-size: 45px;}
#chiffres h2 {font-size: 20px;}
#slider_other .diaporama_titre svg {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
#slider_other.activites .diaporama_titre svg {
left: -40px;
}
#slider_other.coeur .diaporama_titre svg {
left: -60px;
} #details {
min-height: 200px;
}
#details.home { padding-top: 80px; }
#details_btn.home { padding-bottom: 320px; }
#details.home_offres {
padding-top: 70px;
padding-bottom: 35px;
min-height: auto;
}
#details.home_avis {
padding-top: 80px;
padding-bottom: 80px;
}
#controls { margin-top: 20px; }
#slider_other {padding-bottom: 30px;} #details.leparc {
padding-top: 60px;
}
#details_btn {
padding-top: 15px;
padding-bottom: 80px;
} #details.content,
#details.accrobranche,
#details.modele {
padding-top: 60px;
}
#parcours img#nb_2.feuillage {
padding-bottom: 20px;
background-color: var(--ab_white);
} #entrance.infospratiques {
display: none;
}
#infos_nav {
padding: 15px 0;
padding-top: 65px;
}
section#details.infospratiques {
padding-top: 80px;
}
.item #img_calendrier {
padding-top: 15px;
} footer {
padding-top: 60px;
}
footer #nb_1 {
text-align: center;
}
footer #nb_1 .inside .zonetxt {
margin: 0 auto;
width: auto;
max-width: 800px;
}
footer #nb_2 {
display: none;
}
footer #anim_Footer .feuilleFooter {
margin-top: -1000px;
width: 250px;
}
#copyright {
padding-top: 45px;
padding-bottom: 50px;
} }
@media (max-width: 767px) { #regiondo-cart-qty {display: none !important;}
#regiondo-cart-box {font-size: 20px !important;}
#regiondo-cart-text {font-size: 15px !important;}
#regiondo-cart-button.bottom-right {
bottom: 10px !important;
right: 0 !important;
left: 0 !important;
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} #bandeau_home svg#forme_top { top: -5px; }
#bandeau_home svg#forme_bottom { bottom: -5px; }
#chiffres svg#forme_top { top: -5px; }
#chiffres svg#forme_bottom { bottom: -5px; }
#infos_nav svg#forme_top { top: -5px; }
#infos_nav svg#forme_bottom { bottom: -5px; } #archive {
padding-top: 0;
padding-bottom: 10px;
}
#archive .inside {
display: block;
text-align: center;
}
#archive .inside .forme {
margin-right: 0;
margin-top: -5px;
margin-bottom: -30px;
}   
#archive .inside .forme svg {
width: 270px;
} footer #nb_1 .inside {
display: block;
text-align: center;
}
footer #nb_1 .inside .zonetxt {
margin: 0 auto;
font-size: 12px;
}
footer #nb_1 .inside .zonetxt {
width: 500px;
max-width: 100%;
}
footer #nb_3 #ccmapssite {
width: 100%;
height: 250px;
margin-top: 40px;
}
#copyright .mcrea {
margin-top: 20px;
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
footer #anim_Footer .feuilleFooter {
margin-top: -850px;
width: 170px;
} }
@media (max-width: 500px) { }