/*
 Theme Name:     AXIAS Habitat
 Theme URI:      https://www.axiashabitat.fr
 Description:    Custom theme based on Divi
 Author:         Agence Valeurs du Sud
 Author URI:     https://agence-valeursdusud.fr
 Template:       Divi
 Version:        1.0.0
*/

/* COULEURS
   VERT        #79867f
   VERT+       #677e75
   ROUGE       #c36e6b
   GRIS        #3c3c3b
   GRIS+       #282827
   BEIGE       #d1cec3
*/

:root {
   --vert: #79867f;
   --vertfonce: #677e75;
   --rouge: #c36e6b;
   --gris: #3c3c3b;
   --grisfonce: #282827;
   --beige: #d1cec3;
}

@font-face {
   font-family: 'Montserrat-Light';
   font-style: normal;
   font-weight: normal;
   src: local('Montserrat Light'), url('Montserrat-Light.woff') format('woff');
   }
   

  
   @font-face {
   font-family: 'Montserrat-Medium';
   font-style: normal;
   font-weight: normal;
   src: local('Montserrat Medium'), url('Montserrat-Medium.woff') format('woff');
   }
   

  
   

   @font-face {
   font-family: 'Montserrat-Bold';
   font-style: normal;
   font-weight: normal;
   src: local('Montserrat Bold'), url('Montserrat-Bold.woff') format('woff');
   }
   

  
   @font-face {
   font-family: 'Montserrat-Black';
   font-style: normal;
   font-weight: normal;
   src: local('Montserrat Black'), url('Montserrat-Black.woff') format('woff');
   }
   

.seo {
   display: none;
}

h1,
h2 {
   font-size: 60px !important;
   line-height: 60px;
   padding-bottom: 0;
}

h3 {
   color: var(--rouge);
   font: normal normal 36px/36px 'Montserrat Light', Helvetica, Arial, Lucida, sans-serif !important;
   padding-bottom: 0;
}

h1 + h3,
h2 + h3 {
   margin-top: 10px;
}

h4 {
   font-size: 21px !important;
   line-height: 24px;
   padding-bottom: 0;
}

p {
   margin-bottom: 1em;
   padding-bottom: 0;
   text-align: justify;
}

strong {
   font-family: 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif;
   font-weight: normal;
}

blockquote strong {
   font-weight: bold;
}

hr {
   background-color: var(--rouge);
   border: none;
   height: 8px;
   margin: 25px auto 25px 0;
   width: 150px;
}

cite {
   font-size: small;
   font-style: normal;
}

.et_pb_text_align_center hr {
   margin-left: auto;
}

.et_pb_section.et_pb_equal_columns > .et_pb_row > .et_pb_column,
.et_pb_row.et_pb_equal_columns > .et_pb_column {
   margin-top: auto;
   margin-bottom: auto;
}

.et_pb_section {
   background-color: transparent;
}

.et_button_no_icon .et_pb_button,
.et_button_no_icon .et_pb_button:hover {
   line-height: 1em !important;
   padding: 20px !important;
}

/* MENU */

#main-header {
   box-shadow: none;
   font-family: 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif;

}

.et_header_style_left #et-top-navigation {
   padding-top: 50px !important;
}

.et_header_style_left #et-top-navigation nav > ul > li > a {
   padding-bottom: 50px !important;
}

#top-menu {
   align-items: center;
   display: flex;
}

#top-menu li {
   font-family: 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif;
}

#top-menu li.current_page_ancestor,
#top-menu li.current_page_item {
   font-family: 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif;
}

#top-menu > li {
   line-height: 16px;
   margin-left: 25px;
   padding-right: 0;
   text-align: center;
}

.et-menu a:hover,
#top-menu-nav > ul > li > a:hover {
   opacity: 1;
}

#top-menu > li.menu-item-has-children > a {
   pointer-events: none;
}

#top-menu > li:hover > a,
#top-menu > li.menu-item-has-children:hover > a,
#top-menu > li.menu-item-has-children.et-show-dropdown.et-hover > a {
   color: var(--rouge) !important;
}

#top-menu > li.menu-item-has-children .sub-menu {
   left: 50%;
   top: 60%;
   transform: translateX(-50%);
}

.nav li ul {
   width: 220px;
}

#top-menu li li a {
   line-height: 1.2em;
   text-transform: none;
   width: 180px;
}

.sub-menu .menu-item a:hover,
.et-fixed-header #top-menu .sub-menu .menu-item a:hover {
   background-color: var(--gris);
   color: white !important;
   opacity: 1;
}

#top-menu .menu-item-has-children > a:first-child {
   padding-right: 0;
}

#top-menu .menu-item-has-children > a:first-child::after {
   display: none;
}

/* DIAPORAMA */

.slider {
   aspect-ratio: 16/9;
   display: flex;
   list-style-type: none;
   margin: 0;
   overflow: hidden;
   padding: 0;
   position: relative;
   width: 100%;
}

.slider li {
   aspect-ratio: 16/9;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   display: flex;
   left: 0;
   position: absolute;
   top: 0;
   transform: translateX(100vw);
   transition: transform .5s ease-in-out;
   width: 100%;
}

.slider li.active {
   transform: translateX(0);
}

.slider-arrow {
   color: white;
   cursor: pointer;
   font-size: 3em;
   opacity: 0;
   position: absolute;
   text-shadow: 0 0 1em black;
   top: 50%;
   transform: translateY(-50%);
   transition: opacity .3s;
   z-index: 1;
}

.slider-arrow.prev {
   left: 10px;
}

.slider-arrow.next {
   right: 10px;
}

.slider:hover .slider-arrow {
   opacity: 1;
}

.slider-dots {
   bottom: 10px;
   color: white;
   font-size: 3em;
   text-shadow: 0 0 1em black;
   left: 50%;
   position: absolute;
   transform: translateX(-50%);
   z-index: 1;
}

.slider-dots span {
   cursor: pointer;
   opacity: .5;
}

.slider-dots span.active {
   opacity: 1;
}

.slider .info {
   background: linear-gradient(to right, rgba(0, 0, 0, .5) 50%, transparent) bottom / contain no-repeat;
   bottom: 0;
   position: absolute;
   width: 100%;
}

.slider .info .container {
   padding: 25px 0 !important;
}

.slider .info :where(h2, h3, p) {
   color: white;
   text-align: left;
}

.slider .info h2 {
   font-size: 36px !important;
   line-height: 36px;
}

.slider .info h2::before {
   content: 'Nouveau';
   display: block;
   font: normal normal 14px/14px 'Montserrat-Book', Helvetica, Arial, Lucida, sans-serif;
   margin-bottom: 10px;
   transform-origin: left top;
   transform: rotate(-6deg);
}

.slider .info h3 {
   font-size: 24px !important;
   line-height: 24px;
   margin-top: 0;
}

.slider .info .et_pb_button_module_wrapper {
   margin-top: 1em;
}

/* FOOTER */

#footer {
   overflow: hidden;
}

#footer::before {
   background: url('../../uploads/motif-picto-gris-gauche-axias-habitat-programme-immobilier-pau.svg') left 0vw bottom / contain no-repeat;
   bottom: 0;
   content: '';
   height: 100px;
   left: 0;
   position: absolute;
   width: 50%;
   z-index: 1;
}

#footer::after {
   background: url('../../uploads/motif-picto-gris-1-2-axias-habitat-programme-immobilier-pau.svg') left 10vw bottom / contain no-repeat;
   bottom: 0;
   content: '';
   height: 100px;
   position: absolute;
   right: 0;
   width: 50%;
   z-index: 1;
}

#footer .et_pb_blurb {
   margin-bottom: 18px;
}

#footer .et_pb_blurb .et_pb_main_blurb_image {
   width: 24px;
}

#footer .et_pb_blurb .et-pb-icon {
   color: white;
   font-size: 24px;
   opacity: 1;
}

#footer .et_pb_blurb .et_pb_module_header {
   font: normal normal 24px/24px 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif;
   padding-bottom: 0;
   text-transform: none;
}

#footer .et_pb_icon {
   display: inline-block;
   margin: 0 15px 0 0;
}

#footer .et_pb_icon .et-pb-icon {
   color: white;
   font-size: 24px;
}

/* ACCUEIL */

#accueil-navigation .et_pb_row {
   align-items: flex-end;
   display: flex;
}

#accueil-navigation .et_pb_blurb .et_pb_image_wrap {
   width: 70px;
}

#accueil-navigation .et_pb_blurb .et_pb_module_header {
   font: normal normal 16px/19px 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif !important;
   text-align: center;
}

#accueil-foncierement-humain blockquote,
#accueil-julien-alexandre blockquote {
   border-left: none;
   color: var(--gris);
   display: inline-block;
   font-size: 18px!important;
   line-height: 20px;
   padding-left: 0;
   position: relative;
}
#accueil-foncierement-humain blockquote p{
   font-size: 70px!important;
   line-height: normal;
}
#accueil-foncierement-humain blockquote::before,
#accueil-julien-alexandre blockquote::before {
   background: url('../../uploads/picto-guillemets-vert-gauche-axias-habitat-programme-immobilier-pau.svg') left / contain no-repeat;
   content: '';
   display: block;
   height: 40px;
   margin: 0 0 20px 0px;
}

#accueil-foncierement-humain blockquote::after,
#accueil-julien-alexandre blockquote::after {
   background: url('../../uploads/picto-guillemets-vert-droite-axias-habitat-programme-immobilier-pau.svg') right / contain no-repeat;
   bottom: 0;
   content: '';
   height: 20px;
   position: absolute;
   right: -1px;
   width: 30px;
   z-index: 1;
}
#accueil-foncierement-humain cite {font-family: 'Montserrat-Book',Helvetica,Arial,Lucida,sans-serif!important;
}

#accueil-foncierement-humain cite,
#accueil-julien-alexandre cite {
   color: var(--vert);
   font-size: 21px;
   font-style: normal;
   line-height: 24px;
}

#accueil-julien-alexandre cite small {
   color: var(--rouge);
   font-size: 16px;
}

#accueil-temoignages .et_pb_row {
   margin-bottom: 100px;
   padding: 0;
}

#accueil-temoignages .et_pb_row:nth-child(2)::after {
   background: url('../../uploads/motif-picto-beige-droite-axias-habitat-programme-immobilier-pau.svg') right / contain no-repeat;
   content: '';
   height: 100%;
   position: absolute;
   right: 0;
   top: 0;
   transform: translateX(100%);
   visibility: visible;
   width: calc(50vw - 570px);
   z-index: 1;
}

#accueil-temoignages .et_pb_text {
   padding: 25px;
}

#accueil-temoignages .et_pb_row:nth-child(odd) .et_pb_text {
   background-color: var(--beige);
   border-top-left-radius: 50px;
}

#accueil-temoignages .et_pb_row:nth-child(odd) .et_pb_text::before {
   background: url('../../uploads/motif-picto-blanc-2-axias-habitat-programme-immobilier-pau.svg') left -21px center / contain no-repeat;
   bottom: 0;
   content: '';
   height: 100px;
   left: 0;
   position: absolute;
   width: 100%;
}

#accueil-temoignages blockquote {
   border-left: none;
   font-style: italic;
   padding: 0 1em;
   position: relative;
}

#accueil-temoignages blockquote::before {
   background: url('../../uploads/picto-guillemets-vert-gauche-axias-habitat-programme-immobilier-pau.svg') left / contain no-repeat;
   content: '';
   display: block;
   height: 36px;
   margin: 0 0 10px -1em;
}

#accueil-temoignages blockquote::after {
   background: url('../../uploads/picto-guillemets-vert-droite-axias-habitat-programme-immobilier-pau.svg') right / contain no-repeat;
   content: '';
   display: block;
   height: 18px;
   margin: -1em -1em 0 0;
}

#accueil-temoignages cite {
   color: var(--vert);
   display: block;
   font-size: 16px;
   font-style: normal;
   line-height: normal;
   text-align: right;
}

#accueil-temoignages cite small {
   color: var(--rouge);
}

#accueil-temoignages img {
   border-radius: 50px 0 50px 0;
}

/* QUI SOMMES-NOUS ? > Nos domaines d'intervention */

#nos-domaines-intervention .et_pb_blurb .et_pb_module_header {
   font-family: 'Montserrat-Bold', Helvetica, Arial, Lucida, sans-serif;
   text-transform: none;
}

/* QUI SOMMES-NOUS ? > Nous connaître */

/*

#notre-philosophie .et_pb_blurb {
   width: 67%;
}

#notre-philosophie .et_pb_blurb:nth-child(2) {
   margin-left: auto;
}

#notre-philosophie .et_pb_blurb::after {
   border-top: 50px solid var(--beige);
   border-right: 50px solid transparent;
   content: '';
   display: inline-block;
   height: 0;
   width: 0;
}

#notre-philosophie .et_pb_blurb .et_pb_blurb_content {
   background-color: var(--beige);
   border-radius: 50px 0 50px 0;
   padding: 2em 1em;
}

#notre-philosophie .et_pb_blurb .et_pb_blurb_description {
   font-size: 16px;
   line-height: 18px;
   margin-top: 1em;
}

#notre-savoir-faire blockquote {
   border-left: none;
   color: var(--vert);
   font-style: italic;
   padding: 0 50px 0 1em;
   position: relative;
}

#notre-savoir-faire blockquote::before {
   background: url('../../uploads/picto-guillemets-vert-gauche-axias-habitat-programme-immobilier-pau.svg') left / contain no-repeat;
   content: '';
   display: block;
   height: 36px;
   margin: 0 0 10px -1em;
}

#notre-savoir-faire blockquote::after {
   background: url('../../uploads/picto-guillemets-vert-droite-axias-habitat-programme-immobilier-pau.svg') right / contain no-repeat;
   content: '';
   display: block;
   height: 18px;
   margin: -1em -1em 0 0;
}

#notre-savoir-faire .et_pb_accordion .et_pb_toggle_close {
   background-color: transparent;
}

#notre-savoir-faire .et_pb_accordion .et_pb_toggle {
   border: none;
   color: var(--vert);
   counter-increment: accordionToggle;
   margin-bottom: 40px;
   padding: 0 0 0 80px;
   position: relative;
}

#notre-savoir-faire .et_pb_accordion .et_pb_toggle::before {
   color: var(--rouge);
   content: counter(accordionToggle) '.';
   font: normal normal 60px/60px 'Gotham-Bold', 'Gotham-Medium', Helvetica, Arial, Lucida, sans-serif !important;
   height: 1em;
   left: 0;
   position: absolute;
   text-align: right;
   top: 0;
   width: 50px;
   z-index: 1;
}

#notre-savoir-faire .et_pb_accordion .et_pb_toggle_title {
   color: var(--rouge);
   font: normal normal 36px/36px 'Gotham-Book', Helvetica, Arial, Lucida, sans-serif !important;
}

#notre-savoir-faire .et_pb_accordion .et_pb_toggle_content {
   padding-top: 10px;
}

*/

/* QUI SOMMES-NOUS ? > NOS ENGAGEMENTS */

/*

#recherche-permanente .et_pb_row:not(:first-child) {
   margin-bottom: 50px;
}

#recherche-permanente .et_pb_blurb .et_pb_blurb_container {
   text-align: center;
}

#nos-valeurs ul {
   list-style-type: none;
   padding: 0;
}

#nos-valeurs ul li {
   color: var(--vert);
   margin-bottom: 1em;
   padding-left: 50px;
   position: relative;
}

#nos-valeurs ul li::before {
   background: url('../../uploads/picto-coche-vert-axias-habitat-programme-immobilier-pau.svg') left / contain no-repeat;
   content: '';
   height: 30px;
   left: 0;
   position: absolute;
   top: 0;
   width: 50px;
   z-index: 1;
}

*/

/* NOS PROGRAMMES > Nos programmes en cours */

.liste-en-cours {
   margin-top: 100px;
}

.liste-en-cours article a {
   border-radius: 50px 0 50px 0;
   display: flex;
   margin-bottom: 100px;
   padding: 20px;
   transition: background-color .3s;
   width: 100%;
}

.liste-en-cours article:nth-child(odd) a {
   background-color: rgba(209, 206, 195, .5);
}

.liste-en-cours article a:hover {
   background-color: var(--beige);
}

.liste-en-cours article .preview {
   width: 33%;
}

.liste-en-cours article .preview img {
   border-radius: 25px 0 25px 0;
   display: block;
}

.liste-en-cours article .info {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   padding-left: 50px;
   width: 67%;
}

.liste-en-cours article .info h2 {
   font-size: 36px !important;
   line-height: 36px;
}

.liste-en-cours article .info h3 {
   font-size: 24px !important;
   line-height: 24px;
}

.liste-en-cours article .info .row-2-col {
   align-items: flex-start;
   display: flex;
}

.liste-en-cours article .info .details {
   color: var(--vert);
   margin-top: 1em;
   padding: 0 0 0 40px;
   position: relative;
}

.liste-en-cours article .info .details.description {
   font-size: 16px;
   font-style: italic;
   line-height: 19px;
}

.liste-en-cours article .info .details::before {
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   content: '';
   height: 18px;
   left: 0;
   position: absolute;
   top: 0;
   width: 40px;
}

.liste-en-cours article .info .details.typologie::before {
   background-image: url('../../uploads/picto-plan-vert-axias-habitat-programme-immobilier-pau.svg');
}

.liste-en-cours article .info .details.stade::before {
   background-image: url('../../uploads/picto-stade-vert-axias-habitat-programme-immobilier-pau.svg');
}

.liste-en-cours article .info .details.livraison::before {
   background-image: url('../../uploads/picto-cle-vert-axias-habitat-programme-immobilier-pau.svg');
}

.liste-en-cours article .info .details.description::before {
   background-image: url('../../uploads/picto-guillemets-vert-gauche-axias-habitat-programme-immobilier-pau.svg');
}

.liste-en-cours article .info .et_pb_button {
   float: right;
   margin: 1em 0 0 auto;
}

.liste-en-cours article a:hover .info .et_pb_button {
   background-color: var(--rouge);
   color: white;
}

/* NOS PROGRAMMES > Programme */

#programme-header .et_pb_column {
   padding: 0 calc(50vw - 570px);
   width: 100%;
}

#programme-header .et_pb_text {
   width: 80%;
}

#programme-header .logo {
   align-items: center;
   aspect-ratio: 1/1;
   bottom: -28px;
   display: flex;
   position: absolute;
   right: calc(50vw - 570px);
   transform: translateY(50%);
   width: 15%;
}

.single-programme .details {
   color: var(--vert);
   padding-left: 80px;
}

.single-programme .details::before {
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   content: '';
   height: 30px;
   left: 0;
   position: absolute;
   top: 0;
   width: 80px;
}

.single-programme .details.adresse::before {
   background-image: url('../../uploads/picto-adresse-vert-axias-habitat-programme-immobilier-pau.svg');
}

.single-programme .details.typologie::before {
   background-image: url('../../uploads/picto-plan-vert-axias-habitat-programme-immobilier-pau.svg');
}

.single-programme .details.prix::before {
   background-image: url('../../uploads/picto-prix-vert-axias-habitat-programme-immobilier-pau.svg');
}

.single-programme .details.stade::before {
   background-image: url('../../uploads/picto-stade-vert-axias-habitat-programme-immobilier-pau.svg');
}

.single-programme .details.livraison::before {
   background-image: url('../../uploads/picto-cle-vert-axias-habitat-programme-immobilier-pau.svg');
}

.mot-architecte h3 {
   color: var(--vert);
   font: normal normal 24px/30px 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif !important;
   padding: 0 25px;
   text-transform: none;
}

.mot-architecte h3::before {
   background: url('../../uploads/picto-guillemets-beige-gauche-axias-habitat-programme-immobilier-pau.svg') left / contain no-repeat;
   content: '';
   display: block;
   height: 40px;
   margin: 0 0 0 -60px;
}

.mot-architecte article {
   background-color: var(--beige);
   font-style: italic;
   margin-top: 25px;
   padding: 25px;
   position: relative;
}

.mot-architecte article::before {
   background: url('../../uploads/picto-guillemets-blanc-droite-axias-habitat-programme-immobilier-pau.svg') right / contain no-repeat;
   bottom: 15px;
   content: '';
   height: 20px;
   position: absolute;
   right: 0;
   width: 30px;
   z-index: 1;
}

.mot-architecte .triangle {
   border-top: 50px solid var(--beige);
   border-right: 50px solid transparent;
   display: inline-block;
   height: 0;
   width: 0;
}

/* NOS PROGRAMMES > Nos réalisations */

.galerie-realisations article {
   cursor: zoom-in;
   display: flex;
   margin: 100px 0 200px;
   position: relative;
}

.galerie-realisations article .preview {
   aspect-ratio: 1/1;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   overflow: hidden;
}

.galerie-realisations article .col-1 {
   position: relative;
   width: 50%;
}

.galerie-realisations article:nth-child(even) .col-1 {
   order: 2;
}

.galerie-realisations article:nth-child(odd) .col-1 .preview,
.galerie-realisations article:nth-child(even) .col-2 .preview,
.galerie-realisations article:nth-child(odd) .col-2 .double-row .preview:first-child,
.galerie-realisations article:nth-child(even) .col-2 .double-row .preview:nth-child(2) {
   border-right: solid 5px white;
}

.galerie-realisations article:nth-child(even) .col-1 .preview,
.galerie-realisations article:nth-child(odd) .col-2 .preview,
.galerie-realisations article:nth-child(odd) .col-2 .double-row .preview:first-child,
.galerie-realisations article:nth-child(even) .col-2 .double-row .preview:nth-child(2) {
   border-left: solid 5px white;
}

.galerie-realisations article .col-2 .double-row .preview {
   border-bottom: solid 5px white;
}

.galerie-realisations article .col-2 .single-row .preview {
   border-top: solid 5px white;
}

.galerie-realisations article:nth-child(odd) .col-1 .preview,
.galerie-realisations article:nth-child(even) .col-2 .double-row .preview:first-child {
   border-top-left-radius: 50px;
}

.galerie-realisations article:nth-child(even) .col-1 .preview,
.galerie-realisations article:nth-child(odd) .col-2 .single-row .preview {
   border-bottom-right-radius: 50px;
}

/*
.galerie-realisations article:nth-child(odd) .col-1 .preview,
.galerie-realisations article:nth-child(odd) .overlay {
   border-top-left-radius: 50px;
}

.galerie-realisations article:nth-child(even) .col-1 .preview,
.galerie-realisations article:nth-child(even) .overlay {
   border-bottom-right-radius: 50px;
}
*/

.galerie-realisations article .col-2 {
   display: flex;
   flex-direction: column;
   width: 50%;
}

.galerie-realisations article:nth-child(even) .col-2 {
   order: 1;
}

.galerie-realisations article .col-2 .double-row {
   display: flex;
}

.galerie-realisations article .col-2 .double-row .preview {
   width: 50%;
}

/*
.galerie-realisations article:nth-child(odd) .col-2 .double-row .preview {
   border-left: solid 10px white;
}

.galerie-realisations article:nth-child(even) .col-2 .double-row .preview {
   border-right: solid 10px white;
}
*/

.galerie-realisations article .col-2 .single-row .preview {
   aspect-ratio: 2/1;
}

.galerie-realisations article .info-container {
   background: linear-gradient(to right, rgba(0, 0, 0, .5) 50%, transparent) bottom / contain no-repeat;
   bottom: 0;
   color: white;
   display: flex;
   flex-direction: column;
   height: 80px;
   justify-content: center;
   left: 0;
   padding: 25px 50px;
   position: absolute;
   width: 100%;;
}

/*

.galerie-realisations article {
   cursor: zoom-in;
   display: flex;
   margin: 100px 0 200px;
   position: relative;
}

.galerie-realisations article .preview {
   aspect-ratio: 1/1;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.galerie-realisations article .col-1 {
   position: relative;
   width: 50%;
}

.galerie-realisations article:nth-child(even) .col-1 {
   order: 2;
}

.galerie-realisations article:nth-child(odd) .col-1 .preview,
.galerie-realisations article:nth-child(odd) .overlay {
   border-top-left-radius: 50px;
}

.galerie-realisations article:nth-child(even) .col-1 .preview,
.galerie-realisations article:nth-child(even) .overlay {
   border-bottom-right-radius: 50px;
}

.galerie-realisations article .col-2 {
   display: flex;
   flex-direction: column;
   width: 50%;
}

.galerie-realisations article:nth-child(even) .col-2 {
   order: 1;
}

.galerie-realisations article .col-2 .triple-row {
   display: flex;
}

.galerie-realisations article .col-2 .triple-row .preview {
   width: calc(100% / 3);
}

.galerie-realisations article:nth-child(odd) .col-2 .triple-row .preview {
   border-left: solid 10px white;
}

.galerie-realisations article:nth-child(even) .col-2 .triple-row .preview {
   border-right: solid 10px white;
}

.galerie-realisations article .info-container {
   display: flex;
   flex-direction: column;
   height: 100%;
   justify-content: center;
}

*/

.galerie-realisations article .info {
   padding: 25px;
}

.galerie-realisations article .info h2 {
   color: white;
   font-size: 24px !important;
   line-height: 24px;
}

.galerie-realisations article .info h3 {
   color: white;
   font-size: 18px !important;
   line-height: 18px !important;
}

.galerie-realisations article .overlay {
   background-color: rgba(0, 0, 0, .9);
   border-radius: 50px 0 50px 0;
   cursor: zoom-out;
   display: none;
   flex-direction: column;
   height: 100%;
   justify-content: center;
   left: 0;
   padding: 50px;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 2;
}

.galerie-realisations article .overlay.active {
   display: flex;
}

.galerie-realisations article .info-container::after,
.galerie-realisations article .overlay::after {
   background-color: var(--vert);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 30px;
   bottom: -25px;
   content: '';
   height: 50px;
   left: calc(50% - 25px);
   position: absolute;
   width: 50px;
   z-index: 1;
}

/*
.galerie-realisations article:nth-child(odd) .info-container::after,
.galerie-realisations article:nth-child(odd) .overlay::after {
   right: 0;
}

.galerie-realisations article:nth-child(even) .info-container::after,
.galerie-realisations article:nth-child(even) .overlay::after {
   left: 0;
}
*/

.galerie-realisations article .info-container::after {
   background-image: url('../../uploads/picto-plus-noir-axias-habitat-programme-immobilier-pau.svg');
}

.galerie-realisations article .overlay::after {
   background-image: url('../../uploads/picto-moins-noir-axias-habitat-programme-immobilier-pau.svg');
}

.galerie-realisations article .overlay h2 {
   color: white !important;
   font-size: 36px !important;
   line-height: 36px;
}

.galerie-realisations article .overlay h3 {
   color: white !important;
   font-size: 24px !important;
   line-height: 24px;
}

.galerie-realisations article .overlay .details {
   color: white;
   margin-top: 2em;
   padding-left: 80px;
   position: relative;
}

.galerie-realisations article .overlay .details::before {
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   content: '';
   height: 30px;
   left: 0;
   position: absolute;
   top: 0;
   width: 80px;
}

.galerie-realisations article .overlay .details.adresse::before {
   background-image: url('../../uploads/picto-adresse-vert-axias-habitat-programme-immobilier-pau.svg');
}

.galerie-realisations article .overlay .details.typologie::before {
   background-image: url('../../uploads/picto-plan-vert-axias-habitat-programme-immobilier-pau.svg');
}

.galerie-realisations article .overlay .details.livraison::before {
   background-image: url('../../uploads/picto-stade-vert-axias-habitat-programme-immobilier-pau.svg');
}

.galerie-realisations article .overlay .details.architecte::before {
   background-image: url('../../uploads/picto-crayon-vert-axias-habitat-programme-immobilier-pau.svg');
}

.galerie-realisations article .overlay .details.description::before {
   background-image: url('../../uploads/picto-guillemets-vert-gauche-axias-habitat-programme-immobilier-pau.svg');
}

.lightbox {
   align-items: center;
   background-color: rgba(0, 0, 0, .85);
   cursor: zoom-out;
   display: none;
   height: 100%;
   justify-content: center;
   left: 0;
   padding: 5%;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 100000;
}

.lightbox img {
   max-height: 100%;
}

/* INFORMATIONS > Les 10 étapes jusqu'à la remise des clés */

#les-10-etapes {
   background: linear-gradient(white, white) center / 2px calc(100% - 200px) no-repeat;
}

#les-10-etapes .et_pb_row {
   counter-increment: etape;
   cursor: pointer;
   margin-bottom: 100px;
   padding: 0;
}

#les-10-etapes .et_pb_row:last-child {
   margin-bottom: 0;
}

#les-10-etapes .et_pb_row.active {
   pointer-events: none;
}

#les-10-etapes .et_pb_row::before {
   background-color: white;
   border-radius: 50%;
   content: counter(etape);
   font: normal normal 36px/72px 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif !important;
   height: 72px;
   position: absolute;
   left: 50%;
   text-align: center;
   top: -18px;
   transform: translateX(-50%);
   transition: all .3s;
   width: 72px;
}

#les-10-etapes .et_pb_row.active::before {
   background-color: var(--gris);
   color: white;
}

#les-10-etapes .et_pb_row .et_pb_column:first-child .et_pb_text {
   padding-right: 36px;
}

#les-10-etapes .et_pb_row .et_pb_column:nth-child(2) .et_pb_text {
   padding-left: 36px;
}

#les-10-etapes h3 {
   margin-bottom: 18px;
}

#les-10-etapes .et_pb_row.active h3 {
   color: var(--rouge);
}

#les-10-etapes .et_pb_row:not(.active) h3::after {
   background: url('../../uploads/picto-plus-noir-axias-habitat-programme-immobilier-pau.svg') center / 30px no-repeat var(--vert);
   content: '';
   display: block;
   height: 50px;
   margin-top: .5em;
   width: 50px;
}

/* INFORMATIONS > Personnalisez votre logement */

#personnalisez-votre-logement {
   background-size: calc(50vw - 570px);
}

#personnalisez-votre-logement blockquote {
   border-left: none;
   color: var(--vert);
   font-style: italic;
   padding: 0 50px 0 1em;
   position: relative;
}

#personnalisez-votre-logement blockquote::before {
   background: url('../../uploads/picto-guillemets-vert-gauche-axias-habitat-programme-immobilier-pau.svg') left / contain no-repeat;
   content: '';
   display: block;
   height: 36px;
   margin: 0 0 20px 0em;
}

#personnalisez-votre-logement blockquote::after {
   background: url('../../uploads/picto-guillemets-vert-droite-axias-habitat-programme-immobilier-pau.svg') right / contain no-repeat;
   content: '';
   display: block;
   height: 18px;
   margin: -1em 0em 0 0;
}

.legende {
   align-items: center;
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
   border-bottom-right-radius: 50px;
   color: white;
   display: flex;
   font-size: small;
   font-style: italic;
   height: 50px;
   padding: 1em;
   transform: translateY(-100%);
}

.legende.background {
   border-radius: 0;
   transform: none;
}

.et_section_specialty .legende {
   background-image: none;
   color: var(--gris);
   display: block;
   height: auto;
   text-align: center;
   transform: none;
   width: 100%;
}

.mfp-image-holder .mfp-close,
.mfp-counter {
   display: none;
}

.mfp-bottom-bar {
   bottom: 40px;
   top: unset;
}

.mfp-title {
   align-items: center;
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent);
   color: white;
   display: flex;
   font-size: small;
   font-style: italic;
   height: 50px;
   padding: 1em;
}

/* INFORMATIONS > Nos garanties */

#types-garanties {
   padding: 50px;
}

#types-garanties ul {
   margin-top: 1em;
   padding-bottom: 0;
}

#types-garanties li {
   margin-bottom: 1em;
}

#types-garanties li,
#types-garanties li h4 {
   color: var(--beige) !important;
   cursor: pointer;
   font-family: 'Montserrat-Book', Helvetica, Arial, Lucida, sans-serif;
}

#types-garanties li.active,
#types-garanties li.active h4 {
   color: var(--gris) !important;
   cursor: initial;
   font-family: 'Montserrat-Black', Helvetica, Arial, Lucida, sans-serif;
   pointer-events: none;
}

#types-garanties li::before {
   content: '\50';
   float: right;
   font-family: ETmodules;
   font-size: 2em;
   margin-left: 1em;
}

#types-garanties li.active::before {
   content: '\3d';
}

.description-garantie {
   display: none;
   padding-top: 50px;
}

.description-garantie.active {
   display: block;
}

/* ACTUALITÉS */

#nos-actualites-blog .et_pb_post {
   background-color: white;
   border-radius: 50px 0 50px 0;
   padding: 20px;
}

#nos-actualites-blog .entry-featured-image-url {
   border-radius: 25px 0 25px 0;
   float: left;
   margin-bottom: 0;
   overflow: hidden;
   width: 33%;
}

#nos-actualites-blog .entry-title,
#nos-actualites-blog .post-meta,
#nos-actualites-blog .post-content {
   margin-left: calc(33% + 50px);
}

#nos-actualites-blog .post-meta {
   color:  var(--vert);
   font-size: small;
}

#nos-actualites-blog .more-link {
   clear: none;
   font-family: 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif;
   font-size: small;
   text-transform: uppercase;
}

#nos-actualites-blog .more-link::after {
   content: '\45';
   font-family: ETmodules;
   vertical-align: middle;
}

/* ACTUALITÉS > Actualité */

#actualite .et_pb_post_title .et_pb_title_container {
   margin-top: 2em;
}

#actualite .et_pb_post_title .entry-title {
   font-size: 36px !important;
   line-height: 36px;
}

#actualite .et_pb_post_title .published {
   color: var(--vert);
   font-size: small;
}

#actualite .et_pb_posts .et_pb_post {
   margin-bottom: 0;
}

/* CONTACT */

#contact {
   background-size: calc(50vw - 570px);
}

#contact .et_pb_blurb {
   margin-bottom: 18px;
}

#contact .et_pb_blurb .et_pb_main_blurb_image {
   width: 24px;
}

#contact .et_pb_blurb .et-pb-icon {
   font-size: 24px;
   opacity: 1;
}

#contact .et_pb_blurb .et_pb_module_header {
   font: normal normal 24px/24px 'Montserrat-Bold', 'Montserrat-Medium', Helvetica, Arial, Lucida, sans-serif;
   padding-bottom: 0;
   text-transform: none;
}

#contact .et_pb_icon {
   display: inline-block;
   margin: 0 15px 0 0;
}

#contact .et_pb_icon .et-pb-icon {
   font-size: 24px;
}

/* CONTACT > Formulaire de contact */

.formulaire-contact .dipe-form-header-title {
   font-weight: normal;
}

.formulaire-contact .wpcf7-form fieldset {
   background-color: var(--beige);
   margin: 20px 0 50px;
   padding: 20px;
}

.formulaire-contact .wpcf7-form fieldset > p {
   margin-bottom: 15px;
}

.formulaire-contact .wpcf7-form #programme-concerne {
   background-color: transparent;
   border: solid 1px white !important;
   font-style: italic;
}

.formulaire-contact textarea {
   resize: vertical;
}

.formulaire-contact .wpcf7-submit {
   background-color: var(--vert) !important;
   border: none !important;
   border-radius: 0 !important;
   color: var(--grisfonce) !important;
   padding: 20px !important;
   text-transform: uppercase;
   transition: all .3s;
}

.formulaire-contact .wpcf7-submit:hover {
   background-color: var(--rouge) !important;
   color: white !important;
}

.formulaire-contact .wpcf7-not-valid-tip {
   font: italic normal 16px/18px 'Montserrat-Book', Helvetica, Arial, Lucida, sans-serif;
   text-transform: none;
}

/* MEDIA QUERIES
   BREAKPOINTS  1405  1100  980  768  480
*/




/* NOS PROGRAMMES > Home réalisations */
@media (max-width: 480px){
   .home-realisations article {
      display: flex;
      margin-bottom: 40px!important;
      position: relative;
      float: left;
      width: 100%;
   }
}
@media (min-width: 481px){
.home-realisations article {
   display: flex;
   margin: 10px 1% 10px 0px;
   position: relative;
   float: left;
   width: 30%;
}}
.home-realisations article .preview {
   aspect-ratio: 1/1;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   overflow: hidden;
}

.home-realisations article .col-1 {
   position: relative;
   width: 100%;
}

.home-realisations article:nth-child(even) .col-1 {
   order: 2;
}

.home-realisations article:nth-child(odd) .col-1 .preview,
.home-realisations article:nth-child(even) .col-2 .preview,
.home-realisations article:nth-child(odd) .col-2 .double-row .preview:first-child,
.home-realisations article:nth-child(even) .col-2 .double-row .preview:nth-child(2) {
   border-right: solid 5px white;
}

.home-realisations article:nth-child(even) .col-1 .preview,
.home-realisations article:nth-child(odd) .col-2 .preview,
.home-realisations article:nth-child(odd) .col-2 .double-row .preview:first-child,
.home-realisations article:nth-child(even) .col-2 .double-row .preview:nth-child(2) {
   /*border-left: solid 5px white;*/
}

.home-realisations article .col-2 .double-row .preview {
   border-bottom: solid 5px white;
}

.home-realisations article .col-2 .single-row .preview {
   border-top: solid 5px white;
}

.home-realisations article:nth-child(odd) .col-1 .preview,
.home-realisations article:nth-child(even) .col-2 .double-row .preview:first-child {
   border-top-left-radius: 50px;
}

.home-realisations article:nth-child(even) .col-1 .preview,
.home-realisations article:nth-child(odd) .col-2 .single-row .preview {
   border-bottom-right-radius: 50px;
}

/*
.galerie-realisations article:nth-child(odd) .col-1 .preview,
.galerie-realisations article:nth-child(odd) .overlay {
   border-top-left-radius: 50px;
}

.galerie-realisations article:nth-child(even) .col-1 .preview,
.galerie-realisations article:nth-child(even) .overlay {
   border-bottom-right-radius: 50px;
}
*/

.home-realisations article .col-2 {
   display: flex;
   flex-direction: column;
   width: 50%;
}

.home-realisations article:nth-child(even) .col-2 {
   order: 1;
}

.home-realisations article .col-2 .double-row {
   display: flex;
}

.home-realisations article .col-2 .double-row .preview {
   width: 50%;
}

/*
.galerie-realisations article:nth-child(odd) .col-2 .double-row .preview {
   border-left: solid 10px white;
}

.galerie-realisations article:nth-child(even) .col-2 .double-row .preview {
   border-right: solid 10px white;
}
*/

.home-realisations article .col-2 .single-row .preview {
   aspect-ratio: 2/1;
}

.home-realisations article .info-container {
   background: linear-gradient(to right, rgba(0, 0, 0, .5) 50%, transparent) bottom / contain no-repeat;
   bottom: 0;
   color: white;
   display: flex;
   flex-direction: column;
   /*height: 80px;*/
   justify-content: center;
   left: 0;
   padding: 10px 10px;
   position: absolute;
   width: 100%;
   z-index: 10000000;
}

/*

.galerie-realisations article {
   cursor: zoom-in;
   display: flex;
   margin: 100px 0 200px;
   position: relative;
}

.galerie-realisations article .preview {
   aspect-ratio: 1/1;
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
}

.galerie-realisations article .col-1 {
   position: relative;
   width: 50%;
}

.galerie-realisations article:nth-child(even) .col-1 {
   order: 2;
}

.galerie-realisations article:nth-child(odd) .col-1 .preview,
.galerie-realisations article:nth-child(odd) .overlay {
   border-top-left-radius: 50px;
}

.galerie-realisations article:nth-child(even) .col-1 .preview,
.galerie-realisations article:nth-child(even) .overlay {
   border-bottom-right-radius: 50px;
}

.galerie-realisations article .col-2 {
   display: flex;
   flex-direction: column;
   width: 50%;
}

.galerie-realisations article:nth-child(even) .col-2 {
   order: 1;
}

.galerie-realisations article .col-2 .triple-row {
   display: flex;
}

.galerie-realisations article .col-2 .triple-row .preview {
   width: calc(100% / 3);
}

.galerie-realisations article:nth-child(odd) .col-2 .triple-row .preview {
   border-left: solid 10px white;
}

.galerie-realisations article:nth-child(even) .col-2 .triple-row .preview {
   border-right: solid 10px white;
}

.galerie-realisations article .info-container {
   display: flex;
   flex-direction: column;
   height: 100%;
   justify-content: center;
}

*/

.home-realisations article .info {
   padding: 25px;
}

.home-realisations article .info h2 {
   color: white;
   font-size: 24px !important;
   line-height: 24px;
}

.home-realisations article .info h3 {
   color: white;
   font-size: 18px !important;
   line-height: 18px !important;
}

.home-realisations article .overlay {
   background-color: rgba(0, 0, 0, .9);
   border-radius: 50px 0 50px 0;
  
   display: none;
   flex-direction: column;
   height: 100%;
   justify-content: center;
   left: 0;
   padding: 50px;
   position: absolute;
   top: 0;
   width: 100%;
   z-index: 2;
}

.home-realisations article .overlay.active {
   display: flex;
}
/*
.home-realisations article .info-container::after,
.home-realisations article .overlay::after {
   background-color: var(--vert);
   background-position: center;
   background-repeat: no-repeat;
   background-size: 30px;
   bottom: -25px;
   content: '';
   height: 50px;
   left: calc(50% - 25px);
   position: absolute;
   width: 50px;
   z-index: 1;
}

/*
.galerie-realisations article:nth-child(odd) .info-container::after,
.galerie-realisations article:nth-child(odd) .overlay::after {
   right: 0;
}

.galerie-realisations article:nth-child(even) .info-container::after,
.galerie-realisations article:nth-child(even) .overlay::after {
   left: 0;
}


.home-realisations article .info-container::after {
   background-image: url('../../uploads/picto-plus-noir-axias-habitat-programme-immobilier-pau.svg');
}

.home-realisations article .overlay::after {
   background-image: url('../../uploads/picto-moins-noir-axias-habitat-programme-immobilier-pau.svg');
}
*/
.home-realisations article .overlay h2 {
   color: white !important;
   font-size: 36px !important;
   line-height: 36px;
}

.home-realisations article .overlay h3 {
   color: white !important;
   font-size: 24px !important;
   line-height: 24px;
}

.home-realisations article .overlay .details {
   color: white;
   margin-top: 2em;
   padding-left: 80px;
   position: relative;
}

.home-realisations article .overlay .details::before {
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   content: '';
   height: 30px;
   left: 0;
   position: absolute;
   top: 0;
   width: 80px;
}

.home-realisations article .overlay .details.adresse::before {
   background-image: url('../../uploads/picto-adresse-vert-axias-habitat-programme-immobilier-pau.svg');
}

.home-realisations article .overlay .details.typologie::before {
   background-image: url('../../uploads/picto-plan-vert-axias-habitat-programme-immobilier-pau.svg');
}

.home-realisations article .overlay .details.livraison::before {
   background-image: url('../../uploads/picto-stade-vert-axias-habitat-programme-immobilier-pau.svg');
}

.home-realisations article .overlay .details.architecte::before {
   background-image: url('../../uploads/picto-crayon-vert-axias-habitat-programme-immobilier-pau.svg');
}

.home-realisations article .overlay .details.description::before {
   background-image: url('../../uploads/picto-guillemets-vert-gauche-axias-habitat-programme-immobilier-pau.svg');
}

.lightbox {
   align-items: center;
   background-color: rgba(0, 0, 0, .85);
   cursor: zoom-out;
   display: none;
   height: 100%;
   justify-content: center;
   left: 0;
   padding: 5%;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 100000;
}

.lightbox img {
   max-height: 100%;
}
@media all and (max-width:980px){
	#top-menu-nav {display:none;}
h1, h2 {font-size: 30px!important;    line-height: normal!important;}
	.page.et_pb_pagebuilder_layout #main-content{margin-top:50px;}
	.slider .info h2 {
    font-size: 30px !important;
    line-height: 30px;
}
	.slider li {
		height: 345px!important;
	}
	.slider {height: 345px!important;
	}
	
#accueil-temoignages .et_pb_row:nth-child(odd) .et_pb_text {
   background-color: #FFF!important;
   border-top-left-radius: 50px;
}
.liste-en-cours article .info .row-2-col {
   align-items: flex-start;
   display: block!important;
}
.et_pb_image_0_tb_body {
   margin-bottom: 80px!important;
   margin-left: 0px!important;
   text-align: left;
   margin-left: 0;
}
.galerie-realisations article .info-container {
   background: linear-gradient(to right, rgba(0, 0, 0, 1) 50%, transparent) bottom / contain no-repeat;
   bottom: 0;
   /* color: white; */
   display: block;
   flex-direction: column;
   height: 0px!important;
   justify-content: center;
   left: 0;
   /* padding: 35px 50px; */
   position: absolute;
   width: 100%;
   margin-top: 59px;
}
.galerie-realisations article .info h2{
   color: black;
   font-size: 24px !important;
   line-height: 24px;
   text-align: center;
}
.galerie-realisations article .info h3 {
   color: black;
   font-size: 24px !important;
   line-height: 24px;
   text-align: center;
}
.galerie-realisations article .info {
   padding-left: 5px;
   padding-right: 5px;
   padding-top: 40px;
   margin-top: 30px;

}
h4 {font-size: 18px!important;}

#les-10-etapes h3 {
   margin-bottom: 10px;
   text-align: left!important;
}
.et_pb_row_0.et_pb_row {
   padding-bottom: 50px!important;

}

.slider-arrow.prev {
   left: 5px;
}

.slider-arrow.next {
   right: 5px;
}
p{
   text-align: left!important;
}
.et_pb_section_1_tb_body.et_pb_section {
   margin-top: 0px!important;
   margin-bottom: 10px!important;
}
}
@media only screen and (max-width: 767px){
.et_pb_image_0_tb_body .et_pb_image_wrap img {
    width: auto;
    max-width: 270px;
}
.galerie-realisations article .overlay .details {
   color: white;
   padding-top: 30px;
   padding-left: 20px;
   position: relative;
   margin-top: 20px!important;
}
.et_pb_column .et_pb_row_inner, .et_pb_row {
   margin-top: 0px!important;
   padding-top:0px!important;
}
.galerie-realisations article {
   cursor: zoom-in;
   display: flex;
   margin: 0px 0 200px;
   
}
.et_pb_blurb.et_pb_text_align_justified .et_pb_blurb_content .et_pb_blurb_container {
   text-align: left;
}
h3 {font-size: 28px!important;}

#nos-actualites-blog .entry-title  {
    margin-top: 20px;
    margin-left: 0px;
    display: inline-block;
    /* padding-top: 20px; */
}
}