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






/* CSS PROPRE A LA PAGE NOS OFFRES */

.commun-bloc_header > p > span{
font-family: "Manrope Bold";
font-weight: 100;
font-size: 36px;
}

#presentation-offres{
margin-top : 64px;
}
#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 > h4, #presentation-offre-mobile > div > h4{
margin-bottom : 16px;
color : #FFFFFF;
}
#bloc-questionnaire{
width : 100%;
background : #F3F3F8;
border-radius : 12px;
padding : 0px 64px;
margin-top : 64px;
}
#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;
display: inline-block;
margin-right : 82px;
}
#bloc-questionnaire-texte{
width : 400px;
display: inline-block;
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;
}







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

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

.commun-bloc_header > p > span{
font-family: "Manrope Bold";
font-weight: 100;
font-size: 28px;
}
.commun-bloc_header > p{
font-size: 14px;
}
	
#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 > h4, #presentation-offre-mobile > div > h4{
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;
}
}