/* /////////////////// PAGE SOMMET EUROPEEN DU VEDANTA ///////////////////////////////////// */
 
 /* On remonte la 1ère rangée (un bug (?) empêchait de le faire directment dans SP PageBuilder */
.premier-rang {
  margin-top: -30px;
}

/* Les noms des Intervenants */
  .intervenant .sppb-modal-selector {
  display: flex;
  flex-direction: column;
  /* 
  text-transform:uppercase;
  */
  font-size: 12px;
  line-height: 3.20;
  font-weight: bold;
}

/* Bricole pour avoir un modal popup pour Nilanjana Roy dans "Repas" sans l'afficher des "Artistes"*/
 .eteindre {
  display: none;
}


 /* Le picto à droite du nom */
.sppb-modal-selector .text .pe {
    font-size: 17px;
    vertical-align: text-bottom;
}

/** REMOVE FRONT-END EDITING BUTTON */
/* SP Page Builder controls not disabling the button. */
.article-info,
.edit-article .pull-right,
.sppb_article_edit { display: none; visibility: hidden; }


/* On harmonise la taille du carousel hébergement (trop grand) */
.hebergement_carousel .sppb-item img {
  max-width: 40%;
}


/* On harmonise la taille du carousel vistes (trop grand) pour les ordinateurs */
@media (min-width: 1023px) {
  .visites_carousel .sppb-item img {
    max-width: 50%;
    float: right;
  }
  .visites_carousel .sppb-carousel-pro-text {
    min-width: 150%;
  }
}
/*
.sppb-carousel-pro-arrow-bottom-center .sppb-carousel-control {
  border: none;
  padding-top: 60px;
}
*/
/* Il y avait "Image" affiché en titre du popup prettyphoto, et sans possibilité de l'éditer… PLUS UTILISÉ
.sppb_prettyphoto .ppt {
  display: none !important;
}
*/

/* On harmonise les tailles des vignettes sur les "petits" écrans */
@media (max-width: 1023px) {
  .intervenant img {
  max-width: 50%;
  }
}

/* /////////////////// PROVISOIRE ///////////////////////////////////// */

body.layout-boxed .body-innerwrapper {
    overflow: hidden;
}

/* ********************************* */

/* *********** HOME PAGE *********** */

/* ********************************* */

/* /////////////////// ACCUEIL SANS CONTENU MAIN BODY ///////////////////////////////////// */

/* 1° Pointer vers un Blank component / Pas charger de module left - right publié dans cette zone / Display none */

.clean_home #sp-main-body {
  display: none;
}


/* /////////////////// MENU CVR ///////////////////////////////////// */

.wetest .sp-dropdown-inner {
  display: none;
}


/* Dropdown un tout petit plus plus opaque (was 0.8) */
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  background: rgba(255, 255, 255, 0.9);
}

#sp-header {
  height: 51px;
}

.sp-megamenu-parent>li>a {
  padding-left: 20px; /* was 15px */
  padding-right: 0px;
}

.sp-megamenu-parent {
white-space: nowrap;
}

.sp-megamenu-wrapper {
  float: left;
  padding-left: 0px;
}


/* Couleur de l'élément principal du menu lors du roll over + active */
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li>a:hover,
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li>a:active,
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.titre-sousmenu:active>a,
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.active>a,
#sp-header #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.titre-sousmenu:hover>a /* arborescence en amont */ {
  color: #ea8d32;
}

/* Icone menu */
#sp-header #sp-menu .sp-column .sp-megamenu-parent >li >a >.pe {
font-size: 170%;
}

/* MENU À GAUCHE */

.sp-megamenu-parent {
  float: left;
}

/* MODIFIED MENU LINK COLOR */

#sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a:link {
  line-height: 50px;
  color: #d4d4d4;
}

#sp-header #sp-menu .sp-column .sp-megamenu-parent>li>a:visited, a:focus, a:active {
  color: #d4d4d4;
}

/* MODIFICATION DU COMPORTEMENT DES SOUS-MENUS - Attention : dans les liens de menus, les Titres de sous-menu doivent avoir le style "titre-sousmenu" dans l'onglet Helix Menu Options */


#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.separator>a,
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a
 {
  background: transparent;
  color: #333333;
  border-bottom: 0px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 0px rgba(250, 250, 250, 0.15);

}

#sp-header #sp-menu .sp-megamenu-parent >li.current-item.active>a,
#sp-header #sp-menu .sp-megamenu-parent li.sp-has-child.active>a,
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-has-child.active>a,
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.separator.active>a,
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item>a,
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active>a,
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active:hover>a {
  color: #ea8d32;
  background-color: transparent;
}

#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item >a:hover,
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.titre-sousmenu:hover>a /*
arborescence en amont : appliquée avec la custom class "titre-sousmenu"
Helix Menu Options / Custom CSS Class
*/
{
  color: #fff;
  background-color: #ea8d32;
  background-color: rgba(234, 141, 50, 0.8);
  border-bottom: 0px solid rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 0px rgba(250, 250, 250, 0.15);
}

#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.titre-sousmenu:hover>a /*
arborescence en amont : on ne met pas le curseur "main avec index pointé" mais la "flèche"
Helix Menu Options / Custom CSS Class : titre-sousmenu
*/
{
  cursor: default;
}
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.titre-sousmenu.curseur_main:hover>a /*
arborescence en amont : A l'inverse on ne met pas le curseur la "flèche" mais la "main avec index pointé"
Helix Menu Options / Custom CSS Class : titre-sousmenu curseur_main
*/
{
  cursor:pointer;
}

.full-screen .offcanvas-menu ul li ul li.separator.deeper .offcanvas-menu-toggler, .full-screen-off-canvas-ftop .offcanvas-menu ul li ul li.separator.deeper .offcanvas-menu-toggler {
  padding: 5px 15px;
  line-height: 18px;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.separator>a {
  padding: 5px 10px;
  margin-bottom: 2px;
}

/* DROPDOWN VISIBLE MÊME SI DÉPASSEMENT DU BOXED LAYOUT -  not so good practice
+ Eviter la perte du focus par GKHighlighter */

.layout-boxed .body-innerwrapper {
  overflow-x: visible;
  z-index: 1000;
}

/* EN COURS icone menu cart */
#cart-menu #cd-menu-trigger >i, 
#cart-menu .cd-cart >i {
      font-size: 20px
}
#sp-header #cart-menu #cd-menu-trigger .items-added, #sp-header #cart-menu .cd-cart .empty_basket, #sp-header #cart-menu .cd-cart .items-added {
    background-color: transparent;
    font-weight: normal;
}
/* on n'affiche pas le menu cart quand il est ouvert à droite */
#sp-header #cart-menu.shopping-menu-is-open #cd-menu-trigger >i, #sp-header #cart-menu.shopping-menu-is-open .cd-cart >i,
#cart-menu.shopping-menu-is-open #cd-menu-trigger .total_products, #cart-menu.shopping-menu-is-open .cd-cart .total_products {
    display: none;
}

/* FIN EN COURS icone menu cart */



/* /////////////////// STICKY HEADER ///////////////////////////////////// */
/*
#sp-header #sp-menu {
justify-content: left;
}*/

#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li>a
{
  color: #333333;
}

#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li>a:hover,
#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li>a:active,
#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.titre-sousmenu:active>a,
#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.active>a,
#sp-header.sticky #sp-menu .sp-megamenu-wrapper .sp-megamenu-parent >li.titre-sousmenu:hover>a /* arborescence en amont */ {
  color: #ea8d32;
}

#sp-header.sticky .top-search-wrapper .icon-top-wrapper i,
#sp-header.sticky .top-search-wrapper .icon-top-wrapper i.pe
{

}

/* /////////////////// ZONE BOUTONS HEADER  ///////////////////////////////////// */

/* CHAMP RECHERCHE */
.top-search-input-wrap .top-search-wrap .sp_search_input input {
  font-size: inherit;
  font-weight: normal;
}
#sp-header .top-search-wrapper .searchwrapper {
  box-shadow: 0 0 0 1px rgba(212,212,212,1);
}
/* Positionnement de la loupe */
#sp-header .top-search-wrapper .icon-top-wrapper i.pe {
text-align: right;
}

/* Empêcher le décallage vers le bas après le clic sur la loupe + couleur texte */
.top-search-wrapper .icon-top-wrapper .search-close-icon, .top-search-wrapper .icon-top-wrapper .search-open-icon {
  line-height: normal;
  color: #d4d4d4;
}

/* Inscription Newsletter et Login */
.ap-modal-acyinscription .modal-content {
  padding: 30px;
}
.acym_module_form input.cell  {
  min-height: 44px;
}
.acym_module_form .onefield {
  margin: 20px 0;
  padding: 5px 0;
}
.acym_module_form .modal-footer,
.ap-modal-acyinscription .modal-content .modal-header,
.ap-modal-acyinscription .modal-content .modal-footer {
  background-color: transparent;
}

.ap-modal-acyinscription .modal-header .close i {
  margin-right: 0;
  font-size: 32px;
}

.ap-modal-login .ap-login a i.pe,
.ap-modal-acyinscription .ap-acyinscription a i.pe {
  line-height: 50px;
  vertical-align: middle;
  font-size: 22px;
  color: #d4d4d4;
  padding: 0;
  margin: 0;
}

.ap-modal-acyinscription .ap-acyinscription a i.pe {
  font-size: 19px;
  margin-top: -2px;
}

.ap-modal-login .ap-login a:hover i.pe,
.ap-modal-acyinscription .ap-acyinscription a:hover i.pe,
.top-search-wrapper .icon-top-wrapper :hover {
  color: #ea8d32;
}

.ap-my-account-menu .signin-img-wrap i.pe {
  color: #ea8d32;
}

.ap-my-account-menu .info-wrap .info-text {
  white-space: nowrap;
  font-size: inherit;
  line-height: inherit;
}
.ap-my-account-menu ul.menu a {
  font-size: 12px;
  font-weight: inherit;
}
.ap-my-account-menu ul.menu >li a i.pe {
  margin-top: 0;
  padding-bottom: 5px;
}
div.signin-img-wrap {
  line-height: 50px;
}

/* Modal window */
.ap-modal-acyinscription .modal-content .modal-header,
.ap-modal-acyinscription .modal-content .modal-footer {
  border: none;
}
.ap-modal-acyinscription .modal-content .modal-footer {
  margin-bottom: 30px;
}
.ap-modal-acyinscription .title i.pe {
color: #f3c08f;
font-size: 36px;
line-height: 37px;
vertical-align: top;
margin: -1px 8px 0 0;
}
.ap-modal-acyinscription .modal-dialog {
  color: black;
}
.btn-primary {
  margin: 0;
}
.acymailing_module_form {
  height: 60px;
}
/* Il y avait un bug qui cachait le bas de la fenêtre Modal quand le sticker header était opérant. Il y avait bottom: 0; Une autre valeur est OK */
.modal {
  bottom: auto;
}

/* on Mac and I saw it only with Safari (not Chrome nor FF):
when user is logged in, he gets truncated image */
.ap-my-account-menu .signin-img-wrap {
height: auto;
}



/* /////////////////// INFOLINE + BREADCRUMB  ///////////////////////////////////// */

#sp-breadcrumb a:link,
#sp-user2 a:link {
  color: #d4d4d4;
}

#sp-breadcrumb a:visited, a:focus, a:active,
#sp-user2 a:visited, a:focus, a:active {
  color: #d4d4d4;
}

#sp-breadcrumb a:hover,
#sp-user2 a:hover {
  color: #ea8d32;
}
.gkHighlighterWrapper .gkHighlighterItem {
white-space: nowrap;
overflow-x: hidden;
}

/* pour éviter de perdre le menu déroulant au passage sur l'info line */

#gkHighlighterGK5-0 {
  z-index: 0;
}

/*
//  Régler la hauteur du infoline =>
Je l'ai fait directement dans le fichier source .js du module. Pas d'override…
/Applications/MAMP/htdocs/CVR2018/modules/mod_highlighter_gk5/interface/scripts/engine.jquery.js
*/

#sp-top-bar {
  margin-top: 30px;
  margin-bottom: 30px;
}

/* Aligner verticalement Infoline et Breadcrumb avec le Menu*/
.gkHighlighterWrapper,
.breadcrumb {
  margin-left: 5px;
}

/* /////////////////// BREADCRUMB  ///////////////////////////////////// */

/* Hauteur du Breadcrumb */

.breadcrumb {
  margin-bottom: 0px;
  color: #d4d4d4;
}

.breadcrumb>lo {
  color: #d4d4d4;
  color: red;
}

.breadcrumb>li {
  color: #d4d4d4;
}

.breadcrumb>.active {
  color: #d4d4d4;
}

/* ///////////////////  BOOTSTRAP  ///////////////////////////////////// */
/* Séparation du breadcrumb - Fichier original : /templates/flex/css/bootstrap.min.css */

.breadcrumb>li+li:before {
  content: "|\00a0"
}

a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover {
  border-color: #efa760
}


/* ///////////////////  SLIDER  ///////////////////////////////////// */
div.n2-ss-layer.split-text-issue div {
  /*  */
  transform-style: preserve-3d;


  /*
    -webkit-perspective: 100px;
    perspective: 100px;
  */

  /*
  transform: rotateZ(0.001deg);
  */
  font-weight: 600;
  background-color: red;
}
/* /////////////////// DEROULANT BAS DE PAGE GK5  ///////////////////////////////////// */

/* fichier original : /modules/mod_news_pro_gk5/interface/css/style.css
*/

/* HAUTEUR INTERLIGNE DÉROULANT BAS DE PAGE */

.nspText {
  line-height: 15px;
}

.nspArts a:link {
  color: #7f7f7f;
}

.nspArts a:visited, a:focus, a:active {
  color: #7f7f7f;
}

.nspArts a:hover {
  color: #ea8d32;
}

.nspHeader a:link {
  color: #303030;
}

.nspHeader a:visited, a:focus, a:active {
  color: #303030;
}

/* Modifier directement dans modules/mod_news_pro_gk5/interface/css/style.css
qui prends la main sur custom.css
Laisser un espace de 2 lignes pour harmoniser la hauteur des blocs titres */
.nspArt h4.nspHeader {
  height: 62px;
  line-height: 100%;
  overflow: hidden;
  padding: 0;
  margin-top: 0;
}



/* PAGINATION du slider promo */
/* comme dit dans le module style.css :
Interface - for different looking Top and Bottom interface use the following classes:
	.nspTopInterface
	.nspBotInterface (e.g.: .nspTopInterface .nspPagination li ...)
  */
.nspTopInterface .nspPagination li {
  height: 8px;
  width: 8px;
}
.nspTopInterface .nspPagination li > a {
	height: 4px;
	width: 4px;
}

.nspTopInterface .nspPagination li:hover {
    background-color: #ea8d32;
}

h4.nspHeader > a {
  font-size: 90%;
}

/* /////////////////// FOOTER MENU ///////////////////////////////////// */

#sp-footer-menu ul > li {
  height: 25px;
  float: right;
  width: auto;
  padding: 8px 0 0 12px;
}

/* MENU LINK COLOR gérés dans l'onglet LAYOUT du template */

/* /////////////////// FOOTER CONTACT ///////////////////////////////////// */

.sp-copyright {
  float: right;
  text-align: right;
  line-height: inherit;
  padding-bottom: 20px;
}


/* **************************************** */

/* *********** PAGES INTÉRIEURES ********** */

/* **************************************** */

/* /////////////////// IMAGES THUMBNAILS ///////////////////////////////////// */
.thumbnail a {
  /*
  color: #909090;
  */
}
.thumbnail {
  text-align: center;
  padding: 0;
}

/* /////////////////// HELIX BLOG OPTIONS ///////////////////////////////////// */


.item-intro {
  overflow-wrap: break-word
}
/* /////////////////// COLONNES BOTTOM  ///////////////////////////////////// */
.sp-module ul > li > a {
  line-height: normal;
  padding: 0;
}

.BottomList a:link {
  color: #606060;
}

.BottomList a:visited,
a:focus,
a:active {
  color: #606060;
}

.BottomList a:hover {
  color: #ea8d32;
}

.BottomListHeader {
  color: #fff;
  padding-top: 15px;
}

.BottomList {
  padding-bottom: 10px;
}

.spacer-inner-BottomList {
  float: left;
  padding-left: 0;
  text-align: left;
}

.latest-articlesBottomList,
.category-moduleBottomList,
.vm-productBottomList,
.BottomList {
}

.sp-module ul > li,
.sppb-addon-module ul > li {
  border-bottom: 0;
  left: auto;
  padding-left: 0;
}

/* /////////////////// ± ARTICLES  ///////////////////////////////////// */
/* Pour la liste des commandes Virtuemart, les titres des pages JEM et de Virtuemart
reprise du style des titres des articles
.entry-header h2 et .entry-header h2:after
*/
/*
#sp-main-body {
  overflow: hidden;
}
*/
.content-category h1,
.vm-orders-list h1,
h1.componentheading,
#sp-component h1 {
  font-family: Raleway, sans-serif;
  font-size: 33px;
  font-size: 225%;
  font-weight: 300;
  margin: 0;
  line-height: 1.2;
  width: auto;
  padding-right: 30px;
  box-shadow: inset 0 -1px 0 #ddd;
  display: table;
  word-wrap: break-word;
  margin-bottom: 36px;
}

.content-category h1::after,
.vm-orders-list h1::after,
h1.componentheading::after,
#sp-component h1::after {
  clear: both;
  display: block;
  float: left;
  content: "";
  position: relative;
  height: 2px;
  width: 70%;
  margin: 10px 30% 0 0;
  border-radius: 2px;
  padding: 0;
  background: #efa760;
}

.vm-orders-list hr {
  display: none;
}


/* Pages catégorie d'articles : on aligne titre du formulaire et la case d'input text */
.btn-group {
  white-space: nowrap; /* sur le parent */
}

#filter-search {
  display: inline-block; /* sur l'enfant */
}

/* /////////////////// LISTEMINIMALE VIRTUEMART ///////////////////////////////////// */

/* On n'affiche pas l'image du produit (identique) */
.listeminimale img {
  display: none;
}
/* On n'affiche pas le ± (inscription personnelle + pas de maj du prix par défaut si modif de quantité) */
.vmgroup .addtocart-area .addtocart-bar .calculate {
  display: none;
}
/* Enlever le div de VM2 qui recouvrait en partie la 1ère ligne produit affiché et la rendait non interactive */
.listeminimale #cart-menu {
  /* display: none; */
}

#cart-menu #cd-menu-trigger .total_products.items-added,
#cart-menu .cd-cart .total_products.items-added {
  color: #ea8a03;
  color: #fca224 !important; /* le nombre de produits dans le panier devient visible */
}

/* A VIRER
#cart-menu.shopping-menu-is-open #cd-menu-trigger,
#cart-menu.shopping-menu-is-open .cd-cart,
#cart-menu.shopping-menu-is-open,
#cart-menu #cd-menu-trigger >i, #cart-menu .cd-cart >i {
  display: block;
  width: 80px;
  text-align: center;
  font-size: 28px;
}

#cart-menu.shopping-menu-is-open #cd-menu-trigger >i, #cart-menu.shopping-menu-is-open .cd-cart >i, #cart-menu.shopping-menu-is-open #cd-menu-trigger .total_products.items-added, #cart-menu.shopping-menu-is-open .cd-cart .total_products.items-added {
  color: #fca224 !important;
}

#cart-menu.shopping-menu-is-open #cd-menu-trigger >i, #cart-menu.shopping-menu-is-open .cd-cart >i {
  transition: all 0.3s ease;
font-size: 34px;
top: 0;
right: 0;
float: right;
padding-right: 7px;
width: 100px;
}
*/
/* Alignement menu déroulant et bouton (vérif smartphones)
Partout sauf Smartphones en mode portrait */
@media not screen and (max-width: 767px) and (orientation: portrait) {
  .listeminimale .addtocart-area form,
  .listeminimale .addtocart-area,
  .blocprix  {
    display: flex;
  }
  .listeminimale .chzn-container {
    margin-right: 10px;
  }
}

.listeminimale .product-price {
margin-right: 10px;
white-space: nowrap;
margin-top: 6px;
}

.product-field-display {
  float: left;
}

.listeminimale .cd-customization .add-to-cart {
/* font-size: 95% */
}
.listeminimale .chzn-container {
  font-size: 12px;
}
.listeminimale .nomproduit {
  margin-bottom: -5px;
  text-align: left;
}
/* positionnement des éléments affichés */
.listeminimale ul {
  padding-inline-start: 40px; /* was 40px */
}
.listeminimale li{
  padding-left: 0;
}
#jem input {
  width: -webkit-fill-available;
}
/* On aligne verticalement le menu déroulant */
.listeminimale .product-field-display {
  margin: 0px;
}

.listeminimale .addtocart-bar .sppb-btn {
  padding: 2px 28px;
}

/* Provisoire : dans les listes des produits activités d'un événement, le div "Programme et inscription papier" était repoussé plus bas. Seulement sur les pages JEM (pas sur les pages produits VM) */
.event_desc .addtocart-bar {
    height: 40px;
    }

/* /////////////////// TABLE  ///////////////////////////////////// */
.table {
  /*
	font-family: verdana,arial,sans-serif;
	font-size:11px;
  */
	color:#333333;
	border-width: 1px;
	border-color: #666666;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #dedede;
}
table.gridtable td {
  white-space: nowrap;
	border-width: 1px;
	padding: 8px;
	border-style: solid;
	border-color: #666666;
	background-color: #ffffff;
}


/* /////////////////// PLUGIN VM Product Import ///////////////////////////////////// */
/* <!-- VM Product Import Version 1.0 by www.joomdev.com Start -->
.vmproductvmimport{
	padding:20px;
	text-align:center;
}
.addtocart-button.btn.btn-default{
	margin:10px;
}
.vmimportproductLink.btn.btn-info{
	margin:10px;
}
.vm-img-desc {
    display: none;
}


.addtocart-button.btn.btn-default {
  background-color: #ea8d32;
}
.addtocart-button.btn.btn-default a {
}
.addtocart-button.btn.btn-default:hover {
background-color: darker(#ea8d32,7%);
}
 */

 /* /////////////////// CHECKOUT PROCESS ///////////////////////////////////// */
/*
.vmshipment_name, .selected_shipment, .selected_payment {
  text-align: center;
}
*/
/* /////////////////// MODULES COLONNE DE DROITE ///////////////////////////////////// */

#sp-right .sp-column .sp-module {
  margin-top: 0;
  margin-bottom: 20px;
}

.sp-module h3.sp-module-title {
  margin-bottom: 10px;
}

/* /////////////////// LIENS SOCIAUX ///////////////////////////////////// */
/* les pictos des liens sociaux plus petits */
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a.facebook, .helix-social-share .helix-social-share-blog.helix-social-share-article ul li a.twitter {
  padding: 2px 10px 2px 2px;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a.google-plus, .helix-social-share .helix-social-share-blog.helix-social-share-article ul li a.linkedin {
  padding: 2px 10px;
}
.helix-social-share .helix-social-share-blog.helix-social-share-article ul li a {
  font-size: 12px;
}

/* /////////////////// VIRTUEMART ///////////////////////////////////// */
/*
.orderby-displaynumber  {display:none;}
*/

h1.titrecategorie,
#sp-component h1 {
  margin-top: 0;
}

.category-view .row .spacer .spacer-img img.browseProductImage, .browse-view .row .spacer .spacer-img img.browseProductImage {
  width:initial;
}

/* Pour la page listing des produits d'une catégorie */
.product-container-horizon { display:flex; display:-webkit-flex; }
.vm-product-media-container {
  min-width: 63px;
  margin-right: 5px;
  margin-bottom: 0;
}
.vm-product-descr-container-0 {
  width:100%;
}
.vm3pr-0, .vm3pr-1, .vm3pr-2 { float:right;
  width:auto;
  height: 20px;
  white-space: nowrap;
  padding-left: 3px;
}
.vm3pr-3 { float:right;
  width:auto;
  height: auto;
  white-space: nowrap;
  padding-left: 3px;
}

.vm-products-horizon .vm-product-descr-container-0 > h2 {
  display:block;
  text-align: left;
}
.vm-product-descr-container-0 > h2 {
  margin: 0;
}

.productdetails-view .vm-product-details-inner .vm-product-title h2 {
  margin: 20px 0 0 0;
}

.product-container-horizon {
  overflow: hidden;
}

/* Page produit */
div#desc.tab-pane, div#parameters.tab-pane, div#review.tab-pane {
  border-left: 1px solid #e2e2e2;
  border-right: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  padding: 30px;
}

.productdetails-view .products-desc-tab {
  margin-bottom: 0;
}

.productdetails-view .vm-product-media-img .main-image img {
  max-height: 100%;
  width: auto;
  max-width: 264px;
  /*
  z-index: 100;
  */
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.1);

}
/* On n'affiche pas le nom du fichier sous l'illustration du produit */
.vm-img-desc {
  display: none !important;
}
/* Un espace après "Prix de vente" */
.vm-price-desc {
	padding-right: 10px;
}

/* Le bouton du cart ne respectait pas la couleur choisie pour le template */
.show_cart a {
  background-color: rgba(252,162,36,0.9);
  border-color: rgba(252,162,36,0.9);
}
.show_cart a:hover {
  background-color: rgba(252,162,36,1);
  border-color: rgba(252,162,36,1);
}
.paniervolant {
  float: right;
  margin-top: -20px;
}
/* On centre le texte dans le process de paiement */
.sectiontableentry1 td .selected_shipment,
.sectiontableentry1 td .selected_payment {
  justify-content: center;
}

/* Le CART MENU était rgba(0,0,0,0.2) et pas à 100% de la hauteur
*/
#cart-menu.shopping-menu-is-open #cd-menu-trigger,
#cart-menu.shopping-menu-is-open .cd-cart {
  background: rgba(0,0,0,0);
}
#cart-menu.shopping-menu-is-open #cd-menu-trigger >i,
#cart-menu.shopping-menu-is-open .cd-cart >i,
#cart-menu.shopping-menu-is-open #cd-menu-trigger .total_products.items-added,
#cart-menu.shopping-menu-is-open .cd-cart .total_products.items-added {
  color: #fca224 !important;
}

/* Liste des activités (lien de menu catégorie VM): on n'affiche pas le bloc de tri pour cette page */
.inscription-activites .orderby-displaynumber {
  display: none;
}

/* Mise en page ": votre don" */
.js-recalculate .product-fields-title {
  line-height: 50px;
}

/* ///////////////////  JEM  ///////////////////////////////////// */
/* Le style des titres dans JEM est défini dans la partie // ± ARTICLES  // avec h1.componentheading */
.entry-header h1, .entry-header h2 {
margin: 0;
line-height: 1.2;
width: auto;
padding-right: 30px;
box-shadow: inset 0 -1px 0 #ddd;
display: table;
word-wrap: break-word;
}

#jem h2 {
  font-size: 180%;
}

.jem-event-title, .jem-event-details {
  font-weight:bolder;
  font-size: 12px;
}

.jem-event-details h4 {
  font-size: 12px;
	}
	
div#jem .eventcontentinner a, div#jem .eventandmore a {
  font-weight:lighter;
}
div#jem .eventcontentinner {
  opacity: 0.9; /* Atténuer l'applat */
}
div#jem .monthname,
div#jem .monthnavigation {
  font-family: Raleway, sans-serif;
  font-size: 33px;
  font-weight: 300;
}
.daynamesRow .dayname,
.daysRow .daynum {
  font-weight: bold;
}
/* Boutons mail, iCal, addvenue, submitevent */
.jem_mail {
  color: darkgrey;
  font-size: 20px;
  vertical-align: middle;
}
.jem_ical, .jem_submitevent, .jem_addvenue {
  color: darkgrey;
  font-size: 25px;
  vertical-align: middle;
}
.jem_submitevent {
  margin-right: 4px;
}
.jem-mailbutton:hover, .jem-icalbutton:hover, .jem_addvenue:hover, .jem_submitevent:hover {
  color: #ea8d32;
}
/* Bouton de validation/annulation Joomla pour l'envoi de mail depuis JEM */
.btn-success {
  border-color: #bc6713;
  background-color: #e8831f;
  color: #fff;
}
.btn-danger {
  border-color: darkgrey;
  background-color: grey;
  color: #fff;
}
/*
#jem_filter label, #jem_filter select, #jem_filter input, #jem_filter button, #status-lbl {
  color: white;
}
.buttonfilter {
  background-color: #e98829;
  }
  */

#jem .jem-catimg {
margin: 0.5em 0.5em 0.5em 0;
float: left;
position: relative;
}

.image_droite {
float: right;
margin-left: 4px;
margin-top: 1px;
margin-bottom: 1px;
border: 0px;
}

#jem .copyright, .jem-recurrenceicon, .jem_event .flyerimage, .venue_country {
  display: none;
}

/* Sans le pays+drapeau et le statut du lieu */
.jem-info .venue_country, .jem-info .published {
  display: none;
}
/* ///////////////////  VIDÉO  ///////////////////////////////////// */

/* SLIDER custom CSS code that will hide "controls"   ///////////////////////////////////// */

.video-js .vjs-control-bar, .video-js .vjs-menu-button .vjs-menu-content {
  display: none;
}

/* /////////////////// PAGE BUILDER ///////////////////////////////////// */

/* ENLEVER LE BOUTON EDIT :-((( */

a.sp-pagebuilder-page-edit {
  display: none !important;
}

.edit-article {
  display: none !important;
}


/* /////////////////// DRAPEAUX LANGUAGE SWITCHER ///////////////////////////////////// */
.sp-module-content .mod-languages ul.lang-inline {
  margin: 0;
  margin-top: 1em;
  padding: 0 10px;
  border-left: 0px solid rgba(129,129,129,0.4); /* pas de bordule latérale */
  border-right: 0px solid rgba(129,129,129,0.4); /* pas de bordule latérale */
}


/* /////////////////// JCOMMENTS ///////////////////////////////////// */
#comments-footer {
  display: none; /* pas de jcomments */
}

#jc h4 {
  font-weight:normal; /* pas bold */
  padding-bottom: 5px;
}

#jc .rbox {
  line-height: 150%;
}

#comments .comment-title,
#comments .comment-author,
#comments-form-link .showform,
#comments .comment-date   {
  font-weight: normal; /* pas bold */
}

#jc img {
  display: none; /* pas de jcomments */
}

#jc a:link, #jc a:visited, #jc a:hover,
#comments a:active, #comments a:focus, #comments a:hover,
#comments a:active, #comments a:focus, #comments a:hover   {
  color: #ea8d32;
}

#comments-form label, #comments-report-form label,
#comments-form input,
#comments-form .btn,
#comments-form .btn a, #comments-report-form .btn a,
#comments-form textarea {
  font-size: 10px;
  font-weight: normal;
  color: #777;

}

#jc a:hover,
#comments-form .btn a:hover, {
  color: #ea8a03;
  background-color: yellow;
} /* LES HOVER SONT GÉRÉS PAR LE CSS DE JCOMMENTS PRIORITAIRE SUR CE FICHIER */












/* **************************************** */
/* *********** RESPONSIVE  **************** */
/* **************************************** */

/*  HAUTEUR DU PICTO MENU SUR SMARTPHONE */

#sp-header #offcanvas-toggler {
  line-height: 57px;
}

/* REPONSIVE IFRAME  */
.resp-container {}
.resp-iframe {}

/* **************************************** */
/* Extra Small devices (mobile phones, less than 768px) */
@media (max-width: 767px) {
/*
div.body-wrapper {
    background-color: darkgoldenrod;
}
*/

.gkResponsive img.nspImage, img.nspImage.gkResponsive {
max-width: 100%;
}

.gkResponsive img.nspImage, img.nspImage.gkResponsive {
    width: 100px;
  }

/* réduire la taille des onglets sur small device */
.productdetails-view .products-desc-tab .nav-tabs >li >a {
  padding: 15px 5px;
}

/* zone coordonnées en bas de page */
.sp-copyright {
  line-height: 15px;
  padding-bottom: 20px;
  padding-top: 20px;
}

/* drapeaux choix language */
.drapeaux {
  width: max-content;
}
.sp-module-content .mod-languages ul.lang-inline {
  margin-top: 0.25em;
}
}

/* Extra Small devices (mobile phones, less than 768px) */
@media (max-width: 767px) and (orientation: portrait){
  /* repositionnement pictos menu */
  .col-xs-1 {
  /*
    margin-left: auto;
    margin-right: auto;
    */
  }
  .pe-7s-mail-open-file {

  }
}

/* **************************************** */
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  /*
  div.body-wrapper {
      background-color: lightblue;
  }
  */

  /* drapeaux choix language */
  .drapeaux {
    width: max-content;
  }

}

/* **************************************** */
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  #sp-menu {
    padding-left: 0px; /* On ferre la position du menu à gauche */
  }

  /* drapeaux choix language */
  .drapeaux {
    width: max-content;
  }

  /*
  div.body-wrapper {
      background-color: lightgreen;
  }
  */
}
/* **************************************** */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  #sp-menu {
    padding-left: 0px; /* On ferre la position du menu à gauche */
  }
  .sppb-row-container {
    width: 100% !important; /* 1170px dans Flex (template.css) mais cette règle faisait sortir le texte dans la page Don (ST42PRODUCT) */
    }
  /*
  div.body-wrapper {
      background-color: pink;
  }
  */
}