.contact-wrap{
    position:relative;
    background:var(--dark-09);
    padding-top:170px;
}
.contact-wrap .content-inner{
    display:grid;
    grid-template-columns: 1fr 1fr;
    gap:60px;
    padding:100px 0;
}
.contenu-contact{
    display:flex;
    flex-direction: column;
}
.contenu-contact .text{
    color:var(--white);
    margin-bottom:24px;
    font-size:2.4rem;
}
.contenu-contact .text h1{
    margin-bottom:24px;
}
.contenu-contact .img{
    display:flex;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
}
.contenu-contact img{
    height: 100%;
    border-radius: 10px;
    object-fit: cover;
}

.blc-coordonnee{
    padding:60px 0;
}
.blc-coordonnee .content-inner{
    display:grid;
    grid-template-columns: repeat(4, 1fr);
    gap:40px;
    padding:45px 0;
}
.coordonnee-item{
    background:var(--gray-200);
    border:1px solid var(--gray-300);
    border-radius: 16px;
    padding:40px 24px;
}
.coordonnee-item .picto,
.coordonnee-item h4{
    display:block;
    margin-bottom:8px;
}
.coordonnee-item .picto{
    position:relative;
    width:40px; height: 40px;
    background:var(--white);
    border-radius: 8px;
    overflow: hidden;
}
.coordonnee-item .picto::after{
    content:'';
    position:absolute;
    inset: 0;
    border-radius: 10px;
    border:10px solid var(--white);
}
.coordonnee-item .picto img{
    position:relative;
    filter:brightness(0);
    width:38px; height: 38px;
    top:1px; left: 1px;
}

.blc-offre{
    padding:60px 0;
}
.list-offre{
    display:flex;
    flex-direction: column;
    gap:20px;
    padding:60px 0;
}
.ttl-offre{
    font-size:2.4rem;
}
.ttl-offre h2{
    margin-bottom:16px;
}
.offre-item{
    padding:16px;
}
.offre-item h4{
    position:relative;
    display:block;
    padding-left:35px;
    margin-bottom:10px;
}
.offre-item h4::before{
    content: '';
    position:absolute;
    top:10px; left:0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 16px;
    background-color: var(--c-primary);
}
.offre-item h4 a{
    position:relative;
    display:block;
    padding-right:30px;
}
.offre-item h4 a::after{
    content:'\e908';
    position:absolute;
    top:0; right:0;
    font-family: 'icomoon';
    font-size:2rem;
    transition:0.3s;
}
.offre-item h4 a:hover::after{
    top:-3px; right: -3px;
    transition:0.3s;
}

/*titre à puce*/
.ttl-w-puce-before{
    display:flex;
    align-items:center;
}
.ttl-w-puce-before::before{
    content:'';
    width:18px; height: 18px;
    border-radius: 50%;
    margin-right:16px;
    background-color:var(--c-primary);
}

.image-contact img{
    display: block;
    width:100%;
    height: auto;
}

/*faq*/
.faq-title{
    text-align: center;
    font-size:3.2rem;
    margin-bottom:80px;
}



@media (max-width: 1024px) {
    .contact-wrap{padding-top:100px;}
    .contact-wrap .content-inner{grid-template-columns: 1fr;}
    .contenu-contact .text{font-size:1.8rem;}
    h1.ttl-w-puce::after{width:18px; height: 18px;}
    .contenu-contact .img,
    .contenu-contact img{height: auto; width:100%;}
    .blc-coordonnee .content-inner{grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 991px) {
    .ttl-offre{font-size:1.8rem;}
}
@media (max-width: 979px) {

    
}
@media (max-width: 799px) {
    .contact-wrap{padding-top:60px;}
    .blc-coordonnee .content-inner{gap:20px;}
    .blc-offre{padding:0;}
}
@media (max-width: 599px) {
    .blc-coordonnee .content-inner{grid-template-columns: 1fr;}
    .coordonnee-item{padding:24px;}
}
@media (max-width: 479px) {

}