@import url('menu.css');
@import url('accueil.css');
@import url('contact.css');
@import url('actualites.css');
@import url('responsive.css');
@import url('page_type.css');
@import url('visiteetdeugstation.css');
@import url('bouton_special.css');
@import url('fiche_vins.css');
@import url('actusaccueil.css');
@import url('philo.css');
@import url('nos_vins.css');
@import url('pagination_entrearticle.css');
@import url('ledomaine.css');
@import url('burger.css');

.container {
  max-width: 1170px !important;
}

a.suiveznoussurinstagram  {    text-decoration: none!important;}
:root {
    --main-font-family: adventures-unlimited, sans-serif;
  --secondary-font-family: "montserrat", sans-serif;
}

:root {
  --couleur-principale: #0D233D; /* bleu foncé*/
  --couleur-secondaire: #DC2727; /* rouge passion */
  --couleur-texte: #15355B; /* bleu taupe */
  --couleur-fond: #FAF4ED; /* creme */
    --couleur-bleuciel: #607FA7; /* bleu ciel */
 
}

.footervisite {

    margin-top: -30px;
}


.logofooter img {
  width: 100%;
  height: auto;
  max-width: 358px;
}




.footervisite a {text-decoration: underline;}
.footervisite a:hover, .footervisite a:focus  {text-decoration: none;}

.titrerougefooter {
    font-family: var(--main-font-family)!important;
    color: var(--couleur-secondaire);
    font-size: 60px!important;
    font-weight: normal;
    display: block;
    line-height: 1.5;
}

.footervisite h2 {font-family: "Georgia", serif!important;font-weight: normal!important;
    color: var(--couleur-fond); font-size: 20px;padding-bottom:20px;}

.footervisite h3 {font-family: "Georgia", serif;
    color:  var(--couleur-secondaire);font-size: 20px;padding-bottom:20px;}


.pagedocs .page-header h1 {margin-top: 45px;}
.suivez_nous_instagram_footer {
    padding-left: 0.7rem;
}

.uk-scope .uk-dotnav>.uk-active>* {
    background-color: var(--couleur-secondaire);
    border-color: transparent;
}

.uk-scope .uk-dotnav>*>* {
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: 0 0;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid var(--couleur-secondaire);
    transition: .2s ease-in-out;
    transition-property: background-color, border-color;
}

.sendbnt button.cf-btn {
background-image: url(../img/send.png);
    background-repeat: no-repeat;
    background-position: 10px 50%;
    padding-left: 42px;
}

.nrf-widget.map-widget .map-item { z-index: 2;}
body {
font-family: var(--secondary-font-family);
font-weight: 400;
  font-size:16px;
font-style: normal;
   color:var(--couleur-principale);   
}

.suiveznoussurinstagram {
display: flex;
    align-items: center;
    color: #000;
    background: url(../img/instagram.png) no-repeat left 28px;
    background-size: 50px 50px;
    padding: 10px 10px 10px 60px;
    border-radius: 5px;
    width: fit-content;
    transition: transform 0.2s ease;
}

.text-container {
    display: flex;
    flex-direction: column; /* Pour mettre les spans l’un sous l’autre */
}

.suiveznoussurinstagram:hover, .suiveznoussurinstagram:focus {
      text-decoration: none !important;
    transform: scale(1.02);
    outline: none;
}

.suiveznoussurinstagram .text-container span.suiveznous {
    font-family: var(--main-font-family);
    color: var(--couleur-secondaire);
    font-size: 50px;
    text-decoration: none!important;line-height: 0.9;
}

.bandeautype .suiveznoussurinstagram .text-container span.surinstagram {
    font-family: "Georgia", serif;
    color: var(--couleur-fond);
    font-size: 24px;
    line-height: 1;
}


/* 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);

}






.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: 100px;

}







.footer {

    background-color: var(--couleur-principale);

    padding: 50px 0px 100px 0px;

  color:white;

}



.nivmenu {

          height: 100px;
   background-color: var(--couleur-principale);

    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 {

}



.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;

}