@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"), url("../images/a-propos/groupe-ima/serelia-groupe-ima.jpg") ;
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;
}
	

#serelia-ima-image{
display: inline-block;
vertical-align: middle;
width : 336px;
margin-right:128px;
background: url("../images/obliques-color-Groupe-IMA.svg"), url("../images/obliques-color-2-Groupe-IMA.svg"), #E6EBF0 ;
background-size: 200px, 200px, cover;
background-position: top 0px right 16px, bottom 0px left 16px, center;
background-repeat: no-repeat, no-repeat, no-repeat;
border-radius : 12px;
padding : 128px 0px;
}
#serelia-ima-image > img{
display: block;
width : 250px;
margin:0 auto;
}
#serelia-ima-texte h3{
color:#D20A5A;
margin-bottom : 32px;
}
#serelia-ima-texte{
display: inline-block;
vertical-align: middle;
width : 496px;
}
#serelia-ima-texte > .bouton-secondaire-L-desktop{
margin-top : 32px;
}
	
	
#bloc-chiffres-cles {
width: 100%;
background: #fcfcfc;
border-top: 1px solid #C8CDD7;
border-bottom: 1px solid #C8CDD7;
padding: 128px 0px;
margin-top: 128px;
}
#bloc-chiffres-cles > div > ul > li {
width: 298px;
height : 190px;
background: #FFFFFF;
border: 1px solid #D2D7DC;
padding: 32px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 17, 0.04);
border-radius : 12px;
list-style: none;
display: inline-block;
vertical-align: middle;
margin-bottom : 32px;
font-family: "Manrope Medium";
font-weight: 100;
}
#bloc-chiffres-cles > div > ul > li:nth-child(1){
background: #6419BE;
color : #FFFFFF;
}
#bloc-chiffres-cles > div > ul > li > span {
font-family: "IMA Black";
color: #6419BE;
font-size: 42px;
}
#bloc-chiffres-cles > div > ul > li:nth-child(1) > span {
color: #FFFFFF;
}
#bloc-chiffres-cles > div > ul > li:nth-child(2), #bloc-chiffres-cles > div > ul > li:nth-child(5) {
margin-left: 32px;
margin-right: 32px;
}
#bloc-chiffres-cles > div > p{
color: #879BAF;
font-size: 10px;
}
}





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

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

#header{
padding : 32px;
}
.block-img-header{
background: url("../images/obliques-Groupe-IMA.svg"), url("../images/a-propos/groupe-ima/serelia-groupe-ima-mobile.jpg") ;
background-size: 200px, cover;
background-position: top 0px right 0px, center;
background-repeat: no-repeat, no-repeat;
width : 100%;
height : 400px;
border-radius : 12px;
position: relative;
}
	

#serelia-ima-image{
display: inline-block;
vertical-align: middle;
width : 100%;
margin-right:0px;
background: url("../images/obliques-color-Groupe-IMA.svg"), url("../images/obliques-color-2-Groupe-IMA.svg"), #E6EBF0 ;
background-size: 200px, 200px, cover;
background-position: top 0px right 16px, bottom 0px left 16px, center;
background-repeat: no-repeat, no-repeat, no-repeat;
border-radius : 12px;
padding : 64px 0px;
}
#serelia-ima-image > img{
display: block;
width : 200px;
margin:0 auto;
padding : 32px 0px;
}
#serelia-ima-texte h3{
color:#D20A5A;
margin-bottom : 32px;
}
#serelia-ima-texte{
display: inline-block;
vertical-align: middle;
width : 100%;
margin-top : 32px;
}
#serelia-ima-texte > .bouton-secondaire-L-desktop{
margin-top : 32px;
}
	
	
#bloc-chiffres-cles {
width: 100%;
background: #fcfcfc;
border-top: 1px solid #C8CDD7;
border-bottom: 1px solid #C8CDD7;
padding: 128px 16px;
margin-top: 128px;
}
#bloc-chiffres-cles > div > ul > li {
width: 100%;
height : auto;
background: #FFFFFF;
border: 1px solid #D2D7DC;
padding: 32px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 17, 0.04);
border-radius : 12px;
list-style: none;
display: inline-block;
vertical-align: middle;
margin-bottom : 16px;
font-family: "Manrope Medium";
font-weight: 100;
text-align: center;
}
#bloc-chiffres-cles > div > ul > li:nth-child(1){
background: #6419BE;
color : #FFFFFF;
}
#bloc-chiffres-cles > div > ul > li > span {
font-family: "IMA Black";
color: #6419BE;
font-size: 42px;
}
#bloc-chiffres-cles > div > ul > li:nth-child(1) > span {
color: #FFFFFF;
}
#bloc-chiffres-cles > div > ul > li:nth-child(2), #bloc-chiffres-cles > div > ul > li:nth-child(5) {
margin-left: auto;
margin-right: auto;
}
#bloc-chiffres-cles > div > p{
color: #879BAF;
font-size: 10px;
}
}