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






/* CSS PROPRE A LA HOMEPAGE */

@media only screen and (min-width : 960px) {
	
#header{
padding : 0px 32px;
}
.commun-bloc_header{
background: url("../images/obliques-Groupe-IMA.svg"), url("../images/home/home-serelia-teleassistance.jpg") ;
background-size: 300px, cover;
background-position: top 0px right 32px, center;
background-repeat: no-repeat, no-repeat;
width : 100%;
padding : 164px 32px 196px 32px;
border-radius : 12px;
}
.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;
}
	

#avantage-serelia-teleassistance{
padding : 32px;
background : #FFFFFF;
width : 960px;
margin : 0 auto;
margin-top : -64px;
border-radius : 12px;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 17, 0.1);
display: flex;
}
#avantage-serelia-teleassistance > div{
width : 192px;
margin : 0 16px;
font-size: 14px;
}
.avantage-serelia-icon{
display: inline-block;
width : 24px;
margin-right : 16px;
vertical-align: middle;
}
.avantage-serelia-texte{
display: inline-block;
width : 150px;
vertical-align: middle;
}


#presentation-serelia{
width : 960px;
padding : 0px;
}
#presentation-serelia-texte{
width : 500px;
display : inline-block;
vertical-align: middle;
}
#presentation-serelia-image{
width : 390px;
height : 330px;
display : inline-block;
vertical-align: middle;
margin-right: 64px;
background: url("../images/home/illustration-serelia-bonnes-mains.svg");
background-size: cover;
background-position: center;
}
#presentation-serelia-texte > p{
margin-top : 32px;
}

#presentation-offres {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#presentation-offres > h2{
margin-bottom : 16px;
text-align: center;
}
#presentation-offres > p{
font-size : 14px;
text-align: center;
margin-bottom : 32px;
}
#presentation-offres > p > span{
font-size : 36px;
font-family: "Manrope bold";
}
#presentation-offre-domicile{
width : 464px;
display : inline-block;
background: url("../images/home/offre-domicile-bloc.jpg");
background-size: cover;
background-position: center;
padding : 264px 32px 32px;
border-radius: 12px;
color : #FFFFFF;
margin-right: 32px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 17, 0.16);
}
#presentation-offre-mobile{
width : 464px;
display : inline-block;
background: url("../images/home/offre-mobile-bloc.jpg");
background-size: cover;
background-position: center;
padding : 264px 32px 32px;
border-radius: 12px;
color : #FFFFFF;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 17, 0.16);
}
#presentation-offre-domicile > div > p, #presentation-offre-mobile > div > p{
margin-top : 32px;
width : 100%;
}
#presentation-offre-domicile > div > h3, #presentation-offre-mobile > div > h3{
margin-bottom : 16px;
color : #FFFFFF;
}
#bloc-questionnaire{
width : 100%;
background : #F3F3F8;
border-radius : 12px;
padding : 0px 64px;
margin-top : 64px;
display: flex;
}
#bloc-questionnaire-image{
width : 350px;
height : 170px;
vertical-align : bottom;
background: url("../images/home/illustration-quelle-offre.svg");
background-size: 100%;
background-repeat: no-repeat;
background-position: center top;
margin-right : 82px;
}
#bloc-questionnaire-texte{
width : 400px;
padding : 32px 0px;
vertical-align: top;
}
#bloc-questionnaire-texte > p{
margin-top : 16px;
}

	
.box-global{
padding : 64px;
overflow: hidden;
width : 960px;
height : 500px;
}
.image-modal{
display: inline-block;
vertical-align: middle;
width : 300px;
border-radius: 12px;
margin-right : 64px;
}
.image-modal img{
width : 90%;
height : auto;
margin : 0 auto;
}	
.texte-modal{
width : 464px;
padding-top : 16px;
height : 372px;
display: inline-block;
vertical-align: middle;
overflow-y: scroll;
scrollbar-color: #C8CDD7;
scrollbar-width: thin;
}
.texte-modal div h3{
color : #283C50;
}
.texte-modal div h4{
color : #D20A5A;
font-size : 17px;
margin : 32px 0px -24px 0px;
}
.texte-modal div a{
color : #D20A5A;
display: block;
margin-bottom  : 16px;
text-decoration: underline;
}
.texte-modal > .raison-serelia-texte{
margin-top  : 8px;
}
	

#expertise-serelia{
width : 960px;
padding : 0px;
}
#expertise-serelia-texte{
width : 500px;
display : inline-block;
vertical-align: middle;
}
#expertise-serelia-texte > div{
margin-bottom : 32px;
}
#expertise-serelia-texte > div > h3{
font-size: 17px;
font-family: "Manrope Bold";
font-weight: 100;
}
#expertise-serelia-texte > div > p{
margin-top : 4px;
color : #5B6E83;
}
#expertise-serelia-image{
width : 390px;
height : 390px;
display : inline-block;
vertical-align: middle;
margin-right: 64px;
background: url("../images/home/conseiller-serelia-teleassistance.jpg");
background-size: cover;
background-position: center;
}
#expertise-serelia-texte > p{
vertical-align : middle;
margin-right : 16px;
}


#temoignages-abonnes-serelia{
background: url("../images/home/background-temoignages.svg") ;
background-size: 100%;
background-position: center;
background-repeat: no-repeat;
padding : 128px 64px;
margin-top : 128px;
}
#titre-temoignages{
margin-bottom: 32px;
}
.splide{
width: 960px;
}
.block {
align-items: center;
justify-content: left;
padding : 32px;
width: 758px;
height: 250px;
margin: 0px 8px 10px 8px;
border-radius: 8px;
background: #FFFFFF;
line-height: 1.4;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 17, 0.1);
}
.bloc-titre-temoignage {
color: #D20A5A;
font-family: "Manrope Semibold"
}
.bloc-temoignage {
font-size : 14px;
}
.bloc-signature-temoignage {
color: #5B6E83;
font-size : 12px;
}


.font-IMA-h1 {
color : #FFFFFF;
}
.couleur-bloc-couleur-image > p{
font-size : 12px;
}
.photo-bloc-couleur-image{
background: url("../images/obliques-Groupe-IMA.svg"), url("../images/home/senior-satisfaction-abonnes.jpg") ;
background-size: 300px, cover;
background-position: top 0px right 0px, center;
background-repeat: no-repeat, no-repeat;
}


#bloc-conseils-serelia{
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
}
#bloc-conseils-serelia > h2{
text-align: left;
width: 100%;
}
#bloc-conseils-serelia > p{
margin-top: 64px;
}
#articles-conseils-chute{
background: url("../images/home/article-chute.jpg") ;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#articles-conseils-jardinage{
background: url("../images/home/article-jardinage.jpg") ;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#articles-conseils-amenagement{
background: url("../images/home/article-amenagement.jpg") ;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
	
#mentions-satisfaction{
width : 100%;
text-align: center;
font-size: 10px;
color : #879BAF;
margin-top : 32px;
}
}





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

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

#header{
padding : 0px;
}
.commun-bloc_header{
background: url("../images/obliques-Groupe-IMA.svg"), url("../images/home/home-serelia-teleassistance-mobile.jpg") ;
background-size: 200px, cover;
background-position: top 0px right 16px, center;
background-repeat: no-repeat, no-repeat;
width : 100%;
padding : 224px 32px 128px 32px;
border-radius: 0px;
}
.commun-bloc_header > div{
width : 100%;
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 > p{
width : 100%;
}
.commun-bloc_header > div >.bouton-primaire-L-desktop-white{
margin-top : 16px;
}

	
#avantage-serelia-teleassistance{
padding : 16px;
background : #FFFFFF;
width : 95%;
margin : 0 auto;
margin-top : -64px;
border-radius : 12px;
box-shadow: 0px 10px 20px 0px rgba(0, 0, 17, 0.1);
}
#avantage-serelia-teleassistance > div{
display: inline-block;
width : 100%;
margin : 16px 0px;
font-size: 14px;
padding : 0px 16px;
}
.avantage-serelia-icon{
display: inline-block;
max-width : 10%;
margin-right : 10%;
vertical-align: middle;
}
.avantage-serelia-texte{
display: inline-block;
width : 80%;
vertical-align: middle;
}
	

#presentation-serelia{
width : 100%;
padding : 0px auto;
}
#presentation-serelia-texte{
width : 100%;
display : inline-block;
vertical-align: middle;
}
#presentation-serelia-image{
width : 250px;
height : 210px;
margin-bottom:32px;
margin-left: auto;
margin-right: auto;
background: url("../images/home/illustration-serelia-bonnes-mains.svg");
background-size: cover;
background-position: center;
}
#presentation-serelia-texte > p{
margin-top : 32px;
}
	

#presentation-offres > h2{
margin-bottom : 16px;
text-align: center;
}
#presentation-offres > p{
font-size : 14px;
text-align: center;
margin-bottom : 32px;
}
#presentation-offres > p > span{
font-size : 28px;
font-family: "Manrope bold";
}
#presentation-offre-domicile{
width : 100%;
display : inline-block;
background: url("../images/home/offre-domicile-bloc.jpg");
background-size: cover;
background-position: center;
padding : 192px 32px 32px;
border-radius: 12px;
color : #FFFFFF;
margin-bottom: 32px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 17, 0.16);
}
#presentation-offre-mobile{
width : 100%;
display : inline-block;
background: url("../images/home/offre-mobile-bloc.jpg");
background-size: cover;
background-position: center;
padding : 192px 32px 32px;
border-radius: 12px;
color : #FFFFFF;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 17, 0.16);
}
#presentation-offre-domicile > div > p, #presentation-offre-mobile > div > p{
margin-top : 32px;
width : 100%;
}
#presentation-offre-domicile > div > h3, #presentation-offre-mobile > div > h3{
margin-bottom : 16px;
color : #FFFFFF;
}
#bloc-questionnaire{
width : 100%;
background : #F3F3F8;
border-radius : 12px;
padding : 32px;
margin-top : 64px;
text-align: center;
}
#bloc-questionnaire-image{
width : 250px;
height : 170px;
background: url("../images/home/illustration-quelle-offre.svg");
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
margin-bottom : 32px;
margin-left: auto;
margin-right: auto;
}
#bloc-questionnaire-texte{
width : 100%;
display: inline-block;
}
#bloc-questionnaire-texte > p{
margin-top : 32px;
}


.box-global{
padding : 32px;
overflow: hidden;
width : 95%;
height : 95%;
overflow-y: scroll;
scrollbar-color: #C8CDD7;
scrollbar-width: thin;
}
.image-modal{
width : 70%;
display: block;
margin-left : auto;
margin-right: auto;
border-radius: 12px;
margin-top : 32px;
}
.image-modal img{
width : 150px;
height : auto;
display: block;
margin-left : auto;
margin-right: auto;
}	
.texte-modal{
width : 100%;
padding-top : 32px;
height : auto;
display: inline-block;
vertical-align: middle;
}
.texte-modal div h3{
color : #283C50;
}
.texte-modal div h4{
color : #D20A5A;
font-size : 17px;
margin : 32px 0px -24px 0px;
}
.texte-modal div a{
color : #D20A5A;
display: block;
margin-bottom  : 16px;
text-decoration: underline;
}
.texte-modal > .raison-serelia-texte{
margin-top  : 8px;
}
	
	
#expertise-serelia{
width : 100%;
padding : 0px;
}
#expertise-serelia-texte{
width : 100%;
}
#expertise-serelia-texte > div{
margin-bottom : 32px;
}
#expertise-serelia-texte > div > h3{
font-size: 17px;
font-family: "Manrope Bold";
font-weight: 100;
}
#expertise-serelia-texte > div > p{
margin-top : 4px;
color : #5B6E83;
}
#expertise-serelia-image{
width : 250px;
height : 250px;
margin-bottom: 32px;
background: url("../images/home/conseiller-serelia-teleassistance.jpg");
background-size: cover;
background-position: center;
margin-left: auto;
margin-right: auto;
}
#expertise-serelia-texte > p{
vertical-align : middle;
margin-top : 16px;
}

	
#temoignages-abonnes-serelia{
background: url("../images/home/background-temoignages.svg") ;
background-size: cover;
background-position: left;
background-repeat: no-repeat;
padding : 128px 16px;
margin-top : 128px;
}
#titre-temoignages{
margin-bottom: 32px;
}
.splide{
width: 100%;
}
.block {
align-items: center;
justify-content: left;
padding : 16px;
width: 290px;
height: 370px;
margin: 0px 8px 10px 8px;
border-radius: 8px;
background: #FFFFFF;
line-height: 1.4;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 17, 0.1);
}
.bloc-titre-temoignage {
color: #D20A5A;
font-family: "Manrope Semibold"
}
.bloc-temoignage {
font-size : 14px;
}
.bloc-signature-temoignage {
color: #5B6E83;
font-size : 12px;
}
	
	
.font-IMA-h1 {
color : #FFFFFF;
}
.couleur-bloc-couleur-image > p{
font-size : 12px;
}
.photo-bloc-couleur-image{
background: url("../images/obliques-Groupe-IMA.svg"), url("../images/home/senior-satisfaction-abonnes.jpg") ;
background-size: 200px, cover;
background-position: top 0px right 0px, center top;
background-repeat: no-repeat, no-repeat;
}
	
	
#bloc-conseils-serelia{
text-align: center;
}
#bloc-conseils-serelia > h2{
text-align: left;
}
#bloc-conseils-serelia > p{
margin-top: 64px;
}
#articles-conseils-chute{
background: url("../images/home/article-chute.jpg") ;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#articles-conseils-jardinage{
background: url("../images/home/article-jardinage.jpg") ;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
#articles-conseils-amenagement{
background: url("../images/home/article-amenagement.jpg") ;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
	
#mentions-satisfaction{
width : 100%;
text-align: center;
font-size: 10px;
color : #879BAF;
margin-top : 32px;
}
}