@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200italic,300,300italic,400,400italic,500,500italic,700,700italic,900,900italic&display=swap');
@import url('https://fonts.googleapis.com/css?family=Dancing+Script:400,500,600,700&display=swap');
* {
padding: 0;
margin: 0;
outline: 0;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
display: flex;
flex-direction: column;
min-height: 100vh;
padding: 0;
margin: 0;
outline: 0;
scroll-behavior: smooth;
background-color: #FFFFFF;
vertical-align: baseline;
text-rendering: optimizeLegibility;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
font-family: 'Montserrat', sans-serif;
font-size: 14px;
font-weight: 500;
font-style: normal;
-webkit-print-color-adjust: exact !important;
print-color-adjust: exact !important;
}
input::-ms-clear,
textarea::-ms-clear {
display: none;
}
*, *::before, *::after {
box-sizing: border-box;
}
*:focus {
outline: 0;
}
ol, ul {
padding: 0;
margin: 0;
list-style-type: none;
list-style: none;
}
ul li {
margin: 0; 
padding: 0;
list-style: none;
}
br {
display: block;
line-height: 125%;
}
a {
outline: 0;
margin: 0;
padding: 0;
font-size: 100%;
vertical-align: baseline;
text-decoration: none;
cursor: pointer;
}
form {
border: 0;
}
a img {
border: 0;
}
img {
width: auto;
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: 0;
vertical-align: middle;
}
.img-rounded {
border-radius: 10px;
}
::-webkit-resizer,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
display: none;
}
.no-bold, .no-bold strong, .no-bold b {
font-weight: normal;
}
b, strong {
font-weight: 700;
}
button:focus, btn:focus {
outline: 0;
box-shadow: none;
}
input:not(:focus),
textarea:not(:focus),
.form-control:focus {
filter: none;
box-shadow: none;
outline: 0;
}
textarea,
textarea.form-control {
resize: none;
}
hr {
display: block;
width: 100%;
height: 1px;
border: 0; 
border-top: 1px solid #CCCCCC;
padding: 0;
margin: 15px 0;
clear: both;
}
/* Style général du label */
.custom-checkbox {
display: inline-flex;
align-items: center;
cursor: pointer;
font-size: 14px;
font-weight: 500;
color: #333333;
user-select: none;
position: relative;
line-height: 1.3;
margin-top: 7px;
}
/* Masquer la checkbox native */
.custom-checkbox input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Carré personnalisé */
.custom-checkbox .checkmark {
width: 30px;
height: 30px;
border: 1px solid #000000;
border-radius: 4px;
margin-right: 10px;
box-sizing: border-box;
transition: background-color 0.3s, border-color 0.3s;
position: relative;
}
/* Coche CSS */
.custom-checkbox .checkmark::after {
content: "";
position: absolute;
display: none;
left: 9px;
top: 4px;
width: 8px;
height: 16px;
border: solid #000000;
border-width: 0 4px 4px 0;
transform: rotate(45deg);
}
/* Afficher la coche quand coché */
.custom-checkbox input[type="checkbox"]:checked + .checkmark {
background-color: #FFFFFF;
border-color: #319E04;
border: 2px solid #319E04;
}
.custom-checkbox input[type="checkbox"]:checked + .checkmark::after {
display: block;
}
.custom-checkbox a, .custom-checkbox a:active, .custom-checkbox a:focus, .custom-checkbox a:focus {
font-size: 14px;
font-weight: 500;
color: #333333;
text-decoration: underline;
margin-left: 5px;
}
.asterisk {
color: #FF0000;
margin-left: 4px;
font-weight: bold;
}
.modal-header {
position: relative;
}
.modal-header .close, .modal-header .close:active, .modal-header .close:focus, .modal-header .close:hover {
position: absolute;
top: 25px;
right: 25px;   
width: 40px;
height: 40px;
font-size: 26px;
line-height: 40px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
zoom: 1;
color: #FFFFFF;
padding: 0;
border-radius: 50%;
background-color: #EC4890;
outline: none;
}
.modal-header .close:hover,
.modal-header .close:focus {
color: #FFFFFF;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
-moz-opacity: 1 !important;
-webkit-opacity: 1 !important;
-khtml-opacity: 1 !important;
background-color: #EC4890;
outline: none;
}
.close i.fa-times, .close i.fa-times:active, .close i.fa-times:focus, .close i.fa-times:hover {
color: #FFFFFF;
}
.modal-title {
color: #000000;
font-size: 16px;
font-weight: 700;
}
.modal-body {
color: #000000;
font-size: 14px;
font-weight: 500;
line-height: 18px;
padding-bottom: 20px;
}
.btn-modal, .btn-modal:active, .btn-modal:focus, .btn-modal:hover {
display: inline-block;
padding: 10px 24px;
font-size: 14px;
font-weight: 500;
color: #FFFFFF;
border: none;
border-radius: 30px;
text-align: center;
text-decoration: none;
background-color: #EC4890;
user-select: none;
box-shadow: none;
cursor: pointer;
}
.Agree {
display: block;
text-align: left;
margin-top: 8px;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 140px;
padding: 0 !important;
margin: 0 auto !important;
z-index: 1040;
}
nav { 
padding: 0 !important;
margin: 0 !important;
}
.bg-custom {
background-color: #F6D3D0;
}
.rounded-photo-profile {
width: 120px;
height: 120px;
object-fit: cover;
border-radius: 50%;
}
.navbar-toggler {
position: absolute;
bottom: 45px;
right: 18px;
color: #EC4890;
border: none !important;
padding: 8px 10px;
margin: 0 !important;
z-index: 1100;
}
.navbar-toggler-icon {
width: inherit;
height: inherit;
}
header .form-control, header .form-control:active, header .form-control:focus, header .form-control:hover {
border: none !important;
box-shadow: none;
}
.navbar-nav .nav-link, .custom-nav-btn, .navbar-nav .nav-link:active, .custom-nav-btn:active, .navbar-nav .nav-link:focus, .custom-nav-btn:focus, .navbar-nav .nav-link:hover, .custom-nav-btn:hover {
display: inline-block;
height: 48px;
line-height: 48px; 
color: #EC4890;
font-size: 14px; 
padding: 0;
margin-right: 10px;
text-decoration: none; 
text-align: center;
vertical-align: middle;
background-color: transparent !important;
outline: none;
}
.last-nav-item .nav-link, .last-nav-item .nav-link:active, .last-nav-item .nav-link:focus, .last-nav-item .nav-link:hover {
width: 40px;
outline: none;
}
.nav-item.active {
position: relative;
font-weight: 800; 
}
.navbar-nav > li:nth-child(1) .nav-link {
width: 140px; 
}
.navbar-nav > li:nth-child(2) .nav-link {
width: 170px; 
}
.navbar-nav > li:nth-child(3) .nav-link {
width: 125px;
}
.navbar-nav > li:nth-child(3).active > .nav-link {
 width: 130px;
}
.search-bar-bg form, .search-bar-bg .input-group {
display: flex;
align-items: center;
gap: 3px;
}
.search-form {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
width: 100%;
}
.search-bar-bg {
background: #F1F1F1; 
}
.search-input {
max-width: 480px;
width: 100%;
height: 48px;
line-height: 48px;
font-size: 14px;
padding: 0 16px;
border-radius: 4px !important;
box-sizing: border-box;
border: 0 !important;
background-color: #FFFFFF;
}
.navbar-brand a, .navbar-brand a:active, .navbar-brand a:focus, .navbar-brand a:hover {
text-decoration: none !important;
}
.navbar-brand .symbole {
display: inline-block;
width: 62px;
height: 85px;
margin-left: 20px;
vertical-align: middle;
}
.custom-nav-btn, .custom-nav-btn:active, .custom-nav-btn:focus, .custom-nav-btn:hover {
display: inline-block;
width: 60px;
height: 48px;
line-height: 48px;
font-size: 14px;
padding: 0 5px;
margin-left: 10px;
color: #FFFFFF;
text-decoration: none;
border: none;
border-radius: 4px;
background-color: #EC4890 !important;
box-sizing: border-box;
outline: none;
box-shadow: none;
}
main {
position: relative;
min-height: 700px;
padding-top: 210px;
margin: 0;
background-color: #FFFFFF;
}
main h2 {
font-family: 'Dancing Script', 'Montserrat', sans-serif;
color: #EC4890;
font-weight: 700;
}
main h4 {
font-family: 'Dancing Script', 'Montserrat', sans-serif;
color: #EC4890;
font-size: 22px;
font-weight: 700;
}
main .card-body h4.card-title {
font-family: 'Montserrat', sans-serif !important;
font-size: 14px;
font-weight: 700;
font-style: normal;
color: #000000;
}
main p {
color: #000000;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-align: justify;
}
main a.link, main a.link:active, main a.link:focus, main a.link:hover {
color: #000000;
font-size: 14px;
font-weight: 700;
text-decoration: underline !important;
}
main .post a, main .post a:active {
display: block;
color: #000000;
font-size: 14px;
font-weight: 500;
text-decoration: none;
outline: none;
}
main a.link_post, main a.link_post:active, main a.link_post:focus, main a.link_post:hover {
text-decoration: underline;
}
main h4.card-title {
font-family: 'Dancing Script', 'Montserrat', sans-serif;
color: #EC4890;
font-size: 22px;
font-weight: 700;
}
main .reply_b p {
font-size: 12px;
color: #EC4890;
}
.clamp-2-lines {
display: -webkit-box;
-webkit-line-clamp: 2;	/* limite à 2 lignes */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
word-break: break-word;
}
.clamp-3-lines {
display: -webkit-box;
-webkit-line-clamp: 3;	/* limite à 3 lignes */
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.BtnBack, .BtnBack:active, .BtnBack:focus, .BtnBack:hover {
color: #EC4890;
font-size: 16px;
font-weight: 700;
text-decoration: underline;
padding: 10px 15px;
}
/* =========================
   SELECT NATIF PERSONNALISÉ
   ========================= */
.custom-cat-select,
.custom-cat-select:focus,
.custom-cat-select:active,
.custom-cat-select:hover {
background-color: #EC4890;
color: #fff;
border: 1px solid #EC4890 !important;
border-radius: 8px !important;
padding: 6px 30px 6px 12px;
font-size: 14px;
font-weight: 500;
box-shadow: none !important;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
outline: none !important;
position: relative;
cursor: pointer;
z-index: 1;
background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='20' viewBox='0 0 20 20' width='20' xmlns='http://www.w3.org/2000/svg'><polygon points='5,8 10,13 15,8'/></svg>");
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 18px 18px;
max-width: 280px;
width: 100%;
}
.custom-cat-select option:hover,
.custom-cat-select option:focus,
.custom-cat-select option:checked {
background: #F6D3D0 !important;
color: #EC4890;
cursor: pointer;
}
/* =========================
   CHOICES.JS PERSONNALISÉ
   ========================= */
/* Wrapper principal */
.choices {
max-width: 280px;
width: 100%;
}
/* Champ affiché */
.choices__inner,
.choices__inner:focus,
.choices__inner:active,
.choices__inner:hover {
max-width: 100%;
width: 100%;
box-sizing: border-box;
background: #EC4890;
color: #FFFFFF;
border-radius: 8px !important;
border: 1px solid #EC4890 !important;
font-size: 14px;
font-weight: 500;
outline: none !important;
box-shadow: none !important;
}
/* Dropdown (liste des options) */
.choices__list--dropdown,
.choices__list[aria-expanded],
.choices__list--dropdown:focus,
.choices__list--dropdown:active,
.choices__list--dropdown:hover,
.choices__list[aria-expanded]:focus,
.choices__list[aria-expanded]:active,
.choices__list[aria-expanded]:hover {
border-radius: 8px !important;
border: 1px solid #EC4890 !important;
background-color: #FFFFFF;
outline: none !important;
box-shadow: none !important;
max-height: none !important;
min-height: 0 !important;
height: auto !important;
overflow-y: visible !important;
overflow-x: visible !important;
}
/* Chaque option dans la dropdown */
.choices__item--selectable.is-highlighted {
background: #FFFFFF !important;
color: #EC4890 !important;
}
/* Supprime le scroll sur le wrapper de la liste */
.choices__list {
max-height: none !important;
min-height: 0 !important;
height: auto !important;
overflow-y: visible !important;
overflow-x: visible !important;
}
/* Triangle du select Choices.js : blanc */
.choices[data-type*="select-one"]::after {
border-color: #fff transparent transparent transparent !important;
}
/* Ajuste la taille du triangle Choices */
.choices[data-type*="select-one"]::after {
border-width: 7px 7px 0 7px !important;
right: 12px;
}
/* Flèche blanche, pointe vers le bas (fermé) */
.choices[data-type*="select-one"]::after {
content: "";
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%) rotate(0deg);
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 7px solid #fff;
pointer-events: none;
transition: transform 0.2s;
display: block;
}
/* Flèche blanche, pointe vers le haut (ouvert) et plus basse */
.choices[data-type*="select-one"].is-open::after {
transform: translateY(20%) rotate(180deg); /* 20% ou ajuste selon ton besoin */
}
/* Force la dropdown à s’ouvrir vers le bas */
.choices__list--dropdown,
.choices__list[aria-expanded] {
top: 100% !important;
bottom: auto !important;
left: 0 !important;
right: 0 !important;
margin-top: 4px !important;
margin-bottom: 0 !important;
}
.choices.is-flipped .choices__list--dropdown,
.choices.is-flipped .choices__list[aria-expanded] {
top: 100% !important;
bottom: auto !important;
}
.btn-comment, .btn-comment:active, .btn-comment:focus, .btn-comment:hover {
color: #FFFFFF;
font-size: 16px;
font-weight: 700;
padding: 12px 28px;
margin: 8px 0;
border: none;
border-radius: 30px;
cursor: pointer;
outline: none;
background-color: #EC4890; 
}
.date-ribbon {
display: inline-block;
position: relative;
color: #FFFFFF; 
font-size: 16px;
font-weight: 500;
padding: 8px 24px;
margin-bottom: 15px;
border-radius: 4px;
box-shadow: 0 2px 6px rgba(230,124,115,0.15);
background-color: #EC4890;
}
#commentFormDiv h3 {
font-size: 16px;
font-weight: 700;
}
.comment-count-label {
display: flex;
align-items: center;
gap: 12px;
font-size: 14px;
font-weight: 500;
margin-bottom: 32px;
}
.label-title {
color: #495057;
}
.badge-big {
display: inline-flex;
align-items: center;
justify-content: center;
color: #666666;
font-size: 20px;
font-weight: 700;
width: 48px;
height: 48px;
padding: 0;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(13,110,253,0.08);
background-color: #F1F1F1; 
}
.reply-bg {
background-color: #F1F1F1 !important;
}
.form-control label {
font-size: 14px;
font-weight: 700;
}
.form-control {
font-size: 14px;
font-weight: 500;
color: #495057;
border: 1px solid #000000;
}
.form-control:focus {
border: 1px solid #000000;
outline: 0;
box-shadow: none;
}
.btn-custom, .btn-custom:active, .btn-custom:focus, .btn-custom:hover {
color: #FFFFFF;
font-weight: 700;
padding: 12px 30px;
border: none;
border-radius: 50px;
background-color: #EC4890;
outline: 0;
box-shadow: none !important;
}
p.error_message, .error_message {
color: #FF0000;
font-weight: 500;
padding-top: 8px;
}
p.success_message, .success_message {
width: 100%;
text-align: center;
color: #3A9303;
font-weight: 700;
padding-top: 8px;
}
footer {
color: #FFFFFF;
padding: 20px 10px 30px 10px;
margin: 0;
background-color: #F6D3D0;
}
footer ul {
list-style-type: none;
}
footer .menu-navigation li a, footer .menu-navigation li a:active, footer .menu-navigation li a:focus, footer .menu-navigation li a:hover {
display: block;
color: #FFFFFF;
font-size: 14px;
font-weight: 700;
text-decoration: none;
padding: 8px 15px 8px 2px;
margin-bottom: 10px;
} 
footer .menu-navigation li a.active {
position: relative;
color: #EC4890;
font-weight: 700;
}
footer .social-icons li {
display: inline-block;
}
footer .social-icons-col {
text-align: right;
}
footer .social-icons li a, footer .social-icons li a:active, footer .social-icons li a:focus, footer .social-icons li a:hover {
display: flex;
align-items: center;
justify-content: center;
width: 50px;
height: 50px;
color: #FFFFFF;
text-align: center;
text-decoration: none;
margin-right: 5px;
background-color: transparent;
outline: none;
}
footer .social-icons li:last-child a, footer .social-icons li:last-child a:active, footer .social-icons li:last-child a:focus, footer .social-icons li:last-child a:hover {
margin-left: 5px;
margin-right: 0;
outline: none;
}
footer .fa-facebook, footer .fa-instagram {
font-size: 30px;
}
footer .credits {
width: 100%;
text-align: center;
margin: 0 auto;
}
footer .credits a, footer .credits a:active, footer .credits a:focus, footer .credits a:hover {
display: inline-block;
padding: 10px 10px 10px 2px;
outline: none;
}
footer .photos-credits a.active, footer .photos-credits a.active:active, footer .photos-credits a.active:focus, footer .photos-credits a.active:hover {
position: relative;
color: #EC4890;
font-weight: 700;
outline: none;
}
footer .photos-credits {
width: 100%;
text-align: center;
margin: 0 auto;
}
footer .photos-credits a, footer .photos-credits a:active, footer .photos-credits a:focus, footer .photos-credits a:hover {
color: #FFFFFF;
font-size: 14px;
font-weight: 700;
text-decoration: none;
padding: 10px;
}

@media (max-width: 1199.98px) {	/* XL */
}

@media (max-width: 991.98px) {	/* LG */
.navbar-nav > li:nth-child(3) .nav-link {
width: 125px;
}
.navbar-brand .symbole {
margin-left: 2px;
}
}

@media (max-width: 767.98px) {	/* MD */
nav,
.navbar,
.navbar .container {
height: 140px !important;
min-height: 140px !important;
align-items: flex-start !important;
padding: 0 !important;
}
.navbar .container {
display: flex;
align-items: center !important;
justify-content: space-between;
height: 140px;
min-height: 140px;
padding: 0 !important;
}
.navbar-brand {
margin: 0 !important;
display: flex;
align-items: center !important;
padding-left: 15px;
margin-right: auto;
height: 120px;
}
.navbar-brand img.logo {
display: inline-block;
width: 120px;
height: 120px;
border-radius: 50%;
}
.navbar-brand .symbole {
display: inline-block;
width: 62px;
height: 85px;
vertical-align: middle;
margin-left: 20px;
}
.navbar, .navbar-nav {
padding: 0 !important;
margin: 0 !important;
}
.nav-item {
margin: 0;
}
.navbar-collapse {
position: absolute !important;
top: 140px;
left: 0;
width: 100vw;
z-index: 1000;
background-color: #F6D3D0;
}
.navbar-nav .nav-link, .custom-nav-btn, .navbar-nav .nav-link:active, .custom-nav-btn:active, .navbar-nav .nav-link:focus, .custom-nav-btn:focus, .navbar-nav .nav-link:hover, .custom-nav-btn:hover {
display: block;
width: 100%;
padding-left: 10px;
margin: 0 0 10px 2px;
text-decoration: none; 
text-align: left;
}
.nav-item.active {
position: relative;
}
.search-form {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
max-width: 480px;
margin: 0 auto;
}
.search-input {
height: 48px;
line-height: 48px;
font-size: 14px;
padding: 0 16px;
border-radius: 4px;
border: 0;
background-color: #FFFFFF;
width: 100%;
min-width: 0;
box-sizing: border-box;
flex: 1 1 0%;
display: block;
}
.custom-nav-btn,
.custom-nav-btn:active,
.custom-nav-btn:focus,
.custom-nav-btn:hover {
display: flex;
align-items: center;
justify-content: center;
width: 60px !important;
min-width: 60px !important;
max-width: 60px !important;
height: 48px;
line-height: 48px;
font-size: 14px;
font-weight: 400;
padding: 0 5px;
border: none;
border-radius: 4px;
background-color: #EC4890 !important;
color: #fff;
box-sizing: border-box;
text-align: center;
margin: 0;
transition: background 0.2s, color 0.2s;
}
main {
padding-top: 200px;
}
}
@media (max-width: 575.98px) {	/* XS And col- */
.search-bar-bg form {
flex-wrap: nowrap !important;
}
.search-bar-bg .form-control {
min-width: 0;
width: 100%;
margin: 0 !important;
}
.search-form {
max-width: 100%;
gap: 6px;
}
.custom-nav-btn,
.custom-nav-btn:active,
.custom-nav-btn:focus,
.custom-nav-btn:hover {
width: 48px !important;
min-width: 48px !important;
max-width: 48px !important;
font-size: 13px;
height: 40px;
line-height: 40px;
}
.search-input {
height: 48px;
line-height: 48px;
font-size: 13px;
}
footer .social-icons li a, footer .social-icons li a:active, footer .social-icons li a:focus, footer .social-icons li a:hover {
display: flex;
align-items: left;
justify-content: left;
text-align: left;
background-color: transparent;
}
.social-icons-col,
.social-icons,
.social-icons ul,
.social-icons li,
.social-icons li a {
display: inline-block !important;
visibility: visible !important;
opacity: 1 !important;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-moz-opacity: 1;
-webkit-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
zoom: 1;
}
.social-icons-col {
text-align: left !important;
margin-top: 15px;
}
}