@import url('menu.css');
@import url('accueil.css');
@import url('cabinet.css');
@import url('services.css');
@import url('contact.css');
@import url('actualites.css');
@import url('responsive.css');
@import url('expertises.css');
@import url('social.css');
@import url('souscription.css');
@import url('fiche_contact.css');
@import url('contact_list.css');

:root {
    --main-font-family: "begum", sans-serif;
  --secondary-font-family: Arial, sans-serif;
}

:root {
  --couleur-principale:#596CCD; /* rose rouge*/
  --couleur-secondaire: #283583 ; /* rose rouge plus foncé */
  --couleur-texte: #2c2c2c; /* bgris clair*/
  --couleur-fond: #fafafa; /* blanc cassé */
}

body {
font-family: var(--secondary-font-family);
font-weight: 400;
  font-size:16px;
font-style: normal;
   color:var(--couleur-principale);    background-color: var(--couleur-fond);
}

/* Supprime les puces de la liste */
.fields-container {
    list-style: none; /* Supprime les puces */
    padding: 0; /* Supprime le padding par défaut */
    margin: 0; /* Supprime les marges par défaut */
}

/* Ajoute un contour à chaque figure */
.fields-container .field-entry .item {
    border: 2px solid var(--couleur-secondaire); /* Contour avec la couleur spécifiée */
    border-radius: 4px; /* Coins légèrement arrondis (optionnel) */
    padding: 5px; /* Espace intérieur pour une meilleure apparence */
    margin: 10px; /* Espacement entre les figures */
}

/* Ajoute un effet au survol (optionnel) */
.fields-container .field-entry .item:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Effet d'ombre au survol */
    transform: scale(1.05); /* Légère mise en avant */
    transition: all 0.3s ease; /* Animation fluide */
}


.item-pageaccueil h1 {
    font-size: 50px;
    font-family: var(--main-font-family);
    text-align: center;
  
    padding: 0px 25px 0px 25px;
       margin-top: 30px;
    margin-bottom: 0px;
}

.item-pageaccueil h2 {
      margin-top: 0px;
    margin-bottom: 30px;
    font-size: 50px;
    font-family:  var(--main-font-family);
  color:var(--couleur-secondaire);
    text-align: center;
    padding: 0px 25px 0px 25px;
   
}

.item-pageaccueil a {
    font-family: var(--main-font-family);
    background-color: var(--couleur-secondaire);
    padding: 8px 20px 6px 20px;
    border-radius: 25px;
    display: table;
    margin: 0px auto 35px auto;
    color: white;
    font-size: 14px;
    border: 1px solid var(--couleur-secondaire);
    transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;
} 

.item-pageaccueil a:hover, .item-pageaccueil a:focus  {
    background-color: var(--couleur-principale);
    color: white;
    text-decoration: none;
    border: 1px solid var(--couleur-principale);
}

@media (min-width: 1400px) {
    .container {
        width: 1320px; /* Ajustez cette valeur selon vos besoins */
    }
}

.visually-hidden {display:none;}

.slidevideaccueil {
    min-height: 115px;
}

.sansmarge {
    padding-right: 0px;
    padding-left: 0px;
}

.introaccueiltext {
    padding: 45px 0px;
}
a {
    color: var(--couleur-secondaire);
    text-decoration: none;
}

.invertreseaux {   filter: invert(100%);    float: left;
}

.suivezmoi { 
    float: left;
    margin: 8px 0px;
}


.footermarge h2 {
    font-family: var(--main-font-family);
    font-size: 20px;
    font-weight: bold;
  margin-top: 0px;
}


.adressefooter{ 
   
    margin: 8px 0px;
}



.intro_titre {
    font-size: 1.7em;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}



strong { font-weight: 600;}

.grid-child {
    display: flex;
    width: 100%;
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
}

a.effet_fleche, .savoifairesw .uk-margin a ,  .uk-scope .stageaccueil .uk-panel a.uk-button {
    border-radius: 0px;
    background-image: url(../img/arrow-right.png);
    background-position: 100% 50%;
    font-style: italic;
    font-size: 1.175em;
  font-family: var(--main-font-family);
    background-repeat: no-repeat;
    background-size: 13px;
    padding-right: 25px;
    display: inline-block;
    position: relative;
    text-align: center;
    text-decoration: underline;
    color: #DE879C;
    transition: transform 0.3s ease;
}
a:hover.effet_fleche, a:focus.effet_fleche, .savoifairesw .uk-margin a:hover, .savoifairesw .uk-margin a:focus, .stageaccueil .uk-margin a:hover, .stageaccueil .uk-margin a:focus     {
    text-decoration: none;color: #DE879C;
    transform: translateX(5px);
}

.slidevide {
    min-height: 145px;
}



.footer {
    background-color: var(--couleur-secondaire);
    padding: 50px 0px 100px 0px;
  color:white;
}

.nivmenu {
       z-index: 10;
    width: 100%;
    position: absolute;
}

.topannonce {
    background-color: #000;
    color: white;
    padding: 5px;
    margin: 0px !important;
    font-size: 17px;
    text-transform: uppercase;
}




.uk-scope .uk-h1, .uk-scope .uk-h2, .uk-scope .uk-h3, .uk-scope .uk-h4, .uk-scope .uk-h5, .uk-scope .uk-h6, .uk-scope .uk-heading-2xlarge, .uk-scope .uk-heading-3xlarge, .uk-scope .uk-heading-large, .uk-scope .uk-heading-medium, .uk-scope .uk-heading-small, .uk-scope .uk-heading-xlarge, .uk-scope h1, .uk-scope h2, .uk-scope h3, .uk-scope h4, .uk-scope h5, .uk-scope h6 {

   font-family: var(--main-font-family);}

.swiper-button-next:after, .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 1.5em;
    font-weight: 600;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    color: black;
}



ul.reseauxsociauxmenu > li > a.reseaux span.visually-hidden {
    display: none;
}