/* 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=Source+Sans+3:ital,wght@0,200..900;1,200..900&family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');


body{
    font-family: "Source Sans 3", sans-serif;
    background-color: #fefcfb;
    color:#4a4a49;
    text-align:justify;
}

h1{
    font-family: "Source Serif 4", serif;
    border-left:3px solid #d48286;
    padding-left:0.2em;
}

h1.page-header{
  margin-top:1em;
}

h2, h3{
    font-family: "Source Serif 4", serif;
    position:relative;
    margin-bottom:1.2em;
    text-align:left;
    
}

h1 span, h2 span, h3 span, h4 span, p span{
    color:#d48286;
}

h3{
    font-size:1.5em
}

h4{
    font-family: "Source Serif 4", serif;
    position:relative;
    margin-top:0.5em;
    margin-bottom:0.8em;
}


.home h2::after{
    content: "";
    position: absolute;
    left:50%;
    bottom: -15px;
    width: 80px;
    height: 3px;
    background-color: #d48286;
    transform: translateX(-50%);
}

.home #sppb-addon-270b4758-964d-428e-bd5b-d8bd62ad28b2 h2::after{
    left:0;
    transform:none;
}

a, a span{
    color:#d48286;
    text-decoration:none;
}

a:hover{
    color:#d48286;
    text-decoration:underline;
}

ul{
    margin-bottom:0;
}

li{
    margin-bottom:1em;
}

li::marker {
  color: #d48286;
}

#error-img{
    border-radius:20px;

}
}

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


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

.headerClasses {
    display: contents;
}

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

.logo img, #logo-container{
    max-width:250px
}

.maximenuck li{
    display:inline-block;
    margin-inline:1em;
    margin-top: 1.2em;
    list-style-type:none;
}

.maximenuck a span{
    color:#4a4a49;
    font-size:1.15em;
    padding-bottom:0.5em;
}

.maximenuck a:hover, .maximenuck li.active a{
    border-bottom:#d48286 solid 0.2rem;
}

.maximenuck a:hover span, .maximenuck li.active a span{
    color:#d48286;
    text-decoration:none !important;
}

.activites h3{
    color:#d48286;
}
 .activites img{
     border-radius:20px 20px 0 0 !important;
 }

.activites .sppb-media-content{
    padding:15px;
}

.activites a.sppb-btn-link{
    padding:0;
    color:#d48286;
    text-decoration:none;
}

.activites a.sppb-btn-link:hover{
    color:#d48286;
    text-decoration:underline !important;
}

/*FOOTER*/
footer{
    background:#fef4f3;
}

#sppb-addon-4ced0eed-9aa9-426c-9444-35b075c7bacc p{
    margin-bottom:0 !important
}
.contact-footer .pull-left{
    width:35px !important;
    margin-bottom:1.2em;
}

.contact-footer img{
    width:35px
}

#column-wrap-id-f15a3472-c455-4273-a893-98b5a6e223b8{
    display:flex;
}

#column-id-f15a3472-c455-4273-a893-98b5a6e223b8{
    height:50px; 
    margin:auto 0;
}

form#cf1{
    font-family: "Source Sans 3", sans-serif !important;
}

form#cf1 button:hover{
    background-color:#E69FA3;
    opacity:1 !important;
}


/*FOOTER BOTTOM*/

.footerBottom{
    background:#fad3c7;
    font-size: 0.85em;
    padding-inline:3em;
    padding-block:1em;
    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}

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

.footerBottom a{
    color:#4a4a49;
    text-decoration:none;
    margin:0 0.5em
}

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

#column-id-f15a3472-c455-4273-a893-98b5a6e223b8 > .sppb-column-addons{
    display:flex;
}

p.info{
    text-transform: uppercase;
    font-size: 0.85em;
}

/*PAGE FORMATIONS*/
#formations-grid > .sppb-container-inner > .sppb-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

#formations-grid > .sppb-container-inner > .sppb-row > .sppb-row-column {
    width: auto !important;
    max-width: none !important;
    flex: none !important;
    padding: 0;
}

#formations-grid > .sppb-container-inner > .sppb-row > .sppb-row-column:last-child {
    grid-column: 1 / -1;
}