.video-container {overflow: hidden;}

#video-element > .video-text h1,

#video-element > .video-text h2,

#video-element > .video-text h3,

#video-element > .video-text h4,

#video-element > .video-text h5,

#video-element > .video-text p { color: #111177; text-shadow: 0 1px 1px #000055; text-align: center; }

#video-element { height: 300px;}

.video-background {position: relative; display: table; width: 100%;

overflow: hidden;}

.video-background > video { position: absolute; display: block; z-index: 1; top: 50%; left: 50%;

transform: translateX(-50%) translateY(-50%);

min-width: 100%; min-height: 100%;

width: auto; height: auto; background-size: cover;

transition: 1s opacity; overflow: hidden; }

.video-background > .video-text { z-index: 2; position: relative;

display: table-cell; vertical-align: middle; padding: 20px;}

.video-background > .video-text h1 { font-size: 2em;}

.video-background > .video-text p {font-size: 1.375em;}


.map-responsive {
overflow:hidden;
padding-bottom:56.25%;
position:relative;>
height:0;
}

.map-responsive iframe {
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}

}

/*réduire l'espace dans le sous-menu*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
      padding:10px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
      padding: 4px 7px; 
} 

/*couleur de police des éléments du menu*/
# sp-header .sp-megamenu-parent > li > a { 
      color: white; 
}

/*Couleur fond sous menu*/
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #000000;
}

/*item survol*/
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover { 
       background-color: #757575; 
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* COULEURS DES ELEMENTS DU MENU OFFCANVAS */

 /* couleur de fond*/ 
.new-look .offcanvas-menu {
       background-color: #000000;
}

/* couleur du module */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
       background-color: #333333;
}

/* couleur du module survolé  */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a:hover {
       background-color: #757575;
         color: #b7a680;
}

/* couleur module déployé actif*/
.offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li.active > a {
     background-color: #6b5b3d !important;
}


/* couleur du module actif */
.new-look .offcanvas-menu .sp-module ul >li.active a {
        background-color: #6b5b3d;
}


/* couleur du module survolé */
.new-look .offcanvas-menu .sp-module ul >li:hover a {
       background-color: #757575;
}
/* couleur texte module survolé*/
.new-look .offcanvas-menu .sp-module ul >li ul li a:hover {
    color: #b7a680;
}

.new-look .offcanvas-menu .sp-module ul >li ul li a:focus {
    color: #dddddd;
}


/* couleur module déployé */
.new-look .offcanvas-menu .sp-module ul >li ul li a {
     background-color: #000000 !important;
}

/* couleur module déployé survole*/
.new-look .offcanvas-menu .sp-module ul >li ul li a:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li ul > li:hover > a  {
     background-color: #757575 !important;
}




/* couleur du menu non déployé, les 3 petites barres*/
#offcanvas-toggler >i {
    color: #ffffff;
}
#offcanvas-toggler >i:hover {
    color: #b7a680;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/


/*Centrage du titre de la page présentation*/
.presentation .page-header { text-align: center; }


/*couleur des boutons*/
button, input, optgroup, select, textarea {
     background-color: transparent;
     color: #b7a680;
     border-color: #b7a680;
}

button:hover, input, optgroup, select, textarea{
     background-color: #b7a680;
     color: #000000;    
}



/*fil d'arianne */
.navigation_champ {
     background-color: transparent;
     color: #b7a680;
     padding-left: 55px;
     padding-top: 120px;
     padding-bottom: 0px;
     margin-bottom: 0px;
     
}

.navigation_champ a {
     color: #b7a680;
}

.navigation_champ >.active {
     color: #ffffff;
}


/* couleur des liens*/
a {
     color: #b7a680;
}
a:hover {
     color: black;
}

/* couleur lien survolé menu bas */
#sp-menu-bas a:hover {
     background-color: #757575;
}
/* couleur du texte menu bas*/
#sp-menu-bas a {
  color: #ffffff;
}

/* couleur du texte menu bas survolé*/
#sp-menu-bas a:hover {
  color: #b7a680;
  font-weight: bold;
}


/*couleur et marges du bandeau du titre de l'entête de l'article*/

.page-header {
    width: 100%;
    background-color: #333333;
    color: #B7A680;
    padding-top: 2px;
    padding-bottom: 5px;
    padding-left: 25px;
}

/* couleur et marges titre de page*/
.sp-page-title {
    background-color: #333333;
}
.sp-page-title h2, .sp-page-title h3 {
    margin: 0;
    padding: 0 0 0 30px;
    color: #b7A680;
}
.sp-page-title h2 {
    font-size: 35px;
}

  
#sp-title {
    text-align: center;
} 
.sp-page-title {
    padding: 2px 0;}


.accueil .entry-image img {
    margin-top: 20px;
  height:auto;
  max-width:100%;
}




/*texte titre module nos coordonnes*/
.nos_coordonnees .sp-module-title {
    font-size: 25px;
    text-transform: none;
    color: #B7A680;
    text-align: center;
}

/* texte module nos coordonnes*/
.nos_coordonnees .sp-module-content {
    text-align: center;
    
}

/* texte lien survolé nos coordonnes */
.nos_coordonnees a:hover {
     background-color: transparent !important;
}

/*taille et détails module inscription newsletter en bas de page*/

.module_newsletter button {
    width: 70% !important;
    padding: 20px 70px !important;
    background-color: #b7a680 !important;
    color: #000000 !important;
    border-color: #b7a680 !important;
    border-width: 3px !important;
    border-style: double !important;
    text-align: center !important;
}

.module_newsletter button:hover {
    padding: 20px 70px !important;
    background-color: transparent !important;
    color: #b7a680 !important;
    border-color: #b7a680 !important;
    border-width: 3px !important;
    border-style: double !important;
    text-align: center !important;    
}

#sp-menu-bas .module_newsletter a:hover {
     background-color: transparent;
}
.module_newsletter {
  text-align: center;
}

/*couleur séparation liens menu bas*/
#sp-menu-bas .sp-module ul >li {
   border-bottom-color: #b7a680;
}

/*séparation module bas*/
#sp-position1 {
  border-right: 1px solid #b7a680;
  margin-bottom: 20px;
}
#sp-position3 {
  border-left: 1px solid #b7a680;
  margin-bottom: 20px;
}


/*encadrement titre balise h2 dans articles en classe cadre-titre */
.cadre-titre h2{
    width: 100%;
    background-color: #333333;
    color: #B7A680;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
}

/*encadrement titre balise h3 dans description produits en classe cadre-titre */
.cadre-produit-titre h3{
    width: 100%;
    background-color: #333333;
    color: #B7A680;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*encadrement titre balise h4 dans description produits en classe cadre-titre */
.cadre-produit-titre h4{
    width: 100%;
    background-color: #333333;
    color: #B7A680;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/*encadrement titre balise 5 dans description produits en classe cadre-titre */
.cadre-produit-titre h5{
    width: 100%;
    background-color: #333333;
    color: #B7A680;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px;
}
/*style des lignes horizontales de séparation*/
hr {
    border-top: 4px double #b7a580;
}

/* Style toggle-button , boutons à déploiement page protection des données*/
.protect_donnees button {
    width: 100%;
    background-color: #333333;
    color: #B7A680;
    padding-bottom: 5px;
    padding-left: 15px;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
    text-align: left;
}


.protect_donnees button:hover{
     background-color: #b7a680;
     color: #000000;   
     border-color: #b7a680;
}

/* écartement des boutons radio pour confirmation politique confidentialité page connexion*/
.connexion .checkbox label, .radio label {
     padding-right: 50px;
}

/*couleur bouton envoyer */
.btn-primary, .sppb-btn-primary {
    background-color: #b7a680;
    color: #000000;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
}

.btn-primary:hover, .sppb-btn-primary:hover {
    background-color: transparent;
    color: #b7a680;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
}

.btn-primary:focus, .sppb-btn-primary:focus {
    background-color: transparent;
    color: #b7a680;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
}

.btn-primary:checked, .sppb-btn-primary:checked {
    background-color: transparent;
    color: #b7a680;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
}

/*couleur alert info pour confirmation politique confidentialité page connexion*/
.connexion .alert-info {
    background-color: #b7a680;
    color: #000000;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
    text-align: left !important;
}

/*couleur bandeau annonce pour confirmation politique confidentialité page connexion*/
.connexion .alert {
    background-color: #b7a680;
    color: #000000;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
    text-align: center;
}
/*marge en dessous du titre de page connexion*/
.connexion .sp-page-title {
  margin-bottom: 20px;
}

/*marge en dessous du titre de page mon compte*/
.mon_compte .sp-page-title {
  margin-bottom: 20px;
}

/* couleur des messages d'alertes*/
.alert.alert-message {
background-color: #b7a680 !important;
    color: #000000 !important;
    border-color: #b7a680 !important;
    border-width: 3px !important;
    border-style: double !important;
    text-align: center !important;
}

.alert.alert-message h4 {
    color: #000000 !important;
}

/*bouton appliquer hikashop*/
.hika_j2 .btn-primary, .hikabtn-primary {
      background-color: #b7a680;
    color: #000000;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
}

.hika_j2 .btn-primary:hover, .hikabtn-primary:hover {
    background-color: transparent;
    color: #b7a680;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
}

/* marges page connexion*/
.connexion #sp-main-body  {
  padding-top: 10px !important;
  padding-bottom: 20px !important;
}

/*lien en dessous de la page connexion pour se souvenir de moi , etc...*/

.connexion .form-links li {
   background-color: #b7a680;
    color: #000000;
    border-color: #b7a680;
    border-width: 3px;
    border-style: double;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 4px;
}

.connexion .form-links li:hover {
   background-color: transparent;
    color: #b7a680;
    border-color: #b7a680;
    
}
.connexion .form-links a{
  color: #000000;
}

.connexion .form-links a:hover{
  color: #b7a680;
}

/*marge sous le texte de descrition de la page de connexion*/
.connexion .login-description{
  margin-bottom: 10px;
  font-weight: bold;
}

/*bordure double pour le bloc phrase: il n'est champagne que de champagne*/
#sp-phrase {
    border-bottom-width: 3px;
    border-bottom-color: #b7a680;
    border-bottom-style: double;
    border-top-width: 3px;
    border-top-color: #b7a680;
    border-top-style: double;
   
}

/*position du module de connection en haut de la page : fixe*/
#sp-connection {
    position: fixed;
}
/*taille et détails module reseaux sociaux en bas de page*/
.module_reseaux-sociaux {
    
    text-align: center !important;
}

.module_reseaux-sociaux .flex {
  display: flex;
  flex-wrap: wrap;
} 

.module_reseaux-sociaux .container {
  
  justify-content: space-between;
  padding-bottom: 20px;
  
}

/* ligne double en dessous du reseau sociaux*/
#sp-reseaux-sociaux {
    border-bottom-width: 3px;
    border-bottom-color: #b7a680;
    border-bottom-style: double;
}
/* ligne double au dessus du reseau sociaux*/
#sp-reseaux-sociaux {
    border-top-width: 3px;
    border-top-color: #b7a680;
    border-top-style: double;
}

/* bordure noire en au dessus de footer*/
#sp-footer {
    border-top-width: 10px !important;
    border-top-color: #000000 !important;
    border-top-style: solid;
}