@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;
}
	
.faq{
border:none;
background: #FFFFFF;
padding-top : 0px;
}
#serelia h2, #materiel h2, #abonnement h2{
margin-top : 32px;
}
#acordion_options {
width: 100%;
margin: 0 auto;
background: #ffffff;
}
#acordion_options > div {
display: none;
padding: 32px 0px 0px 0px;
}
#acordion_options > div > h3 {
font-size : 18px;
color : #384954;
margin-bottom : 10px;
font-weight : 400;
}
#acordion_options > p {
font-size : 14px;
font-style : italic;
}
input {
display: none;
}
label {
display: inline-block;
box-sizing: border-box;
width : auto;
padding : 8px 16px;
border : 1px solid #C8CDD7;
border-radius: 30px;
margin-right: 8px;
}
label:hover {
cursor: pointer;
border : 1px solid #283C50;
}
input:checked + label {
box-sizing: border-box;
border : 3px solid #283C50;
font-family: "Manrope Semibold";
font-weight: 100;
background : #F3F3F8;
}	
#tab1:checked ~ #serelia,
#tab2:checked ~ #materiel,
#tab3:checked ~ #abonnement,
#tab4:checked ~ #content4 {
display: block;
}
}





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

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

.block-img-header{
background: url("../images/obliques-Groupe-IMA.svg"), #E6EBF0 ;
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;
}
.block-img-header > img{
height : 350px;
vertical-align : middle;
margin-top : 25px;
}
	
.faq{
border:none;
background: #FFFFFF;
padding-top : 0px;
}
#serelia h2, #materiel h2, #abonnement h2{
margin-top : 32px;
}
#acordion_options {
width: 100%;
margin: 0 auto;
background: #ffffff;
}
#acordion_options > div {
display: none;
padding: 32px 0px 0px 0px;
}
#acordion_options > div > h3 {
font-size : 18px;
color : #384954;
margin-bottom : 10px;
font-weight : 400;
}
#acordion_options > p {
font-size : 14px;
font-style : italic;
}
input {
display: none;
}
label {
display: inline-block;
box-sizing: border-box;
width : auto;
padding : 8px 16px;
border : 1px solid #C8CDD7;
border-radius: 30px;
margin-right: 8px;
margin-bottom: 8px;
}
label:hover {
cursor: pointer;
border : 1px solid #283C50;
}
input:checked + label {
box-sizing: border-box;
border : 3px solid #283C50;
font-family: "Manrope Semibold";
font-weight: 100;
background : #F3F3F8;
}	
#tab1:checked ~ #serelia,
#tab2:checked ~ #materiel,
#tab3:checked ~ #abonnement,
#tab4:checked ~ #content4 {
display: block;
}
}