body{max-height: fit-content}



/** GENERAL **/


.header-1 {font-family: 'Everett-Light'; src: url(../font/Everett-Regular.otf); font-weight: 100; font-size: 60px;line-height: 58px;text-transform: uppercase;}
.header-2 {font-family: 'Everett-Regular';src: url(../font/Everett-Regular.otf);font-weight: 100;font-size: 40px;line-height: 43px;text-transform: uppercase;letter-spacing: -1px;}

.texte-1 { font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);font-size: 36px;line-height: 42px;letter-spacing: -15;}
.texte-2 {font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);;font-weight: normal;font-size: 26px;line-height:32px;opacity: 1;}
.texte-3 {font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);;font-style: normal;font-size: 18px;line-height: 24px;letter-spacing: ;}
.texte-4 {font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);;font-style: normal;font-size: 14px;line-height: 19px;letter-spacing: ;}
.texte-footer {font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);font-style: normal;font-size: 18px;line-height: 24px;letter-spacing: ;}

.texte-projet {font-family: 'Everett-Regular';src: url(../font/Everett-Regular.otf);font-size: 50px;line-height: 52px;letter-spacing: -15;}
.texte-description{font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);font-weight: normal;font-size: 22px;line-height:29px;opacity: 0.5;transition: scale 0.5s ease-in-out;}

.projet_text_description{font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);font-size: 18px;line-height: 22px;}

.buttonprojet{}

@media (max-width: 968px) { 
    .texte-1{font-size:23px; line-height: 27px;}
    .texte-projet{font-size:40px; line-height:38px;}
    .texte-description{font-size:20px; line-height:28px;}
    .texte-2{font-size: 20px;line-height: 25px;}
    .texte-3{font-size: 15px;line-height: 19px;}-
    .texte-4 {font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);;font-style: normal;font-size: 14px;line-height: 19px;letter-spacing: ;}
    .texte-footer {font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);font-style: normal;font-size: 12px;line-height: 16px;letter-spacing: ;}
    .texte-projet {font-family: 'Everett-Regular';src: url(../font/Everett-Regular.otf);font-size: 35px;line-height: 37px;letter-spacing: -15;padding-bottom: 10px;}
    .texte-description{font-size: 14px;line-height:19px;}
    .projet_text_description{font-family: 'Everett-Light';src: url(../font/Everett-Light.otf);font-size: 14px;line-height: 15px;}
}


/** GENERAL **/

.margin-general{margin: 0 7% 0 7%;}
.containerru { padding-top: 250px; color:white; user-select: none; background-color: black; display: flex;}

.flexbox{ display: flex; flex-direction:row  ;flex-wrap: ; }

nav ul li a { color: black; text-decoration: non; overflow: hidden; }
nav ul li a:hover{ color: black; text-decoration: non; overflow: hidden; }

    
a{ color:white; }
a:hover{ color: white; }



.menuflex{  position:relative; display: flex; flex-wrap: wrap; width: 100%; padding: 50px; }
.menuflex div:nth-child(2){ text-align: right; flex:auto; flex-shrink: 1;}  
.menuflex div:nth-child(1){ flex:auto; flex-shrink: 10; }



/** INDEX **/

.fullscreen-container { position: relative; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; }
.fullscreen-image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; transition: opacity 0.25s ease-in-out; }  
.fullscreen-texte { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: -1; }

.buttonru{ opacity: 0.65; transition: opacity 0.25s ease-in;}
.buttonru:hover{  opacity: 1; }

.lamethodo{width: 100%;margin-left: auto; margin-right: auto;}

.buttonprojet{
    visibility: hidden;
    display: none;
}


@media (max-width: 968px) {
    .buttonprojet{
        visibility: visible;
        display: block;
    }
}




/** LES PROJETS **/

.cardcontainer { display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto; gap: 40px; }
.cardgrid{ flex: calc(50% - 40px); padding-bottom: 40px;}
.cardgrid .texte-description{ opacity: 0.5; transition: opacity 0.25s ease-in; }
.cardgrid:hover .texte-description { opacity: 1;}


.img-wrapper { width: 100%; height: fit-content; overflow: hidden;  }
.inner-img { transition: 0.25s ease-in; }      
.inner-img:hover { transform: scale(1.025); }


.texte-intro{margin: 120px 7% 150px 7%;}

@media (max-width: 968px) { 
    .cardgrid { flex: 100%; }
    .margin-general{ margin: 0 7% 0 7%; }
    ul {list-style-type: none; }

    .projetcontainer ul p{margin: 0 7% 0 7%;}
   
.texte-intro{margin: 120px 7% 150px 7%;}
  
}


.projetcontainer{margin:0}

@media (min-width:968px) {
    .projetcontainer{margin: 0 7% 0 7%;}
}




/***** PAGE PROJET****/
.projet_resume{display: flex; flex-direction: row; justify-content: space-between; gap: 25px; border-bottom-style: solid;border-bottom-width: 1px; padding: 3px 0 3px 0; 
   }

   @media (min-width:968px) {
    .projet_resume{width: 60%;padding: 6px 0 6px 0;}
}





/****** QUI SOMMES-NOUS ******/


.columns2 { column-count: 2; width: 100%;  display:inline-table; }
.column_item { width: 50%; float:left; padding: 7% 3% 0 5%; margin: 0 0 0 0; }
.columns3 { column-count: 3; display: table; }
.column_item3 { width: 33%; float:left; padding: 0 5% 0 0; word-wrap: break-word;  -webkit-hyphens: auto; hyphens: auto; }

.duo{  width: 70%; margin-left: 30%; margin-right: auto; }



/**** NOTRE METHODO ****/
.methodopoint{padding-top: 125px ;flex-wrap: row; flex-wrap: nowrap; gap: 10%;}




@media (max-width:968px) {
   .methodopoint{padding-top: 125px ;flex-wrap: row; flex-wrap: wrap; gap: 10%;}
}




/****** FOOTER ******/

.footerru{  width: 90%;padding: 0;  display: flex; gap: 50px; justify-content: center; margin-left: auto; margin-right: auto; }
.footerru div p{ line-height: 30px;}

@media (max-width: 1200px) { 
    .footerru { flex-direction: column; gap: 0px; }
    .footerru div p{ line-height: 26px; }

}
    
#footer{ display: flex; flex-wrap: wrap; align-items: top; margin: 3% 3% 3% 3%;}





@media (max-width: 1200px) { 

    .columns2 { column-count: 1; }
    .column_item { width: 100%; margin-left: 0px; margin-right: 0px; }   
    .columns3 { column-count: 1;}
    .column_item3 { width: 100%;  margin-left: 0px;  margin-right: 0px;  padding-bottom: 10%; }   
    .duo{ width: 100%; margin-left: 0px; margin-right: 0px; }
}




.item_projet{ padding-top: 5%;width: 70%;}
.fleche{font-family: 'Everett-Light'; src: url(../font/Everett-Regular.otf); font-weight: 100; font-size: 100px;line-height: 63px;text-transform: uppercase;}


/** MAX WIDTH 500PX **/

@media (max-width: 500px) { 

    
.texte-intro{margin: 120px 7% 150px 7%;}
    
    .fleche{font-family: 'Everett-Light'; src: url(../font/Everett-Regular.otf); font-weight: 100; font-size: 50px;line-height: 63px;text-transform: uppercase;}
    .w-80{width: 100%;}
    .item_projet{width: 100%;}
    .containerru{ padding: 100px 0 0 0;}
    .containerru a { text-align: left;}
    #lesprojets{width: 80%;margin-left: auto; margin-right: auto;}
    #lesprojets a {text-align: ;}

    .margin-general{margin: 0 7% 0 7%;}

    .menuflex{padding: 25px 25px 0 25px;}

    
 

    
}
.menu_petit { display: block; }
.menu_grand {  display: none; }
  
  /* Pour les écrans supérieurs à 968px, affiche le menu_grand et cache le menu_petit */

  @media (min-width: 968px) {
    .menu_petit { display: none;}
    .menu_grand {display: block; }
    .lamethodo{width: 75%;margin-left: auto;margin-left: auto; }
    #lesprojets p {width: 80%;}
}


.lamethodo{;margin-left:auto;margin-left: auto; }


    .quisommesnous {display:flexbox; flex-direction:row;flex-wrap: wrap;gap: 100px;width: 90%;margin-left:auto; margin-right:auto;}
    .quisommesnous div:nth-child(1){width: 30%;}
    .quisommesnous div img{width: 100%;}
    .quisommesnous div:nth-child(2){width: 50%;}



@media (max-width: 968px) {        
    .hiddensmall { display: none;}
    .quisommesnous {display:flexbox; flex-direction:column-reverse; margin-left:auto; margin-right:auto; align-items:  center;}
    .quisommesnous div:nth-child(1){margin-left: auto; margin-right: auto;width: 60vw;padding-top: 0;}
    .quisommesnous div img {width: 60vw;padding-top: 0}
    .quisommesnous div:nth-child(2){width: 100%;}
    .quisommesnous div:nth-child(2) p {width: 90%;margin-left: auto;margin-left: auto; padding-right: 5%;}
    
    .savoirsentourer{padding: 200px 0 200px 0;justify-content: left ; display: flex;width: 80%;}

    .lesprojets div {width: 5%;}
    .hiddensmall { display:none;}
    }

    
.savoirsentourer{padding: 200px 0 200px 0;justify-content: left ; display: flex; flex-wrap: wrap; width: 80%;}