@media screen {
    :root {
        --main-width           : var(--vw);
        --container-out-margin : 0;
        --container-width      : 100%;
        --split-container-width: calc(var(--container-width) / 2 - var(--bs-gutter-x,.75rem));
        --container-out-margin : calc((var(--main-width) - var(--container-width)) / 2 + var(--bs-gutter-x,.75rem));
        --container-padding-x  : 0;
    }
    @media(min-width:576px) {
        :root {
            --container-width: 540px;
        }
    }
    @media(min-width:768px) {
        :root {
            --container-width: 720px;
        }
    }
    @media(min-width:992px) {
        :root {
            --container-width: 960px;
        }
    }
    @media(min-width:1200px) {
        :root {
            --container-width: 1140px;
        }
    }
    @media(min-width:1400px) {
        :root {
            --container-width: 1320px;
        }
    }
}
.gy-6{
     --bs-gutter-y: 6rem;
}
.gx-6 {
    --bs-gutter-x: 6rem;
}
.p-relative{
position:relative;
}

img{
    position:relative;
}
.h2{
    font-size: 47px;
    font-weight: 400;
    font-style: italic;
    line-height: 1;
}
.h2 strong{
  color:var(--color-1);
}

    .h3, h3 {
        font-size: 25px;
        font-weight: 400;
        text-transform: uppercase;
    }
    .h4,h4{
         font-size: 22px;
         font-style: italic;
         font-weight: 300;
    }

main:before{
   content:'';
   position:absolute;
   top:300px;
   left: calc(var(--container-out-margin) - 20px);
   width:1px;
       /* height: calc(100% + 42px); */
    height: calc(var(--main-height) + 90px);
   background: #000;

}
.description{
    margin:2rem 0;
}
.split-container{position:relative;z-index: 20;}

.square{z-index:20}
.square:after {
    content: '';
    position: absolute;
    top: 0;
    left: -10%;
    width: 400px;
    height: 100%;
    max-height:200px;
    background: var(--bg-light);
    z-index: -1;
    display: block;
}


.accueil .square:after {
    max-height: none;
}
.realisations-detail .square:after {
    left: -20%;
}
.realisations-index .square:after {
  top:15% !important;
}


.realisations .split .square:after {
 left:-20%;
}
.realisations .header .square:after {
 left:-20%;
}



.croix{
    position:relative;
   width: 100%;      
    height: 100%;
}
.croix{
    position:relative;
   width: 100%;      
    height: 100%;
}
.croix:before{
      content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
    background: url(../../img/croix.svg) no-repeat center center;
    background-size: contain;
    z-index: 0;
}
.listesquare ul {
  list-style: none; 
  padding-left: 1.5em;
}
.listesquare ul li {
    line-height: 2;
}
.listesquare ul li::before {
  content: "■";
  color: var(--color-1) ;
  display: inline-block;
  width: 1em;
  margin-left: -1.5em; 
}
form .form-control{
    border-radius: 0;
}
form  .text-danger{
   display:none;
}

.active-gps{display:none;}

.realisations-widgets  .margin-top{
    margin-top:15%;
}
.realisations-widgets  .square:after,.realisations-index .square:after{
   max-height:418px;
   height:100%;
   top:25%;
   width:230px;
}
.categoriesRealisations .realisations-widgets  .square:after{
   max-height:418px;
   height:100%;
   top:10%;
   width:230px;
}
.categoriesRealisations img{
  max-width:75%;
}
.categoriesRealisations .realisations-widgets .row >div:nth-child(2){
  margin-left: auto;
}
.categoriesRealisations .realisations-widgets .row >div:nth-child(3){
  margin-left: auto;
margin-top:10rem;
}
.categoriesRealisations .realisations-widgets .row >div:nth-child(4){
  margin-right: auto;
  margin-top:2rem;
}

.categoriesRealisations.reverse .realisations-widgets .row >div:nth-child(1){
 order:2;
 margin-right:auto;
}
.categoriesRealisations.reverse .realisations-widgets .row >div:nth-child(2){
    order:1;
margin-right:auto;
}
.categoriesRealisations.reverse .realisations-widgets .row >div:nth-child(3){
    order:3;
margin-top:4rem;
}
.categoriesRealisations.reverse .realisations-widgets .row >div:nth-child(4){
order:4;
margin-top:8rem;
}

.equipes .card{
    border:none;
}

@media (max-width:992px){
     .croix .h2{
            text-align: center !important;
        }
            .croix:before{
            display:none;
        }
        .categoriesRealisations img {
    max-width: 100%;
}
.categoriesRealisations .realisations-widgets .row >div:nth-child(3){
  margin-left: auto;
  margin-top: 0rem;
}
}
    @media(max-width:768px) {
    
        .realisations-widgets  .margin-top{
            margin-top:0;
        }

        .categoriesRealisations .realisations-widgets .row>div{
       order:unset !important;
       margin-top:0rem !important;
        }

       

        .gy-6{
     --bs-gutter-y: 0rem;
}
.gx-6 {
    --bs-gutter-x: 0rem;
}
    }
    @media(max-width:576px) {
        main:before{
            display:none;
        }
    }