@charset "utf-8";
/* CSS Document */






/* CSS PROPRE A LA HOMEPAGE */

@media only screen and (min-width : 960px) {

#header{
padding : 0px 32px;
}
.block-img-header{
background: url("../images/obliques-Groupe-IMA.svg"), #E6EBF0 ;
background-size: 300px, cover;
background-position: top 0px right 32px, center;
background-repeat: no-repeat, no-repeat;
width : 100%;
height : 350px;
border-radius : 12px;
position: relative;
}
.block-img-header > img{
height : 300px;
vertical-align : middle;
margin-top : 25px;
}
.block-img-header > div > div{
position: absolute;
bottom: 0;
background: #6419BE;
width : 200px;
padding : 16px 32px;
border-radius : 12px 12px 0px 0px;
color: #FFFFFF;
font-size: 12px;
text-align: center;
box-shadow: 0px -10px 20px 0px rgba(0, 0, 17, 0.1);
}
.block-img-header > div > div > span{
font-size: 24px;
}
.commun-bloc_header > div{
width : 960px;
margin : 0 auto;
text-align : left;
display: inline-block;
color : #FFFFFF;
vertical-align: middle;
}
.commun-bloc_header > div > h1 > span{
color : #FFFFFF;
}
.commun-bloc_header > div > .bouton-secondaire-L-desktop-white{
margin-right : 16px;
}

.box-global{
padding : 64px 128px;
overflow: hidden;
}
#box-domicile-confort > .image-modal{
width : 30%;
display: inline-block;
vertical-align: top;
background: url("../images/nos-offres/domicile/materiel-confort.png"), #F3F3F8 ;
background-size: 95%, cover;
background-position: top 50% right 50%, center;
background-repeat: no-repeat, no-repeat;
height : 97%;
border-radius: 12px;
overflow : hidden;
}
#box-domicile-serenite > .image-modal{
width : 30%;
display: inline-block;
vertical-align: top;
background: url("../images/nos-offres/domicile/materiel-serenite.png"), #F3F3F8 ;
background-size: 95%, cover;
background-position: top 50% right 50%, center;
background-repeat: no-repeat, no-repeat;
height : 97%;
border-radius: 12px;
overflow : hidden;
}
#box-mobile-active > .image-modal{
width : 30%;
display: inline-block;
vertical-align: top;
background: url("../images/nos-offres/mobile/materiel-active.png"), #F3F3F8 ;
background-size: 95%, cover;
background-position: top 50% right 50%, center;
background-repeat: no-repeat, no-repeat;
height : 97%;
border-radius: 12px;
overflow : hidden;
}
#box-mobile-dynamique > .image-modal{
width : 30%;
display: inline-block;
vertical-align: top;
background: url("../images/nos-offres/mobile/materiel-dynamique.png"), #F3F3F8 ;
background-size: 95%, cover;
background-position: top 50% right 50%, center;
background-repeat: no-repeat, no-repeat;
height : 97%;
border-radius: 12px;
overflow : hidden;
}
.texte-modal{
width : 60%;
height : 97%;
display: inline-block;
vertical-align: top;
padding-left: 128px;
overflow-y: scroll;
scrollbar-color: rebeccapurple green;
scrollbar-width: thin;
}
.texte-modal > div > .services-materiel-inclus-titre{
border-top: 1px solid #C8CDD7;
padding-top : 32px;
}
.texte-modal > div > .bouton-primaire-L-desktop{
margin-top : 32px;
}
.texte-modal > div > ul > li{
font-family: "Manrope Medium";
font-weight: 100;
}
.texte-modal > div > ul > li > div{
font-size: 14px;
margin-top : 8px;
margin-bottom : 24px;
font-family: "Manrope Regular";
font-weight: 100;
}
	

.bloc-formule-bouton > .bouton-secondaire-L-desktop{
margin-bottom : -16px;
}
}





/* CSS PROPRE A LA PAGE NOS OFFRES MOBILE */

@media only screen and (max-width : 959px) {

#header{
padding : 0px 32px;
}
.block-img-header{
background: url("../images/obliques-Groupe-IMA.svg"), #E6EBF0 ;
background-size: 200px, cover;
background-position: top 0px right 32px, center;
background-repeat: no-repeat, no-repeat;
width : 100%;
height : 400px;
border-radius : 12px;
position: relative;
}
.block-img-header > img{
height : 350px;
vertical-align : middle;
margin-top : 25px;
}

.box-global{
padding : 32px;
}
#box-domicile-confort > .image-modal{
width : 100%;
display: inline-block;
vertical-align: top;
background: url("../images/nos-offres/domicile/materiel-confort.png"), #F3F3F8 ;
background-size: 95%, cover;
background-position: top 50% right 50%, center;
background-repeat: no-repeat, no-repeat;
height : 50%;
border-radius: 12px;
margin-bottom: 32px;
}
#box-domicile-serenite > .image-modal{
width : 100%;
display: inline-block;
vertical-align: top;
background: url("../images/nos-offres/domicile/materiel-serenite.png"), #F3F3F8 ;
background-size: 95%, cover;
background-position: top 50% right 50%, center;
background-repeat: no-repeat, no-repeat;
height : 50%;
border-radius: 12px;
margin-bottom: 32px;
}
#box-mobile-active > .image-modal{
width : 100%;
display: inline-block;
vertical-align: top;
background: url("../images/nos-offres/mobile/materiel-active.png"), #F3F3F8 ;
background-size: 95%, cover;
background-position: top 50% right 50%, center;
background-repeat: no-repeat, no-repeat;
height : 50%;
border-radius: 12px;
margin-bottom: 32px;
}
#box-mobile-dynamique > .image-modal{
width : 100%;
display: inline-block;
vertical-align: top;
background: url("../images/nos-offres/mobile/materiel-dynamique.png"), #F3F3F8 ;
background-size: 95%, cover;
background-position: top 50% right 50%, center;
background-repeat: no-repeat, no-repeat;
height : 50%;
border-radius: 12px;
margin-bottom: 32px;
}
.texte-modal{
width : 100%;
height : auto;
display: inline-block;
vertical-align: top;
}
.texte-modal > div > .services-materiel-inclus-titre{
border-top: 1px solid #C8CDD7;
padding-top : 32px;
}
.texte-modal > div > .bouton-primaire-L-desktop{
margin-top : 32px;
}
.texte-modal > div > ul > li{
font-family: "Manrope Medium";
font-weight: 100;
}
.texte-modal > div > ul > li > div{
font-size: 14px;
margin-top : 8px;
margin-bottom : 24px;
font-family: "Manrope Regular";
font-weight: 100;
}
	

.bloc-formule-bouton > .bouton-secondaire-L-desktop{
margin-bottom : -16px;
}
}