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



/* CSS PROPRE A LA HOMEPAGE */

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

#article{
padding-top : 64px;
}
#article > div{
width : 728px;
}
.lien-retour{
font-size: 14px;
font-family: "Manrope Medium";
font-weight: 100;
margin-bottom : 32px;
}
.lien-retour a{
color : #D20A5A;
}
.lien-retour a:before{
content : "<";
margin-right : 8px;
}

.sous-titre-article{
font-family: "Manrope Medium";
font-weight: 100;
margin-bottom : 64px;
color : #D20A5A;
}
	
.image-article{
width : 100%;
height : 350px;
border-radius: 12px;
overflow: hidden;
vertical-align: middle;
}
.image-article > img{
width : 100%;
border-radius: 12px;
vertical-align: middle;
}

.description-article{
margin-top : 64px;
}
.description-article > h2{
/*font-size: 20px;
font-family: "Manrope Bold";
font-weight: 100;
color: #283C50;*/
margin-bottom : 16px;
}
	
.bon-a-savoir{
color : #500FA0;
padding : 32px;
background: #F0EBFA;
border-radius : 12px;
margin-top : 64px;
}
.bon-a-savoir > h6{
color : #500FA0;
margin-bottom : 16px;
}
.bon-a-savoir > h6:before{
background-image: url('../images/conseils/icon-idee.svg');
background-size: 100%;
background-repeat: no-repeat;
display: inline-block;
width: 24px; 
height: 24px;
margin-right: 16px;
content:"";
}
	
	
.informations-redaction{
margin-top : 64px;
border-top: 1px solid #C8CDD7;
padding-top : 64px;
}
.source{
font-size : 12px;
color: #879BAF;
margin-top : 16px;
}
}





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

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

#article{
padding-top : 0px;
}
#article > div{
width : 100%;
}
.lien-retour{
font-size: 14px;
font-family: "Manrope Medium";
font-weight: 100;
margin-bottom : 32px;
}
.lien-retour a{
color : #D20A5A;
}
.lien-retour a:before{
content : "<";
margin-right : 8px;
}

.sous-titre-article{
font-family: "Manrope Medium";
font-weight: 100;
margin-bottom : 64px;
color : #D20A5A;
}
	
.image-article{
width : 100%;
height : 200px;
border-radius: 12px;
overflow: hidden;
vertical-align: middle;
}
.image-article > img{
width : 100%;
border-radius: 12px;
vertical-align: middle;
}

.description-article{
margin-top : 64px;
}
.description-article > h6{
margin-bottom : 16px;
}
	
.bon-a-savoir{
color : #500FA0;
padding : 32px;
background: #F0EBFA;
border-radius : 12px;
margin-top : 64px;
}
.bon-a-savoir > h6{
color : #500FA0;
margin-bottom : 16px;
}
.bon-a-savoir > h6:before{
background-image: url('../images/conseils/icon-idee.svg');
background-size: 100%;
background-repeat: no-repeat;
display: inline-block;
width: 24px; 
height: 24px;
margin-right: 16px;
content:"";
}
	
	
.informations-redaction{
margin-top : 64px;
border-top: 1px solid #C8CDD7;
padding-top : 64px;
}
.source{
font-size : 12px;
color: #879BAF;
margin-top : 16px;
}
}