/* you can add your own custom css here if you don't want to worry about SASS/SCSS */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Domine:wght@400..700&display=swap');

body{
    font-family: 'Montserrat', sans-serif;
    background-color: #f4f2ed;
    color:#000000;
}

html,
body {
    overflow-x: clip;
}

::selection{
    color: #fff;
    background: #e40464;
}

/* Sections étirées générées par SP Page Builder */
.sppb-section[style*="max-width: 100vw"] {
    box-sizing: border-box;
}

/* Conteneur interieur fluide */
.sppb-section[style*="max-width: 100vw"] > .sppb-container-inner {
    width: 100%;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
}

/* Neutralise les marges negatives de la grille */
.sppb-section[style*="max-width: 100vw"] > .sppb-container-inner > .sppb-row {
    margin-left: 0;
    margin-right: 0;
}

#column-wrap-id-26fe53e2-1828-43e2-bc57-e953a2267149,#column-wrap-id-26fe53e2-1828-43e2-bc57-e953a2267149,
#column-wrap-id-ff2d8d4b-a77a-4205-9690-6a25b39c7f28, #column-wrap-id-26fe53e2-1828-43e2-bc57-e953a2267149,
#column-wrap-id-26fe53e2-1828-43e2-bc57-e953a2267149 {
    padding-left: 0;
    padding-right: 0;
}

ul li::marker {
    color: #e40464;
}

.legacy p, .legacy ul{
    line-height:2;
    text-align:justify;
}

.legacy .siteBody{
    margin-bottom:3em ;
}

header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    width: 100%;
    padding-inline:35px
}

header .navbar {
    justify-content:space-between;
}

.headerClasses {
    display: contents;
}

header .logo {justify-self: start;}
header .maximenuck {justify-self: center;}
header #calendly {justify-self: end;}

.maximenuck li{
    margin-inline:1.8em
}

.maximenuck a{
    text-transform:uppercase;
    color:#000000;
    font-weight:800
}

.maximenuck a:hover, .maximenuck li.active a{
    color:#e40464;
}

 #calendly a{
     border:#e40464 2px solid;
     padding-inline:15px;
    color:#e40464;
    text-decoration:none;
}

 #calendly a:hover{
     background:#e40464;
    color:#ffffff
}

.image-fondu-gauche {
    position: relative;
    overflow: hidden;
}

.image-fondu-gauche::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 22%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        to right,
        #f5f2ed 0%,
        rgba(245, 242, 237, 0.9) 25%,
        rgba(245, 242, 237, 0) 100%
    );
}

/*CITATION ACCUEIL - TEXTE PHOTO PROJET*/
#column-id-26fe53e2-1828-43e2-bc57-e953a2267149, #column-wrap-id-c3bf9890-3997-4a47-ae97-2241dad80b1e{
    position:relative;
}

#sppb-addon-wrapper-035290b8-cdb2-4b93-be5e-87e4b9807bb7, #column-id-d3eaca79-4622-4f95-8936-b396118e085f .sppb-column-addons{
    position: absolute;
    bottom: 40px;
    padding: 1em 1em;
}

#sppb-addon-wrapper-035290b8-cdb2-4b93-be5e-87e4b9807bb7{
    background: rgba(255, 255, 255, 0.35);
    margin-left: 120px;
}

#column-id-d3eaca79-4622-4f95-8936-b396118e085f .sppb-column-addons{
    background: rgba(255, 255, 255, 0.7);
    margin-left: 40px;
}

#sppb-addon-035290b8-cdb2-4b93-be5e-87e4b9807bb7{
    border-left:4px solid #e40464;
}

#column-id-d3eaca79-4622-4f95-8936-b396118e085f .sppb-column-addons{
    max-width: 500px;
    /* padding-right: 1em; */
}

/**/

h1{
    font-family:'Domine', serif;
    font-weight: 400;
    font-size: 4em;
    position: relative;
    margin-bottom: 45px;
}

.image-top h2, .center-title h3, .home h3, .situations h3, .separatorck_text, h3.project-center-title{
    position: relative;
    margin-bottom: 45px;
}

h1 span, h3 span{
    color:#e40464;
}

h1::after, .image-top h2::after, .center-title h3::after, .home h3::after, .situations h3::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -15px;
    width:80px;
    height: 4px;
    background-color: #e40464;
}

.center-title h3::after, .separatorck_text::after, h3.project-center-title::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -15px;
    width:80px;
    height: 4px;
    background-color: #e40464;
    transform: translateX(-50%);
}

a{
    color:#e40464;
    text-decoration: none;
}

a:hover{
    text-decoration: underline;
}

.image-top img{
    width:5em;
    margin-bottom:1.5em
}

.vetl .sppb-column.image-top {
    display: flex;
    align-items: center;
}

.situations ul {
    margin-top:45px;
    padding: 0;
    list-style: none;
}

.situations li {
    position: relative;
    margin-bottom: 20px;
    padding-left: 32px;
}

.situations li::before {
    content: "\2713";
    position: absolute;
    top: 0.1em;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 2px solid #e40464;
    border-radius: 50%;
    color: #e40464;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}
.processus img{
    height:70px;
    width:auto;
}

#column-wrap-id-981aa6d6-7b92-4254-bbd3-8b050c76e1c1{
    padding-left:0;
}



#column-id-33bb3dca-5409-484a-9a3d-e5dca22bf2aa, #column-wrap-id-a13d2e7f-88bb-4466-9d76-c1d098745933{
    border-right:1px solid #dbd9d6;
}

#column-id-430a6e86-1f82-4c24-8f5b-b2ef3d9f6459, #column-id-3a83525f-7b81-43d6-bc19-7633dabd76ba{
    display:flex;
    align-items:center;
}

#column-wrap-id-3a83525f-7b81-43d6-bc19-7633dabd76ba{
    padding-right:0;
    padding-left:2.5em;
     border-left:1px solid #dbd9d6;
}

/*FILTRES PORTFOLIO*/

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a {
    border-radius: 0px !important;
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li.active>a, .sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a:hover {
    background: #e40464 !important;
    color: #fff !important;
}

.sp-simpleportfolio .sp-simpleportfolio-filter>ul>li>a {
    background: #ffffff !important;
    color: #e40464 !important;
    border:1px solid #e40464 !important;
}


/*FORMULAIRE CONTACT*/
fieldset.projet .cf-list{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px;
}

fieldset.projet .cf-checkbox-group{
    border: 1px solid #CCCCCC;
    border-radius: 3px;
    padding:0.8em !important;

}

fieldset.projet .cf-checkbox-group {
    display: flex !important;
    align-items: center;
    gap: 12px;

}

fieldset.projet .cf-checkbox-group::after {
    content: "" !important;
    display: inline-block !important;
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    margin-left: auto;

    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.cf-checkbox-group:has(
    input[value="Identit\00E9  visuelle"]
)::after {
    background-image: url("/images/Charte/design.png");
}

.cf-checkbox-group:has(
    input[value="\00C9 dition & Print"]
)::after {
    background-image: url("/images/Charte/icon-edition.png");
}

.cf-checkbox-group:has(
    input[value="Site internet"]
)::after {
    background-image: url("/images/Charte/website.png");
}

.cf-checkbox-group:has(
    input[value="Exposition & M\00E9 diation"]
)::after {
    background-image: url("/images/Charte/exposition.png");
}

.cf-checkbox-group:has(
    input[value="Abonnement graphique"]
)::after {
    background-image: url("/images/Charte/agenda.png");
}

.cf-checkbox-group:has(
    input[value="Autre"]
)::after {
    background-image: url("/images/Charte/other.png");
}

.cf-checkbox-group input[type="checkbox"] {
    accent-color: #cf1670;
}

.link-voir-plus img{
    height:50px;
    width:auto;
}

/*FOOTER*/
footer{
    color:#ffffff;
}

.link-contact-footer{
    text-transform: uppercase;
    color:#e40464;
    text-decoration: none;
}

 .link-voir-plus a{
    color:#e40464;
    text-decoration: none;
    padding-left:0px;
}

.sppb-button-wrapper a.link-voir-plus{
    color:#e40464 !important;
    text-decoration: none;
    padding-left:0px;
    border:none;
}

.link-contact-footer:hover {
    color:#ffffff;
    text-decoration:none;
}

.link-voir-plus a:hover, .sppb-button-wrapper a.link-voir-plus:hover{
    color:#e40464;
    text-decoration:underline !important;
}

.link-contact-footer::after, .link-voir-plus a::after, .sppb-button-wrapper a.link-voir-plus::after {
  content: "\2192";
  display: inline-block;
  font-size: 1.2em;
  line-height: 1;
    margin-left:0.5em;
  transition: transform 0.25s ease;
}

.link-contact-footer:hover::after,
.link-voir-plus a:hover::after,
.sppb-button-wrapper a.link-voir-plus:hover::after {
  transform: translateX(5px);
}

.mail-footer{
    text-decoration: none;
    color:#ffffff;
}

.mail-footer:hover{
    text-decoration: none;
    color:#e40464;
}

footer ul{
    display:flex;
    padding:0;
    margin:0;
}

footer ul li{
    list-style-type:none;
    margin-right:1.5em;
}

#column-id-02a10f94-cf1b-4222-a5b5-b4f78e91f6db{
    padding-right: 2em;
}

#column-id-02a10f94-cf1b-4222-a5b5-b4f78e91f6db .sppb-column-addons{
    border-right: 1px solid #ffffff;
    padding-right: 2em;
}

/*FOOTER BOTTOM*/

.footerBottom{
    background:#000000;
    color:white;
    font-size: 0.7em;
    padding-inline: 6em;
    padding-top: 2.5em;
    padding-bottom:0.8em;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}

.footerBottom p{
    margin:0;
    display: flex;
    flex-wrap: wrap;
}

.footerBottom a{
    color:#ffffff;
    text-decoration:none;
    margin:0 1em
}

.footerBottom a:hover{
    color:#e40464;
}

.acces-rapide a{
    color:#ffffff;
}

span.separator{
    color:#e40464;
}

p.info{
    font-weight:500;
    font-size: 0.9em;
    align-self:center;
    text-transform: uppercase;
    margin-right: 6em;
}

/*PAGE ERREUR*/
.btn.btn-secondary, .badge.bg-secondary{
    background-color:#e40464 !important;
    border:none;
    border-radius:0
}

.card.h-100{
    border-color:#e40464 !important;
    border-radius:0 !important;
    background:none;
}

.container.py-5{
    background:white;
    margin-bottom:75px;
    padding-inline:35px;
}

/*BLOG*/
.blog .siteBody .container{
    background:white;
    margin-bottom:75px;
    padding:35px;
    
}

.blog .btn-info{
    background-color:#e40464 !important;
    border:none;
    border-radius:0;
    color:white;
}

.separatorck_before, .separatorck_after{
    display:none !important;
}

/*PAGE PROJET*/
.sp-simpleportfolio-view-item{
    padding-bottom: 75px !important;
}

.project-header{
    max-width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-inline:75px;
    padding-bottom:3em;
}

.project-presentation, .project-content{
    background:white;
    max-width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.tag-project h4{
    text-transform: uppercase;
    color:#e40464;
    font-size: 0.9em;
    font-weight: 500;
}

.sp-simpleportfolio-image{
    margin-bottom:45px !important;
}

.image-project{
    margin:0 auto;
}

h3.project-center-title{
    text-align: center;
    font-family: 'Domine', serif;
    font-size:1.9em;
}

.project-description{
    width:100% !important;
}

.link-all-project{
    text-align: center;
    margin-top:65px;
}

.link-all-project a{
    color:#e40464;
    border: #e40464 solid 1px;
    padding:8px 12px;
}

.link-all-project a:hover{
    text-decoration: none;
    color:#ffffff;
    background-color: #e40464;
    border: #e40464 solid 1px;
    padding:8px 12px;
}

.right{
    display: flex;
    justify-content: center;
}

.right .sp-simpleportfolio-meta{
    width: 80% !important;
    border-top:5px solid #e40464;
    background:#F4F2ED;
    padding:20px;
    margin-block:auto;
    align-self:center;
}

.right .sp-simpleportfolio-meta > div{
    padding-bottom:0 !important;
    border-bottom:none !important;
}
.right .sp-simpleportfolio-meta h4{
    text-transform:uppercase;
}

.project-tag{
    background:white;
    display: inline-block;
    padding: 4px 16px;
    border-radius: 20px;
    
}

.project-link a{
    background-color: #e40464;
    color:white;
    border-radius: 0;
    border:none;
    margin-inline:auto;
    display:block;
    margin-top:2em;
}

.project-link a:hover{
    background-color: rgba(228, 4, 100, 0.8);
    color:white;
    text-decoration: none;
}

.project-link a::after{
  content: "\2192";
  display: inline-block;
  font-size: 1.2em;
  line-height: 1;
   margin-left:0.5em;
  transition: transform 0.25s ease;
}

.project-link a:hover::after {
  transform: translateX(5px);
}

hr {
  border: none;
  border-top: 1px solid #000000 !important;
  color: #000000;
  overflow: visible;
  text-align: center;
}