body{
    background-color: #fff;
    font-family: "Roboto", sans-serif;
    box-sizing: border-box;
}
.wrapper-main{
    width: 1100px;
    margin: 0 auto;
}
a{cursor: pointer;}

/* TEXTES */
h1{
    font-size: 26px;
    line-height: 32px;
    color: #3a3737;
    font-family: Roboto;
    font-weight: 600;
}
p{
    font-size: 14px;
    line-height: 18px;
    color: #3a3737;
    font-family: Roboto;
}

/* TEXT souligné */
.underline-text {
    color: #3a3737;
  font-family: Roboto;
}
.underline-text-bl {
    color: #f7f7f7;
  font-family: Roboto;
}

/* NAV */
.header-main{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-bottom:1px solid #6e6e6e;
    display: flex;
    justify-content: space-between;
    z-index: 1000;
}
.header-main-logo{
    width: fit-content;
    height: 100%;
    display: flex;
}
.header-main-logo img{
    height: 60px;
}
.header-main-nav{
    height: 100%;
    width: fit-content;
    padding-right: 60px;
}
.header-main-nav ul{
    list-style: none;
    margin-left: 30px;
}
.header-main-nav ul li{
    display: inline;
    float: left;
}

/* NAV AVEC SOUS MENU */
header{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 60px;
    background-color: #fff;
    border-bottom:1px solid #6e6e6e;
    display: flex;
    justify-content: space-between;
    z-index: 1000;
}
header ul li a:hover{
    color: #fa6d86;
}
.chevron {
    font-size: 10px;
}
header ul li a.active{
    color:#ff994f;
    font-weight: 300;
    cursor: pointer;
}
header ul{
    position: relative;
}
header ul li{
    position: relative;
    list-style: none;
    float: left;
}
header ul li a {
    padding: 0 10px;
    font-weight: 300;
    line-height: 60px;
    color:#3a3737;
    display: block;
    height: 100%;
    text-decoration: none;
    justify-content: space-between;
}
header ul li ul {
    position:absolute;
    left:0;
    width: 200px;
    background-color: #f7f7f7;
    display: none;
}
header ul li ul li:hover {   
    background-color: #ebebeb;
    border-bottom: 1px solid rgba(250, 109, 134, 1)
}
header ul li:hover ul {
    display: block;
}
header ul li ul li {
    position:relative;
    width: 100%;
    border-bottom: 1px solid rgba(110, 110, 110, 0.2)
}

@media (max-width:900px){
    header {
        padding: 0px 0px;
    }
    header nav { 
        position:absolute;
        width: 100%;
        top:60px;
        left:0;
        background: #f7f7f7;
        display: none;
    }
    header.active nav { 
        display: initial;

    }
    header nav ul li{
        width: 100%;
    }
    header ul li a{text-align: center;}
    header nav ul li ul{
        position:relative;
        width: 100%;
        left:0px;
    }
    header ul li ul li:hover {
        background-color: #f7f7f7;
        border-bottom: none;
    }
    header ul li ul li {
        border-bottom: none;
    }
    .menuToggle{
        position:relative;
        padding-right: 20px;
        width: 20x;
        height: 60px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    div.menuToggle::backdrop {
        background-color: aqua;
    }
    .menuToggle::before{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fa6d86;
        transform: translateY(-8px);
        box-shadow: 0 8px #fa6d86;transition: all ease-in-out 200ms;
    }
    .menuToggle::after{
        content: '';
        position: absolute;
        width: 100%;
        height: 2px;
        background: #fa6d86;
        transform: translateY(8px);transition: all ease-in-out 200ms;
    }
    header.active .menuToggle::before {
        transform: rotate(45deg);
        background: linear-gradient(100deg, #fa6d86 10%, #ff994f 80%);
        box-shadow: 0 0 #fa6d86;transition: all ease-in-out 200ms;
    }
    header.active .menuToggle::after {
        background: linear-gradient(100deg, #fa6d86 10%, #ff994f 80%);
        transform: rotate(315deg);transition: all ease-in-out 200ms;
    }
}

/* ELEMENTS PAGE INDEX */
main {
    width: 100%;
    height: calc(100vh - 60px);
    margin-top: 60px;
    background-image: url(../img/ampoule-vis1d.png), url(../img/01-Homepage-calques-1126px.jpg);
    background-size: 70vh, cover;
    background-repeat: no-repeat;
    background-position: left, center;
    display: flex;
    justify-content: center;
    align-items: center;
}
main .main-intro{
    text-align: center;
    position: relative;
    left: 20vh;
}
main .main-intro img {
    width: 140px;
}
main .main-intro .title-rotate{
    max-width: 464px;
}
main .main-intro h1{
    font-size: 70px;    
    line-height: 72px;
    font-weight: 100;
}
main .main-intro p{
    font-size: 30px;
    line-height: 40px;
    font-weight: 100;
    max-width: 464px;
    text-align: center;
    margin: 0 auto;
}
/* SECTION DARK */
.index-dark {
    width: 100%;
    height: calc(100vh - 60px);
    margin-top: 0px;
    background-image: url(../img/01-Homepage-vis2b.jpg);  
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left, center;
    display: flex;
    justify-content: center;
    align-items: center;    
}
.text-index-dark{
    text-align: center;
    width: 45%;
    position: relative;
    left: 25vh;
}
.index-dark h2 {
    color: #f7f7f7;
    font-size: 50px;    
    line-height: 55px;
    font-weight: 100;
    padding-bottom: 15px;
}
.index-dark p{
    color: #f7f7f7;
    font-size: 25px;
    line-height: 29px;
    font-weight: 100;
}

/* SECTION CATEGORY */
.index-category {
    width: 100%;
    padding: 90px 0 30px 0;
    background-color: #fff;
    display: flex;
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap;
}
.index-category p {
    color: #3a3737;
    align-items: center;
    text-align: center;
    padding-bottom: 40px;
    flex-basis: 100%;
    font-size: 32px;
    font-weight: 200;
}
.index-category-box {
    width: 280px;
    height: 220px;
    background-color: #3a3737;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.index-category-box:nth-child(2) {
    background-image: url(../img/category/strategie_marketing.jpg);
}
.index-category-box:nth-child(3) {
    background-image: url(../img/category/design_graphique.jpg);
}
.index-category-box:nth-child(4) {
    background-image: url(../img/category/solution_technique.jpg);
}
.dark-overlay{
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: #3a3737;
    opacity: 0.3;
    transition: all ease-in-out 200ms;
}
.index-category-box:hover .dark-overlay {
    opacity: 0.5;
}
.index-category-box h3 {
    color: #fff;
    max-width: 200px;
    font-weight: 300;
    font-size: 28px;
    line-height: 24px;
    text-align: center;
    text-shadow: -2px 2px 4px #3a3737;
    z-index: 100;
}
.index-category-box:hover h3 {
    color: #fff;
    text-shadow: -2px 2px 4px #3a3737;
}


/* PARTIE CLIENTS */
.clients-logo{
    width: 100%;
    padding: 100px 0;
    display: flex;
    justify-content: center;
    column-gap: 20px;
    flex-wrap: wrap;
}
.client-logo-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.clients-logo-element{
    flex-basis: 14%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.clients-logo-element img {
    width: 85%;    
}
.dark-logo{
    opacity: 0.75;
    transition: all ease-in-out 150ms;
}
.dark-logo:hover {
    opacity: 1;
}

/* LIGHTBOX & MASONY */
.container{
    width:1600px;
    margin: auto;
}
.subcontainer{
    width: 90%;
    margin: auto;
}
.grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
    padding: 20px;
    overflow-x: hidden;
}
.img{
    width:100%;
    min-height: 250px;
    background-position: center;
    background-size: cover;
    border-radius: 6px;
}
.img:nth-child(1){
    background-image: url(../img/print/carousel_large_01.jpg);
}
.img:nth-child(2){
    background-image: url(../img/print/carousel_large_02.jpg);
}
.img:nth-child(3){
    background-image: url(../img/print/carousel_large_03.jpg);
}
.img:nth-child(4){
    background-image: url(../img/print/carousel_large_04.jpg);
}
.img:nth-child(5){
    background-image: url(../img/print/carousel_large_05.jpg);
    grid-row:2/4;
}
.img:nth-child(6){
    background-image: url(../img/print/carousel_large_06.jpg);
}
.img:nth-child(7){
    background-image: url(../img/print/carousel_large_07.jpg);
    grid-row: 3/5;
    grid-column: 1/2;
}
.img:nth-child(8){
    background-image: url(../img/print/carousel_large_08.jpg);
}
.img:nth-child(9){
    background-image: url(../img/print/carousel_large_09.jpg);
    grid-column: 2/4;
}
.img1 {
    background-image: url(../img/print/carousel_large_01.jpg);
}
.img2 {
    background-image: url(../img/print/carousel_large_02.jpg);
}
.img3 {
    background-image: url(../img/print/carousel_large_03.jpg);
}
.img4 {
    background-image: url(../img/print/carousel_large_04.jpg);
}
.img5 {
    background-image: url(../img/print/carousel_large_05.jpg);
}
.img6 {
    background-image: url(../img/print/carousel_large_06.jpg);
}
.img7 {
    background-image: url(../img/print/carousel_large_07.jpg);
}
.img8 {
    background-image: url(../img/print/carousel_large_08.jpg);
}
.img9 {
    background-image: url(../img/print/carousel_large_09.jpg);
}
.img250 {
    background-image: url(../img/print/carousel_large_250_RSE.jpg);
}
.img251 {
    background-image: url(../img/print/carousel_large_251_RSE.jpg);
}
.img252 {
    background-image: url(../img/print/carousel_large_252_RSE.jpg);
}
.img253 {
    background-image: url(../img/print/carousel_large_253_RSE.jpg);
}
.img254 {
    background-image: url(../img/print/carousel_large_254_RSE.jpg);
}
.img255 {
    background-image: url(../img/print/carousel_large_255_RSE.jpg);
}
/* MAILING */
.img11 {
    background-image: url(../img/mailing/carousel_large_11.jpg);
}
.img12 {
    background-image: url(../img/mailing/carousel_large_12.jpg);
}
.img13 {
    background-image: url(../img/mailing/carousel_large_13.jpg);
}
.img14 {
    background-image: url(../img/mailing/carousel_large_14.jpg);
}
.img15 {
    background-image: url(../img/mailing/carousel_large_15.jpg);
}
.img16 {
    background-image: url(../img/mailing/carousel_large_16.jpg);
}
.img17 {
    background-image: url(../img/mailing/carousel_large_17.jpg);
}
.img18b {
    background-image: url(../img/mailing/carousel_large_18b.jpg);
}
.img19b {
    background-image: url(../img/mailing/carousel_large_19b.jpg);
}
.img20b {
    background-image: url(../img/mailing/carousel_large_20b.jpg);
}
.img21b {
    background-image: url(../img/mailing/carousel_large_21b.jpg);
}
.img22b {
    background-image: url(../img/mailing/carousel_large_22b.jpg);
}

/* PRESSE */
.img18 {
    background-image: url(../img/presse/carousel_large_18.jpg);
}
.img19 {
    background-image: url(../img/presse/carousel_large_19.jpg);
}
.img20 {
    background-image: url(../img/presse/carousel_large_20.jpg);
}
.img21 {
    background-image: url(../img/presse/carousel_large_21.jpg);
}
.img22 {
    background-image: url(../img/presse/carousel_large_22.jpg);
}
.img23 {
    background-image: url(../img/presse/carousel_large_23.jpg);
}
.img24 {
    background-image: url(../img/presse/carousel_large_24.jpg);
}
.img25 {
    background-image: url(../img/presse/carousel_large_25.jpg);
}
.img26b {
    background-image: url(../img/presse/carousel_large_26b.jpg);
}
.img27b {
    background-image: url(../img/presse/carousel_large_27b.jpg);
}
.img28b {
    background-image: url(../img/presse/carousel_large_28b.jpg);
}
.img29b {
    background-image: url(../img/presse/carousel_large_29b.jpg);
}

/* CAMPAGNE DE PUB */
.img27 {
    background-image: url(../img/campagne_pub/carousel_large_27.jpg);
}
.img28 {
    background-image: url(../img/campagne_pub/carousel_large_28.jpg);
}
.img29 {
    background-image: url(../img/campagne_pub/carousel_large_29.jpg);
}
.img30 {
    background-image: url(../img/campagne_pub/carousel_large_30.jpg);
}
.img31 {
    background-image: url(../img/campagne_pub/carousel_large_31.jpg);
}
.img32 {
    background-image: url(../img/campagne_pub/carousel_large_32.jpg);
}
.img33 {
    background-image: url(../img/campagne_pub/carousel_large_33.jpg);
}
.img34 {
    background-image: url(../img/campagne_pub/carousel_large_34.jpg);
}
.img35 {
    background-image: url(../img/campagne_pub/carousel_large_35.jpg);
}
.img36 {
    background-image: url(../img/campagne_pub/carousel_large_36.jpg);
}
.img37 {
    background-image: url(../img/campagne_pub/carousel_large_37.jpg);
}
.img38 {
    background-image: url(../img/campagne_pub/carousel_large_38.jpg);
}
.img39 {
    background-image: url(../img/campagne_pub/carousel_large_39.jpg);
}
.img40 {
    background-image: url(../img/campagne_pub/carousel_large_40.jpg);
}

/* ILLUSTRATION */
.img41 {
    background-image: url(../img/illustration/carousel_large_41.jpg);
}
.img42 {
    background-image: url(../img/illustration/carousel_large_42.jpg);
}
.img43 {
    background-image: url(../img/illustration/carousel_large_43.jpg);
}
.img44 {
    background-image: url(../img/illustration/carousel_large_44.jpg);
}
.img45 {
    background-image: url(../img/illustration/carousel_large_45.jpg);
}
.img46 {
    background-image: url(../img/illustration/carousel_large_46.jpg);
}
.img47 {
    background-image: url(../img/illustration/carousel_large_47.jpg);
}
.img48 {
    background-image: url(../img/illustration/carousel_large_48.jpg);
}
.img49 {
    background-image: url(../img/illustration/carousel_large_49.jpg);
}
.img110 {
    background-image: url(../img/illustration/carousel_large_110.jpg);
}
.img110b {
    background-image: url(../img/illustration/carousel_large_110b.jpg);
}
.img102b {
    background-image: url(../img/illustration/carousel_large_102.jpg);
}
/* LOGOS */
.img49b {
    background-image: url(../img/logo/carousel_large_FOUCAUD.jpg);
}
.img50b {
    background-image: url(../img/logo/carousel_large_50_2018.jpg);
}
.img51 {
    background-image: url(../img/logo/carousel_large_51.jpg);
}
.img51b {
    background-image: url(../img/logo/carousel_large_51_2024.jpg);
}
.img52b {
    background-image: url(../img/logo/carousel_large_52_2024.jpg);
}
.img53 {
    background-image: url(../img/logo/carousel_large_53.jpg);
}
.img53b {
    background-image: url(../img/logo/carousel_large_UF.jpg);
}
.img54b {
    background-image: url(../img/logo/carousel_large_WGroup.jpg);
}
.img55 {
    background-image: url(../img/logo/carousel_large_55.jpg);
}
.img55b {
    background-image: url(../img/logo/carousel_large_SuricateBleu_2024.jpg);
}
.img56 {
    background-image: url(../img/logo/carousel_large_56.jpg);
}
.img57 {
    background-image: url(../img/logo/carousel_large_57.jpg);
}
/* SITE WEB */
.img63 {
    background-image: url(../img/web/carousel_large_63.jpg);
}
.img63b {
    background-image: url(../img/web/carousel_large_63b.jpg);
}
.img63c {
    background-image: url(../img/web/carousel_large_63c.jpg);
}
.img64 {
    background-image: url(../img/web/carousel_large_64.jpg);
}
.img64b {
    background-image: url(../img/web/carousel_large_64b.jpg);
}
.img64c {
    background-image: url(../img/web/carousel_large_64c.jpg);
}
.img65 {
    background-image: url(../img/web/carousel_large_65.jpg);
}
.img65b {
    background-image: url(../img/web/carousel_large_65b.jpg);
}
.img66 {
    background-image: url(../img/web/carousel_large_66.jpg);
}
.img67 {
    background-image: url(../img/web/carousel_large_67.jpg);
}
.img68 {
    background-image: url(../img/web/carousel_large_68.jpg);
}
.img68b {
    background-image: url(../img/web/carousel_large_68b.jpg);
}
.img68c {
    background-image: url(../img/web/carousel_large_68c.jpg);
}
.img69 {
    background-image: url(../img/web/carousel_large_69.jpg);
}
.img72 {
    background-image: url(../img/web/carousel_large_72.jpg);
}
.img72b {
    background-image: url(../img/web/carousel_large_72b.jpg);
}
.img74 {
    background-image: url(../img/web/carousel_large_74.jpg);
}
.img77 {
    background-image: url(../img/web/carousel_large_77.jpg);
}
.img78b {
    background-image: url(../img/web/carousel_large_78b.jpg);
}

/* RESEAUX SOCIAUX */
.img256 {
    background-image: url(../img/reseaux-sociaux/carousel_large_256.jpg);
}
.img257 {
    background-image: url(../img/reseaux-sociaux/carousel_large_257.jpg);
}
.img258 {
    background-image: url(../img/reseaux-sociaux/carousel_large_258.jpg);
}
.img259 {
    background-image: url(../img/reseaux-sociaux/carousel_large_259.jpg);
}
.img260 {
    background-image: url(../img/reseaux-sociaux/carousel_large_260.jpg);
}
.img261 {
    background-image: url(../img/reseaux-sociaux/carousel_large_261.jpg);
}
.img262 {
    background-image: url(../img/reseaux-sociaux/carousel_large_262.jpg);
}
.img263 {
    background-image: url(../img/reseaux-sociaux/carousel_large_263.jpg);
}
.img264 {
    background-image: url(../img/reseaux-sociaux/carousel_large_264.jpg);
}
.img265 {
    background-image: url(../img/reseaux-sociaux/carousel_large_265.jpg);
}
.img266 {
    background-image: url(../img/reseaux-sociaux/carousel_large_266.jpg);
}

/* 3D */
.img78 {
    background-image: url(../img/3d/carousel_large_78.jpg);
}
.img79 {
    background-image: url(../img/3d/carousel_large_79.jpg);
}
.img80 {
    background-image: url(../img/3d/carousel_large_80.jpg);
}
.img81 {
    background-image: url(../img/3d/carousel_large_81.jpg);
}
.img82 {
    background-image: url(../img/3d/carousel_large_82.jpg);
}
.img83 {
    background-image: url(../img/3d/carousel_large_83.jpg);
}
.img84 {
    background-image: url(../img/3d/carousel_large_84.jpg);
}
.img85 {
    background-image: url(../img/3d/carousel_large_85.jpg);
}
.img86 {
    background-image: url(../img/3d/carousel_large_86.jpg);
}
.img87 {
    background-image: url(../img/3d/carousel_large_87.jpg);
}
.img88 {
    background-image: url(../img/3d/carousel_large_88.jpg);
}
.img103b {
    background-image: url(../img/3d/carousel_large_103.jpg);
}
.img104b {
    background-image: url(../img/3d/carousel_large_algeness1.jpg);
}
.img105 {
    background-image: url(../img/3d/carousel_large_algeness2.jpg);
}
.img106 {
    background-image: url(../img/3d/carousel_large-seringue1.jpg);
}
.img107 {
    background-image: url(../img/3d/carousel_large-seringue2.jpg);
}
.img109 {
    background-image: url(../img/3d/carousel_large_109.jpg);
}
.img267 {
    background-image: url(../img/3d/carousel_large_267.jpg);
}
.img268 {
    background-image: url(../img/3d/carousel_large_268.jpg);
}
.img269 {
    background-image: url(../img/3d/carousel_large_269.jpg);
}
.img270 {
    background-image: url(../img/3d/carousel_large_270.jpg);
}
.img271 {
    background-image: url(../img/3d/carousel_large_271.jpg);
}

/* E-MAILING */
.img89 {
    background-image: url(../img/emailing/carousel_large_89.jpg);
}
.img90 {
    background-image: url(../img/emailing/carousel_large_90.jpg);
}
.img91 {
    background-image: url(../img/emailing/carousel_large_91.jpg);
}
.img92 {
    background-image: url(../img/emailing/carousel_large_92.jpg);
}
.img93 {
    background-image: url(../img/emailing/carousel_large_93.jpg);
}
.img94 {
    background-image: url(../img/emailing/carousel_large_94.jpg);
}
.img95 {
    background-image: url(../img/emailing/carousel_large_95.jpg);
}
.img96 {
    background-image: url(../img/emailing/carousel_large_96.jpg);
}
.img97 {
    background-image: url(../img/emailing/carousel_large_97.jpg);
}
.img98 {
    background-image: url(../img/emailing/carousel_large_98.jpg);
}
.img99 {
    background-image: url(../img/emailing/carousel_large_99.jpg);
}
.img100 {
    background-image: url(../img/emailing/carousel_large_100.jpg);
}
.img101 {
    background-image: url(../img/emailing/carousel_large_101.jpg);
}
.img102 {
    background-image: url(../img/emailing/carousel_large_102.jpg);
}
.img103 {
    background-image: url(../img/emailing/carousel_large_103.jpg);
}
.img104 {
    background-image: url(../img/emailing/carousel_large_104.jpg);
}

/* PACKAGING */
.img115 {
    background-image: url(../img/packaging/carousel_large_115.jpg);
}
.img116 {
    background-image: url(../img/packaging/carousel_large_116.jpg);
}
.img117 {
    background-image: url(../img/packaging/carousel_large_117.jpg);
}
.img118 {
    background-image: url(../img/packaging/carousel_large_118.jpg);
}
.img119 {
    background-image: url(../img/packaging/carousel_large_119.jpg);
}
.img120 {
    background-image: url(../img/packaging/carousel_large_120.jpg);
}
.img121 {
    background-image: url(../img/packaging/carousel_large_121.jpg);
}
.img122 {
    background-image: url(../img/packaging/carousel_large_122.jpg);
}
.img123 {
    background-image: url(../img/packaging/carousel_large_123.jpg);
}
.img124 {
    background-image: url(../img/packaging/carousel_large_124.jpg);
}
.img125 {
    background-image: url(../img/packaging/carousel_large_125.jpg);
}
.img126 {
    background-image: url(../img/packaging/carousel_large_126.jpg);
}
.img127 {
    background-image: url(../img/packaging/carousel_large_127.jpg);
}
.img128 {
    background-image: url(../img/packaging/carousel_large_128.jpg);
}
.img129 {
    background-image: url(../img/packaging/carousel_large_129.jpg);
}
.img130 {
    background-image: url(../img/packaging/carousel_large_130.jpg);
}
.img131 {
    background-image: url(../img/packaging/carousel_large_131.jpg);
}
.img132 {
    background-image: url(../img/packaging/carousel_large_132.jpg);
}
.img133 {
    background-image: url(../img/packaging/carousel_large_133.jpg);
}
.img134 {
    background-image: url(../img/packaging/carousel_large_134.jpg);
}
.img272 {
    background-image: url(../img/packaging/carousel_large_272.jpg);
}
.img273 {
    background-image: url(../img/packaging/carousel_large_273.jpg);
}
.img274 {
    background-image: url(../img/packaging/carousel_large_274.jpg);
}
.img275 {
    background-image: url(../img/packaging/carousel_large_275.jpg);
}
.img276 {
    background-image: url(../img/packaging/carousel_large_276.jpg);
}

@media(max-width:1600px){
    .container{
        width: 100%;
    }
}
@media screen and (max-width:768px){
    .container{
        width: 100%;
    }
    .grid{
        grid-template-columns: 1fr;
    }
    .img:nth-child(5){
        display: grid;
        grid-row:1/1 !important;
    }
    .img:nth-child(7){
        display: grid;
        grid-row:1/1 !important;
        grid-column: 1/2 !important;
    }
    .img:nth-child(9){
        display: grid;
        grid-column: 1/2 !important;
    }
    
}

/* FOOTER */
.footer-main {
    width: 100%;
    padding: 30px 0 30px;
    background-color: #2e2d33;    
}
.footer-main-flex {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-basis: 100%;
}
.footer-getintouch{
    display: flex;
    align-items: center;
    margin: 0px 0 30px;
    padding: 15px 30px;
    font-size: 18px;
    color: #fff;
    gap: 10px;
    border: none;
    border-radius: 50px;
    background: linear-gradient(270deg,#ff994f,#fa6d86);
    cursor: pointer;
}
.wrapper-main ul{
    padding-left: 25px;
}
.footer-sitemap a{
    color:#f7f7f7;
    font-weight: 200;
    line-height: 20px;
    font-size: 14px;
}
.footer-sitemap a:hover{
    opacity: 0.6;
}
.footer-sitemap {
    flex-basis: 100%;
    display: flex;
}
.footer-sitemap ul:nth-child(1){
    padding-left: 25px;
    flex-basis: 200px;
}
.footer-sitemap ul:nth-child(2){
    border-left: 2px solid #f7f7f7;
    flex-basis: 200px;
}
.footer-sitemap ul:nth-child(3){
    clear: both;
    display: flex;
    justify-content: right;
    flex-basis: 540px;
    float: right;
}
.footer-sitemap ul:nth-child(3) p{
    color: #f7f7f7;
    padding-top: 10px;
    padding-right: 25px;
    font-size: 30px;
    font-weight: 100;
    text-align: right;
    line-height: 35px;   
}
.footer-sitemap ul:nth-child(4){
    border-left: 2px solid #f7f7f7;
    flex-basis: 150px;
    float: right;
}
.copyright {
    padding-top: 25px;
    font-size: 12px;
    font-weight: 300;
    width: 100%;
    color:#9c9b9b;
    text-align: left;
}

/* MOBILE VERSION */

@media only screen and (max-width:600px) {
 
   .wrapper-main{
        width: calc(100% - 20px);
    }

/* TEXT souligné */
    .title-rotate {
        transform: rotate(-3deg);
    }
    .underline-text, .underline-text-bl {
    background-image: linear-gradient(100deg, #fa6d86 0%, #ff994f 100%);
    background-repeat: no-repeat;
    background-size: 100% 92%;
    background-position: 0 83%;
    color: #fff;
    line-height: 54px;
    padding: 3px 10px;
    }

    .underline-text-bl h2{
        line-height: 40px;
    }

/* ELEMENTS PAGE INDEX */
main {
    background-image: url(../img/ampoule-vis1d-mobversion.jpg);
    background-repeat: no-repeat;
    background-position: center;
    align-items: flex-end;
    width: 100%;
    height: calc(100vh - 40px);
    margin-top: 40px;
    background-size: cover;
    display: flex;
    justify-content: center;
}
main .main-intro{
    padding-bottom: 8vh;
    left: 0vh;
}
main .main-intro img {
    display:none;
}
main .main-intro h1{
    font-size: 3rem;    
    line-height: 3.8rem;
    font-weight: 100;
    margin-bottom: 15vh;
    margin-top: 2vh;
}
main .main-intro p{
    padding: 0 20px;
    font-size: 1.6rem;
    line-height: 1.25;
}
/* SECTION DARK */
.index-dark {
    width: 100%;
    height: calc(100vh - 60px);
    margin-top: 0px;
    background-image: url(../img/01-Homepage-vis2b-mobversion.jpg);  
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;  
    align-items: flex-end; 
    padding-bottom: 9vh;
}
.text-index-dark{
    text-align: center;
    width: 90%;
    position: relative;
    left: 0vh;
}
.index-dark h2{
    color: #f7f7f7;
    font-size: 2.7rem;    
    line-height: 3.1rem;
    font-weight: 100;
    margin-bottom: 2vh;
    padding-bottom: 15px;
}
.index-dark p{
    width: 100%;
    color: #f7f7f7;
    padding: 0 20px;
    font-size: 1.2rem;
    line-height: 1.3rem;
    font-weight: 100;
    text-shadow: #1c1c1c 0px 0 5px;
}

/* SECTION CATEGORY */
.index-category {
    padding: 60px 3px 30px 3px;
    row-gap: 10px;
    flex-wrap: wrap;
}
.index-category p {
    flex-basis: 100%;
    font-size: 32px;
    line-height:32px;
    font-weight: 200;
}

.index-category-box {
    width: calc(100% - 20px);
    height: 200px;
    background-position-x: center;
    background-position-y: center;
}
.index-category-box h3 {   
    max-width: 280px;
}

/* PARTIE CLIENTS */
.clients-logo{
    width: 100%;
    padding: 100px 0;   
    display: flex;
    justify-content: center;
    column-gap: 20px;
    flex-wrap: nowrap;
    padding-bottom: 10px;
}
.client-logo-flex {
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    align-items: center;
    row-gap: 20px;   
}
.clients-logo-element{
    flex-basis: 40%;
}

/* FOOTER */
.footer-sitemap ul:nth-child(1){
    padding-left: 25px;
}
.footer-sitemap ul:nth-child(2){
    border-left: none;
}
.footer-sitemap ul:nth-child(3){
    display: none;
}
.footer-sitemap ul:nth-child(3) p{
    display: none;    
}
.footer-sitemap ul:nth-child(4){
    border-left: 2px solid #f7f7f7;
    float: right;
    margin-right: 20px;
}
.copyright {
    padding-top: 25px;
    padding-bottom: 35px;
    font-size: 11px;
    width: calc(100% - 30px);
}
/* HEADER PAGES SITE */


/* PARTIES MASONRY */

/* LIGHTBOX */

    /* TEST POUR RENDRE IMAGE NON CLIQUABLE */
    .container-masonry {
        pointer-events: none;
    }
   

}