/*

Theme Name: SITE AAZ DISPLAYS
Theme URI: https://aazdisplays.fr/
Author: Agence M-Créa
Author URI: https://agencemcrea.fr/
Description : Thème AAZ DISPLAYS
Version: 1.0

*/

/* =============================

-------------- ORGANISATION CSS :

CHAPITRE 1 - 
CHAPITRE 2 - 
CHAPITRE 3 - 
CHAPITRE 4 - 
CHAPITRE 5 - 

================================ */

@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;500;700&family=Satisfy&display=swap');

/* */

@font-face {
    font-family: 'circularmedium';
    src: url('fonts/lineto-circular-medium-webfont.woff2') format('woff2'),
         url('fonts/lineto-circular-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'circularbook';
    src: url('fonts/lineto-circular-book-webfont.woff2') format('woff2'),
         url('fonts/lineto-circular-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'circularbold';
    src: url('fonts/lineto-circular-bold-webfont.woff2') format('woff2'),
         url('fonts/lineto-circular-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* =============================

--- X - RGPD - SEM FONTAINEBLEAU

================================ */

.wordpress-gdpr-popup-small {
width: 200px !important;
margin-right: 30px !important;
bottom: 30px !important;
}

.wordpress-gdpr-popup {
font-size: 11px !important;
line-height: 15px !important;
}

.wordpress-gdpr-popup-actions {
margin-top: 10px !important;
}

.wordpress-gdpr-popup-decline {
float: left !important;
}

.wordpress-gdpr-popup-actions a {
display: block !important;
}

.wordpress-gdpr-privacy-settings-popup-services-buttons .btn {
border-radius: 0 !important;
}

@media (max-width: 770px) {

    .wordpress-gdpr-popup-small {
    width: 250px !important;
    margin-right: 15px !important;
    bottom: 0px !important;
    }

    .wordpress-gdpr-popup {
    font-size: 9px !important;
    line-height: 11px !important;
    }

    .wordpress-gdpr-popup-agree,
    .wordpress-gdpr-popup-decline {
    padding: 10px 10px !important;
    margin: 0 10px 0 0 !important;
    }

    .wordpress-gdpr-popup-actions-links {
    display: none !important;
    }

}   

/* =============================

--- X - CONSTRUCTION - AAZ DISPLAYS

================================ */

body {
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
line-height: 1.7;
color: var(--aaz_noir);
text-align: left;
background-color: var(--aaz_blanc);
}

#wrapper {
width: 100%;
overflow: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.container-fluid {padding: 0 10%;}
.container-fluid.init {padding: 0 15px;}

a {
text-decoration: none;
color: var(--aaz_vert);    
-webkit-transition: all 0.2s;    
-o-transition: all 0.2s;    
transition: all 0.2s;
}

a:hover {
color: var(--aaz_vert);
text-decoration: none;
}

*
*:focus,
*:active {
outline: none !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}

p, h1, h2, h3, h4, li {
-webkit-user-select: text !important;
-moz-user-select: text !important;
-ms-user-select: text !important;
user-select: text !important;
}

p {margin-bottom: 15px;}
[class*="col-"] p:last-child {margin-bottom: 0;}

b, strong {font-weight: 700;}

h1, h2, h3,
h4, h5, h6 {
font-family: 'circularbold', sans-serif;
font-weight: normal;
color: var(--aaz_noir);
margin-top: 0;
margin-bottom: 15px;
line-height: 1;
}

h2 {
font-family: 'circularmedium', sans-serif;
font-weight: normal;
}

mark {
font-family: 'Satisfy', cursive;
font-weight: 300;
padding: 0;
background: transparent;
color: var(--aaz_noir);
text-transform: initial;
font-size: 25px;
margin-bottom: -15px;
display: block;
}

blockquote {
background: var(--aaz_gris);
padding: 20px;
}

ul {-webkit-padding-start: 15px;padding-inline-start: 15px;}

img {
max-width: 100%;
}

.grecaptcha-badge {
display: none !important;
visibility: hidden !important;
}

/* ===== RESPONSIVE ===== */

@media (max-width: 1600px) {
    .container-fluid { padding: 0 5%; }
}

@media (max-width: 1199px) {
    .container-fluid { padding: 0 30px; }
}

@media (max-width: 991px) {
    .container-fluid { padding: 0 20px; }
}

.container { max-width: 2000px; } 


/* ===== Bootstrap Fix 5 Col ===== */

.col-5col {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 100%;
float: left;
}

@media (min-width: 768px) {
  .col-5col {width: 100%;float: left;}
}

@media (min-width: 992px) {
  .col-5col {width: 25%;float: left;}
}

@media (min-width: 1200px) {
  .col-5col {width: 20%;float: left;}
}


/* ===== COLORS ===== */

:root {
--aaz_blanc:     #FFFFFF;
--aaz_noir:      #252F38;
--aaz_darknoir:  #000000;
--aaz_gris:      #BABABA;
--aaz_vert:      #006A63;
--aaz_marron:    #ADA191;
}

::-moz-selection {
color: #000;
background-color: #dcfff4;
}

::selection {
color: #000;
background-color: #dcfff4;
}

/* =============================

--- X - FONTS - AAZ DISPLAYS

================================ */

body {font-size: 15px;}
h1,.h1 {font-size: 32px;}
h2,.h2 {font-size: 24px;}
h3,.h3 {font-size: 21px;}
h4,.h4 {font-size: 18px;}

@media (max-width: 1200px) {

  body {font-size: 14px;}
  h1,.h1 {font-size: 23px;}
  h2,.h2 {font-size: 19px}
  h3,.h3 {font-size: 17px}
  h4,.h4 {font-size: 15px}

}

/* =============================

--- X - HEADER - AAZ DISPLAYS

================================ */

header {
position: absolute;
width: 100%;
z-index: 500;
}

.navigation-wrap {
width: 100%;
top: 0;
left: 0;
z-index: 1000;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.nav-container,
.navigation-wrap {
background: transparent;
}

.navbar {padding: 0;}

/* Init + Scroll */

.start-header {
opacity: 1;
-webkit-transform: translateY(0);
    -ms-transform: translateY(0);
        transform: translateY(0);
padding: 10px 0;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.start-header.scroll-on {
-webkit-box-shadow: 00 5px 10px 0 rgb(0 0 0 / 3%);
        box-shadow: 00 5px 10px 0 rgb(0 0 0 / 3%);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.start-header.scroll-on {
position: fixed;
padding: 15px 0;
}

.start-header.scroll-on {
background: var(--aaz_blanc);
}

/* Logotype */

.nav-container svg#aaz_logotype {
width: 240px;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

.nav-container .scroll-on svg#aaz_logotype {
width: 135px;
position: absolute;
z-index: 100;
top: -4px;
}

.nav-container svg#aaz_logotype .st0 {
fill: var(--aaz_vert);
}

/* Toggle */

.navbar-toggler {
float: right;
border: none;
background: transparent !important;
padding: 0;
}

.navbar-toggler:active,
.navbar-toggler:focus {
outline: none;
}

.navbar-toggler-icon {
width: 30px;
height: 20px;
background-image: none;
position: relative;
border-bottom: 2px solid var(--aaz_vert);
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}

.navbar-toggler-icon:after,
.navbar-toggler-icon:before {
width: 30px;
position: absolute;
height: 2px;
background-color: var(--aaz_vert);
top: -2px;
left: 0;
content: '';
z-index: 2;
-webkit-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}

.navbar-toggler-icon:after {
top: 8px;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
-webkit-transform: translateY(10px) rotate(-45deg);
    -ms-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
border-color: transparent !important;
}

/* Links */

#navbarLinks {
position: relative;
top: -5px;
}

.navbar-nav li a {
color: var(--aaz_noir) !important;
font-weight: 500;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}

.navbar-nav li:hover .navbar-nav li a {
color: var(--aaz_vert) !important;
}

.navbar-nav li.active .navbar-nav li a {
color: var(--aaz_vert) !important;
}

.navbar-nav li.current-menu-parent a,
.navbar-nav li.current-menu-item a,
.navbar-nav li.active a {
color: var(--aaz_vert) !important;
}

.navbar-nav li.current-menu-parent a:after,
.navbar-nav li.current-menu-item a:after {
content: '';
display: block;
position: absolute;
height: 2px;
width: 30px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: var(--aaz_vert);
}

.navbar-nav li a {
position: relative;
padding: 5px 0 !important;
display: inline-block;
}

.navbar-nav li:after {
content: "/";
margin: 0 18px;
color: var(--aaz_vert);
font-size: 22px;
line-height: 30px;
}

.navbar-nav li:last-child:after {
display: none;
}

.navbar-nav li {
position: relative;
-webkit-transition: all 200ms linear;
-o-transition: all 200ms linear;
transition: all 200ms linear;
}

.navbar-nav li:first-child {
margin-left: 0;
}

/* Dropdown */

.dropdown-toggle::after {
content: '';
display: inline-block;
position: absolute;
bottom: -2px;
right: 0;
left: 0;
margin: 0 auto;
border-style: solid;
border-width: 0.05em 0.05em 0 0;
height: 0.35em;
-webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
vertical-align: top;
width: 0.35em;
opacity: .5;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
z-index: 1001;
}

.menu-item-has-children.dropdown:hover .dropdown-toggle::after {
-webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
        transform: rotate(315deg);
}

.dropdown-menu {
width: 195px;
top: 30px;
background: transparent;
border-radius: 0;
border: none;
padding: 0;
margin: 0;
font-size: 14px;
}

.navbar-nav li .dropdown-menu a {
color: var(--aaz_blanc) !important;
font-size: 14px;
font-weight: 400 !important;
white-space: break-spaces;
line-height: 1.2;
text-transform: initial !important;
padding-left: 13px !important;
padding-right: 13px !important;
text-decoration: none !important;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
}

.start-header.scroll-on .dropdown-menu {
top: 19px;
}

.navbar-nav .dropdown-menu li:first-child {
margin-top: 15px;
}

.start-header.scroll-on .navbar-nav .dropdown-menu li:first-child {
margin-top: 32px;
}

.navbar-nav .dropdown-menu .current-menu-item a {
color: var(--aaz_blanc) !important;
font-weight: 500 !important;
border-color: transparent !important;
}

.dropdown-item:focus, .dropdown-item:hover {
background-color: transparent;
border-top: 1px solid var(--aaz_blanc) !important;
border-bottom: 1px solid var(--aaz_blanc) !important;
}

.navbar-nav li .dropdown-menu li:first-child a {
border-top: none !important;
}

.navbar-nav li .dropdown-menu li:last-child a {
border-bottom: none !important;
}

.navbar-nav .dropdown-menu .current-menu-item {
background: var(--aaz_vert) !important;
}

.navbar-nav .dropdown-menu li {
margin: 0;
background: var(--aaz_vert);
}

.navbar-nav .dropdown-menu li:last-child {
border-bottom: none;
}

.navbar-nav .dropdown-menu li:after {
display: none;
}

.navbar-nav .dropdown-menu li a {
padding: 8px !important;
}

.dropdown .dropdown-menu {
overflow: hidden;
-webkit-transform-origin: top center;
    -ms-transform-origin: top center;
        transform-origin: top center;
-webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
        transform: scale(1, 0);
display: block;
}

.dropdown:hover .dropdown-menu {
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}

body:after {
content: '';
position: fixed;
z-index: 100;
width: 100%;
height: 100%;
top: 0;
background: var(--aaz_vert);
bottom: 0;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

body.nav_open:after {
opacity: 0.8;
visibility: visible;
}

/* Colors */

body.vert .start-header.scroll-on {
background: var(--aaz_vert);
}

body.vert.noir .start-header.scroll-on {
background: var(--aaz_darknoir);
}

body.vert .nav-container svg#aaz_logotype .st0 {
fill: var(--aaz_blanc);
}

body.vert .navbar-nav li a {
color: var(--aaz_blanc) !important;
}

body.vert .navbar-nav li:after {
color: var(--aaz_blanc);
}

body.vert li.current-menu-parent a,
body.vert li.current-menu-item a {
color: var(--aaz_blanc) !important;
}

body.vert .navbar-nav li.current-menu-parent a:after,
body.vert .navbar-nav li.current-menu-item a:after {
background-color: var(--aaz_blanc);
}

body.vert .dropdown-toggle::after {
opacity: 1;
border-color: var(--aaz_darknoir);
}

body.vert.nav_open:after {
background: rgb(255 255 255 / 85%);
}

/* ===== RESPONSIVE ===== */

@media (max-width: 1199px) { 

    .nav-container svg#aaz_logotype {
    width: 165px;
    }

    .navbar-nav li:after {
    margin: 0 15px;
    }

}

@media (max-width: 991px) {

    header {
    height: 70px;
    position: relative;
    }

    .nav-container, .navigation-wrap {
    background: var(--aaz_blanc);
    }

    #navbarLinks {
    position: relative;
    top: 15px;
    }

    .start-header.scroll-on {
    padding: 15px 0 30px;
    }

    .start-header.scroll-on button.navbar-toggler {
    position: relative;
    top: 7px;
    }

    /* Style */
    .navbar-nav {
    margin: 0 0 30px;
    padding: 10px;
    background: url(images/texture.jpg);
    background-position: center;
    }
    
    .start-header.scroll-on .navbar-nav {
    margin: 25px 0 15px;
    }

    /* */

    .dropdown-toggle::after,
    .navbar-nav li:after {
    display: none;
    }

    .navbar-nav li {
    margin-left: 0;
    padding: 5px 10px;
    }

    .navbar-nav li a {
    color: var(--aaz_blanc) !important;
    font-size: 15px;
    } 

    .navbar-nav li.current-menu-parent a,
    .navbar-nav li.current-menu-item a,
    body.vert .navbar-nav li.current-menu-parent a,
    body.vert .navbar-nav li.current-menu-item a {
    color: var(--aaz_vert) !important;
    }

    .navbar-nav li:hover:after,
    .navbar-nav li.active:after,
    .navbar-nav li.current-menu-parent a:after,
    .navbar-nav li.current-menu-item a:after {
    display: none;
    }

    /* Dropdown */

    .dropdown .dropdown-menu {
    -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
            transform: scale(1, 1);
    width: 100%;
    text-align: left;
    display: none;
    }

    .dropdown .dropdown-menu.show {
    display: block;
    }

    .dropdown-menu {
    margin-top: 5px;
    margin-bottom: 5px;
    border-left: 1px solid var(--aaz_blanc);
    }

    .navbar-nav .dropdown-menu li {
    padding: 0;
    border-bottom: none;
    margin: 0 !important;
    background: transparent !important;
    }

    .navbar-nav li .dropdown-menu a {
    font-size: 13px;
    padding-left: 15px !important;
    padding-right: 15px !important;
    }

    /* Colors */

    body.vert .nav-container,
    body.vert .navigation-wrap {
    background: var(--aaz_vert);
    }

    body.vert .navbar-toggler-icon:after,
    body.vert .navbar-toggler-icon:before {
    background-color: var(--aaz_blanc);
    }

    body.vert .navbar-toggler-icon {
    border-bottom: 2px solid var(--aaz_blanc);
    }

    body.vert.noir .nav-container,
    body.vert.noir .navigation-wrap {
    background: transparent;
    }

    body.vert.noir.nav_open .nav-container,
    body.vert.noir.nav_open .navigation-wrap,
    body.vert.noir .navigation-wrap.start-header.scroll-on {
    background: var(--aaz_darknoir);
    }

    /* */
}

/* =============================

--- X - BOUTONS - AAZ DISPLAYS

================================ */

h5 {
display: inline-block;
padding: 10px 25px;
margin-right: 10px;
border: 2px solid var(--aaz_vert);
border-radius: 10px;
font-family: 'circularbook', sans-serif;
font-weight: normal;
background: transparent;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 2;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

h5:after {
position: absolute;
content: '';
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

h5 a,
h5 a:focus,
h5:focus a {
color: var(--aaz_vert) !important;
}

h5:hover {
background: var(--aaz_vert);
}

h5:hover:after {
-webkit-transform: scale(2) rotate(180deg);
-ms-transform: scale(2) rotate(180deg);
    transform: scale(2) rotate(180deg);
background: var(--aaz_vert);
}

h5:hover a, h5:active a,
h5 a:hover, h5 a:active {
color: var(--aaz_blanc) !important; 
}

/* White */

h5.white {
margin-bottom: 5px;
border: 2px solid var(--aaz_blanc);
}

h5.white a,
h5.white a:focus,
h5.white:focus a,
h5.white.vert a,
h5.white.vert a:focus,
h5.white.vert:focus a {
color: var(--aaz_blanc) !important;
}

h5.white:hover,
h5.white:hover:after {
background: var(--aaz_blanc);
}

h5.white:hover a, h5.white:active a,
h5.white a:hover, h5.white a:active {
color: var(--aaz_darknoir) !important; 
}

h5.white.brown:hover a, h5.white.brown:active a,
h5.white.brown a:hover, h5.white.brown a:active {
color: var(--aaz_marron) !important; 
}

h5.white.vert:hover a, h5.white.vert:active a,
h5.white.vert a:hover, h5.white.vert a:active {
color: var(--aaz_vert) !important; 
}

/* =============================

--- X - SCROLLTOP - AAZ DISPLAYS

================================ */

#scrollTop {
position: fixed;
background: var(--aaz_vert);
width: 40px;
height: 40px;
text-align: center;
position: fixed;
z-index: 1000;
bottom: 25px;
right: 25px;
cursor: pointer;
opacity: 0;
visibility: hidden;
-webkit-transform: skew(-20deg, 0deg);
-ms-transform: skew(-20deg, 0deg);
transform: skew(-20deg, 0deg);
}

#scrollTop.show {
opacity: 1;
visibility: visible;
}

#scrollTop i {
font-size: 35px;
color: var(--aaz_blanc);
-webkit-transform: skew(20deg, 0deg);
-ms-transform: skew(20deg, 0deg);
transform: skew(20deg, 0deg);
}

/* =============================

--- X - MODALE - AAZ DISPLAYS

================================ */

#contactModal {

}

#contactModal .modal-dialog {
margin: 30px auto;
padding: 20px;
}

/* Blur */

.modal-backdrop {
background: url(images/texture_2.jpg);
background-size: cover;
background-repeat: no-repeat;
}

.modal-backdrop.show { opacity: 1; }

/* Close */

#contactModal button {
background: transparent;
color: var(--aaz_blanc);
border: 1px solid var(--aaz_blanc);
width: 40px;
height: 40px;
border-radius: 50%;
font-size: 20px;
margin-bottom: 50px;
cursor: pointer;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}

/* Content */

#contactModal .modal-content {
background: transparent;
border: none; 
}

#contactModal .modal-content #zonetxt * {
color: var(--aaz_blanc);
}

#contactModal .modal-content #zonetxt h1:before {
color: var(--aaz_blanc);
}

/* Formulaire */

#contactModal .wpcf7 {
width: 100%;
margin-top: 0;
}

#contactModal .wpcf7 {
width: 100%;
margin-top: 0;
}

#contactModal .wpcf7-submit:hover {
color: var(--aaz_darknoir);
}

/* =============================

--- X - ZONE TXT - AAZ DISPLAYS

================================ */

#zonetxt h1:before {
content: "/";
margin-right: 20px;
color: var(--aaz_vert);
}

#zonetxt h1 {
margin-bottom: 30px;
}

#zonetxt h2 {
margin-bottom: 15px;
margin-top: 35px;
}

#zonetxt p {
margin-bottom: 15px;
}

/* =============================

--- X - CONSTRUCTION - AAZ DISPLAYS

================================ */

@media (min-width: 1200px) { 

    div[id*="z1"] {
    padding-top: 190px !important;
    }

}

@media (min-width: 992px) { 

    div[id*="z1"] {
    padding-top: 140px !important;
    }

}

/* =============================

--- X - HOME - AAZ DISPLAYS

================================ */

/* ===== ZONE 1 ===== */

#page6_z2.index_z1 {
padding-top: 110px;
padding-bottom: 50px;
height: 100vh;
min-height: 700px;
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-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

#page6_z2.index_z1 {
background: transparent;
}

#page6_z2.index_z1 * {
color: var(--aaz_noir);
}

#page6_z2.index_z1  #zonetxt h1:before {
color: var(--aaz_vert);
}

#page6_z2.index_z1 #decalage {
position: absolute;
left: -345px;
text-align: right;
}

#page6_z2.index_z1 #decalage h1 {
font-size: 38px;
text-shadow: 0 0 10px #FFF, 0 0 10px #FFF,
0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF,
0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF,
0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF,
0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF,
0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF,
0 0 10px #FFF, 0 0 10px #FFF, 0 0 10px #FFF;
}

#page6_z2.index_z1 #zonetxt h5 {
margin-bottom: 0;
}

/* ===== COMPARAISON BEFORE / AFTER ===== */

._BA_comparisonArea {
position: relative;
overflow: hidden;
cursor: ew-resize;
}

._BA_afterElement,
._BA_beforeElement {
display: block;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 0;
}

._BA_beforeElement {
position: absolute !important;
}

._BA_slice {
position: absolute;
width: 2px;
height: 100%;
top: 0;
left: auto;
background-color: var(--aaz_vert);
}

._BA_comparisonArea.hasHorizontalSlice ._BA_slice {
width: 100%;
height: 1px;
top: auto;
left: 0;
}

._BA_handle {
position: absolute;
background-color: rgb(255, 60, 80);
}

._BA_label {
position: absolute;
font-size: 10px;
font-weight: bold;
top: 48%;
padding: 4px;
color: var(--aaz_blanc) !important;
background-color: var(--aaz_vert);
}

._BA_comparisonArea.hasHorizontalSlice ._BA_label {
margin-left: auto;
margin-right: auto;
}

._BA_label-left {
left: 0;
}

._BA_comparisonArea.hasHorizontalSlice ._BA_label-left {
top: auto;
bottom: 10px;
}

._BA_label-right {
right: 0;
}

._BA_comparisonArea.hasHorizontalSlice ._BA_label-right {
top: 10px;
}

/* ===== KEYS ===== */

#home_keys {
padding-top: 150px;
}

#home_keys .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
width: 1300px;
position: relative;
margin: 0 auto;
}

#home_keys .inside h1 {
margin: 0;
text-align: center;
color: var(--aaz_vert);
font-family: 'circularmedium', sans-serif;
font-weight: normal;
}

#home_keys .inside span {
font-size: 20px;
color: var(--aaz_vert);
}

#home_keys .inside.nb_1 h1:nth-child(1),
#home_keys .inside.nb_2 h1:nth-child(2),
#home_keys .inside.nb_3 h1:nth-child(3),
#home_keys .inside.nb_4 h1:nth-child(4) {
/* font-weight: 500; */
}

#home_keys .inside:after {
content: '';
width: 220px;
height: 57px;
background: transparent;
border: 2px solid var(--aaz_vert);
border-radius: 10px;
position: absolute;
z-index: -1;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

#home_keys .inside.nb_1:after {left: -10px; width: 180px;}
#home_keys .inside.nb_2:after {left: 352px;}
#home_keys .inside.nb_3:after {left: 756px; width: 197px;}
#home_keys .inside.nb_4:after {left: 1140px; width: 170px;}

/* Responsive */

@media only screen and (max-width: 1430px) {
    #home_keys .inside {width: 1000px;}
    #home_keys .inside.nb_1:after {left: -10px; width: 180px;}
    #home_keys .inside.nb_2:after {left: 255px;}
    #home_keys .inside.nb_3:after {left: 557px; width: 197px;}
    #home_keys .inside.nb_4:after {left: 841px; width: 170px;}
}

@media only screen and (max-width: 1200px) {
    #home_keys .inside {width: 800px;}
    #home_keys .inside.nb_1:after {left: -10px; width: 135px;}
    #home_keys .inside.nb_2:after {left: 210px; width: 160px;}
    #home_keys .inside.nb_3:after {left: 450px; width: 152px;}
    #home_keys .inside.nb_4:after {left: 682px; width: 130px;}
}

@media only screen and (max-width: 991px) {
    #home_keys {display: none;}
}

/* ===== SCROLL ===== */

#home_scroll {
padding-top: 30px;
}

#home_scroll a span {
position: absolute;
top: 0;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 2px solid var(--aaz_vert);
border-bottom: 2px solid var(--aaz_vert);
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
-webkit-animation: sdb05 1.5s infinite;
animation: sdb05 1.5s infinite;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

@-webkit-keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

@keyframes sdb05 {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-45deg) translate(-20px, 20px);
            transform: rotate(-45deg) translate(-20px, 20px);
    opacity: 0;
  }
}

/* ===== ZONE 2 ===== */

#index_z2 {
padding-top: 100px;
padding-bottom: 100px;
background: var(--aaz_vert);
color: var(--aaz_blanc);
}

#index_z2 * {
color: var(--aaz_blanc);
}

#index_z2 #zonetxt h1:before {
color: var(--aaz_blanc);
}

#index_z2 #diapo_focus {
width: 100%;
height: 100%;
overflow: hidden;
}

.swiper-slide {
-webkit-transform: translateZ(0) !important;
-webkit-backface-visibility: hidden !important;
-webkit-transform-style: preserve-3d !important;
}

#index_z2 img {
width: 100%;
}

#index_z2 .swiper-pagination {
margin: 30px 0 0;
}

/* ===== ZONE 4 ===== */

#index_z4 {
padding-top: 100px;
padding-bottom: 70px;
background: url(images/texture.jpg);
background-position: center;
}

#index_z4 .intro {
margin-bottom: 70px;
}

#index_z4 .intro h1 {
font-size: 40px;
}

#index_z4 .intro h1:before {
color: var(--aaz_blanc);
}

#index_z4 .intro *,
#index_z4 #diapo_avis * {
color: var(--aaz_blanc);
}

#index_z4 #diapo_avis {
width: 100%;
height: 100%;
overflow: hidden;
}

#index_z4 #diapo_avis .inside {
padding: 30px;
border: 2px solid var(--aaz_blanc);
border-radius: 10px;
}

#index_z4 #diapo_avis h1 {

}

#index_z4 #diapo_avis p {
font-weight: 500; 
}

/* Controls */

#index_z2 .swiper-pagination,
#index_z4 .swiper-pagination {
position: relative;
margin: 60px 0 0;
text-align: center;
width: 100%;
}

#index_z2 .swiper-pagination-bullet,
#index_z4 .swiper-pagination-bullet {
width: 12px;
height: 12px;
display: inline-block;
border-radius: 100%;
background: var(--aaz_blanc);
margin: 0 5px;
opacity: .5;
}

#index_z2 .swiper-pagination-bullet-active,
#index_z4 .swiper-pagination-bullet-active {
opacity: 1;
background: var(--aaz_blanc);
}


/* ===== RESPONSIVE ===== */

@media (max-height: 900px) { 
    #home_keys {
    padding-top: 100px;
    }
}

@media (max-height: 750px) { 
    #home_keys {
    padding-top: 80px;
    }
}

@media (max-height: 700px) { 
    #home_keys {
    display: none;
    }
}




/* =============================

--- X - PAGE 1 - AAZ DISPLAYS

================================ */

/* ===== ZONE 1 ===== */

#page1_z1 {
padding-top: 100px;
padding-bottom: 50px;
position: relative;
}

/* Diaporama */

#page1_z1 .inside {
height: 100%;
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;
}

#diapo_index {
width: 100%;
height: 100%;
overflow: hidden;
}

#diapo_index .swiper-slide {
height: 100%;
}

#diapo_index .swiper-slide img {
display: block;
width: 100%;
height: 100%;
max-height: 600px;
-o-object-fit: contain;
object-fit: contain;
}

.diapoindex .swiper-horizontal>.swiper-pagination-bullets,
.diapoindex .swiper-pagination-bullets.swiper-pagination-horizontal,
.diapoindex .swiper-pagination-custom, .swiper-pagination-fraction {
margin-left: 20px;
}

.diapoindex .swiper-pagination-bullet {
font-size: 15px;
color: var(--aaz_noir);
opacity: 1;
width: auto;
height: auto;
background: transparent;
display: block;
cursor: pointer;
}

.diapoindex .swiper-pagination-bullet-active {
color: var(--aaz_vert);
background: transparent;
font-weight: 600;
}

.diapoindex .swiper-pagination-bullet:before {
content: "/";
color: var(--aaz_vert);
display: block;
-webkit-transform: rotate(100deg);
    -ms-transform: rotate(100deg);
        transform: rotate(100deg);
margin: -5px 0;
font-weight: 300 !important;
}

.diapoindex .swiper-pagination-bullet:first-child:before {
display: none;
}

/* ===== ZONE 2 ===== */

#page1_z2 {
padding-top: 100px;
padding-bottom: 100px;
background: var(--aaz_vert);
color: var(--aaz_blanc);
}

#page1_z2 .inside svg {
width: 100%;
}

svg#animline .st0 {
fill:none;
stroke: var(--aaz_blanc);
stroke-miterlimit:10;
}

svg#animline .st1 {
fill: var(--aaz_blanc);
}

svg#animline .whBRagyw_0 {
stroke-dasharray: 1448 1450;
stroke-dashoffset: 1449;
-webkit-animation: whBRagyw_draw_0 10200ms linear 0ms infinite, whBRagyw_fade 10200ms linear 0ms infinite;
        animation: whBRagyw_draw_0 10200ms linear 0ms infinite, whBRagyw_fade 10200ms linear 0ms infinite;
}

svg#animline .whBRagyw_1 {
stroke-dasharray: 502 504;
stroke-dashoffset: 503;
-webkit-animation: whBRagyw_draw_1 10200ms linear 0ms infinite, whBRagyw_fade 10200ms linear 0ms infinite;
        animation: whBRagyw_draw_1 10200ms linear 0ms infinite, whBRagyw_fade 10200ms linear 0ms infinite;
}

@-webkit-keyframes whBRagyw_draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes whBRagyw_draw {
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes whBRagyw_fade {
    0% {
        stroke-opacity: 1;
    }
    96.07843137254902% {
        stroke-opacity: 1;
    }
    100% {
        stroke-opacity: 0;
    }
}

@keyframes whBRagyw_fade {
    0% {
        stroke-opacity: 1;
    }
    96.07843137254902% {
        stroke-opacity: 1;
    }
    100% {
        stroke-opacity: 0;
    }
}

@-webkit-keyframes whBRagyw_draw_0 {
    7.8431372549019605% {
        stroke-dashoffset: 1449;
    }
    66.66666666666666% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes whBRagyw_draw_0 {
    7.8431372549019605% {
        stroke-dashoffset: 1449;
    }
    66.66666666666666% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes whBRagyw_draw_1 {
    7.8431372549019605% {
        stroke-dashoffset: 503;
    }
    66.66666666666666% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes whBRagyw_draw_1 {
    7.8431372549019605% {
        stroke-dashoffset: 503;
    }
    66.66666666666666% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/* =============================

--- X - PAGE 2 - AAZ DISPLAYS

================================ */

/* ===== ZONE 1 ===== */

#page2_z1 {
padding-top: 100px;
padding-bottom: 50px;
background: var(--aaz_vert);
}

#page2_z1 *,
#page2_z1 h1:before {
color: var(--aaz_blanc);
}

/* Col 1 */

#page2_z1 .col-12 {
margin-bottom: 30px;    
}

/* Col 5 */

#page2_z1 .col-5col svg {
width: 55px;
margin-bottom: 15px;
fill: var(--aaz_blanc);
stroke: var(--aaz_blanc);
stroke-width: 2px;
}

#page2_z1 .col-5col h1 {
margin-bottom: 20px;
}

#page2_z1 .col-5col h1:before {
display: none;
}

/* ===== ZONE 2 ===== */

#page2_z2 {
padding-top: 70px;
background: url(images/texture.jpg);
background-position: center;
position: relative;
}

@media only screen and (min-width: 1170px) {

    #page2_z2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 4px;
    background: var(--aaz_vert);
    left: 50%;
    margin-left: -2px;
    }

}

/* Inside */

#page2_z2 #inside h1 {
font-size: 60px;
color: var(--aaz_blanc);
}

/* Timeline */

#page2_z2 #cd-timeline {
position: relative;
}

#page2_z2 #cd-timeline::before {
content: "";
position: absolute;
top: 0;
left: 18px;
height: 100%;
width: 4px;
background: var(--aaz_vert);
}

@media only screen and (min-width: 1170px) {
  
    #page2_z2 #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
    }

    #page2_z2 #cd-timeline {
    position: relative;
    width: 1200px;
    display: block;
    margin: 0 auto;
    margin-top: -120px;
    }

}

/* Timeline Item */

#page2_z2 .cd-timeline-block {
position: relative;
margin: 100px 0;
}

#page2_z2 .cd-timeline-block::after {
clear: both;
content: "";
display: table;
}

#page2_z2 .cd-timeline-block:first-child {
margin-top: 0;
}

#page2_z2 .cd-timeline-block:last-child {
margin-bottom: 0;
}

/* Timeline dots */

#page2_z2 .cd-timeline-img {
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 30px;
margin-left: 5px;
border-radius: 50%;
background:  var(--aaz_vert);
}

@media only screen and (min-width: 1170px) {

    #page2_z2 .cd-timeline-img {
    width: 40px;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    }

}

/* Timeline content */

#page2_z2 .cd-timeline-content {
position: relative;
margin-left: 60px;
padding: 0 30px;
}

#page2_z2 .cd-timeline-content::after {
clear: both;
content: "";
display: table;
}

#page2_z2 .cd-timeline-content * {
color: var(--aaz_blanc);
font-weight: 500;
}

#page2_z2 .cd-timeline-content h1 {
font-family: 'circularmedium', sans-serif;
font-weight: normal;
}

@media only screen and (min-width: 1170px) {

    #page2_z2 .cd-timeline-content {
    width: 45%;
    padding: 30px;
    }

    #page2_z2 .cd-timeline-block:nth-child(odd) .cd-timeline-content {
    float: right;
    }

}

/* Timeline Align */

@media only screen and (min-width: 1170px) {

    #page2_z2 .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 45%;
    }

    #page2_z2 .cd-timeline-content .zonetxt {
    text-align: right;
    }

    #page2_z2 .cd-timeline-block:nth-child(odd) .cd-timeline-content {
    float: right;
    }

    #page2_z2 .cd-timeline-block:nth-child(odd) .cd-timeline-content .zonetxt {
    text-align: left;
    }

}

/* ===== ZONE 3 ===== */

#page2_z3 {
padding-top: 70px;
padding-bottom: 70px;
}

/* Col 1 */

#page2_z3 .intro {
margin-bottom: 30px;    
}

/* Col 3 */

#page2_z3 [class^="col"] svg {
width: 55px;
margin-bottom: 15px;
fill: var(--aaz_vert);
stroke: var(--aaz_vert);
stroke-width: 4px;
}

#page2_z3 [class^="col"] h1 {
margin-bottom: 20px;
color: var(--aaz_vert);
}

#page2_z3 [class^="col"] h1:before {
display: none;
}

/* End */

#page2_z3 .end {
margin-top: 40px;
}

#page2_z3 .end h1:before {
display: none;
}

#page2_z3 .end h5 {
margin-top: 20px;
}

/* =============================

--- X - PAGE 3 - AAZ DISPLAYS

================================ */

#page3_z1 {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
min-height: 780px;
height: 100vh;
}

div#page3_z1:before {
content: '';
width: 100%;
height: calc(100% + 100px);
background: url(images/texture_2.jpg);
background-size: cover;
background-position: center;
position: absolute;
top: -100px;
left: 0;
z-index: -1;
}

/* Content */

#page3_z1 .inside {

}

/* Col 1 */

#page3_z1 #zonetxt {
position: absolute;
width: 255px;
}

#page3_z1 #zonetxt *,
#page3_z1 h1:before {
color: var(--aaz_blanc);
}

#page3_z1 #zonetxt .prev,
#page3_z1 #zonetxt .next {
border: 2px solid var(--aaz_blanc);
width: 50px;
height: 50px;
font-size: 40px;
margin: 10px 10px 0 0;
display: inline-block;
cursor: pointer;
position: relative;
z-index: 100;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

#page3_z1 #zonetxt .prev:hover,
#page3_z1 #zonetxt .next:hover {
background: var(--aaz_blanc);
}

#page3_z1 #zonetxt .next i {
position: relative;
top: -11px;
left: 19px;
}

#page3_z1 #zonetxt .prev i {
position: relative;
top: -11px;
left: 15px;
}

#page3_z1 #zonetxt .prev:hover i,
#page3_z1 #zonetxt .next:hover i {
color: var(--aaz_noir);
}

/* Col 2 */

#page3_z1 .materiaux {
width: 1370px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.3);
    -ms-transform: translate(-50%, -50%) scale(1.3);
        transform: translate(-50%, -50%) scale(1.3);
-webkit-transform-origin: center;
    -ms-transform-origin: center;
        transform-origin: center;
margin-left: 40px;
margin-top: 35px;
}

#page3_z1 .materiaux > * {
-webkit-box-flex: 1;
    -ms-flex-positive: 1;
        flex-grow: 1;
}

/* Sur-Rond */

#page3_z1 #circle_rotate {
border-radius: 50%;
border: 2px var(--aaz_blanc) solid;
width: 43%;
height: 43%;
margin: 0 auto 0;
position: relative;
-webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
        transform: rotate(0deg);
z-index: 0;
padding: 0;
}

#page3_z1 #circle_rotate > li {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: block;
border-radius: 50%;
z-index: 10;
visibility: hidden;
}

#page3_z1 #circle_rotate > li div {
visibility: visible;
cursor: pointer;
position: relative;
z-index: 100;
border-radius: 50%;
height: 10%;
width: 10%;
margin: -5% auto;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}

#page3_z1 #circle_rotate > li div:hover {
-webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
        transform: scale(1.5);
}

#page3_z1 #circle_rotate > li div:before {
position: absolute;
left: 0;
top: 0;
z-index: 100;
content: '';
width: 59px;
height: 59px;
-webkit-box-shadow: 0 0 0 0 rgb(0 106 99 / 60%);
        box-shadow: 0 0 0 0 rgb(0 106 99 / 60%);
border-radius: 100%;
opacity: 0;
-webkit-animation: sdb03 2s infinite;
animation: sdb03 2s infinite;
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}

@-webkit-keyframes sdb03 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 106, 99, 0.3);
                box-shadow: 0 0 0 20px rgba(0, 106, 99, 0.3);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}
@keyframes sdb03 {
    0% {
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    60% {
        -webkit-box-shadow: 0 0 0 20px rgba(0, 106, 99, 0.3);
                box-shadow: 0 0 0 20px rgba(0, 106, 99, 0.3);
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}


#page3_z1 #circle_rotate > li.block.active div {

}

/* */

#page3_z1 .circle_slider {
position: relative;
}

#page3_z1 .circle_slider .rotate_circle {
margin: 0 auto;
}

#page3_z1 .circle_slider .animate:not(.active) {
visibility: hidden;
}

#page3_z1 .circle_slider .count2 li:nth-child(2){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#page3_z1 .circle_slider .count3 li:nth-child(2){-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
#page3_z1 .circle_slider .count3 li:nth-child(3){-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
#page3_z1 .circle_slider .count4 li:nth-child(2){-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
#page3_z1 .circle_slider .count4 li:nth-child(3){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#page3_z1 .circle_slider .count4 li:nth-child(4){-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}
#page3_z1 .circle_slider .count5 li:nth-child(2){-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}
#page3_z1 .circle_slider .count5 li:nth-child(3){-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}
#page3_z1 .circle_slider .count5 li:nth-child(4){-webkit-transform:rotate(216deg);-ms-transform:rotate(216deg);transform:rotate(216deg)}
#page3_z1 .circle_slider .count5 li:nth-child(5){-webkit-transform:rotate(-72deg);-ms-transform:rotate(-72deg);transform:rotate(-72deg)}
#page3_z1 .circle_slider .count6 li:nth-child(2){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}
#page3_z1 .circle_slider .count6 li:nth-child(3){-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
#page3_z1 .circle_slider .count6 li:nth-child(4){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#page3_z1 .circle_slider .count6 li:nth-child(5){-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}
#page3_z1 .circle_slider .count6 li:nth-child(6){-webkit-transform:rotate(-60deg);-ms-transform:rotate(-60deg);transform:rotate(-60deg)}
#page3_z1 .circle_slider .count7 li:nth-child(2){-webkit-transform:rotate(51.5deg);-ms-transform:rotate(51.5deg);transform:rotate(51.5deg)}
#page3_z1 .circle_slider .count7 li:nth-child(3){-webkit-transform:rotate(103deg);-ms-transform:rotate(103deg);transform:rotate(103deg)}
#page3_z1 .circle_slider .count7 li:nth-child(4){-webkit-transform:rotate(154.5deg);-ms-transform:rotate(154.5deg);transform:rotate(154.5deg)}
#page3_z1 .circle_slider .count7 li:nth-child(5){-webkit-transform:rotate(206deg);-ms-transform:rotate(206deg);transform:rotate(206deg)}
#page3_z1 .circle_slider .count7 li:nth-child(6){-webkit-transform:rotate(-103deg);-ms-transform:rotate(-103deg);transform:rotate(-103deg)}
#page3_z1 .circle_slider .count7 li:nth-child(7){-webkit-transform:rotate(-51.5deg);-ms-transform:rotate(-51.5deg);transform:rotate(-51.5deg)}
#page3_z1 .circle_slider .count8 li:nth-child(2){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
#page3_z1 .circle_slider .count8 li:nth-child(3){-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}
#page3_z1 .circle_slider .count8 li:nth-child(4){-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}
#page3_z1 .circle_slider .count8 li:nth-child(5){-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
#page3_z1 .circle_slider .count8 li:nth-child(6){-webkit-transform:rotate(-135deg);-ms-transform:rotate(-135deg);transform:rotate(-135deg)}
#page3_z1 .circle_slider .count8 li:nth-child(7){-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}
#page3_z1 .circle_slider .count8 li:nth-child(8){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
#page3_z1 .circle_slider .count9 li:nth-child(2){-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}
#page3_z1 .circle_slider .count9 li:nth-child(3){-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}
#page3_z1 .circle_slider .count9 li:nth-child(4){-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}
#page3_z1 .circle_slider .count9 li:nth-child(5){-webkit-transform:rotate(160deg);-ms-transform:rotate(160deg);transform:rotate(160deg)}
#page3_z1 .circle_slider .count9 li:nth-child(6){-webkit-transform:rotate(-160deg);-ms-transform:rotate(-160deg);transform:rotate(-160deg)}
#page3_z1 .circle_slider .count9 li:nth-child(7){-webkit-transform:rotate(-120deg);-ms-transform:rotate(-120deg);transform:rotate(-120deg)}
#page3_z1 .circle_slider .count9 li:nth-child(8){-webkit-transform:rotate(-80deg);-ms-transform:rotate(-80deg);transform:rotate(-80deg)}
#page3_z1 .circle_slider .count9 li:nth-child(9){-webkit-transform:rotate(-40deg);-ms-transform:rotate(-40deg);transform:rotate(-40deg)}
#page3_z1 .circle_slider .count10 li:nth-child(2){-webkit-transform:rotate(36deg);-ms-transform:rotate(36deg);transform:rotate(36deg)}
#page3_z1 .circle_slider .count10 li:nth-child(3){-webkit-transform:rotate(72deg);-ms-transform:rotate(72deg);transform:rotate(72deg)}
#page3_z1 .circle_slider .count10 li:nth-child(4){-webkit-transform:rotate(108deg);-ms-transform:rotate(108deg);transform:rotate(108deg)}
#page3_z1 .circle_slider .count10 li:nth-child(5){-webkit-transform:rotate(144deg);-ms-transform:rotate(144deg);transform:rotate(144deg)}
#page3_z1 .circle_slider .count10 li:nth-child(6){-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}
#page3_z1 .circle_slider .count10 li:nth-child(7){-webkit-transform:rotate(-144deg);-ms-transform:rotate(-144deg);transform:rotate(-144deg)}
#page3_z1 .circle_slider .count10 li:nth-child(8){-webkit-transform:rotate(-108deg);-ms-transform:rotate(-108deg);transform:rotate(-108deg)}
#page3_z1 .circle_slider .count10 li:nth-child(9){-webkit-transform:rotate(-72deg);-ms-transform:rotate(-72deg);transform:rotate(-72deg)}
#page3_z1 .circle_slider .count10 li:nth-child(10){-webkit-transform:rotate(-36deg);-ms-transform:rotate(-36deg);transform:rotate(-36deg)}

#page3_z1 .circle_slider .animate_wrapper {
width: 25%;
height: 25%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 50%;
}

#page3_z1 .circle_slider .roundimg {
width: 25%;
height: 25%;
border-radius: 50%;
overflow: hidden;
}

#page3_z1 .circle_slider .roundimg .background {
position: absolute;
margin: auto;
border-radius: 50%;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center !important;
-webkit-transform: rotate3d(0, 0, 0, 0deg) scale(0.85);
        transform: rotate3d(0, 0, 0, 0deg) scale(0.85);
-webkit-transition: 0.55s ease-in-out;
-o-transition: 0.55s ease-in-out;
transition: 0.55s ease-in-out;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
}

#page3_z1 .circle_slider .inside {
-webkit-transition: all 0.5s 0.4s;
-o-transition: all 0.5s 0.4s;
transition: all 0.5s 0.4s;
text-align: center;
z-index: 30;
-webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
        transform: scale(0.8);
}

#page3_z1 .circle_slider .inside h1 {
margin: 0;
}

#page3_z1 .circle_slider .inside h1:before {
content: "/";
margin-right: 20px;
}

#page3_z1 .circle_slider .inside h1,
#page3_z1 .circle_slider .inside h1:before {
color: var(--aaz_blanc);
text-shadow: 0 0 10px rgb(0 0 0 / 50%);
}

#page3_z1 .circle_slider .inside h5 {
background: var(--aaz_blanc);
border-color: var(--aaz_blanc);
color: var(--aaz_noir);
margin-top: 15px;
margin-bottom: 0;
font-size: 15px;
padding: 10px 10px;
pointer-events: none;
}

#page3_z1 .circle_slider .animate.active .inside {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}

#page3_z1 .circle_slider .animate.active .roundimg .background {
opacity: 1;
-webkit-transform: scale(1);
    -ms-transform: scale(1);
        transform: scale(1);
}

/* Col 3 */

#page3_z1 .zone_btn {
width: 200px;
text-align: right;
position: absolute;
bottom: 90px;
right: 10%;
}

@media (max-width: 1600px) {
    #page3_z1 .zone_btn {
    right:5%;
    }
}

#page3_z1 .zone_btn h5.white {
margin-bottom: 5px;
}

/* Col 2 Responsive */

@media screen and (max-width: 1700px),
       screen and (max-height: 970px) {

        #page3_z1 .materiaux {-webkit-transform: translate(-50%, -50%) scale(1.1);-ms-transform: translate(-50%, -50%) scale(1.1);transform: translate(-50%, -50%) scale(1.1);}
}


@media screen and (max-width: 1400px),
       screen and (max-height: 850px) {

        #page3_z1 .materiaux {-webkit-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);transform: translate(-50%, -50%) scale(1);}

}

@media screen and (max-width: 1199px),
       screen and (max-height: 750px) {

        #page3_z1 .materiaux {-webkit-transform: translate(-50%, -50%) scale(0.8);-ms-transform: translate(-50%, -50%) scale(0.8);transform: translate(-50%, -50%) scale(0.8);}
        #page3_z1 .circle_slider .inside h1 {font-size: 40px;}

}

@media (max-width: 1199px) {
    
    #page3_z1 {
    height: auto;
    }

    #page3_z1 #zonetxt {
    position: initial;
    width: 100%;
    }

    #page3_z1 .materiaux {
    position: relative;
    -webkit-transform: translate(-50%) scale(0.9);
        -ms-transform: translate(-50%) scale(0.9);
            transform: translate(-50%) scale(0.9);
    margin: 30px 0 50px;
    top: 0;
    }
    
    #page3_z1 .zone_btn {
    width: 100%;
    text-align: left;
    position: initial;
    }

}

@media (max-width: 767px) {

    #page3_z1 .materiaux {
    -webkit-transform: translate(-50%) scale(0.7);
        -ms-transform: translate(-50%) scale(0.7);
            transform: translate(-50%) scale(0.7);
    margin: -20px 0 0;
    }

}

@media (max-width: 500px) {

    #page3_z1 .materiaux {
    -webkit-transform: translate(-50%) scale(0.5);
        -ms-transform: translate(-50%) scale(0.5);
            transform: translate(-50%) scale(0.5);
    margin: -100px 0 -70px;
    }

}

@media (max-width: 355px) {

    #page3_z1 .materiaux {
    -webkit-transform: translate(-50%) scale(0.4);
        -ms-transform: translate(-50%) scale(0.4);
            transform: translate(-50%) scale(0.4);
    margin: -140px 0 -120px;
    }

}

/* =============================

--- X - PAGE 4 - AAZ DISPLAYS

================================ */

/* ===== ZONE 1 ===== */

#page4A_z1 {
padding-top: 100px;
padding-bottom: 50px;
background: var(--aaz_vert);
}

#page4A_z1 #inside h1 {
font-size: 60px;
color: var(--aaz_blanc);
}

#page4A_z1 #zonetxt p {
color: var(--aaz_blanc);
}

/* ===== ZONE 2 ===== */


/* Filters */

#page4A_z1 .filters {

}

#page4A_z1 .filters p {
margin: 0;
}

#page4A_z1 .filters .button-group {
margin: 15px 0;
}

#page4A_z1 .filters .button-group button {
display: inline-block;
font-size: 16px;
padding: 5px 10px;
margin: 5px 5px 5px 0px;
border: 2px solid var(--aaz_blanc);
color: var(--aaz_blanc);
border-radius: 10px;
font-weight: 500;
background: transparent;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;  
}

#page4A_z1 .filters .button-group button.active {
background: var(--aaz_blanc);
color: var(--aaz_vert);
}

#page4A_z1 .filters .button-group button.all {
background: transparent !important;
border: none !important;
margin-left: 5px !important;
font-weight: 300 !important;
}

/* Grille */

.book_grid .item {
opacity: 1;
padding: 0;
}

.book_grid .item .bloc {
position: relative;
overflow:hidden;
display: block;
}

.book_grid .item img {
width: 100%;
min-height: 300px;
height: 25vw;
max-height: 450px;
-o-object-fit: contain;
   object-fit: contain;
-o-object-position: center;
   object-position: center;
-webkit-transition: transform 0.6s;
-o-transition: transform 0.6s;
-webkit-transition: -webkit-transform 0.6s;
transition: -webkit-transform 0.6s;
transition: transform 0.6s;
transition: transform 0.6s, -webkit-transform 0.6s;
}

.book_grid .item .bloc:hover img{
-webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
        transform: scale(1.3);
}

.book_grid .item .overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: rgb(0 106 99 / 80%);
-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%;
cursor: pointer;
-webkit-transition: .7s all;
-o-transition: .7s all;
transition: .7s all;
}

.book_grid .item:hover .overlay,
.book_grid .overlay.taphover.hover {
opacity: 1;
}

.book_grid .item .overlay h2 {
text-transform: uppercase;
font-size: 20px;
margin-bottom: 10px;
font-family: 'circularmedium', sans-serif;
font-weight: normal;
color: var(--aaz_blanc);
}

.book_grid .item .overlay h1 {
margin: 0;
color: var(--aaz_blanc);
font-size: 40px;
}

/* ===== SINGLE ===== */

/* Types */

.listterms {
margin-bottom: 10px;
}

.listterms a {
display: inline-block;
font-size: 11px;
padding: 2px 7px;
margin: 2px 2px 2px 0px;
border: 1px solid var(--aaz_vert);
color: var(--aaz_vert);
border-radius: 10px;
font-weight: 500;
background: transparent;
cursor: pointer;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.listterms a:hover {
background: var(--aaz_vert);
color: var(--aaz_blanc);
}

/* Share */

#share {
text-align: center;
font-size: 13px;
}

.ssba {
text-align: center !important;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
        justify-content: center !important;
font-weight: 500 !important;
color: var(--aaz_noir) !important;
}

.ssba img {
padding: 7px 5px !important;
-webkit-filter: grayscale(1) !important;
        filter: grayscale(1) !important;
}

.ssba img:hover {
-webkit-filter: none !important;
        filter: none !important;
}

/* Controls */

#bookcontrols {

}

#bookcontrols a {
background: var(--aaz_vert);
color: var(--aaz_blanc);
width: 50px;
height: 50px;
font-size: 40px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
        transform: translateY(-50%);
z-index: 1;
}

#bookcontrols a.prev {left: 0;}
#bookcontrols a.next {right: 0;}

#bookcontrols a.next i {
position: relative;
top: -9px;
left: 20px;
}

#bookcontrols a.prev i {
position: relative;
top: -9px;
left: 15px;
}

/* =============================

--- X - PAGE 5 - AAZ DISPLAYS

================================ */

#page5_z1 {
padding-top: 100px;
padding-bottom: 100px;
}

#page5_z1 img {
width: 100%;
margin: 5px 0;
cursor: pointer;
-webkit-filter: grayscale(1);
        filter: grayscale(1);
}

/* ===== Zone 2 ===== */

#page2_z3.references {
padding-top: 0;
} 

/* =============================

--- X - PAGE 6 - AAZ DISPLAYS

================================ */

#page6_z1 {
padding-top: 100px;
padding-bottom: 100px;
background: var(--aaz_vert);
position: relative;
}

#page6_z1 #coord {

}

#page6_z1 #coord .inside {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
margin: 0 0 50px;
}

#page6_z1 #coord .inside:last-child {
margin: 0;
}

#page6_z1 #coord .inside svg {
width: 55px;
margin-right: 30px;
fill: var(--aaz_blanc);
stroke: var(--aaz_blanc);
stroke-width: 3px;
}

#page6_z1 #coord .inside p {
color: var(--aaz_blanc);
margin: 0;
}

#page6_z1 #coord .inside a {
color: var(--aaz_blanc);
font-size: 27px;
line-height: 1.2;
font-family: 'circularbold', sans-serif;
font-weight: normal;
}

/* ===== Zone 2 ===== */

#page6_z2 {
padding-top: 10px;
padding-bottom: 100px;
background: var(--aaz_vert);
}

#page6_z2 * {
color: var(--aaz_blanc);
}

#page6_z2 #exergue h1 {
font-size: 60px;
text-align: right;
padding-right: 30px;
}

#page6_z2 #zonetxt {
width: 500px;
}

#page6_z2 #zonetxt h1:before {
color: var(--aaz_blanc);
}

/* ===== SVG ===== */

#contact_line {
position: absolute;
top: 0;
right: 130px;
-webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transform-origin: right;
    -ms-transform-origin: right;
        transform-origin: right;
opacity: .1;
}

#contact_line svg {
width: 900px;
}

#contact_line g#Displays {
opacity: 0;
}

/* =============================

--- X - FORMULAIRE - AAZ DISPLAYS

================================ */

.wpcf7 {
width: 100%;
margin-top: 30px;
}

.wpcf7 label {
font-weight: 500;
line-height: 1.5;
margin-top: 5px;
margin-bottom: 5px;
color: var(--aaz_blanc);
}

.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea,
.wpcf7-form-control-wrap select {
text-align: left;
width: 100%;
padding: 5px 10px;
margin: 0 0 15px !important;
border-radius: 0px;
color: var(--aaz_blanc);
background: transparent;
border: 1.5px solid;
border-color: var(--aaz_blanc);
border-top: none;
}

.wpcf7-form-control-wrap textarea {
min-height: 100px;
height: 100px;
width: 100% !important;
}

span#mtn-form input {
display: inline;
width: 25px;
margin: 0  !important;
}

span#mtn-form span {
font-size: 12px;
line-height: 15px;
margin: 0;
}

.wpcf7 .form-oblg {
font-size: 12px;
color: var(--aaz_blanc);
}

.wpcf7 form.sent .wpcf7-response-output {
border: none;
padding: 0;
margin: 25px 0 0 0;
color: #0fce16;
font-weight: 600;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border: none;
padding: 0;
margin: 25px 0 0 0;
color: #ff9b00;
font-weight: 600;
}

.wpcf7-not-valid {
border-color: #ff9b00 !important;
}

span.wpcf7-not-valid-tip {
display: none;
}

.wpcf7-not-valid#mtn-form span {
color: #ff9b00;
border-bottom: 0 !important;
}

.wpcf7-not-valid#mtn-form input[type="checkbox"]:after {
color: #ff9b00;
}

.wpcf7-not-valid#mtn-form {
border-bottom: none !important;
}

.wpcf7-submit {
padding: 10px 25px;
margin-top: 25px;
border: 2px solid var(--aaz_blanc);
border-radius: 10px;
font-size: 20px;
line-height: 1.2;
font-family: 'circularbook', sans-serif;
font-weight: 500;
color: var(--aaz_blanc);
background: transparent;
cursor: pointer;
overflow: hidden;
position: relative;
z-index: 2;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

.wpcf7-submit:hover {
background: var(--aaz_blanc);
color: var(--aaz_vert);
}

/* =============================

--- X - FOOTER - AAZ DISPLAYS

================================ */

footer.container-fluid {
background: url(images/texture.jpg);
background-position: center;
position: relative;
padding-top: 100px;
padding-bottom: 30px;
}

footer.container-fluid * {
color: var(--aaz_blanc);
font-weight: 500;
}

/* Commun */

footer div[id^="nb_"]>div {
width: 250px;
}

footer div[id^="nb_"]>div h1 {
margin-bottom: 20px;
font-family: 'circularmedium', sans-serif;
font-weight: normal;
}

footer div[id^="nb_"]>div h1:before {
content: "/";
margin-right: 20px;
color: var(--aaz_blanc);
}

footer div[id^="nb_"]>div ul {
list-style-type: none;
padding: 0;
margin: 0;
}

footer div[id^="nb_"]>div li {
display: inline-block;
}

footer div[id^="nb_"]>div h5 {
padding: 6px;
margin: 2px 2px 2px 0;
display: inline-block;
font-size: 15px;
}

/* Col 3 */

footer div[id^="nb_3"]>div {
width: 390px;
}

/* Col 3 */

footer div[id^="nb_4"]>div svg {
width: 170px;
fill: var(--aaz_blanc);
margin-bottom: 15px;
}

/* ===== COPYRIGHT ===== */

#copyright {
padding-top: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
  -ms-flex-pack: justify;
    justify-content: space-between;
margin: 0 auto;
}

#copyright h6 {
font-family: inherit;
font-size: 13px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
color: var(--aaz_blanc);
text-decoration: none !important;
}

#copyright h6 a {
padding: 0;
color: var(--aaz_blanc);
}

#copyright h6 a:hover {
color: var(--aaz_blanc);
text-decoration: underline;
}

#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;
/* Effect */
-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;
/* Effect */
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
background: var(--aaz_blanc);
-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(--aaz_marron);
-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(--aaz_blanc);
}

@media (max-width: 991px) {

  #copyright h6 {font-size: 12px;}

  #copyright .mcrea {
  margin-top: 15px;
  -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
      transform: scale(0.8);
  }

}

/* =============================

--- X - RESPONSIVE - AAZ DISPLAYS

================================ */


@media (max-width: 1400px) {

    /* ===== PAGE 2 ===== */
    #page2_z2:before {
    display: none;
    }

    /* ===== PAGE 4 ===== */
    .book_grid .item .overlay h1 {
    font-size: 35px;
    }

    /* ===== FOOTER ===== */
    footer div[id^="nb_2"] {
    display: none;
    }
    /* ===== /// ===== */

}

@media (max-width: 1199px) {

    /* ===== PADDING ===== */

    #index_z2, #index_z4,
    #page1_z1,#page1_z2,
    #page2_z1,#page2_z2,#page2_z3,
    #page3_z1,
    #page4A_z1,
    #page5_z1,
    #page6_z1 {
    padding-top: 80px;
    padding-bottom: 80px;
    }

    /* ===== INDEX ===== */

    #page6_z2.index_z1 {
    height: auto;
    }

    #home_keys {
    padding-top: 80px;
    }

    #home_scroll {
    padding-bottom: 30px;
    }

    #index_z2, #index_z4 {
    padding-bottom: 30px;
    }

    /* ===== PAGE 1 ===== */

    #diapo_index {
    width: calc(100% - 60px);
    }

    .diapoindex .swiper-horizontal>.swiper-pagination-bullets,
    .diapoindex .swiper-pagination-bullets.swiper-pagination-horizontal,
    .diapoindex .swiper-pagination-custom, .swiper-pagination-fraction {
    right: 15px;
    }

    #page2_z1 .col-5col {
    margin-bottom: 25px;
    }

    /* ===== PAGE 2 ===== */

    #page2_z1 {
    padding-bottom: 45px;
    }

    #page2_z2 #cd-timeline {
    width: 1000px;
    }

    #page2_z2 #inside h1 {
    font-size: 40px;
    margin-bottom: 80px;
    }

    /* ===== PAGE 4 ===== */

    #page4A_z1 #inside h1 {
    font-size: 40px;
    }

    /* ===== PAGE 6 ===== */

    #page6_z2 {
    padding-top: 0;
    padding-bottom: 70px;
    }

    #page6_z1 #formulaire {
    margin-bottom: 50px;
    }

    #page6_z1 #coord .inside {
    display: block;
    text-align: center;
    }

    #page6_z1 #coord .inside svg {
    margin-right: 0;
    }

    #page6_z2 #exergue h1 {
    font-size: 40px;
    }

    #page6_z2 #zonetxt {
    width: 100%;
    }

    /* ===== FOOTER ===== */
    footer div[id^="nb_1"] {
    display: none;
    }

    /* ===== /// ===== */

}

@media (max-width: 991px) {

    /* ===== PADDING ===== */

    #page6_z2.index_z1,
    #index_z2, #index_z4,
    #page1_z1,#page1_z2,
    #page2_z1,#page2_z2,#page2_z3,
    #page3_z1,
    #page4A_z1,
    #page5_z1,
    #page6_z1 {
    padding-top: 60px;
    padding-bottom: 60px;
    }

    /* ===== HOME ===== */

    #page6_z2.index_z1 img {
    width: 100%;
    }

    #page6_z2.index_z1 #decalage {
    position: relative;
    left: 0;
    top: -60px;
    text-align: right;
    margin-bottom: -20px;
    }

    #page6_z2.index_z1 #decalage h1 {
    font-size: 30px;
    }

    /* ===== PAGE 1 ===== */

    #diapo_index {
    position: relative;
    margin: 0 0 50px;
    width: calc(100% - 30px);
    }

    .diapoindex .swiper-horizontal>.swiper-pagination-bullets,
    .diapoindex .swiper-pagination-bullets.swiper-pagination-horizontal,
    .diapoindex .swiper-pagination-custom, .swiper-pagination-fraction {
    margin-top: -25px;
    }

    #page1_z1,
    #page1_z2 {
    padding-bottom: 35px;
    }

    #page1_z2 .inside svg {
    margin-bottom: 50px;
    }

    /* ===== PAGE 2 ===== */

    #page2_z1 .col-12 {
    margin-bottom: 15px;
    margin-top: 10px;
    }

    #page2_z2 #cd-timeline {
    width: 100%;
    }

    #page2_z3 #zonetxt {
    margin-bottom: 30px;
    }

    #page2_z3 .end {
    margin-top: 0;
    margin-bottom: -25px !important;
    }

    /* ===== PAGE 3 ===== */
    #page2_z3.references {
    padding-bottom: 0;
    }

    /* ===== PAGE 4 ===== */

    #page4A_z1 .filters .button-group button {
    font-size: 15px;
    padding: 0px 5px;
    margin: 3px 3px 3px 0px;
    }

    .book_grid .item .overlay h2 {
    font-size: 15px;
    margin-bottom: 5px;
    }

    .book_grid .item .overlay h1 {
    font-size: 28px;
    }

    #bookcontrols a {
    bottom: -30px;
    top: initial;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
    width: 40px;
    height: 40px;
    font-size: 30px;
    }

    #bookcontrols a.prev i {
    top: -6px;
    }

    #bookcontrols a.next i {
    top: -6px;
    left: 17px;
    }

    /* ===== PAGE 6 ===== */

    div#contact_line {
    display: none;
    }

    #page6_z1 #coord .inside a {
    color: var(--aaz_blanc);
    font-size: 24px;
    line-height: 1.1;
    }

    #page6_z2 {
    padding-top: 40px;
    }

    #page6_z2 #exergue h1 {
    font-size: 30px;
    text-align: left;
    }

    /* ===== FOOTER ===== */

    footer.container-fluid {
    padding-top: 70px
    }

    footer div[id^="nb_3"] {
    display: none;
    }

    footer div[id^="nb_4"] {
    width: 100%;
    text-align: center;
    }

    footer div[id^="nb_"]>div {
    width: 100%;
    }

    #copyright {
    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;
    padding-top: 40px;
    }

    /* ===== /// ===== */

}

@media (max-width: 767px) {

    /* ===== INDEX ===== */
    
    #index_z2 #zonetxt {
    margin-bottom: 30px;
    }

    /* ===== PAGE 4 ===== */

    .ssba, .ssba a {
    font-size: 10px !important;
    }

    .ssba img {
    padding: 5px 4px !important;
    }

    /* ===== /// ===== */

}

@media (max-width: 576px) {

    /* ===== /// ===== */

    /* ===== /// ===== */

}