@charset "UTF-8";
/* CSS Document */
*{padding:0;margin:0;list-style:none;outline:none;}

/*  ------------- global ----------- */

.solutions-global {
width:100%;
margin-top: 70px;
padding-left:100px;
padding-right:100px;
padding-top:0px;

}
.solutions-global-fond-gris {
width:auto;
margin-left: auto;
margin-right: auto;
padding:0;
display: grid;                            /* Active le mode Grid */
grid-template-columns: repeat(6, 1fr);   /* Crée 3 colonnes de largeur égale */
grid-template-rows: auto;                 /* Les lignes s'adaptent au contenu */
gap: 0px;                                /* Espace entre les lignes et colonnes */
}

@media (max-width:1300px) {
.solutions-global-fond-gris {
grid-template-columns: repeat(3, 2fr);   /* Crée 3 colonnes de largeur égale */
}
}

@media (max-width:800px) {
.solutions-global-fond-gris {
grid-template-columns: repeat(2, 3fr);   /* Crée 3 colonnes de largeur égale */
}
}

@media (max-width:580px) {
.solutions-global-fond-gris {
grid-template-columns: repeat(1, 6fr);   /* Crée 3 colonnes de largeur égale */
}
}

  
/*  ------------- fiches solutions ----------- */
.oreille-gauche1, .oreille-gauche3, .oreille-gauche4, .oreille-gauche5 {
width: 60px;
height:100%;
background-color:#F7F7F7;
border-radius: 60px 0px 0px 60px;
margin:0;
padding:0;
position:absolute;
left:-60px;
top:0;
}
.oreille-droite6, .oreille-droite2, .oreille-droite3, .oreille-droite4 {
width: 60px;
height:100%;
background-color:#F7F7F7;
border-radius: 0px 60px 60px 0px;
margin:0;
padding:0;
position:absolute;
right:-60px;
top:0;
}




@media (min-width:1301px) {
.oreille-gauche3, .oreille-gauche4, .oreille-gauche5, .oreille-droite2, .oreille-droite3, .oreille-droite4 {
display:none;
}
}

@media (min-width:801px) {
.oreille-gauche3, .oreille-gauche5 {
display:none;
}
.solutions-global {
padding-left: 70px;
padding-right: 70px;
}

.oreille-droite6, .oreille-droite2, .oreille-droite3, .oreille-droite4 {
width: 50px;
border-radius: 0px 50px 50px 0px;
right:-50px;
}
.oreille-gauche1, .oreille-gauche3, .oreille-gauche4, .oreille-gauche5 {
width: 50px;
border-radius: 50px 0px 0px 50px;
left:-50px;
}





}

@media (max-width:800px) {

.oreille-gauche4 {    
display:none;
}

.fiche-solution-03, .fiche-solution-04, .fiche-solution-05, .fiche-solution-06 { 
margin-top:140px;
} 
.solutions-global {
padding-left: 80px;
padding-right: 80px;
}


.oreille-droite6, .oreille-droite2, .oreille-droite3, .oreille-droite4 {
width: 40px;
border-radius: 0px 40px 40px 0px;
right:-40px;
}
.oreille-gauche1, .oreille-gauche3, .oreille-gauche4, .oreille-gauche5 {
width: 40px;
border-radius: 40px 0px 0px 40px;
left:-40px;
}
.solutions-global {
padding-left: 60px;
padding-right: 60px;
}

}

@media (max-width:580px) {
.oreille-gauche1, .oreille-gauche3, .oreille-gauche4, .oreille-gauche5, .oreille-droite6, .oreille-droite2, .oreille-droite3, .oreille-droite4 {
display:none;
}

}






.fiche-solution-01, .fiche-solution-02, .fiche-solution-03, .fiche-solution-04, .fiche-solution-05, .fiche-solution-06 {
text-align:center;
position:relative;
padding-left: 0px;
padding-right: 0px;
padding-top: 40px;
padding-bottom: 40px;
background-color:#F7F7F7;
position:relative;
}

@media (max-width:580px) {
.fiche-solution-02, .fiche-solution-03, .fiche-solution-04, .fiche-solution-05, .fiche-solution-06 { 
margin-top:140px;
}   
.solutions-global {
  margin-top: 70px;
  padding-left: 4vw;
  padding-right: 4vw;
  padding-top: 0px;
}

.fiche-solution-01, .fiche-solution-02, .fiche-solution-03, .fiche-solution-04, .fiche-solution-05, .fiche-solution-06 {
padding-left: 4vw;
padding-right: 4vw;
border-radius: 60px;
}


}
@media (max-width:1300px) {
.fiche-solution-04, .fiche-solution-05, .fiche-solution-06 { 
margin-top:140px;
}
}
.titre-solution {
position:absolute;
top: -80px;
left:50%;
transform: translateX(-50%);
width: 100%;
}

.titre-solution h3 {
font-family: "ITCAvantGardeStdDemi",Helvetica,Arial,sans-serif;
font-size: 24px;
letter-spacing: 0;
color: #000;
line-height: 1.1;
}

.titre-solution .p-solution-petit {
font-family: Helvetica,Arial,sans-serif;
font-size: 14px;
letter-spacing: 0.5px;
color: #A7A550;
line-height: 1.1;
text-transform:uppercase;
}

.cadre-blanc-solution {
background-color:#FFF;
border-radius: 40px;
width:auto;
height:auto;
box-shadow: 0 0 12px #DDD;
margin-bottom:20px;
width: 96%;
padding:10px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

.cadre-blanc-solution img {
border-radius: 50%;
width:auto;
}


.en-savoir-plus-solution {
font-family: Helvetica,Arial,sans-serif;
font-size: 15px;
letter-spacing: 0;
color: #777;
line-height: 1.1;
margin:10px;
}
.en-savoir-plus-solution p {
display:inline;
margin:0 5px;
}
.en-savoir-plus-solution img {
display:inline;
margin:0 5px;
}

@media (min-width:1301px) and (max-width:1550px) {
.en-savoir-plus-solution p {
display:block;
margin-bottom:15px;
}
}
@media (min-width:801px) and (max-width:880px) {
.en-savoir-plus-solution p {
display:block;
margin-bottom:15px;
}
}