/* RQUE : nécessite parfois d'actualiser avec Ctrl+F5 pour appliquer les corrections */

/*************************************/
/* Styles pour les galeries d'images */
/*************************************/
.titre-mosaique-galerie {
text-align: center;
font-size: 16px;
font-weight: bold !important;
color: #111111;
padding-bottom : 20px;
}
.intro-galerie {
font-size: 14px;
color: #111111;
}
.legende {
text-align: center;
font-size: 75%;
color: #6c6c6c;
}
.bouton-cta {
display: block;
background-color: #22c773;
text-align: center;
padding : 0.6em 1em 0.6em 1em;
border-radius: 10px;
/* font-weight: bold !important; */
}
a.bouton-cta:link, a.bouton-cta:visited, a.bouton-cta:hover, a.bouton-cta:active {
color: #fff;
text-decoration: none;
}
a.bouton-cta:hover, a.bouton-cta:active {
background-color: #1fb468;
}
@media (max-width: 575.98px) {
.bouton-cta {font-size:10px; margin: 0 0 0 0;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.bouton-cta {font-size:14px; margin: 0 0 0 0;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.bouton-cta {font-size:16px; margin: 0 0 0 0;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.bouton-cta {font-size:18px; margin: 0 0 0 0;}
}
@media (min-width: 1200px) {
.bouton-cta {font-size:20px; margin: 0 0 0 0;}
}

/***********************************/
/* Correction provisoire logo Noël */
/* (logo avec un bonnet rouge)     */
/***********************************/
/*
.header .logo {
  margin-top: 0px !important;
}
img.footer-logo {
  margin-top: 0px !important;
}
.footer-v1 .footer {
    padding-top: 16px !important;
}
*/

/**********************************************/
/* Correction titres responsives page accueil */
/**********************************************/

.accueil-titre-section {
color: #000;
text-align: center; /* attention, peut entrer en conflit avec le réglage appliqué au pavé texte dans le composer en BO */
line-height: 1.15em;
margin-top: 1.75em;
margin-bottom: 0.75em;
}
@media (max-width: 575.98px) {
.accueil-titre-section {font-size: 22px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.accueil-titre-section {font-size: 32px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.accueil-titre-section {font-size: 40px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.accueil-titre-section {font-size: 42px;}
}
@media (min-width: 1200px) {
.accueil-titre-section {font-size: 44px;}
}


/*******************************************************************/
/* Correction page accueil - blocs fonctionnement et argumentaires */
/*******************************************************************/

.fonctionnement-parag {
text-align: center;
}

.argu-titre {
color: #000;
text-align: center;
line-height: 1.2em;
margin-top: 10px;
margin-bottom: 5px;
}

@media (max-width: 575.98px) {
.fonctionnement-parag {font-size: 10px; margin-bottom: 1em;}
.argu-titre {font-size: 11px;}
.argu-parag {font-size: 10px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.fonctionnement-parag {font-size: 12px; margin-bottom: 1em;}
.argu-titre {font-size: 15px;}
.argu-parag {font-size: 12px;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.fonctionnement-parag {font-size: 14px; margin-bottom: 1em;}
.argu-titre {font-size: 18px;}
.argu-parag {font-size: 13px;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.fonctionnement-parag {font-size: 13px; margin-bottom: 0;}
.argu-titre {font-size: 14px;}
.argu-parag {font-size: 12px;}
}
@media (min-width: 1200px) {
.fonctionnement-parag {font-size: 13px; margin-bottom: 0;}
.argu-titre {font-size: 18px;}
.argu-parag {font-size: 13px;}
}


/*******************************************/
/* HACK ESPACEMENTS VERTICAUX PAGE ACCUEIL */
/*******************************************/
/* à défaut d'avoir la main pour associer des classes à des blocs, on le fait au niveau de paragraphes (non-vides) que l'on cache */

@media (max-width: 991.98px) {
.espacement-haut-diaporama {display:none;}
.espacement-haut-pave {color:#fff; height:20px; visibility:hidden;}
}
@media (min-width: 992px) {
.espacement-haut-diaporama {color:#fff; height:10px; visibility:hidden;}
.espacement-haut-pave {color:#fff; height: 50px; visibility:hidden;}
}


/*******************************************************/
/* CORRECTIF BUG LARGEUR LAYERSLIDE (diaporama accueil */
/*******************************************************/

@media(max-width:767px){
#layerslider{padding-left:10px !important; padding-right:10px !important;}
}
@media(min-width:768px){
#layerslider{width:750px !important;}
}
@media(min-width:992px){
#layerslider{width:970px !important;}
}
@media(min-width:1200px){
#layerslider{width:1170px !important;}
}


/******************/
/* ACCUEIL TYPE A */
/******************/

.offretitre-a {
color: #000;
/* background-color: #eee; */
text-align: center;
text-transform: uppercase;
font-weight: bold !important;
line-height:110%;
}

.offreparag-a {
color: #000;
/* background-color: #eee; */
text-align: center;
}

.offrebouton-a {
display: block;
background-color: #22c773;
text-align: center;
padding : 0.6em 1em 0.6em 1em;
border-radius: 8px;
/* font-weight: bold !important; */
}

a.offrebouton-a:link, a.offrebouton-a:visited, a.offrebouton-a:hover, a.offrebouton-a:active {
color: #fff;
text-decoration: none;
}
a.offrebouton-a:hover, a.offrebouton-a:active {
background-color: #1fb468;
}

@media (max-width: 575.98px) {
.offretitre-a {font-size:16px; margin: 0 0 5px 0;}
.offreparag-a {font-size:8px; /* display: none; */}
.offrebouton-a {font-size:10px; margin: 1em 0 0 0;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.offretitre-a {font-size:22px;}
.offreparag-a {font-size:11px; margin: 10px 10% 0 10%;}
.offrebouton-a {font-size:14px; margin: 1em 15% 0 15%;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.offretitre-a {font-size:26px; padding-top: 1em;}
.offreparag-a {font-size:13px; margin: 10px 0 0 0;}
.offrebouton-a {font-size:16px; margin: 1em 15% 0 15%;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.offretitre-a {font-size:32px; padding-top: 1em;}
.offreparag-a {font-size:15px; margin: 10px 10% 0 10%;}
.offrebouton-a {font-size:18px; margin: 1em 15% 0 15%;}
}
@media (min-width: 1200px) {
.offretitre-a {font-size:36px; padding-top: 1.5em}
.offreparag-a {font-size:16px; margin: 10px 10% 0 10%;}
.offrebouton-a {font-size:20px; margin: 1em 15% 0 15%;}
}


/******************/
/* ACCUEIL TYPE B */
/******************/

.offretitre-b {
color: #000;
/* background-color: #eee; */
text-align: center;
text-transform: uppercase;
font-weight: bold !important;
line-height:110%;
}

.offreparag-b {
color: #000;
/* background-color: #eee; */
text-align: center;
}

.offrebouton-b {
display: block;
background-color: #22c773;
text-align: center;
padding : 0.6em 1em 0.6em 1em;
border-radius: 8px;
/* font-weight: bold !important; */
}

a.offrebouton-b:link, a.offrebouton-b:visited, a.offrebouton-b:hover, a.offrebouton-b:active {
color: #fff;
text-decoration: none;
}
a.offrebouton-b:hover, a.offrebouton-b:active {
background-color: #1fb468;
}

@media (max-width: 575.98px) {
.offretitre-b {font-size:28px; padding-top: 0.5em}
.offreparag-b {font-size:13px; margin: 10px 10% 0 10%;}
.offrebouton-b {font-size:16px; margin: 1em 15% 0 15%;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.offretitre-b {font-size:32px; padding-top: 0.5em}
.offreparag-b {font-size:15px; margin: 10px 10% 0 10%;}
.offrebouton-b {font-size:18px; margin: 1em 15% 0 15%;}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.offretitre-b {font-size:30px;}
.offreparag-b {font-size:13px; margin: 10px 0 0 0;}
.offrebouton-b {font-size:16px; margin: 1em 15% 0 15%;}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
.offretitre-b {font-size:32px; padding-top: 1em}
.offreparag-b {font-size:15px; margin: 10px 10% 0 10%;}
.offrebouton-b {font-size:18px; margin: 1em 15% 0 15%;}
}
@media (min-width: 1200px) {
.offretitre-b {font-size:36px; padding-top: 1.5em}
.offreparag-b {font-size:16px; margin: 10px 10% 0 10%;}
.offrebouton-b {font-size:20px; margin: 1em 15% 0 15%;}
}


/**************************/
/*  BOUTON RETOUR EN HAUT */
/**************************/

/* Agrandissement */
#topcontrol {
	width: 56px;
	height: 56px;
	font-size: 40px; /* Taille du caractère flèche */
}
/* Position du caractère flèche à l'intérieur */
#topcontrol::after {
	top: -6px;
	left: 15px;
}
/* Forcer le bouton à gauche */
body div#topcontrol {
	left: 18px !important;
	bottom: 20px !important;
}


/************************/
/* CORRECTIONS GLOBALES */
/************************/
/* Note : les titres h1 sont situés dans le bloc "breadcrumbs" (= fil d'ariane) */

/* filet léger au-dessus du titre de page (au-dessous du logo et menu) */
body .breadcrumbs {
	border-top: solid 1px #eee;
}

/* Correction titres pages, niveau h1, bloc breadcrumbs */
.breadcrumbs h1 {
	color: #000 !important; /* #666 par défaut */
	font-size: 36px;
	line-height: 1.2;
	font-weight: bold;
	margin-top: 0.75em;

}
/* Correction titres niv h2 */
h2 {
	/* text-transform: uppercase; */
	/* letter-spacing: .1em; */
	font-size: 28px;
	line-height: 1.35;
}
/* Correction titres de niv 3 */
h3 {
	font-size: 18px;
	line-height: 1.35;
	font-weight: 600 !important;
}
h4 {
	font-size: 13px;
	line-height: 1.25;
	font-weight: 600 !important;
}

/* Correction retrait des listes à puces */
ul {
    padding-inline-start: 1em;
}

/* Suppression filet bas pour les titres h2 (voir youcarve-main-11.css) */
body .headline h2 {
	border-style: none !important;
	border-width: 0 !important;
}

/* Correction espace à gauche dans le bandeau info Besoin d'aide */
body .header .topbar ul.info {margin-left:0; !important;}

/* Corrections espaces verticaux du bouton de la nav mobile */
@media (max-width: 991.98px) {
.topbar {margin-bottom:10px !important;}
.navbar-toggle {margin-top:16px !important;}
}


/*******************************************/
/* CORRECTIONS ZONES D'AIDE CONFIGURATEURS */
/*******************************************/

/* Couleur ar-plan */
#bloc-aide-infos {
	background-color: #ebebeb !important; /* #e0e0e0 par défaut */
}

/* Style des filets horizontaux */
div#bloc-aide-infos  hr {
	border-top: 1px solid #fff;
	margin: 0;
}


/*******************/
/* CORRECTIONS FAQ */
/*******************/

/* Correction de l'inapplication de l'option 'gras' sur le contenu des FAQ */
.faq p strong a {
	font-weight: 600;
}


/************************************/
/* CORRECTIONS BOUTIQUE ACCESSOIRES */
/************************************/

/* Centrage des images des vignettes (Rque : n'a à priori d'effet que sur Firefox) */
.boutique .liste-produit .produit img {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Masquage provisoire du champ 'Rechercher' */
/* .boutique .form-horizontal {display: none;} /*

/* Descriptions d'articles : réduction taille caractères paragraphe et listes à puces */
.boutique .description {
	font-size: 12px;
}

/* Descriptions d'articles : réduction taille des titres h3 */
.boutique .description h3 {
	font-size: 14px;
	margin-bottom: 5px;
}

/* Descriptions d'articles : suppression marges latérales et bordures de la colonne description */
.boutique .detail-produit div.detail {
	padding-right: 0px !important;
	padding-left: 0px !important;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: none;
}

/* Descriptions d'article : corrections positions prix et boutons */
.boutique .detail-produit .prix {
	text-align: left !important; /* alignement du prix à gauche */
}
.boutique .detail-produit .submit {
	text-align: left !important; /* alignement du bouton à gauche */
}
.boutique .detail-produit .boutique-qte {
	padding-bottom: 10px !important; /* ajout espacement vertical en responsive */
}
.boutique .detail-produit .description {
	margin-top: 10px !important; /* compensation espacement vertical en responsive */
}

/* Correction couleurs pagination */
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
border-color: #999999;
background-color: #999999;
}
.pagination li a:hover {
background: #22c773;
border-color: #22c773;
}