/*!
 * Theme Name: Passeport valaisan
 * Theme URI: https://passeport-valaisan.ch
 * Description: Theme pour le PV
 * Author: Team PV
 * Author URI: https://passeport-valaisan.ch
 * Version: 1.0.4
 * Text Domain: business-pro
 * Tags: one-column, two-columns, left-sidebar, right-sidebar, accessibility-ready, custom-logo, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready.
 * Template: genesis
 * Template Version: 2.5.2
 * License: GPL-2.0+
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */
/* # Table of Contents

- Utilities
	- Variables
	- Mixins
	- Functions
- Reset
	- Baseline Normalize
	- Box Sizing
	- Float Clearing
- Defaults
	- Typography
	- Headings
	- Forms
	- Objects
	- Tables
	- Accessibility
- Layout
	- Site Containers
	- Content Width
	- Column Classes
	- Gallery
- Common
	- Avatars
	- Genesis
	- Search Form
	- Titles
	- WordPress
- Header
	- Before Header
	- Site Header
	- Title Area
	- Widget Area
	- Hero Section
- Menus
	- Menus
	- Sub Menus
	- Specific Menus
	- Menu Toggles
- Content
	- Entries
	- Entry Meta
	- Pagination
	- Comments
- Sidebars
	- Widgets
	- Sidebars
- Footer
	- Site Footer
	- Footer Widgets
- Plugins
	- Simple Social Icons
	- Gravity Forms
- Home
	- Front Page
	- Custom Header
- Print
	- Print Styles
*/
/* # Variables
-----------------------------------------------------------------------*/
/**
 * ### Breakpoints
 * 
 * Based on the most common 16:9 screen resolutions.
 * @link https://pacoup.com/2011/06/12/list-of-true-169-resolutions/
 */
/* ### Colors */
/* ### Typography */
/* ### Other */
/* ### Column widths */
/* # Mixins
-----------------------------------------------------------------------*/
/* ### Media Queries */
/* ### Clearfix */
/* ### Flexfix */
/* ### Transitions */
/* ### Overlay */
/* ### Overlay */
/* normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
	line-height: 1.15;
	/* 1 */
	    -ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
	margin: 0;
}

.fas {
	font-family:'fontawesome';
}


/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main {
	/* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
	margin: 1em 40px;
	margin: 1em 4rem;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-moz-box-sizing: content-box;
	     box-sizing: content-box;
	/* 1 */
	height: 0;
	/* 1 */
	overflow: visible;
	/* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
	background-color: transparent;
	/* 1 */
	-webkit-text-decoration-skip: objects;
	/* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	/* 1 */
	text-decoration: underline;
	/* 2 */
	text-decoration: underline dotted;
	/* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	/* 1 */
	font-size: 1em;
	/* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
	background-color: #ffff00;
	color: #000000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
	overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: 'Hind', Helvetica, Arial, sans-serif;
	/* 1 */
	font-size: 100%;
	/* 1 */
	line-height: 1.15;
	/* 1 */
	margin: 0;
	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
	/* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
	outline: 0.1rem dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	/* 1 */
	color: inherit;
	/* 2 */
	display: table;
	/* 1 */
	max-width: 100%;
	/* 1 */
	padding: 0;
	/* 3 */
	white-space: normal;
	/* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type='checkbox'],
[type='radio'] {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type='search'] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	outline-offset: -0.2rem;
	/* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type='search']::-webkit-search-cancel-button,
[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
	display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
	display: none;
}

/* ## Box Sizing
--------------------------------------------- */
html,
input[type='search'] {
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

*,
*:before,
*:after {
	-moz-box-sizing: inherit;
	     box-sizing: inherit;
}

/* ## Float Clearing
--------------------------------------------- */
.author-box,
.clearfix,
.entry,
.entry-content,
.footer-widgets,
.nav-primary,
.nav-secondary,
.pagination,
.site-container,
.site-footer,
.site-header,
.site-inner,
.sidebar .widget,
.wrap {
	clear: both;
}

.author-box:before,
.author-box:after,
.clearfix:before,
.clearfix:after,
.entry:before,
.entry:after,
.entry-content:before,
.entry-content:after,
.footer-widgets:before,
.footer-widgets:after,
.nav-primary:before,
.nav-primary:after,
.nav-secondary:before,
.nav-secondary:after,
.pagination:before,
.pagination:after,
.site-container:before,
.site-container:after,
.site-footer:before,
.site-footer:after,
.site-header:before,
.site-header:after,
.site-inner:before,
.site-inner:after,
.sidebar .widget:before,
.sidebar .widget:after,
.wrap:before,
.wrap:after {
	clear: both;
	display: block;
	content: '';
}

/* ## Typography
--------------------------------------------- */
* {
	-webkit-tap-highlight-color: transparent;
}

::-moz-selection {
	background-color: #141e28;
	color: #ffffff;
}

::selection {
	background-color: #141e28;
	color: #ffffff;
}

html {
	font-size: 62.5%;
	max-width: 100vw;
	overflow-x: hidden;
	/* MOD-BM 06.05.2021 : Retrait la couleur de fond pour éviter les problèmes d'affichage à l'impression
	background-color: #141e28;*/
}

body {
	background-color: #f6f7f8;
	color: #141e28;
	font-family: 'Hind', Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	margin: 0;
	max-width: 100vw;
	overflow-x: hidden;
}

/* FDC 19.11.2018: Modification de la taille de caractère */
body > div {
	font-size: 18px;
	/* font-size: 1.5rem; */
	font-size: 1.8rem;
}

p {
	margin: 0 0 1.382em;
	padding: 0;
}

a {
	color: #141e28;
	word-wrap: break-word;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

a:hover {
	color: #556677;
}

ol,
ul {
	margin: 0;
	padding: 0;
}

li {
	list-style-type: none;
}

hr {
	border: 0;
	border-collapse: collapse;
	border-bottom: 2px solid #f0f1f2;
	border-bottom: 0.2rem solid #f0f1f2;
	clear: both;
	padding: 1em 0 0;
	margin: 0 0 2em;
}

b,
strong {
	font-weight: 600;
}

blockquote,
cite,
em,
i {
	font-style: italic;
}

/* FDC 19.11.2018: Modification du visuel des blockquote */
/* blockquote {
	margin: 1em 0;
	padding: 0 1em;
} */

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #556677;
	margin: 1.5em 1.2em;
	padding: 0.5em 10px;
	text-align: center;
}

/* blockquote:before {
  color: #556677;
  content: "\201C";
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
} */

blockquote p {
	display: inline;
  	font-size: 23px;
	font-size: 2.3rem;
	color: #000000 !important;
}

/* ## Headings
--------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Brocha', 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 0.382em;
}

h1 {
	font-size: 1.5em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 1.2em;
}

h5 {
	font-size: 1.1em;
}

h6 {
	font-size: 1.05em;
}

/* ## Forms
--------------------------------------------- */
input,
select,
textarea {
	background-color: #ffffff;
	border: 2px solid #f0f1f2;
	border: 0.2rem solid #f0f1f2;
	border-radius: 0.4rem;
	padding: 0.5em 1em;
	width: 100%;
	line-height: 2;
	font-size: 18px;
	font-size: 1.5rem;
}

input:focus,
select:focus,
textarea:focus {
	outline: none;
	border-color: #556677;
}

:focus {
	outline: 2px solid #f0f1f2;
	outline: 0.2rem solid #f0f1f2;
}

input[type='checkbox'],
input[type='image'],
input[type='radio'] {
	width: auto;
}

input[type='search'] {
	-webkit-appearance: none;
}

::-moz-placeholder {
	color: #556677;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #556677;
}

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
	background-color: #141e28;
	border: 0;
	border-radius: 0.4rem;
	color: #ffffff;
	cursor: pointer;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	padding: 1em 2em;
	text-decoration: none;
	display: inline-block;
	width: auto;
	height: auto;
	line-height: 1;
	box-shadow: inset 0 0 0 9rem rgba(255, 255, 255, 0), 0 0 0 -1rem rgba(20, 30, 40, 0);
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.button:hover,
button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
	color: #ffffff;
	box-shadow: inset 0 0 0 9rem rgba(255, 255, 255, 0.1), 0 1.25rem 1rem -0.5rem rgba(20, 30, 40, 0.25);
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.button.accent,
button.accent,
input[type='button'].accent,
input[type='reset'].accent,
input[type='submit'].accent {
	background-color: #fb2056;
}

.button.small,
button.small,
input[type='button'].small,
input[type='reset'].small,
input[type='submit'].small {
	font-size: 12px;
	font-size: 1.2rem;
}

.button:disabled,
.button:disabled:hover,
button:disabled,
button:disabled:hover,
input[type='button']:disabled,
input[type='button']:disabled:hover,
input[type='reset']:disabled,
input[type='reset']:disabled:hover,
input[type='submit']:disabled,
input[type='submit']:disabled:hover {
	background-color: #f6f7f8;
	border-width: 0;
	color: #697886;
	cursor: not-allowed;
}

.button + button,
.button + .button,
button + button,
button + .button,
input[type='button'] + button,
input[type='button'] + .button,
input[type='reset'] + button,
input[type='reset'] + .button,
input[type='submit'] + button,
input[type='submit'] + .button {
	margin-top: 1em;
	clear: both;
}

input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-results-button {
	display: none;
}

fieldset {
	margin-bottom: 1em;
}

/* ## Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption,
.wp-video-shortcode {
	max-width: 100%;
	display: block;
}

img {
	height: auto;
}

figure {
	margin: 0;
}

video {
	-o-object-fit: cover;
	   object-fit: cover;
}

.wp-video-shortcode {
	width: auto !important;
}

/* ## Tables
--------------------------------------------- */
table {
	background-color: #ffffff;
	border: 2px solid #f0f1f2;
	border: 0.2rem solid #f0f1f2;
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 1;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	width: 100%;
	margin: auto;
}

tbody {
	border-bottom: 2px solid #f0f1f2;
	border-bottom: 0.2rem solid #f0f1f2;
}

td,
th {
	text-align: left;
	/* padding: 0.618em; */
	border-top: 2px solid #f0f1f2;
	border-top: 0.2rem solid #f0f1f2;
	border-right: 2px solid #f0f1f2;
}

/* FDC 11.01.2019: Modifications spécifiques au tableau de la page presse */
.presse-table {
	border: 0px solid #f0f1f2;
	border: 0.0rem solid #f0f1f2;
	margin-bottom: 0rem;
	width: 85%;
}

.presse-body {
	border-bottom: 0px solid #f0f1f2;
	border-bottom: 0rem solid #f0f1f2;
}

.presse-tr {
	cursor:pointer;
}

.presse-th,
.presse-td {
	padding: 0.618em;
	border-top: 0px solid #f0f1f2;
	border-top: 0rem solid #f0f1f2;
	border-right: 0px solid #f0f1f2;
	border-right: 0rem solid #f0f1f2;
	text-align: center;
}

/* FDC 11.01.2019: Modifications spécifiques au tableau d'inscription à la newsletter */
.newsletter-table {
	border: 0px solid #f0f1f2;
	border: 0.0rem solid #f0f1f2;
}

.newsletter-body {
	border-bottom: 0px solid #f0f1f2;
	border-bottom: 0rem solid #f0f1f2;
}

.newsletter-td {
	border-top: 0px solid #f0f1f2;
	border-top: 0rem solid #f0f1f2;
	border-right: 0px solid #f0f1f2;
	border-right: 0rem solid #f0f1f2;
}

/* FDC 11.01.2019: Modifications spécifiques au tableau de la page offre (listmode) */
.passval-offre-table,
.visit-history-table {
	border: 0px solid #f0f1f2;
	border: 0.0rem solid #f0f1f2;
	margin-bottom: 0rem;
	line-height: 1.5;
}

.visit-history-table {
	margin-bottom: 1.5rem;
}

.passval-offre-body {
	border-bottom: 0px solid #f0f1f2;
	border-bottom: 0rem solid #f0f1f2;
}

.passval-offre-tr {
	cursor: pointer;
}

.passval-offre-head.passval-offre-tr,
.visit-history-head.visit-history-tr {
	cursor: inherit;
}

.passval-offre-th,
.passval-offre-td,
.visit-history-th,
.visit-history-td {
	border-top: 0px solid #f0f1f2;
	border-top: 0rem solid #f0f1f2;
	border-right: 0px solid #f0f1f2;
	border-right: 0rem solid #f0f1f2;
	border-bottom: 0.1rem solid #e1001a;
	padding-left: 1rem;
}

.passval-offre-th,
.visit-history-th {
	border-bottom: 0.2rem solid #141e28;
}

.passval-offre-cell-categorie,
.visit-history-cell-categorie {
	/*background-color: #e1001a;*/
	width: 4%;
	padding-left: 0rem;
}

.passval-offre-cell-localite {
	width: 14%;
}

.passval-offre-cell-partenaire,
.visit-history-cell-partenaire {
	width: 24%;
}

.passval-offre-cell-titre,
.visit-history-cell-titre {
	width: 50%;
}

.passval-offre-cell-economie {
	width: 8%;
}

.passval-offre-cell-prix,
.visit-history-cell-date {
	text-align: center;
	padding-left: 0rem;
	width: 10%;
}

.passval-offre-th.passval-offre-cell-localite{
	padding-left: 1.5rem;
}

/* ## Accessibility
--------------------------------------------- */
.screen-reader-text,
.screen-reader-text span,
.screen-reader-shortcut,
.wp-custom-logo .site-title,
.wp-custom-logo .site-description {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	height: 0.1rem;
	width: 1px;
	width: 0.1rem;
	border: 0;
	overflow: hidden;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus {
	clip: auto !important;
	height: auto;
	width: auto;
	display: block;
	padding: 10px 20px;
	padding: 1rem 2rem;
	z-index: 100000;
	text-decoration: none;
	box-shadow: 0 0 0.2rem 0.2rem rgba(20, 30, 40, 0.1);
}

.more-link {
	position: relative;
	font-style: normal;
}

.genesis-skip-link {
	margin: 0;
}

.genesis-skip-link li {
	height: 0;
	width: 0;
	list-style: none;
}

/* ## Site Containers
--------------------------------------------- */
.site-inner {
	background-color: #ffffff;
}

.wrap {
	margin: 0 auto;
	padding-left: 5%;
	padding-right: 5%;
}

.wrap .wrap {
	max-width: 100%;
	width: auto;
	padding: 0;
}

.content-sidebar-wrap {
	max-width: 1280px;
	margin: 0 auto;
	clear: both;
	padding: 5vw 5vw;
	/*padding: 5vw 5vw; FDC:quel est la raison de cette mise en commentaire? => OM : temporaire pour régler un problème, mais j'ai supprimé le padding au niveau inférieur pour que cela n'affecte pas toutes les pages */
	word-wrap: break-word;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.page-builder .content-sidebar-wrap {
	padding: 0;
	border-top: 2px solid #f0f1f2;
	border-top: 0.2rem solid #f0f1f2;
	border-bottom: 2px solid #f0f1f2;
	border-bottom: 0.2rem solid #f0f1f2;
}

/* ## Content Widths and Positions
--------------------------------------------- */

/* ## Column Classes (including fifths)
--------------------------------------------- */

/* ## Gallery
--------------------------------------------- */
.gallery,
.gallery-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	        justify-content: space-between;
}

.gallery a {
	display: block;
	min-height: 100%;
}

.gallery img {
	height: auto;
	width: 100%;
	display: block;
}

.gallery-caption {
	display: block;
}

.gallery-item {
	width: 100%;
	margin: 0 0 5vw;
	text-align: center;
	display: block;
}

/* ## Avatars
--------------------------------------------- */
.avatar {
	border-radius: 50%;
	margin-right: 20px;
	margin-right: 2rem;
	float: left;
}

.alignright .avatar {
	margin-left: 20px;
	margin-left: 2rem;
}

/* ## Genesis
--------------------------------------------- */
.breadcrumb {
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
	width: 100%;
	margin-bottom: 30px;
	margin-bottom: 3rem;
}

.breadcrumb a {
	text-decoration: underline;
}

.after-entry,
.author-box {
	margin-bottom: 5%;
}

.author-box {
	margin-top: 5%;
}

.author-box p:last-of-type {
	margin-bottom: 0;
}

/* ## Search Form
--------------------------------------------- */
.search-form {
	display: block;
	width: 100%;
	position: relative;
	clear: both;
}

.search-form:before,
.search-form:after {
	clear: both;
	display: block;
	content: '';
}

.search-form:after {
	content: '\f2eb';
	display: block;
	position: absolute;
	font-family: 'Fontawesome';
	right: 12px;
	right: 1.2rem;
	top: 12px;
	top: 1.2rem;
	font-size: 20px;
	font-size: 2rem;
	pointer-events: none;
}

.search-form input[type='search'] {
	width: 100%;
}

.search-form input[type='submit'] {
	display: none;
}

.entry-content .search-form {
	margin-bottom: 1em;
}

/* ## WordPress
--------------------------------------------- */
a.aligncenter img {
	display: block;
	margin: 0 auto;
}

a.alignnone {
	display: inline-block;
}

.alignleft {
	float: left;
	text-align: left;
}

.alignright {
	float: right;
	text-align: right;
	text-align: center;
}

a.alignleft,
a.alignnone,
a.alignright {
	max-width: 100%;
}

img.centered,
.aligncenter {
	display: block;
	margin: 0 auto 1em;
}

img.alignnone,
.alignnone {
	margin-bottom: 1em;
}

a.alignleft,
img.alignleft,
.wp-caption.alignleft {
	margin: 0 1em 1em 0;
}

a.alignright,
img.alignright,
.wp-caption.alignright {
	margin: 0 0 1em 1em;
}

.wp-caption-text {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0;
	text-align: center;
}

.entry-content p.wp-caption-text {
	margin-bottom: 0;
}

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video {
	margin: 0 0 1em;
}

.sticky,
.bypostauthor {
	background-color: transparent;
}

.post-edit-link {
	display: block;
	clear: both;
}

.post-edit-link:before,
.post-edit-link:after {
	clear: both;
	display: block;
	content: '';
}

.page-template-page-builder .post-edit-link {
	display: none;
}

/* ## Site Header
--------------------------------------------- */
.site-header {
	position: absolute;
	width: 100%;
	z-index: 100;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.site-header.fixed {
	position: fixed;
}

.site-header.fixed.shrink {
	background-color: #141e28;
}

.page-template-page-builder .site-header {
	position: relative;
	background-color: #141e28;
}

.page-template-page-builder .site-header.fixed {
	position: fixed;
}

.site-header > .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

/* ## Title Area
--------------------------------------------- */
.title-area {
	margin: 0 auto 0 0;
	position: relative;
	height: 100%;
	display: block;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	padding: 20px 0;
	padding: 2rem 0;
	max-width: 150px;
	max-width: 15rem;
}

.wp-custom-logo .title-area {
	padding: 10px 0;
	padding: 1rem 0;
}

.site-title {
	font-size: 17px;
	font-size: 1.7rem;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	text-transform: uppercase;
	white-space: nowrap;
}

.site-title a {
	color: #ffffff;
	text-decoration: none;
}

.site-description {
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 0;
	line-height: 1;
	color: #ffffff;
}

.custom-logo {
	height: 50px;
	height: 5rem;
}

/* ## Header Right Widget Area
--------------------------------------------- */
.header-widget-area {
	margin-right: 10vw;
}

.header-widget-area .simple-social-icons ul li a,
.header-widget-area .simple-social-icons ul li a:hover,
.header-widget-area .simple-social-icons ul li a:focus {
	background-color: transparent !important;
}

/* ## Custom Header
--------------------------------------------- */
.wp-custom-header {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	overflow: hidden;
}

.woocommerce .wp-custom-header img,
.wp-custom-header img,
.wp-custom-header video,
.wp-custom-header iframe {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center center;
	   object-position: center center;
}

.wp-custom-header iframe {
	top: -20%;
	left: -20%;
	right: -20%;
	bottom: -20%;
	margin: auto;
	height: 140%;
	width: 140%;
	max-width: 140%;
	max-height: none;
	min-width: 100%;
	min-height: 56.25vw;
	position: absolute;
}

.wp-custom-header img {
	display: none;
}

.wp-custom-header-video-button {
	display: none;
}

/* ## Page Header
--------------------------------------------- */
.page-header {
	color: #ffffff;
	padding: 120px 0 60px;
	padding: 12rem 0 6rem;
	text-align: center;
	background-size: cover;
	background-position: center;
	position: relative;
	position: relative;
}

.page-header:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(20, 30, 40, 0.82);
	z-index: 1;
	pointer-events: none;
}

.page-header .wrap {
	position: relative;
	z-index: 1;
}

.page-header h1 {
	max-width: 768px;
	margin: 0 auto 0.382em;
	text-transform: uppercase;
}

.page-header p {
	max-width: 768px;
	margin: 0 auto;
}

/* ## Menus
--------------------------------------------- */
.menu {
	width: 100%;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	clear: both;
}

.menu:before,
.menu:after {
	clear: both;
	display: block;
	content: '';
}

.menu-item {
	display: block;
	padding: 0.5em 0;
	width: 100%;
	position: relative;
}

.menu-item.right {
	margin-left: auto;
}

.menu-item:hover,
.menu-item:focus,
.menu-item.sfHover {
	outline: none;
}

.sub-menu .menu-item:hover .sub-menu,
.sub-menu .menu-item:focus .sub-menu,
.sub-menu .menu-item.sfHover .sub-menu {
	margin-top: -1em;
}

.menu-item a {
	width: auto;
	text-decoration: none;
	display: inline-block;
	padding: 0.5em 0;
	color: #f0f1f2;
}

.menu-item a:focus {
	outline: none;
}

.menu-item a span {
	position: relative;
}

.menu-item a:hover,
.menu-item a:focus,
.menu-item.current-menu-item > a {
	color: black;
}

.menu-item a:hover span:after,
.menu-item a:focus span:after,
.menu-item.current-menu-item > a span:after {
	width: 100%;
}

.sub-menu .menu-item a:hover,
.sub-menu
.menu-item a:focus,
.sub-menu
.menu-item.current-menu-item > a {
	color: #556677;
}

.sub-menu
.menu-item a:hover:after,
.sub-menu
.menu-item a:hover:before {
	display:none!important;
}

.sub-menu
.menu-item a:focus:after,
.sub-menu
.menu-item a:focus:before {
	display:none!important;
}

/* ## Sub Menus
--------------------------------------------- */
.sub-menu {
	display: none;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 1em 0;
	clear: both;
}

.sub-menu:before,
.sub-menu:after {
	clear: both;
	display: block;
	content: '';
}

.sub-menu li {
	width: 100%;
}

.sub-menu li:first-of-type {
	margin-top: 0.5em;
}

.sub-menu li:first-of-type a {
	padding-left: 1em;
}

.sub-menu a {
	padding-left: 1em;
}

.sub-menu .sub-menu {
	padding-left: 1em;
}

/* ## Specific Menus
--------------------------------------------- */
.nav-primary {
	width: 100vw;
	margin: auto;
	padding: 5vw;
	background-color: rgba(20, 30, 40, 0.98);
	border-top: 2px solid #f0f1f2;
	border-top: 0.2rem solid #f0f1f2;
	border-bottom: 2px solid #f0f1f2;
	border-bottom: 0.2rem solid #f0f1f2;
	position: fixed;
	overflow: auto;
	overflow-x: visible;
	-webkit-overflow-scrolling: touch;
	left: 5vw;
	top: -10px;
	top: -1rem;
	left: -10px;
	left: -1rem;
	right: -10px;
	right: -1rem;
	bottom: -10px;
	bottom: -1rem;
	display: none;
}

.nav-primary.visible {
	display: block;
}

.no-js .nav-primary {
	width: 100%;
	position: relative;
	display: block;
}

.no-js .nav-primary .wrap {
	padding: 0 5%;
}

.no-js .nav-primary .menu-item {
	display: inline-block;
	width: auto;
	margin: 0 0.5em;
}

.nav-primary .wrap {
	height: 100%;
}

.nav-primary .menu {
	min-height: 100%;
	padding: 0 0 1em;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	        justify-content: center;
}

/* ## Menu Toggles
--------------------------------------------- */
.menu-toggle {
	padding: 27px 0;
	padding: 2.7rem 0;
	cursor: pointer;
	background-color: transparent;
	display: block;
	position: absolute;
	right: 5vw;
	/*top: 0;*/
	line-height: 1;
	color: transparent;
	letter-spacing: -0.5em;
	z-index: 999;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background: none;
	outline: none;
	box-shadow: none;
	color: transparent;
}

.menu-toggle.activated {
	position: fixed;
}

.menu-toggle span {
	display: block;
	float: right;
	position: relative;
	height: 2px;
	height: 0.2rem;
	background: #ffffff;
	-webkit-transition: background 0s 0.2s;
	        transition: background 0s 0.2s;
	width: 25px;
	width: 2.5rem;
	margin-left: 0.236em;
	margin-top: 7px;
	margin-top: 0.7rem;
	border-radius: 0.4rem;
}

.menu-toggle span::before,
.menu-toggle span::after {
	position: absolute;
	display: block;
	left: 0;
	width: 100%;
	height: 2px;
	height: 0.2rem;
	background-color: #ffffff;
	border-radius: 0.4rem;
	content: ' ';
}

.menu-toggle span::before {
	top: -7px;
	top: -0.7rem;
	-webkit-transition: top 0.2s 0.2s, -webkit-transform 0.2s 0s;
	        transition: top 0.2s 0.2s, -webkit-transform 0.2s 0s;
	        transition: top 0.2s 0.2s, transform 0.2s 0s;
	        transition: top 0.2s 0.2s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
}

.menu-toggle span::after {
	bottom: -7px;
	bottom: -0.7rem;
	-webkit-transition: bottom 0.2s 0.2s, -webkit-transform 0.2s 0s;
	        transition: bottom 0.2s 0.2s, -webkit-transform 0.2s 0s;
	        transition: bottom 0.2s 0.2s, transform 0.2s 0s;
	        transition: bottom 0.2s 0.2s, transform 0.2s 0s, -webkit-transform 0.2s 0s;
}

.menu-toggle.activated span {
	background: none;
}

.menu-toggle.activated span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	-webkit-transition: top 0.2s 0s, -webkit-transform 0.2s 0.2s;
	        transition: top 0.2s 0s, -webkit-transform 0.2s 0.2s;
	        transition: top 0.2s 0s, transform 0.2s 0.2s;
	        transition: top 0.2s 0s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
}

.menu-toggle.activated span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	-webkit-transition: bottom 0.2s 0s, -webkit-transform 0.2s 0.2s;
	        transition: bottom 0.2s 0s, -webkit-transform 0.2s 0.2s;
	        transition: bottom 0.2s 0s, transform 0.2s 0.2s;
	        transition: bottom 0.2s 0s, transform 0.2s 0.2s, -webkit-transform 0.2s 0.2s;
}

.sub-menu-toggle {
	position: absolute;
	background-color: transparent;
	padding: 0.75em;
	margin: 0 -1em 0 1em;
}

.sub-menu-toggle:hover,
.sub-menu-toggle:focus {
	background: none;
}

.sub-menu-toggle:before {
	content: '';
	display: block;
	margin: 2px 0 -2px;
	margin: 0.2rem 0 -0.2rem;
	border: 4px solid transparent;
	border: 0.4rem solid transparent;
	border-top-color: #f6f7f8;
}

.sub-menu-toggle.activated:before {
	-webkit-transform: rotate(180deg);
	    -ms-transform: rotate(180deg);
	        transform: rotate(180deg);
	margin: -2px 0 2px;
	margin: -0.2rem 0 0.2rem;
}

/* ## Entries
--------------------------------------------- */
.entry {
	background-color: #ffffff;
}

.single .entry {
	background-color: transparent;
}

.entry-title a {
	text-decoration: none;
}

.entry-content {
	clear: both;
}

.entry-content:before,
.entry-content:after {
	clear: both;
	display: block;
	content: '';
}

.entry-content p {
	color: #556677;
}

.blog .entry-content p,
.archive .entry-content p {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.entry-content li {
	color: #556677;
}

.entry-content ol,
.entry-content ul {
	margin-bottom: 1em;
	margin-left: 40px;
	margin-left: 4rem;
}

.entry-content ol > li {
	list-style-type: decimal;
}

.entry-content ul > li {
	list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
	margin-bottom: 0;
}

.entry-content li li {
	list-style-type: circle;
}

.entry-content code {
	background-color: #f6f7f8;
	display: block;
	padding: 10px 20px;
	padding: 1rem 2rem;
	border: 2px solid #f0f1f2;
	border: 0.2rem solid #f0f1f2;
	margin-top: 1em;
	border-radius: 0.4rem;
}

.entry-content > *:last-child {
	margin-bottom: 0;
}

.entry-image-link {
	display: block;
	margin-bottom: 1em;
}

.entry-image-link img {
	display: block;
}

.featured-image {
	display: block;
	margin: 0 0 30px;
	margin: 0 0 3rem;
}

.single .entry-footer {
	padding: 30px 0 0;
	padding: 3rem 0 0;
}

/* ## Entry Meta
--------------------------------------------- */
p.entry-meta {
	font-size: 12px;
	font-size: 1.2rem;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
}

.entry-header p.entry-meta {
	margin-bottom: 1em;
}

.entry-categories,
.entry-tags {
	display: block;
}

/* ## Pagination
--------------------------------------------- */
.pagination {
	margin: 5vw 0 10vw;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	        justify-content: center;
	clear: both;
}

.pagination:before,
.pagination:after {
	clear: both;
	display: block;
	content: '';
}

.adjacent-entry-pagination {
	/* MOD-OM 15.10.18 - Suppression barre de navigation produit suivant/précédant dans page produit */
	display: none;
	margin: 0;
	padding: 40px 0;
	padding: 4rem 0;
	background-color: #f6f7f8;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	text-transform: uppercase;
	font-weight: 600;
}

.adjacent-entry-pagination a {
	color: #556677;
	text-decoration: none;
}

.archive-pagination ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
}

.archive-pagination li {
	margin: 0 0.25em 0 0;
}

.archive-pagination a {
	background-color: #ffffff;
	color: #141e28;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 7.5px 10px;
	padding: 0.75rem 1rem;
	border-radius: 0.4rem;
	text-decoration: none;
	display: block;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.archive-pagination a:hover,
.archive-pagination .active a {
	background-color: #fb2056;
	color: #ffffff;
	box-shadow: 0 1rem 1rem -0.5rem rgba(20, 30, 40, 0.15);
}

/* ## Comments
--------------------------------------------- */
.comment-respond,
.entry-comments,
.entry-pings {
	background-color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 40px;
	margin-top: 4rem;
}

.comment-respond .form-submit {
	margin-bottom: 0;
}

.comment-list li {
	padding: 40px 0 0 5vw;
	padding: 4rem 0 0 5vw;
}

.comment-list .depth-1 {
	padding-left: 0;
}

.comment-list .comment-respond {
	padding: 0 0 0 1em;
}

.comment-list > .comment-respond {
	padding: 0;
}

.comment-header {
	margin-bottom: 5vw;
}

.comment-header p {
	margin-bottom: 0;
}

.comment-edit-link {
	padding-left: -webkit-calc(4.8rem + 1em);
	padding-left:         calc(4.8rem + 1em);
}

.entry-pings .comment-edit-link {
	padding: 0;
	clear: both;
	display: block;
}

.comment-reply-link {
	display: block;
	margin-bottom: 1em;
}

.comment-meta {
	padding-left: -webkit-calc(4.8rem + 1em);
	padding-left:         calc(4.8rem + 1em);
	word-break: break-all;
}

.entry-pings .comment-meta {
	padding: 0 0 1em;
}

.comment-content {
	clear: both;
}

.comment-content ul > li {
	list-style-type: disc;
}

.comment-content p {
	margin-bottom: 0.618em;
}

.comment-respond input[type='email'] label,
.comment-respond input[type='text'] label,
.comment-respond input[type='url'] label {
	display: block;
	margin-right: 10px;
	margin-right: 1rem;
}

.entry-pings .reply {
	display: none;
}

.pingback:last-of-type p {
	margin-bottom: 0;
}

/* ## Widgets
--------------------------------------------- */
.sidebar-primary {
	-webkit-box-ordinal-group: 4;
	-webkit-order: 3;
	-ms-flex-order: 3;
	        order: 3;
}

.widget {
	margin-bottom: 10vw;
	word-wrap: break-word;
}

.widget:last-of-type {
	margin-bottom: 0;
}

.sidebar .widget {
	margin-bottom: 5vw;
	font-size: 16px;
	font-size: 1.6rem;
}

.sidebar .widget p:last-of-type {
	margin-bottom: 0;
}

.widget ul > li:last-of-type:not(.gfield) {
	margin-bottom: 0;
}

.widget ul > li {
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}

.widget ul > li:last-of-type {
	padding-bottom: 0;
}

.widget ol > li {
	list-style-position: inside;
	list-style-type: decimal;
	padding-left: 1em;
	text-indent: -1em;
}

.widget li li {
	border: 0;
	margin: 0 0 0 1em;
	padding: 0;
}

.widgettitle,
.widget-title {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
}
/* MOD-OM 12.03.18 : diminution taille titres footer partenaires et couleur*/
.front-page-sponsors .widget-title{
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: 1.4rem;
	color: #a4a8ac;
}

.sidebar .widgettitle,
.sidebar
.widget-title {
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.widget_calendar table {
	width: 100%;
}

.widget_calendar td,
.widget_calendar th {
	text-align: center;
}

/* ## Site Footer
--------------------------------------------- */
.site-footer {
	background-color: #141e28;
	color: #a4a8ac;
	position: relative;
}

.site-footer > .wrap {
	padding: 0 5vw 5vw;
	position: relative;
}

.site-footer > .wrap > p {
	margin-bottom: 0;
	font-size: 16px;
	font-size: 1.6rem;
	max-width: -webkit-calc(100% - 4rem);
	max-width:         calc(100% - 4rem);
}

.site-footer a {
	color: #a4a8ac;
	text-decoration: none;
}

.site-footer a:hover {
	color: #f0f1f2;
}

.site-footer .back-to-top {
	position: absolute;
	right: 5vw;
	bottom: 20px;
	bottom: 2rem;
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 0.4rem;
	width: 30px;
	width: 3rem;
	height: 30px;
	height: 3rem;
	text-align: center;
}

.site-footer .back-to-top:hover {
	background-color: rgba(255, 255, 255, 0.2);
}

.site-footer .back-to-top:before,
.site-footer .back-to-top:after {
	content: '';
	display: block;
	height: 2px;
	width: 8px;
	background-color: #a4a8ac;
	position: absolute;
	top: 13px;
	top: 1.3rem;
	left: 9px;
	left: 0.9rem;
	-webkit-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}

.site-footer .back-to-top:after {
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	left: 13px;
	left: 1.3rem;
}

/* ## Footer Widgets
--------------------------------------------- */
.footer-widgets {
	/* MOD-OM 12.03.18 : supprimé padding, footer trop espacé en hauteur
	padding: 60px 0;
	padding: 6rem 0;*/
	z-index: 0;
	font-size: 17px;
	font-size: 1.7rem;
}

.footer-widgets .widget-area {
	margin: 0 auto 40px;
	margin: 0 auto 4rem;
}

.footer-widgets .widget-area:last-of-type {
	margin-bottom: 0;
}

.footer-widgets .widget-area .widget {
	width: 100%;
	display: block;
	margin: 0 auto 2em;
}

.footer-widgets .widget-area .widget:last-of-type {
	margin-bottom: 0;
}

.footer-widgets .widget-title {
	text-transform: uppercase;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 1.5em;
	color: #f0f1f2;
}

.footer-widgets .menu-item {
	width: 50%;
	line-height: 1.618;
	padding: 0;
	margin: 0 0 1em;
	font-family: 'Hind', Helvetica, Arial, sans-serif;
	font-weight: 400;
	text-transform: capitalize;
}

.footer-widgets .menu-item a {
	font-size: 16px;
	font-size: 1.6rem;
	float: left;
	text-align: left;
	padding: 0;
	margin: 0;
}

.footer-widgets .menu-item a:hover,
.footer-widgets .menu-item.current-menu-item > a {
	color: #f0f1f2;
}

.footer-widgets .sub-menu {
	display: none !important;
}

.footer-widgets .enews ::-moz-placeholder {
	color: rgba(255, 255, 255, 0.5);
	opacity: 1;
}

.footer-widgets .enews ::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 0.5);
}

.footer-widgets .enews form {
	position: relative;
}

.footer-widgets .enews input {
	background: transparent;
	color: #ffffff;
	border-color: #556677;
	padding: 4px 14px;
	padding: 0.4rem 1.4rem;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.footer-widgets .enews input:focus {
	border-color: #a4a8ac;
}

.footer-widgets .enews input[type='submit'] {
	background-color: transparent;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.5em 0;
	width: 50px;
	width: 5rem;
	line-height: 2;
	font-size: 100%;
	z-index: 1;
	color: transparent;
	box-shadow: none;
}

.footer-widgets .enews input[type='submit']:hover + .fa-send-o {
	color: #ffffff;
}

.footer-widgets .enews .fa-send-o {
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 0.5em 0.75em;
	line-height: 1;
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 0.5em;
	z-index: 0;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

/* ## Before Footer
--------------------------------------------- */
.before-footer {
	/* MOD-OM - Bouton de commande du footer à droite */
	/*float:right;
	/**/
	padding: 60px 0;
	padding: 6rem 0;
	color: #ffffff;
	position: relative;
}

.before-footer:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(20, 30, 40, 0.82);
	z-index: 1;
	pointer-events: none;
}

.before-footer:before {
	width: 100vw;
	height: 101%;
	left: -50%;
	right: -50%;
	top: 1%;
	margin: auto;
}

.before-footer .widget {
	margin-bottom: 5vw;
	position: relative;
	z-index: 1;
}

.before-footer .widget_media_image:first-of-type {
	display: block;
	position: absolute;
	width: 100vw;
	height: 100%;
	top: 0;
	bottom: 0;
	left: -50%;
	right: -50%;
	margin: auto;
	z-index: 0;
}

.before-footer .widget_media_image:first-of-type .widget-wrap {
	position: absolute;
	height: 100%;
	width: 100%;
}

.before-footer .widget_media_image:first-of-type img {
	width: 100% !important;
	height: 100% !important;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
}

.before-footer .wrap {
	z-index: 1;
}

.before-footer .widget-title {
	text-transform: uppercase;
	font-size: 30px;
	font-size: 3rem;
}

.before-footer p {
	margin-bottom: 0;
	color: #f6f7f8;
}

.before-footer button,
.before-footer .button,
.before-footer input[type='submit'] {
	margin: 0;
	color: #ffffff;
}

.before-footer button:hover,
.before-footer .button:hover,
.before-footer input[type='submit']:hover {
	color: #ffffff;
}

.before-footer button.alignright,
.before-footer .button.alignright,
.before-footer input[type='submit'].alignright {
	float: left;
}

/* ## Simple Social Icons
--------------------------------------------- */
.simple-social-icons {
	overflow: hidden;
}

.simple-social-icons svg[class^='social-'],
.simple-social-icons svg[class*=' social-'] {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.simple-social-icons ul {
	margin: -0.5em -0.5em 0 0;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	        justify-content: flex-start;
}

.simple-social-icons ul li {
	background: none;
	border: none;
	list-style-type: none;
	margin: 0.5em 0.5em 0 0;
	padding: 0;
}

.simple-social-icons ul li a {
	border: none;
	-moz-box-sizing: content-box;
	     box-sizing: content-box;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	height: 1em;
	line-height: 1em;
	text-align: center;
	text-decoration: none;
	text-transform: none;
	width: 1em;
}

.simple-social-icons ul.aligncenter {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	        justify-content: center;
}

.simple-social-icons ul.alignleft {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	        justify-content: flex-start;
}

.simple-social-icons ul.alignright {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	        justify-content: flex-end;
}

/* ## Genesis Testimonial Slider
--------------------------------------------- */
div.lSSlideOuter .lSPager.lSpg > li {
	margin: 1em 0 0;
	line-height: 1.6px;
	line-height: 0.16rem;
}

div.lSSlideOuter .lSPager.lSpg > li a {
	opacity: 0.382;
	background-color: #141e28;
	overflow: visible;
}

div.lSSlideOuter .lSPager.lSpg > li.active a,
div.lSSlideOuter .lSPager.lSpg > li:hover a {
	opacity: 0.618;
	background-color: #141e28;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
}

div.lSSlideOuter ul.testimonials-list {
	color: #556677;
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
}

div.lSSlideOuter ul.testimonials-list li {
	text-align: left;
}

/* ## Genesis eNews Extended
--------------------------------------------- */
.enews input {
	margin-bottom: 0.5em;
}

/* ## Business Profile
--------------------------------------------- */
.hero-section .bp-contact-card {
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	        justify-content: center;
}

.hero-section .bp-contact-card > div {
	margin: 2em 1em 0;
	width: 100%;
	text-align: center;
}

.hero-section .bp-contact-card a {
	color: #f0f1f2;
	text-decoration: none;
}

.bp-contact-card .bp-directions,
.bp-contact-card .bp-phone,
.bp-contact-card .bp-contact,
.bp-contact-card .bp-booking,
.bp-contact-card .bp-opening-hours-brief,
.bp-contact-card .bp-opening-hours .bp-title {
	text-align: left;
}

.bp-contact-card .bp-directions:before,
.bp-contact-card .bp-phone:before,
.bp-contact-card .bp-contact:before,
.bp-contact-card .bp-booking:before,
.bp-contact-card .bp-opening-hours-brief:before,
.bp-contact-card .bp-opening-hours .bp-title:before {
	font-family: 'Fontawesome';
	width: 1em;
	line-height: 0.9;
}

.bp-contact-card .bp-opening-hours .bp-title {
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

.bp-contact-card .bp-directions:before {
	content: '\f27d';
}

.bp-contact-card .bp-phone:before {
	content: '\f2b3';
}

.bp-contact-card .bp-contact:before {
	content: '\f1c6';
}

.bp-contact-card .bp-opening-hours-brief:before,
.bp-contact-card .bp-opening-hours .bp-title:before {
	content: '\f18f';
}

/* ## Front Page
--------------------------------------------- */
.home .site-inner {
	padding: 0;
}

.front-page-1,
.front-page-2,
.front-page-3,
.front-page-4,
.front-page-5,
.front-page-6 {
	background-color: #ffffff;
	padding: 80px 0;
	padding: 8rem 0;
}

.front-page-1 .widget-title,
.front-page-2 .widget-title,
.front-page-3 .widget-title,
.front-page-4 .widget-title,
.front-page-5 .widget-title,
.front-page-6 .widget-title {
	text-transform: uppercase;
}

/* ### Front Page 1 */
.front-page-1 {
	background-color: transparent;
	background-size: cover !important;
	background-position: center !important;
	padding: 180px 0 120px;
	padding: 18rem 0 12rem;
	position: relative;
	color: #ffffff;
	overflow: hidden;
	text-align: center;
	clear: both;
}

.front-page-1:before,
.front-page-1:after {
	clear: both;
	display: block;
	content: '';
}

.front-page-1 .wrap {
	position: relative;
	z-index: 2;
}

.front-page-1 .widget .widget-wrap p {
	color: #f0f1f2;
	margin-bottom: 1.618em;
}

/* ### Front Page 2 */
.front-page-2 {
	text-align: center;
}

.front-page-2 .fa-coffee {
	margin-left: -15px;
	margin-left: -1.5rem;
}

.front-page-2 .widget-title {
	font-size: 20px;
	font-size: 2rem;
	margin: 10px auto;
	margin: 1rem auto;
}

.front-page-2 p {
	color: #556677;
	display: block;
}

/* ### Front Page 3 */
.front-page-3 {
	background-color: #f6f7f8;
}

.front-page-3 .wrap {
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.front-page-3 .widget {
	margin-bottom: 5vw;
}

.front-page-3 .widget_custom_html:first-of-type {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.front-page-3 .widget_custom_html:first-of-type hr {
	display: block;
	margin: 0 auto 40px;
	margin: 0 auto 4rem;
	padding: 0;
	height: 3px;
	height: 0.3rem;
	width: 100px;
	width: 10rem;
	border: 0;
	background-color: #fb2056;
}

.front-page-3 .widget_custom_html:first-of-type p {
	color: #556677;
}

.front-page-3 p {
	color: #556677;
}

.front-page-3 .entry {
	max-width: 400px;
	max-width: 40rem;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	-webkit-transform: translateY(0rem);
	    -ms-transform: translateY(0rem);
	        transform: translateY(0rem);
	box-shadow: 0 0 2rem -1rem rgba(20, 30, 40, 0);
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.front-page-3 .entry:hover {
	-webkit-transform: translateY(-0.5rem);
	    -ms-transform: translateY(-0.5rem);
	        transform: translateY(-0.5rem);
	box-shadow: 0 2rem 1rem -1rem rgba(20, 30, 40, 0.1);
}

.front-page-3 .entry > a {
	display: block;
	margin: 0;
	position: relative;
}

.front-page-3 .entry > a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(20, 30, 40, 0.82);
	z-index: 1;
	pointer-events: none;
}

.front-page-3 .entry > a:before {
	opacity: 0.1;
}

.front-page-3 .entry p {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.front-page-3 .entry-title {
	padding: 30px 30px 0;
	padding: 3rem 3rem 0;
	text-transform: uppercase;
	font-size: 18px;
	font-size: 1.8rem;
}

.front-page-3 .entry-content {
	padding: 0 30px 30px;
	padding: 0 3rem 3rem;
	font-size: 18px;
	font-size: 1.8rem;
	color: #556677;
}

.front-page-3 img {
	min-width: 100%;
}

.front-page-3 .more-link {
	clear: both;
	display: inline-block;
	padding: 0.5em 1.5em;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 600;
	margin-top: 1em;
	width: auto;
	background-color: #141e28;
	border-radius: 0.4rem;
	color: #ffffff;
	text-decoration: none;
	box-shadow: inset 0 0 0 9rem rgba(255, 255, 255, 0);
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.front-page-3 .more-link:hover {
	box-shadow: inset 0 0 0 9rem rgba(255, 255, 255, 0.1);
}

/* ### Front Page 4 */
.front-page-4 {
	background-color: #141e28;
	position: relative;
	overflow: hidden;
	color: #ffffff;
	text-align: center;
	padding: 100px 0;
	padding: 10rem 0;
	position: relative;
}

.front-page-4:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(20, 30, 40, 0.82);
	z-index: 1;
	pointer-events: none;
}

.front-page-4 .widget {
	max-width: 640px;
	max-width: 64rem;
	margin: 0 auto;
}

.front-page-4 .widget-wrap {
	height: 100%;
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	        align-items: center;
	position: relative;
	z-index: 1;
}

.front-page-4 .widget_media_image:first-of-type {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	margin: 0;
}

.front-page-4 .widget_media_image:first-of-type img {
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: center;
	   object-position: center;
	width: 100% !important;
	height: 100% !important;
}

.front-page-4 .widget.widget_media_video {
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	position: fixed;
	z-index: 998;
	margin: auto;
	max-width: 100%;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.front-page-4 .widget.widget_media_video.visible {
	opacity: 1;
	pointer-events: all;
	visibility: visible;
}

.front-page-4 .wp-video {
	padding: 5%;
	position: relative;
}

.front-page-4 iframe {
	display: block;
	height: 100% !important;
	width: 100% !important;
	box-shadow: 0 3rem 3rem -2rem rgba(20, 30, 40, 0.5);
}

.front-page-4 .show-video {
	height: 3em;
	width: 3em;
	border-radius: 3em;
	border: 3px solid #ffffff;
	margin: 0 auto 1em;
	padding: 0;
	color: #ffffff;
	background-color: transparent;
	font-size: 24px;
	font-size: 2.4rem;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.front-page-4 .show-video:hover {
	-webkit-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	        transform: scale(1.1);
}

.front-page-4 .hide-video {
	position: absolute;
	z-index: 999;
	top: -5%;
	right: 0;
	background: transparent;
	padding: 10px;
	padding: 1rem;
	box-shadow: none;
	font-size: 2em;
	height: 1em;
	width: 1em;
	line-height: 0;
	text-align: center;
	border-radius: 9rem;
}

.front-page-4 .before {
	position: fixed;
	background-color: rgba(20, 30, 40, 0.82);
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ### Front Page 5 */
.front-page-5 .widget_custom_html:first-of-type {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.front-page-5 .widget_custom_html:first-of-type hr {
	display: block;
	margin: 0 auto 40px;
	margin: 0 auto 4rem;
	padding: 0;
	height: 3px;
	height: 0.3rem;
	width: 100px;
	width: 10rem;
	border: 0;
	background-color: #fb2056;
}

.front-page-5 .widget_custom_html:first-of-type p {
	color: #556677;
}

.front-page-5 .widget_custom_html:nth-of-type(2) {
	margin-left: 0;
	-webkit-box-flex: 1;
	-webkit-flex: auto;
	    -ms-flex: auto;
	        flex: auto;
}

.front-page-5 .display-posts-listing {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin-bottom: -2.5641%;
}

.front-page-5 .listing-item {
	position: relative;
	padding: 0;
	margin-bottom: 2.5641%;
	-webkit-transform: translateY(0rem);
	    -ms-transform: translateY(0rem);
	        transform: translateY(0rem);
	box-shadow: 0 0rem 2rem -1rem rgba(20, 30, 40, 0);
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	position: relative;
}

.front-page-5 .listing-item:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(20, 30, 40, 0.82);
	z-index: 1;
	pointer-events: none;
}

.front-page-5 .listing-item:before {
	opacity: 0.1;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.front-page-5 .listing-item:hover {
	-webkit-transform: translateY(-0.5rem);
	    -ms-transform: translateY(-0.5rem);
	        transform: translateY(-0.5rem);
	box-shadow: 0 2rem 1.5rem -1rem rgba(20, 30, 40, 0.3);
}

.front-page-5 .listing-item:hover:before,
.front-page-5 .listing-item:hover .title {
	opacity: 1;
}

.front-page-5 .listing-item:last-of-type {
	margin-bottom: 2.5641% !important;
}

.front-page-5 .image {
	display: block;
	height: 100%;
}

.front-page-5 .title {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	position: absolute;
	text-align: center;
	display: block;
	height: 1em;
	line-height: 1em;
	text-decoration: none;
	z-index: 1;
	color: #ffffff;
	opacity: 0;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

/* ### Front Page 6 */
.front-page-6 {
	background-color: #f6f7f8;
}

.front-page-6 img {
	width: 50px;
	width: 5rem;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

.front-page-6 .lslide,
.front-page-6 .clone {
	padding: 15px;
	padding: 1.5rem;
}

.front-page-6 .lslide .wrap,
.front-page-6 .clone .wrap {
	background-color: #ffffff;
	padding: 30px;
	padding: 3rem;
	box-shadow: 0 0 0 -1rem rgba(20, 30, 40, 0);
	clear: both;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.front-page-6 .lslide .wrap:before,
.front-page-6 .lslide .wrap:after,
.front-page-6 .clone .wrap:before,
.front-page-6 .clone .wrap:after {
	clear: both;
	display: block;
	content: '';
}

.front-page-6 .lslide .wrap:hover,
.front-page-6 .clone .wrap:hover {
	box-shadow: 0 2.25rem 1rem -1.5rem rgba(20, 30, 40, 0.1);
}

.front-page-6 blockquote {
	border: 0;
	margin: 0 0 15px;
	margin: 0 0 1.5rem;
	padding: 0;
}

.front-page-6 .gts-rating + blockquote {
	margin-top: 5px;
	margin-top: 0.5rem;
}

.front-page-6 blockquote + img {
	margin-bottom: 0;
	float: left;
}

.front-page-6 h5 {
	font-size: 14px;
	font-size: 1.4rem;
	float: left;
	margin: 0 5px 0 0;
	margin: 0 0.5rem 0 0;
	line-height: 1;
	color: #141e28;
}

.front-page-6 img + h5 {
	margin: 14px 5px 0 10px;
	margin: 1.4rem 0.5rem 0 1rem;
}

.front-page-6 img + h5 + .gts-company {
	margin-top: 14px;
	margin-top: 1.4rem;
}

.front-page-6 .gts-company {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	font-style: italic;
}

.front-page-6 .lSSlideOuter {
	margin: -15px;
	margin: -1.5rem;
}

/* ## Inner Pages
--------------------------------------------- */
/* ### Portfolio */
.portfolio .filter {
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-size: small;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	display: block;
	margin-bottom: 40px;
	margin-bottom: 4rem;
}

.portfolio .filter .wrap {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	        justify-content: center;
}

.portfolio .filter a {
	text-decoration: none;
	margin: 0.5em;
	padding: 0.5em;
	display: block;
}

.portfolio .filter a.active {
	color: #fb2056;
}

.portfolio-item {
	width: 100%;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	-webkit-transform: translateY(0rem);
	    -ms-transform: translateY(0rem);
	        transform: translateY(0rem);
	box-shadow: 0 0rem 2rem -1rem rgba(20, 30, 40, 0);
	position: relative;
}

.portfolio-item:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(20, 30, 40, 0.82);
	z-index: 1;
	pointer-events: none;
}

.portfolio-item:before {
	opacity: 0.1;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.portfolio-item:hover {
	-webkit-transform: translateY(-0.5rem);
	    -ms-transform: translateY(-0.5rem);
	        transform: translateY(-0.5rem);
	box-shadow: 0 2rem 2rem -1rem rgba(20, 30, 40, 0.3);
	-webkit-transition: box-shadow 0.75s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: box-shadow 0.75s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: box-shadow 0.75s cubic-bezier(0, 1, 0.5, 1), transform 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: box-shadow 0.75s cubic-bezier(0, 1, 0.5, 1), transform 0.75s cubic-bezier(0, 1, 0.5, 1), -webkit-transform 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.portfolio-item:hover:before,
.portfolio-item:hover .entry-title {
	opacity: 1;
}

.portfolio-item a {
	display: block;
	position: relative;
}

.portfolio-item .entry-title {
	text-align: center;
	position: absolute;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 16px;
	font-size: 1.6rem;
	color: #ffffff;
	height: 1em;
	line-height: 1;
	z-index: 2;
	opacity: 0;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.portfolio-sizer {
	width: 2.5641%;
}

/* ### Masonry / partie blog */

/* FDC 19.11.2018: Modification de la couleur du fond d'écran de la page*/
.masonry .site-inner {
	/* Base */
	/* background-color: #f6f7f8; */
	
	/* Changement */
	background-color: #ffffff;
}

/* FDC 19.11.2018: Modification de la boîte article (page blog) */
.masonry .entry {
	/* Base */
 	width: 100%;
	padding: 30px;
	padding: 3rem;
	margin-bottom: 30px;
	margin-bottom: 3rem;
/*	-webkit-transform: translateY(0rem);
	    -ms-transform: translateY(0rem);
	        transform: translateY(0rem);
	box-shadow: 0 0 2rem -1rem rgba(20, 30, 40, 0);
	background-color: #ffffff;
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1); */
			
	/* Changements */
	border-radius: 0.5rem;
	box-shadow: 0 0px 20px rgba(0,0,0,0.15);
	overflow: hidden;

	background-color: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	
	height: 480px;
	/* position: relative; FDC: A garder?*/

	transition: all .1s ease-in-out;
}

/* FDC 19.11.2018: Modification de l'effet et de la couleur d'un article lorsque l'on déplace la souris desss */
.masonry .entry:hover {
	/* Base */
	/*-webkit-transform: translateY(-0.5rem);
	    -ms-transform: translateY(-0.5rem);
	        transform: translateY(-0.5rem);
	box-shadow: 0 2rem 1rem -1rem rgba(20, 30, 40, 0.1); */
	
	/* Changements */
	transform: scale(1.05);
	background:#e1001a;
}

/* FDC 19.11.2018: Modification de la taille du titre de l'article */
.masonry .entry-title {
	/* Base */
/* 	font-size: 16px;
	font-size: 1.6rem; */
	text-transform: uppercase;
	
	/* Changements */
	font-size: 17px;
	font-size: 1.7rem;
}

/* FDC 19.11.2018: Modification de la taille du texte de l'article */
.masonry .entry-content {
	/* Base */
/* 	font-size: 18px;
	font-size: 1.8rem; */
	color: #556677;
	
	/* Changements */
	font-size: 15px;
	font-size: 1.5rem;
	text-align: justify;
}

/* FDC 19.11.2018: 	changer la couleur du titre lorsque l'on passe la souris sur un article 
					changer la couleur du texte lorsque l'on passe la souris sur un article
					changer la couleur du texte "Lire la suite" lorsque l'on passe la souris sur un article
					*/
.masonry .entry:hover .entry-title a,
.masonry .entry:hover .entry-content p,
.masonry .entry:hover .entry-content a
{
	color: #ffffff;
}

/* FDC 19.11.2018: Justification du texte des articles */
.entry .entry-content p{
	text-align: justify;
}

.masonry .entry-footer {
	margin-top: 10px;
	margin-top: 1rem;
}

.masonry .entry-footer p {
	margin: 0;
}

.masonry .featured-image {
	display: block;
	margin: -30px -30px 30px;
	margin: -3rem -3rem 3rem;
}

/* ### Column Examples */
.columns div {
	background-color: #f6f7f8;
	margin-bottom: 2.5641%;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'Montserrat', Helvetica, Arial, sans-serif;
	font-weight: 600;
	padding: 2em 0;
	color: #556677;
	box-shadow: 0 0 1rem -1rem rgba(20, 30, 40, 0);
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
	        transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
}

.columns div:hover {
	-webkit-transform: translateY(-0.5rem);
	    -ms-transform: translateY(-0.5rem);
	        transform: translateY(-0.5rem);
	box-shadow: 0 2rem 1rem -1rem rgba(20, 30, 40, 0.1);
}

/* ### Icon Examples */
.icons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	        justify-content: space-between;
}

.icons span {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	        align-items: center;
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 20px;
	margin-bottom: 2rem;
	color: #556677;
}

.icons i {
	font-size: 30px;
	font-size: 3rem;
	margin-right: 0.3em;
	color: #141e28;
}

.icons br {
	display: none;
}

/* ### Pricing Table */
.pricing .site-inner {
	background-color: #f6f7f8;
}

.pricing .entry {
	background-color: transparent;
}

.pricing-table {
	text-align: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	        align-items: center;
	padding-bottom: 100px;
}

.pricing-table > div {
	background-color: #ffffff;
	padding: 40px 20px 50px;
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
	box-shadow: 0 0 0 rgba(20, 30, 40, 0);
	margin-bottom: 25px;
}

.pricing-table > div:hover {
	-webkit-transform: translateY(-1rem);
	    -ms-transform: translateY(-1rem);
	        transform: translateY(-1rem);
	z-index: 2;
	box-shadow: 0 2rem 2rem -0.5rem rgba(20, 30, 40, 0.1);
}

.pricing-table .featured {
	z-index: 1;
	position: relative;
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
}

.pricing-table .featured:hover {
	-webkit-transform: translateY(-1rem) scale(1.05);
	    -ms-transform: translateY(-1rem) scale(1.05);
	        transform: translateY(-1rem) scale(1.05);
}

.pricing-table .featured button,
.pricing-table .featured .button {
	background-color: #fb2056;
}

.pricing-table strong {
	font-weight: 600;
	color: #556677;
	font-size: 20px;
	font-size: 2rem;
}

.pricing-table span {
	font-style: italic;
	font-size: 13px;
	font-size: 1.3rem;
}

.pricing-table small {
	position: absolute;
	margin-top: 10px;
	margin-left: -10px;
}

.pricing-table big {
	font-size: 30px;
	font-size: 3rem;
	color: #556677;
	font-weight: 600;
}

.pricing-table p {
	margin: 0;
}

.pricing-table ul {
	margin: 10px 0 20px;
}

.pricing-table ul li {
	margin: 0;
	list-style-position: inside;
	list-style-type: none;
}
/* MOD-MS 28.03.2018 : Changement taille boutton "configurer votre passeport" */
.configPasseport a{
	font-size: 2.8rem !important;
	border-radius: 10px !important;
}

/* MOD-OM 01.01.2018 : masquer boutonn Scanner Passeport sur desktop */
/* FDC 14.10.2019: changement de l'id de btnScanPV en divScanPV */
#divScanPV{
	display:none;
}

/*
 * IE specific styles.
 *
 * @link http://keithclark.co.uk/articles/moving-ie-specific-css-into-media-blocks/
 */

/* # Print Styles
--------------------------------------------- */

@media (min-width: 512px) {
	.button + button,
	.button + .button,
	button + button,
	button + .button,
	input[type='button'] + button,
	input[type='button'] + .button,
	input[type='reset'] + button,
	input[type='reset'] + .button,
	input[type='submit'] + button,
	input[type='submit'] + .button {
		margin-top: 0;
		clear: none;
	}
	.gallery-item {
		width: 48.71795%;
		margin-bottom: 2.5641%;
	}
	.front-page-1 h1 {
		font-size: 2.2em;
	}
	/* MOD-FDC 21.12.21 : Ajout d'un deuxième titre à la page d'accueil */
	.front-page-1 h2 {
		font-size: 1.2em;
	}	
	.portfolio-item {
		width: -webkit-calc(50% - 1rem);
		width:         calc(50% - 1rem);
	}
	.masonry .entry {
		width: -webkit-calc(50% - 1.5rem);
		width:         calc(50% - 1.5rem);
	}
	.icons span {
		width: 50%;
	}
}

@media (min-width: 768px) {
	body {
		font-size: 2rem;
	}
	body > div {
		font-size: 2rem;
	}
	/* FDC */
	blockquote {
		font-size: 2.5rem;
	}
	h1 {
		font-size: 2.2em;
	}
	h2 {
		font-size: 1.5em;
	}
	h3 {
		font-size: 1.4em;
	}
	h4 {
		font-size: 1.3em;
	}
	h5 {
		font-size: 1.2em;
	}
	h6 {
		font-size: 1.1em;
	}
	.wrap {
		width: 90%;
		max-width: 1280px;
		padding: 0;
	}
	.content-sidebar-wrap {
		width: 90%;
		max-width: 1280px;
		padding: 6rem 0;
	}
	.one-half,
	.one-third,
	.one-fourth,
	.one-fifth,
	.one-sixth,
	.two-thirds,
	.two-fourths,
	.two-fifths,
	.two-sixths,
	.three-fourths,
	.three-fifths,
	.three-sixths,
	.four-fifths,
	.four-sixths,
	.five-sixths {
		float: left;
		margin-left: 2.5641%;
	}
	.one-half,
	.three-sixths,
	.two-fourths {
		width: 48.71795%;
	}
	.one-third,
	.two-sixths,
	.gallery-columns-3 .gallery-item {
		width: 31.62393%;
	}
	.four-sixths,
	.two-thirds {
		width: 65.81197%;
	}
	.one-fourth,
	.gallery-columns-4 .gallery-item {
		width: 23.07692%;
	}
	.three-fourths {
		width: 74.35897%;
	}
	.one-fifth,
	.gallery-columns-5 .gallery-item {
		width: 17.94872%;
	}
	.two-fifths {
		width: 38.46154%;
	}
	.three-fifths {
		width: 58.97436%;
	}
	.four-fifths {
		width: 79.48718%;
	}
	.one-sixth,
	.gallery-columns-6 .gallery-item {
		width: 14.52991%;
	}
	.five-sixths {
		width: 82.90598%;
	}
	.first {
		clear: both;
		margin-left: 0;
	}
	.after-entry,
	.author-box {
		margin-bottom: 4rem;
	}
	.author-box {
		margin-top: 4rem;
	}
	.page-header {
		padding: 25rem 0 12.5rem;
	}
	.single .featured-image {
		margin: 0 0 4rem;
	}
	.comment-header {
		margin-bottom: 2em;
	}
	.sidebar .widget {
		margin-bottom: 4rem;
	}
	.site-footer > .wrap {
		padding: 0 0 6rem;
	}
	.site-footer .back-to-top {
		bottom: 5.8rem;
		right: 0;
	}
	.footer-widgets .wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.footer-widgets .widget-area {
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin-left: 2.564102564102564%;
	}
	.footer-widgets .widget-area:first-of-type {
		margin-left: 0;
	}
	.footer-widgets p {
		max-width: 90%;
	}
	.before-footer {
		padding: 8rem 0;
	}
	.before-footer .widget {
		margin-bottom: 0;
	}
	.before-footer .wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		        align-items: center;
	}
	.before-footer .wrap:before,
	.before-footer .wrap:after {
		position: absolute;
	}
	.before-footer button.alignright,
	.before-footer .button.alignright,
	.before-footer input[type='submit'].alignright {
		float: right;
	}
	.hero-section .bp-contact-card > div {
		width: auto;
	}
	.front-page-1 .widget {
		max-width: 768px;
		margin: auto !important;
	}
	.front-page-1 h1 {
		font-size: 2.7em;
	}
	/* MOD-FDC 21.12.21 : Ajout d'un deuxième titre à la page d'accueil */
	.front-page-1 h2 {
		font-size: 1.7em;
	}
	.front-page-2 p {
		padding: 0 1em;
		font-size: 1.8rem;
	}
	.front-page-2 p:last-of-type {
		margin-bottom: 0;
	}
	.front-page-3 .widget {
		margin-bottom: 2.5641%;
	}
	.front-page-4 .wrap {
		display: block;
	}
	.front-page-4 .widget_media_image:first-of-type {
		max-width: 100%;
	}
	.front-page-4 .wp-video {
		padding: 10%;
	}
	.front-page-4 .hide-video {
		top: 5%;
		right: 5%;
	}
	.single .masonry .featured-image {
		margin: -6rem -6rem 6rem;
	}
	.pricing-table {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		padding-bottom: 60px;
	}
	.pricing-table > div {
		margin: 0;
	}
	.presse-td img {
		margin:inherit;
	}
}

@media (min-width: 896px) {
	.content-sidebar-wrap {
		padding: 8rem 0;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		        justify-content: space-between;
	}
	.content-sidebar-wrap:before,
	.content-sidebar-wrap:after {
		position: absolute;
	}
	.sidebar-content .content-sidebar-wrap {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		    -ms-flex-direction: row-reverse;
		        flex-direction: row-reverse;
	}
	.content {
		width: 768px;
		margin-left: auto;
		margin-right: auto;
	}
	.sidebar-primary {
		width: 25%;
	}
	.sidebar-content .content,
	.content-sidebar .content {
		width: -webkit-calc(75% - 4rem);
		width:         calc(75% - 4rem);
		margin-left: 0;
		margin-right: 0;
	}
	.full-width-content .content {
		width: 100%;
	}
	.site-header > .wrap {
		padding: 0;
		-webkit-flex-wrap: nowrap;
		    -ms-flex-wrap: nowrap;
		        flex-wrap: nowrap;
		position: relative;
	}
	.title-area {
		padding: 2.618rem 0;
	}
	.site-description {
		text-align: left;
		line-height: 1.382;
	}
	.header-widget-area {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		        order: 3;
		margin-left: 1em;
		margin-right: 0;
	}
	.menu {
		text-align: left;
		font-size: 1.2rem;
	}
	.menu-item {
		display: inline-block;
		padding: 0;
		width: auto;
	}
	.menu-item:hover > .sub-menu,
	.menu-item:focus > .sub-menu,
	.menu-item.sfHover > .sub-menu {
		opacity: 1 !important;
		margin-top: -1em;
		pointer-events: all;
	}
	.menu-item a {
		padding: 1.6em 1em;
		width: 100%;
	}
	.sub-menu {
		position: absolute;
		width: 18rem;
		z-index: 99;
		border-radius: 0.4rem;
		background-color: #ffffff;
		padding: 0.618em 0.5em;
		margin: 0;
		font-size: 1.2rem;
		display: block !important;
		opacity: 0 !important;
		-webkit-transition: all 0.25s ease-in-out;
		        transition: all 0.25s ease-in-out;
		pointer-events: none;
		box-shadow: 0 0.5rem 1.5rem rgba(20, 30, 40, 0.05);
	}
	.sub-menu:before {
		content: '';
		display: block;
		position: absolute;
		top: -1rem;
		left: 3rem;
		border: 0.5rem solid transparent;
		border-bottom-color: #ffffff;
	}
	.sub-menu li:first-of-type {
		margin-top: 0;
	}
	.sub-menu a {
		padding: 1em;
		position: relative;
		word-wrap: break-word;
		color: #141e28;
	}
	.sub-menu .sub-menu {
		margin: 0 0 0 18.2rem;
		padding-left: 0.5em;
		left: 0;
		top: 0;
	}
	.sub-menu .sub-menu:before {
		position: absolute;
		top: 2em;
		left: -1rem;
		border: 0.5rem solid transparent;
		border-right-color: #ffffff;
	}
	.nav-primary {
		background-color: transparent;
		border: none;
		position: relative;
		top: auto;
		left: auto;
		right: auto;
		bottom: auto;
		width: auto;
		display: block;
		margin: 0;
		padding: 0;
		overflow: visible;
		-webkit-overflow-scrolling: initial;
	}
	.no-js .nav-primary {
		display: block;
		width: auto;
	}
	.nav-primary .menu {
		padding: 0;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		-ms-flex-pack: end;
		        justify-content: flex-end;
		padding: 0;
	}
	.menu-toggle {
		display: none;
	}
	.sub-menu-toggle {
		display: none;
	}
	.pagination {
		margin: 4rem 0 0;
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		-ms-flex-order: 3;
		        order: 3;
	}
	.content-sidebar .pagination,
	.sidebar-content .pagination {
		width: -webkit-calc(75% - 4rem);
		width:         calc(75% - 4rem);
	}
	.adjacent-entry-pagination {
		margin: 0;
	}
	.sidebar-primary {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		-ms-flex-order: 2;
		        order: 2;
	}
	.widget {
		margin-bottom: 0;
	}
	/* MOD-OM 12.03.18 : supprimé padding, footer trop espacé en hauteur
	.footer-widgets {
		padding: 10rem 0;
	}*/
	.front-page-1,
	.front-page-2,
	.front-page-3,
	.front-page-4,
	.front-page-5,
	.front-page-6 {
		/* MOD-OM  09.03.18 : diminution padding front page */
		/*padding: 12rem 0;*/
		padding: 6rem 0;
	}
	.front-page-1 {
		padding: 30vh 0 25vh;
	}
	.front-page-4 {
		padding: 20rem 0;
	}
	.front-page-4 .widget {
		margin: 0 auto;
	}
	.front-page-6 .wrap {
		display: block;
	}
	.portfolio-item {
		width: -webkit-calc(33.333333333% - 1.333333333rem);
		width:         calc(33.333333333% - 1.333333333rem);
	}
	.masonry.content-sidebar .entry,
	.masonry.sidebar-content .entry {
		width: -webkit-calc(50% - 1.5rem);
		width:         calc(50% - 1.5rem);
	}
	.masonry .entry {
		width: -webkit-calc(33.33333333% - 2rem);
		width:         calc(33.33333333% - 2rem);
	}
	.icons span {
		width: 33.33333333333%;
	}
}

@media (min-width: 1152px) {
	.wp-custom-logo .title-area {
		padding: 0;
	}
	.menu-item a {
		padding: 3em 1.25em;
	}
	.sub-menu a {
		padding: 1em;
	}
}

@media (min-width: 1280px) {
	.comment-respond input[type='email'],
	.comment-respond input[type='text'],
	.comment-respond input[type='url'] {
		width: 50%;
	}
	.front-page-1 h1 {
		font-size: 3em;
	}
	/* MOD-FDC 21.12.21 : Ajout d'un deuxième titre à la page d'accueil */
	.front-page-1 h2 {
		font-size: 2em;
	}
	.icons span {
		width: 25%;
	}
}

@media (max-width: 768px) {
	.front-page-5 .listing-item {
		margin: 0 0 2.5641% 2.5641%;
		width: 48.71795%;
	}
	.front-page-5 .listing-item:nth-of-type(2n + 1) {
		margin-left: 0;
	}

	/* MOD-MS 27.03.2018 : Centrage du boutton dans le footer */
	.before-footer{
		float: initial;
	}
	.before-footer a{
		width: 100%;
		text-align: center;
	}
	/* MOD-MS 28.03.2018 : Changement taille boutton configurer votre passeport en mobile */
	.configPasseport a{
		font-size: 1.5rem !important;
		border-radius: 5px !important;
	}
	/* MOD-MS 16.04.2018 : changement de la couleur du menu déroulant de noir à blanc */
	.menu-item .sub-menu a{
		color: #ffffff !important;
	}
	.products{
		display: flex;
	    flex-wrap: wrap;
	    -webkit-box-pack: start;
	}
	.product{
		margin-left: 1% !important;
	}
	.woocommerce ul.products li.product .button{
		font-size: 1.2rem !important;
	}
	
	/* FDC 14.10.2019: changement de l'id de btnScanPV en divScanPV */
	#divScanPV{
		display:inline-block;
	}
	
	/* MOD-OM 22.10.18 - Cacher le carré blanc "Nous sommes en ligne" de Zoho SAles IQ Chat */
	#titlediv{
		display:none;
	}
	.woocommerce-cart table.cart td{
	font-size: 1.5rem!important;
	}
	
	/* MOD-OM 06.08.2018 : ajustement taille police boutons dans boutique */
	a.button,.woocommerce button.button, .woocommerce input.button, .woocommerce input[type='submit'], .woocommerce #respond input#submit
	{
		font-size: 1.1rem!important;
	}
	
	/* FDC 14.10.2019 : gestion de la taille de la police d'écriture des boutons de validation numérique my-account.php */
	a.button-pv-validation {
		font-size: 1.4rem!important;
	}
	
	/* FDC 07.11.18 : Augmenter la taille du popup lorsqu'il est affiché sur mobile */
	#popmake-8505 {
		width: 90% !important;
	}
	
	/* MOD-OM 09.11.2018 : espacement entre les lignes du tableau de la liste des PV dans la page de configuration sur mobile */
	#tbConfigPass {
		line-height: 3rem;
	}
	#tbConfigPass .tdLeft {
		font-size: 1rem;
	}
	
	/* FDC 12.11.18 : recadrage de l'image d'accueil pour la vue mobile */
	.front-page-1{
		background-position: 65% !important;
	}
	
	/* FDC 11.01.2019: Modification du visuel des tableaux sur mobile (page presse) */
	.presse-tr {
		border-bottom: 3px solid #f0f1f2;
		border-bottom: 0.3rem solid #f0f1f2;
		margin-bottom: 1em;
		display: block;
	}
  
	.presse-td {
		text-align: center;
		display: block;
	}
	
	.presse-td:last-child {
		margin-bottom: 1em;
	}
	
	/* FDC 11.01.2019 : Modification du visuel des tableaux sur mobile (inscription newsletter) */
	.newsletter-body {
		border-bottom: 1px solid #ffffff;
		border-bottom: 0.1rem solid #ffffff;
	}
	
	.newsletter-tr, .newsletter-td {
		display: block;
	}
	
	/* FDC 24.01.19 : Modification du visuel de la liste des offres sur mobile */
	/* MOD-BM 06.05.2021 : Applique les modifications uniquements lors de l'affichage sur un écran afin d'éviter d'appliquer ces règles à l'impression en portrait */
	@media screen {
		.passval-offre-head,
		.visit-history-head {
			display:none;
		}
		
		.passval-offre-tr,
		.passval-offre-td,
		.visit-history-tr,
		.visit-history-td {
			display:block;
		}
		
		.passval-offre-tr,
		.visit-history-tr {
			border: 0.1rem solid #e1001a; 
			margin-bottom: 1.5rem;
		}

		.passval-offre-td,
		.visit-history-td {
			border-bottom: 0rem solid #e1001a;
			text-align: center;
		}
		
		.passval-offre-cell-categorie,
		.visit-history-cell-categorie	{
			width:auto;
			height: 42px;
		}
		
		.passval-offre-cell-categorie {
			border-bottom: 0.1rem solid #e1001a;
		}
		
		.passval-offre-cell-categorie img,
		.visit-history-cell-categorie img	{
			width: 40px;
		}
		
		.passval-offre-cell-localite {
			width:auto;
			margin-top: -21px;
			text-align: left;
			padding-left: 43px;
			font-size: 14px;
		}
		
		.passval-offre-cell-localite .fa {
			display: none !important;
		}
		
		.passval-offre-cell-partenaire,
		.visit-history-cell-partenaire {
			width:auto;
			margin-top: -43px;
			padding-left: 43px;
			text-align: left;
			font-weight: bold;
			font-size: 16px;
		}
		
		.visit-history-cell-partenaire {
			margin-top: -33px;
		}
		
		.passval-offre-cell-titre,
		.visit-history-cell-titre {
			width: 79%;
			margin-top: 18px;
			text-align: left;
			margin-left: -4px;
			display: inline-block;
			font-size: 14px;
		}
		
		.passval-offre-cell-prix,
		.visit-history-cell-date {
			width: 20%;
			margin-top: 18px;
			display: inline-block;
			font-size: 14px;
		}
		
		.visit-history-cell-titre,
		.visit-history-cell-date {
			margin-top: 10px;
		}
		
		.visit-partenaire {
			margin-top: inherit;
		}
		
		.facetwp-facet {
			margin-bottom: 10px !important;
		}
		
		.facetwp-facet-offreemplacement {
			text-align: center;
		}
		
		.listview > a {
			width: 30px !important;
		}
	}
	
	/* FDC 22.11.18 : Modification de la taille des icones sur mobile (concerne la page presse) */
	.fa-2x {
		font-size: 3em;
	}
	
	/* FDC 12.03.2021 : Modifcation du visuel de la page "validation" d'une offre */
	.validation-visit-amount-label {
		padding-top: initial !important;
	}
	
	/* FDC 25.03.21 : Mise en place d'un banner avec le code promo RPVS2021 */
	.site-banner-text {
		font-size: 1.1em !important;
	}
	
	/* MOD-FDC 17.11.21 : "Effacement" de l'image d'en-tête en version mobile (PP) */
	.post-type-archive-offre .page-header{
		padding: 95px 0rem 0rem 0 !important;
		visibility: hidden; 
	}
	
	/* MOD-FDC 21.12.21 : Ajout d'un deuxième titre à la page d'accueil */
	.front-page-1 h2 {
		font-size: 1.1em;
	}	
}


@media (max-width: 512px) {
	.front-page-5 .listing-item {
		width: 100%;
		margin: 0 0 5%;
	}
	
	/* MOD-MS 31.07.2018 : css pour checkbox sur mobile; */
	/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
	/*.facetwp-checkbox{*/
	.facetwp-checkbox:not([data-value="true"]){
		margin: 0 !important;
		margin-right: 5px;
	    width: 47% !important;
	    display: inline-block !important;
	    padding-left: 5px !important;
	}
	.facetwp-facet[data-name="offrecat"]{
		margin-left: 0 !important;
		/* FDC 29.01.2019: New */
		margin-bottom: 0 !important;
	}
	/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
	.facetwp-facet[data-name="offresdisponibles"],
	.facetwp-facet[data-name="offrespeciale"]{
		text-align: center !important;
		/* FDC 29.01.2019: New */
		margin-bottom: 0 !important;
	}

	/* MOD-VV 13.02.2020 : css pour ajout aux favs sur mobile; */
	.div-fav{
    	flex-direction: column !important;
	}
	.div-fav div:first-of-type{
		text-align: center !important;
	}
	.div-coeur{
		width: 66% !important;
		margin-left: 18% !important;
	}
}

@media screen\0 {
	.nav-primary {
		margin: 0 0 0 auto;
	}
	.header-widget-area {
		margin-right: auto;
	}
}

@media print {
	/* FDC 29.01.2019: Mise en page de l'impression (concerne principalement la liste des offres) */
	
	/* Old
	*,
	*:before,
	*:after {
		background: transparent !important;
		box-shadow: none !important;
		color: #141e28 !important;
		text-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: ' (' attr(href) ')';
	}
	abbr[title]:after {
		content: ' (' attr(title) ')';
	}
	a[href^='javascript:']:after,
	a[href^='#']:after,
	.site-title > a:after {
		content: '';
	}
	thead {
		display: table-header-group;
	}
	img,
	tr {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 2cm 0.5cm;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	blockquote,
	pre {
		border: 0.2rem solid #f0f1f2;
		page-break-inside: avoid;
	}
	.content,
	.content-sidebar {
		width: 100%;
	}
	button,
	input,
	select,
	textarea,
	.breadcrumb,
	.comment-edit-link,
	.comment-form,
	.comment-list .reply a,
	.comment-reply-title,
	.edit-link,
	.entry-comments-link,
	.entry-footer,
	.genesis-box,
	.header-widget-area,
	.hidden-print,
	.home-top,
	.nav-primary,
	.nav-secondary,
	.post-edit-link,
	.sidebar {
		display: none !important;
	}
	.title-area {
		text-align: center;
		width: 100%;
	}
	.site-title > a {
		margin: 0;
		text-decoration: none;
		text-indent: 0;
	}
	.site-inner {
		padding-top: 0;
		position: relative;
		top: -10rem;
	}
	.author-box {
		margin-bottom: 0;
	}
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		orphans: 3;
		page-break-after: avoid;
		page-break-inside: avoid;
		widows: 3;
	}
	img {
		page-break-after: avoid;
		page-break-inside: avoid;
	}
	blockquote,
	pre,
	table {
		page-break-inside: avoid;
	}
	dl,
	ol,
	ul {
		page-break-before: avoid;
	} */
	
	@page {  
		/* MOD-BM 05.05.2021 : Changement pour un affichage portrait */
        size:A4 portrait;
		max-height:100%;
		max-width:100%;
    }   
	
	/* MOD-BM 05.05.2021 : Ajout de ".post-type-archive-offre" devant chanque modification unique à la page des offres */
	.site-header,
	/* MOD-BM 05.05.2021 : Cacher la bannière d'annonce de l'offre de reprise */
	.site-banner,
	.post-type-archive-offre .page-header,
	.post-type-archive-offre .site-footer,
	.offre-categories,
	.offre-filter,
	.xoo-wsc-modal,
	.fwp-load-more 	{
		display: none !important;
	}
	
	.post-type-archive-offre .content-sidebar-wrap {
		width: 100%;
		height: auto;
		margin: auto;
		/* MOD-BM 05.05.2021 : Retrait des espacements, remplacées pas le header */
		padding: 0;
	}
	
	.post-type-archive-offre .passval-offre-tr,
	.post-type-archive-offre .visit-history-tr {
		font-size: 12px;
	}
	
	.post-type-archive-offre .passval-offre-cell-categorie img,
	.post-type-archive-offre .visit-history-cell-categorie img {
		height: 30px;
		width:auto;
	}

	/* MOD-BM 05.05.2021 : Ajout d'un header se répétant à chaque nouvelle page imprimée */
	.print_header{
		display: block;
	}

	/* MOD-BM 05.05.2021 : Cacher la scrollbar pour l'impression des offres en forme "cartes"  */
	body::-webkit-scrollbar {
		display: none;
	}

	body {
		-ms-overflow-style: none;  /* IE and Edge */
		scrollbar-width: none;  /* Firefox */
	}

	/* MOD-BM 05.05.2021 : Evite de séparer le contenu des éléments entre plusieurs pages */
	.post-type-archive-offre .facetwp-template > .row * {
		break-inside: avoid;
		page-break-inside: avoid;
	}

	/* MOD-BM 05.05.2021 : Afficher les offres en forme "cartes" en 2x3 */
	.print_container tbody{
		padding-top: 80px;
	}

	.post-type-archive-offre .facetwp-template a[href]::after{
		content: none;
	}

	.post-type-archive-offre .facetwp-template > .row > div {
		max-width: 50%;
		height: 30%;
	}

	.post-type-archive-offre .facetwp-template > .row > div:nth-child(6n+7),
	.post-type-archive-offre .facetwp-template > .row > div:nth-child(6n+8){
		margin-top: 80px;
	}
}

/* MOD-BM 05.05.2021 : Ajout d'un header se répétant à chaque nouvelle page imprimée */
@media screen{
	.print_header{
		display: none;
	}
}

.print_container > tbody{
	border: none;
}

.print_container,
.print_container > thead > tr > td,
.print_container > tbody > tr > td{
	margin: 0;
	padding: 0;
	border: none;
}

.print_header img{
	width : 200px;
	margin: 0 auto;
}

/* Front page
	ROHS
*/

.front-page-1 .widget {
    max-width: 950px;
}

.page-header h1 {
    max-width: 950px;
}

/* Partenaire, single view
   ROHS 
*/


/* temp, del
.entry-partenaire {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
	color: white;
}*/

/* Barre du haut */
#secondary-partenaire-topbar {
	
	padding: 10px 40px;
	background: #141e28;
	color: #fff;
	transform: rotate(-2deg);
	
	text-transform: uppercase;
	font-weight: bold;
	font-size: 20pt;
	
	z-index: 10;

	position: relative;
	top: -122px;
	left: -5px;
	width: 105%;
}

@media screen and (max-width: 800px) {
	#secondary-partenaire-topbar { 
		font-size: 16pt;
	}
}

.single-offre .content-sidebar-wrap {
	position: relative;
	top: -145px;
	padding-bottom: 0px;
}

.single-offre .page-header h1 {
	display: none;
}

.single-offre .page-header {
    padding: 45rem 0 12.5rem;
}

.single-offre .page-header::before {
    background-color: rgba(20,30,40,0);
}

/* Barre du bas */
#partenaire-topbar {
	padding: 13px 33px;
	background: #e1001a;
	color: #fff;
	
	position: relative;
	
	top: -122px;
	
	font-weight: bold;
	font-size: 20pt;
}

#partenaire-topbar a {
	color: #fff;
}

#partenaire-map { 
	height: 450px;
	margin-top: -80px;
} 

.partenaire-card {
	margin-top: 20px;
	margin-bottom: 20px;
	background: #fff;
	padding: 20px;
	border-radius: 2px;
	display: inline-block;
	min-height: 100px;
	width: 100%;
	box-shadow: 0 0px 2px rgba(0,0,0,0.2);
}


.partenaire-info-card {
	background: #f8f8f8;
}

.partenaire-detail-card {
	background: #141e28;
	color: white;
}


/* FDC 20.02.2019: Modification de la couleur des liens dans les pages partenaires */
.partenaire-detail-card p a{
	color: white;
}

.partenaire-galerie .image {
	height: 340px;
	background-size: cover !important;
	background-position: center !important;
}

/* FAQ Fix
   ROHS 
*/

.gs-faq__answer p {
	margin-top: 15px;
}


/* General
   ROHS 
*/

.page-header::before {
    /* background-color: rgba(20,30,40,0.5); */
    background-color: rgba(20,30,40,0.1);
}

.nopadding {
	padding: 0 !important;
}


.title-area {
	max-width: 250px;
	max-width: 25rem;
}

/* FacetWP CSS categorie event 
   ROHS
*/ 
.facetwp-facet.facetwp-facet-offrecat {
    margin-bottom: 0;
}

/* Radio styles */

/*
.facetwp-facet-offrecat .facetwp-radio {
    display: inline-block;
    background: none;
	
	line-height: 20px;
	
    // width: 400px;
	
    margin: 0;
	
	background: rgba(0,0,0,0.05) !important;
	padding: 10px;
	margin-right: 5px;
}

.facetwp-facet-offrecat .facetwp-radio img {
	float:left;
	margin-right: 7px;
}

.facetwp-facet-offrecat .facetwp-radio span {
	float:right;
	line-height: 24px;
}

.facetwp-facet-offrecat .facetwp-radio.checked {
	//background: none;
	background: #f3f3f3;
	
	-webkit-filter: grayscale(0%); 
    filter: grayscale(0%);
	
}
.facetwp-facet-offrecat .facetwp-radio img {
    opacity: 1;
    vertical-align: top;
    width: 24px;
	
	-webkit-filter: grayscale(100%); 
    filter: grayscale(100%);
}
.facetwp-facet-offrecat .facetwp-radio.checked img {
    opacity: 1;
} */

/* checkbox styles */


/*
.facetwp-facet-offrecat .facetwp-checkbox {
    display: inline-block;
    background: none;
	
	line-height: 20px;
	
    // width: 400px;
	
    margin: 0;
	
	background: rgba(0,0,0,0.05) !important;
	padding: 10px;
	margin-right: 5px;
} */

/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.facetwp-facet-offresdisponibles .facetwp-checkbox span,
.facetwp-facet-offrecat .facetwp-checkbox span, 
.facetwp-facet-offrespeciale .facetwp-checkbox span {
	/* FDC 29.01.2019: old */
	/*padding-left: 10px;*/
	padding-right: 10px;
	
	/* New */
	float:left;
}

/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.facetwp-facet-offresdisponibles .facetwp-checkbox,
.facetwp-facet-offrecat .facetwp-checkbox, 
.facetwp-facet-offrespeciale .facetwp-checkbox {
	/* FDC 29.01.2019: old */
	display: inline-block;
    /* background: none;
	background: #f3f3f3;
	padding: 10px;
	margin: 5px; */
	margin-right: 50px;
	
	/* New */
	background: #ffffff;
	padding-left: 5px;
}

/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.facetwp-facet-offresdisponibles .facetwp-checkbox,
.facetwp-facet-offrespeciale .facetwp-checkbox {
	margin-right: 0px;
}

/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.facetwp-facet-offresdisponibles .facetwp-checkbox img,
.facetwp-facet-offrecat .facetwp-checkbox img, 
.facetwp-facet-offrespeciale .facetwp-checkbox img {
	/* FDC 29.01.2019: old */
	/*float:left;
	// margin-right: 7px;
	
	margin-left: -61px;
	
	//position: relative;
	//left: -60px; */
	
	/* New */
	float:right;
}

/* FDC 29.01.2019: useless */
/*.facetwp-facet-offrecat .facetwp-checkbox span, 
.facetwp-facet-offrespeciale .facetwp-checkbox span {
	float:right;
	// line-height: 24px;
	line-height: 60px;
	
	padding: 0px 10px;
}
/* MOD-MS 16.04.2018 : Changement du greyscale de 40 à 0% 
.facetwp-facet-offrecat .facetwp-checkbox.checked img,
.facetwp-facet-offrespeciale .facetwp-checkbox.checked img {
	-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
/* MOD-MS 16.04.2018 : Changement du greyscale de 0 à 40% et elèvement du .checked à .facetwp-checkbox 
.facetwp-facet-offrecat .facetwp-checkbox img, 
.facetwp-facet-offrespeciale .facetwp-checkbox img {
	-webkit-filter: grayscale(40%);
    filter: grayscale(40%);
} */

/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.facetwp-facet-offresdisponibles .facetwp-checkbox.checked,
.facetwp-facet-offrecat .facetwp-checkbox.checked, 
.facetwp-facet-offrespeciale .facetwp-checkbox.checked {
	/* FDC 29.01.2019: old */
    /* background: #f3f3f3; */
	
	/* New */
	background: inherit;
}

/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.facetwp-facet-offresdisponibles .facetwp-checkbox img,
.facetwp-facet-offrecat .facetwp-checkbox img, 
.facetwp-facet-offrespeciale .facetwp-checkbox img {
	/* FDC 29.01.2019: old */
    /* opacity: 1;
    vertical-align: top;
    
	height: 60px;
	//width: 24px; */
	
	/* New */
	vertical-align: middle;
}

/* FDC 29.01.2019: useless */
/* .facetwp-facet-offrecat .facetwp-checkbox.checked img, 
.facetwp-facet-offrespeciale .facetwp-checkbox.checked img {
    opacity: 1;
} */

.facetwp-btn:before {
	margin-top: 5px;
}

/* FDC 29.01.2019: new */
/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.facetwp-facet-offresdisponibles .facetwp-checkbox img,
.facetwp-facet-offresdisponibles .facetwp-checkbox span,
.facetwp-facet-offrecat .facetwp-checkbox img, 
.facetwp-facet-offrespeciale .facetwp-checkbox img,
.facetwp-facet-offrecat .facetwp-checkbox span, 
.facetwp-facet-offrespeciale .facetwp-checkbox span,
#facetwp-location,
#facetwp-radius,
.facetwp-search,
.listview > a {
	height: 40px;
	line-height: 40px;
}

::placeholder {
  font-style: italic;
  opacity: 0.5;
}

#facetwp-radius, #facetwp-location {
	width: inherit;
}

/* FDC 24.01.2019: Modification des largeurs */
#facetwp-location {
	width: 74%;
}

#facetwp-radius {
	width: 24%;
}

/* Force header image on "offres" archives 
   ROHS
*/
.post-type-archive-offre .page-header{
    /* MOD-PP 12.11.21 : affichage de la bannière pour l'hiver / Noël, mise en commantaire de l'ancienne
    background-image: url("https://www.passeport-valaisan.ch/wp-content/uploads/2017/11/cropped-montagne-zermatt-small.jpg") !important;*/
    background-image: url("https://www.passeport-valaisan.ch/wp-content/uploads/2019/01/Winter_homepage_background.jpg") !important;
    padding: 15rem 0rem 7rem 0;
}

.single-product .page-header{
	background-image: url("https://www.passeport-valaisan.ch/wp-content/uploads/2017/11/cropped-montagne-zermatt-small.jpg") !important;
}

/* FDC 20.11.18 : Modification de l'image "banner" de la page 404 */
.error404 .page-header{
	background-image: url("https://www.passeport-valaisan.ch/wp-content/uploads/2018/11/bryan-minear-325881-unsplash-1280x720.jpg") !important;
}

.page-header{
	padding: 15rem 0rem 7rem 0;
}

/* CSS for offres grid and filters (facetwp) 
   ROHS
*/
 
 /*
.passval-offre-bloc {
	border-radius: 0.25rem;
	box-shadow: 0 20px 40px -14px rgba(0,0,0,0.25);
	// padding: 1rem;

	border: 8px solid white;
	font-size: 10pt;

	height: 200px;
		
		
	background-position: center;
	background-size: cover;
	transition: all .5s;
} */


.passval-offre-bloc {
	padding: 1rem;
}

.passval-offre-bloc a {
	text-decoration: none;
}

.passval-offre-card {
	border-radius: 0.5rem;
	box-shadow: 0 0px 20px rgba(0,0,0,0.15);
	overflow: hidden;

	background-size: cover;
	background-repeat: no-repeat;
	/* background-size: 100%;
	background-position: top;*/
	
	height: 300px;
	position: relative;

	transition: all .1s ease-in-out;
}

/* MOD-BG 10.12.2020 - On retire le bounce sur le hover pour gérer plus facilement le lien vers la page toutdebons.ch, à retirer après la crise
.passval-offre-card:hover {
	transform: scale(1.05);
}*/

.image-index-cat {
	display: inline;
}



.facetwp-facet.facetwp-facet-offrecat {
	margin-bottom: 0;
	/* FDC 29.01.2019: useless */
	/* margin-left: 32px; */
}
	

.passval-offre-content {
	padding: 1rem;
	/* background: rgba(255,255,255,0.85);*/
}

/* MOD-BM 30.11.2021 : Modification des règles de positionnement pour l'ajout de la date de déroulement de l'évènement */
.passval-offre-content > .row:not(:first-child){
	margin-top: 10px;
}

/* MOD-BM 30.11.2021 : Ajout de la date de déroulement de l'évènement */
.passval-offre-date{
	font-size: 1.1rem;
}

#dates_evenement i {
	font-style: normal;
	margin-right: 5px;
	color: #e41e36;
	font-size: 38px;
}

.passval-offre-title span, .passval-offre-localite span, span.offre-economie {
	border-radius: 10px;
    padding: 0px 10px;
	background: white;
}

/* MOD-BM 12.05.2021 : L'icône du calendrier ne doit pas être en italique */
.passval-offre-date i{
	font-style: normal;
}

/* MOD-BM 06.05.2021 : Modification des règles de positionnement pour l'ajout de la date de déroulement de l'évènement
.passval-offre-localite span {
	position: relative;
	top: 10px;
}*/

.passval-offre-content-secondary {
	background: #e1001a;
	color: white;
/* 	position: relative;
 	top: -30px;*/


	width: 100%;

	position: absolute;
	bottom: 0;
	left: 0;
	
	font-size: 1.70rem;
	
		
	/* Icone en background */
	background-repeat: no-repeat;
	background-position-x: 70%;
	background-size: 50px;
	background-position-y: 5px;
}

.passval-offre-no-offer {
	text-align: center;
}

@media screen and (max-width: 360px) {
	.passval-offre-content-secondary {
		background-image: none !important;
	}
	/* MOD-MS 27.03.2018 : Centrage du boutton dans le footer */
	.before-footer{
		/*margin-left: 25vw;*/
		float: initial;
	}
	.before-footer a{
		width: 100%;
		text-align: center;
	}
	
	/* MOD-MS 31.07.2018 : css pour checkbox sur mobile; */
	/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
	/*.facetwp-checkbox{*/
	.facetwp-checkbox:not([data-value="true"]){
		margin: 0 !important;
		margin-right: 5px;
	    width: 47% !important;
	    display: inline-block !important;
	    padding-left: 5px !important;
	}
	.facetwp-facet[data-name="offrecat"]{
		margin-left: 0 !important;
	}
	/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
	.facetwp-facet[data-name="offresdisponibles"],
	.facetwp-facet[data-name="offrespeciale"]{
		text-align: center !important;
	}
}

.passval-offre-content-primary {
	filter:grayscale(100%);
	transform: rotate(-2.5deg);

	background: #141e28;
	color: white;
	font-weight: bold;
	/* MOD-MS 13.02.2020 : Addaptation du css pour ajuster l'écriture */
	/*padding: 10px 40px 10px 20px;	*/
	line-height: 150%;
    font-size: 1.30rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 7px 20px 7px 15px;
	width: 105%;
	z-index: 100;
	
	position: absolute;
	bottom: 52px;
	left: -8px;
}

.passval-offre-content-secondary p, .passval-offre-content-primary p {
	margin: 0px;
}

.passval-offre-content-secondary p {
	font-size: 1.80rem;
	font-weight: bold;
}

.passval-offre-content-primary p {
	font-size: 1.50rem;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.offre-economie {
	color: red;
	font-size: 1.24rem;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.passval-offre-title a, a.no-underline {
	text-decoration: none;
}

.passval-offre-localite {
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/*.passval-offre-bloc-featured {
	border: 8px solid #bbb;
}*/

.locate-me {
	padding: 6px;
}

.f-reset{
	padding: 1px;
}

.pac-container:after {
    background-image: none !important;
    height: 0px;
}


/* MV - 21.06.2017 */
/* Page L'équipe   */
ul.team-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

ul.team-list li {
    display: inline-block;
    height: auto;
    margin: 3em 1.5em;
    position: relative;
    width: 280px;
    border-radius: 150px 150px 0 0 ;
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 6px rgba(0, 0, 0, .2);
}

span.text-content {
    background: rgba(0,0,0,0.5);
    color: white;
    display: table;
    height: 280px;
    left: 0;
    position: absolute;
    top: 0;
    width: 300px;
    opacity: 0;
    padding: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}
span.text-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 30px 15px;
	font-size: 1.7rem;
}

ul.team-list li:hover span.text-content {
    opacity: 1;
}

.team-list img, 
.team-list span.text-content{
    width: 280px;
    /*height: 300px;*/
    overflow:hidden;
    -webkit-border-radius:150px;
    -moz-border-radius:150px;
    border-radius:150px;
}

.team-list h3 {
    background-color: #141e28;
    display: block;
    color: #fff;
    padding: 2px;
    margin: 5px 0 5px 0;
}

.team-list span.title {
    font-weight: bold;
    display: block;
    color: #2c3b47;
    padding: 2px;
    margin-bottom: 5px;
}

button.disabled {
    background-color: #e67380 !important;
}

/*
.passval-language-switcher {
	position: fixed;
	top: 15px;
	right: 5px;
} */

/*
.lang-item a {	
	padding: 10px;
} */

.lang-item img {	
	width: 24px;
	height: 24px;
} 

/* 
.lang-item, .lang-item img {
    display: inline;
} */

.lang-item {
    margin-top: -6px;
}
	
/* Social icon fix, width < 990
   Lang icon hide, width < 990
   ROHS  
*/
@media (max-width:990px) { 
	.simple-social-icons {
		display: none;
	}
	/*
	.passval-language-switcher {
		display: none;
	}*/
}

@media (max-width: 768px) {
	
	.page-header {
		/* MOD-OM 30.08.18 - Suppression padding pour header moins haut 
		padding: 20rem 0 6rem;*/
		padding: 12rem 0 3rem;
	}
	
	/*.page-header h1 {
		font-size: 1.5rem;
	}*/
	
	.front-page-1 .button {
		margin-bottom: 10px;
	}

	/* MOD-MS 31.07.2018 : css pour checkbox sur mobile; */
	/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
	/*.facetwp-checkbox{*/
	.facetwp-checkbox:not([data-value="true"]){
		margin: 0 !important;
		margin-right: 5px !important;
	    width: 47% !important;
	    display: inline-block !important;
	    padding-left: 5px !important;
	}
	.facetwp-facet[data-name="offrecat"]{
		margin-left: 0 !important;
	}
	
	/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
	.facetwp-facet[data-name="offresdisponibles"],
	.facetwp-facet[data-name="offrespeciale"]{
		text-align: center !important;
	}
	
	/* FDC 29.01.2019: new */
	.facetwp-checkbox img{
		display: none;
	}
	
	/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
	.facetwp-facet-offresdisponibles .facetwp-checkbox span,	
	.facetwp-facet-offrecat .facetwp-checkbox span, 
	.facetwp-facet-offrespeciale .facetwp-checkbox span {
		float:initial;
		line-height: initial;
	
		padding: 0;
	}
}

.count {
	font-size: 4em;
}

/* MOD-BM 02.08.2021 : Changement du titre pour mettre en avant la promo biofruits */
p.promo-biofruits {
	text-shadow: 4px 4px 5px rgba(0,0,0,0.4);
}

.home-card img {
	margin-bottom: 20px;
	display: block;
    margin: 0 auto;
}

.home-card {
	margin-top: 35px;
	padding: 20px;
	background: rgba(255,255,255,0.3);
	border-radius: 4px;
	height: 360px;
	text-shadow: 4px 4px 5px rgba(0,0,0,0.4)
}


.home-card-partenaire {
	padding: 0px 0px;
}

.button-fullwidth {
	width: 100%;
}

.front-page-offres {
    background-color: #ffffff;
}

.front-page-sponsors img {
	margin: auto;
}

.front-page-sponsors {
    background-color: rgb(55, 64, 79);
}

.front-page-temoignages
{
	text-align:center;
}

@media (max-width: 768px) {
	.front-page-temoignages
	{
		text-align:center;
		padding-bottom:170px;
	}
	.front-page-gamification
	{
		text-align:center;
		padding-bottom:170px;
	}
}

#tem-offre-utilise{
	font-style: normal;
}

#tem-hr {
    display: block;
    margin: 0 auto 40px;
    margin: 0 auto 4rem;
    padding: 0;
    height: 3px;
    height: 0.3rem;
    width: 100px;
    width: 10rem;
    border: 0;
    background-color: #fb2056;
}

/*.front-page-offres {
   background-color: #ffffff;
}*/


.front-page-1 {
    padding: 25vh 0 10vh;
}

.passval-preview-offre-card p {
	padding: 5px;
	background: #e1001a;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	color: white;
	margin-bottom: 0;
}

img.image-nb {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}

img.image-nb:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}


.passval-preview-offre-card {
	overflow: hidden;
	position: relative;
	height: 30rem;
	border-radius: 0.5rem;
	box-shadow: 0 0px 20px rgba(0,0,0,0.15);
	background-size: cover !important;
	margin-top: 25px;
}

.menu-toggle {
    padding: 3.8rem 0;
}

/* Test header light */
/* MOD-FDC 21.12.21 : Ajout d'un deuxième titre à la page d'accueil */
.front-page-1 h1, .page-header h1, .front-page-1 h2 {
	/* MOD-OM 30.08.18 - Suppression padding pour header moins haut */
	padding-top: 0px;
	padding-bottom: 0px;
	text-shadow: 4px 4px 5px rgba(0,0,0,0.4);
}

.menu-item a {	
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.7);

}

.menu-item .sub-menu a {
	color: black;
	text-shadow: none;

}
/*
.menu-item a:hover, .menu-item a:focus, .menu-item.current-menu-item > a {
	color: #000;
}*/

#simple-social-icons-1 ul li a, #simple-social-icons-1 ul li a:hover {
    color: #fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.7) !important;
}

/* MOD-VV 13.02.2020 : Alignement du coeur avec le titre de l'offre */
.ajout_favoris{
	width: 40px;
	position: absolute;
	right: 10px;
	top: 10px;
}
.ajout_favoris:hover{
	cursor: pointer;
}
/* MOD-VV 13.02.2020 : Ajout css pour coeur favoris*/
#coeur{
	width: 40px;
	display: inline-block;
	vertical-align: middle;
}

.div-coeur:hover{
	cursor: pointer;
}
/* MOD-VV 13.02.2020 Changement CSS ajout favoris */
.div-coeur {
    text-align: center;
    width: 35%;
    margin-left: 25%;
    background-color: red;
    border-radius: 10px;
    font-size: 18px;
    height: 27px;
}
#coeur {
    width: 25px;
    display: inline-block;
    vertical-align: middle;
}
.favActive{
	background-color: white;
	color: red;
}
/* MOD-MS 13.02.2020 : css catégorie Favoris */
#showFavContainer{
	display: inline-block;
	margin-right: 50px;
}
#showFavContainer:hover, #showFavContainer span:hover, #showFavContainer img:hover, #showFavContainer input:hover, #showFavContainer label:hover{
	cursor: pointer;
}
#showFavContainer img{
	width: 27px;
	display: inline-block;
	vertical-align: middle;
}
/* MOD-MS 13.02.2020 : css catégorie Favoris */
#showNewContainer{
	display: inline-block;
}
#showNewContainer:hover, #showNewContainer span:hover, #showNewContainer img:hover, #showNewContainer label:hover, #showNewContainer input:hover{
	cursor: pointer;
}
#showNewContainer span:last-of-type{
	border-radius: 10px;
	padding: 0px 10px;
	font-size: 1.25rem;
	vertical-align: middle;
}
/* MOD-MS 13.02.2020 : Ajout du style des boutons favoris et new désactivé */
.showDisabled{
	opacity: 0.4;
    cursor: default;
}
.showDisabled:hover, .showDisabled span:hover, .showDisabled img:hover, .showDisabled input:hover, .showDisabled label:hover{
	cursor: default;
}
/* MOD-MS 13.02.2020 : Retrait du margin-bottom */
/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.alignright .facetwp-facet[data-name="offresdisponibles"],
.alignright .facetwp-facet[data-name="offrespeciale"]{
	margin-bottom: 0;
}

.offre-single-icone img { 
	height: 60px;
	margin: auto;
}

.offre-single-icone {
	text-align: center;
}

/* MOD-OM 09.03.18 : pourquoi cette marge ? Voir avec SR
.home-icones {
	margin-bottom: 100px;
}*/

.home-icones a {
	text-decoration: none;
}

/* Animation home */

.icon-widget:hover .hoveranim-rubberBand {
	-webkit-animation: rubberBand 1s;
    animation: rubberBand 1s;
}

.icon-widget:hover .hoveranim-swing {
	-webkit-animation: swing 1s;
    animation: swing 1s;
}

.icon-widget:hover .hoveranim-flash {
	-webkit-animation: flash 1s;
    animation: flash 1s;
}

.icon-widget:hover .hoveranim-rotateIn {
	-webkit-animation: rotateIn 1s;
    animation: rotateIn 1s;
}

/* Header du site, fond de couleur et transparence */
.site-header {
	background: rgba(20, 30, 40, 0.35)
}
.menu-item a {
    font-size: 11pt;
}

/* Logo size fix
   ROHS 
*/
.custom-logo {
	/* height: 100px;
	height: 10rem; */
	margin-top: -5px; 
	height: 70px !important;
	width: auto;
}

.slick-prev, .slick-next {
    width: 25px;
    height: 25px;
}
	
.slick-prev {
    left: -35px;
}

.slick-next {
    right: -35px;
}

.slick-prev::before, .slick-next::before {
    font-size: 25px;
    opacity: 1;
    color: #e1001a;
}


/* WooCommerce (genesis) customisations */
p.woocommerce-result-count, form.woocommerce-ordering {
    display: none;
}

/* Footer icons for applications */
.passval-app-icons img {
	display: inline;
}

.hidden {
	display: none !important;
}


/* Default bg image */
.single-offre .page-header {
	background-image: none;
}

.woocommerce ul.products li.product:nth-of-type(4n){
	margin-left:0;
}

/* MOD-MS 27.03.2018 : Cachement de la catégorie dans les articles */
.product_meta{
	display: none;
}

/* MOD-MS 27.03.2018 : Changement du bleu(#1e85be) en rouge(#e1001a) dans la finalisation de la commande  */
.woocommerce .woocommerce-info{
	border-top-color: #e1001a;
}
.woocommerce .woocommerce-info::before{
	color: #e1001a;
}

/* MOD-MS 27.03.2018 : Changement en rouge les bouttons du plugin Woocommerce Cart */
.xoo-wsc-footer-b a{
	background-color: #e1001a !important;
	width: 100% !important;
}

/* MOD-MS 27.03.2018 : Modification Thankyou page */
.woocommerce ul.order_details{
	margin: 0 0 1.5em;
}
.configPasseport{
	text-align: center;
	margin: 0 0 1em;
}
.woocommerce-order h2{
	color: #e1001a;
}
/* MOD-MS 28.03.2018 : Ajout de séparateur dans la page Thanyou */
.woocommerce-bacs-bank-details, .woocommerce-order-details{
	border-top: 2px solid rgba(255,0,26,0.6);
	padding-top: 1.5em;
	/*border-top-style: inset;*/
}
/* MOD-MS 29.03.2018 : Alignement du logo paypal sur la page payement */
.payment_method_paypal label img{
	display: inline;
}
/* small button for configure page */
button.small {
	padding: 0.5em 0.8em;
}
/* MOD-MS 17.04.2018 : Cachement des ligne s'affichant quand il n'y a plus d'offre à afficher */
.facetwp-template p{
	display: none;
}
.facetwp-template .row p{
	display: initial;
}
/* TNT OM */
#ship-to-different-address
{
	font-size: 1em;
}

/* MOD-MS 27.07.2018 : Mise à la ligne de "Notes de commande" */
.woocommerce form .form-row label[for="order_comments"]{
	width: 100%;
	float: left;
}

/* MOD-OM .04.08.2018 : fix pour loader toujours visible sur la page, même si page a un scroll */
.woocommerce .blockUI.blockOverlay:before {
position:fixed!important
}

/* MOD-OM 06.08.2018 : ajustement taille police boutons dans boutique */
a.button,.woocommerce button.button, .woocommerce input.button, .woocommerce input[type='submit'], .woocommerce #respond input#submit
{
	font-size: 1.4rem;
}

/* MOD-OM 15.10.2018 : ajustement visuel boutique liste des produits */
.woocommerce div.product div.images img{
	width: 75%!important;
	margin:auto;
}
.woocommerce div.product div.images
{
	margin-bottom: 0!important
}
/* Réglage affichage prix */
/* FDC 08.11.18 : modification de la taille de la marge inférieure */
.woocommerce div.product p.price, .woocommerce div.product span.price{
	float: none!important;
	font-family: Brocha!important;
	margin:auto;
	margin-bottom: 2rem;
	text-align:center;
}
/* Hauteur de la case quantité */
.woocommerce .quantity .qty{
	line-height:1.6!important;
}
/* Réglage bouton commander centré version mobile */
.woocommerce div.product form.cart{
	width:85%;
	margin: auto;
	text-align:center;
}
/* Suppression entête tabs dans la description produit */
.woocommerce div.product .woocommerce-tabs ul.tabs{
	display:none;
}
/* Ajout padding pour version mobile texte bloc Description */
.woocommerce div.product .woocommerce-tabs .panel{
	padding: 1rem;
	text-align: justify;
}
.payment_box payment_method_bacs{
	text-align: justify;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
	text-align: justify;
}
/* Ajout padding pour version modile titre "Produit apparentés" */
.products h2 {
	padding: 1rem;
}
/* Fond "Description" page produit */
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs{
	background: #f6f7f8;
}
/* Taille texte dans checkout (boxes  coupon, login ,etc.) */
.woocommerce-message, .woocommerce-error, .woocommerce-info{
	font-size: 1.5rem;
}
/* Taille texte dans checkout */
.woocommerce table.shop_table{
	font-size: 1.5rem;
}

.about_paypal{
	display:none;
}

/* FDC 19.04.2019: Modifications visuelles de stripe lors de la commande 
.woocommerce-checkout #payment .payment_method_stripe label[for=payment_method_stripe], #add_payment_method #payment .payment_method_stripe label[for=payment_method_stripe]{
 padding-left: 33px;
}*/

#add_payment_method #payment ul.payment_methods li img, .woocommerce-cart #payment ul.payment_methods li img, .woocommerce-checkout #payment ul.payment_methods li img {
    display: inline-block;
}

#add_payment_method #payment ul.payment_methods li img.stripe-icon, .woocommerce-checkout #payment ul.payment_methods li img.stripe-icon {
	margin: -2px 0 0 .5em;
}

/* Formatage des titres dans la partie checkout*/
.woocommerce-billing-fields h3, #order_review h3, #order_review_heading{
	text-align:center;
	background:#f6f7f8;
	line-height: 4rem;
}
/* Liste ds moyens de livraison pas en gras */
.woocommerce ul#shipping_method li label{
	font-weight: 400!important
}

/* FDC 17.10.2018 : mise en forme du formulaire de contact du PV 
   FDC 23.10.2018 : changement de la marge supérieure */
.passeport-contact-form{
	margin-top: 25px;
	margin-bottom: 90px;
	min-height: 100px;
	width: 100%;
}
/* MOD-OM : cacher phrase en anglais sous-total dans module panier */
.xoo-wsc-shiptxt
{
	display:none;
}
/* MOD-BM 06.05.2021 : Unifier les couleurs à travers le site
label {
	color:#567!important;
}*/

/* FDC: 05.11.2018: mise en forme du thème Full Image dans le plugin popup maker */
.pum-theme-full-image .pum-container{
	overflow: hidden;
}

.pum-theme-full-image .pum-content + .pum-close{
	font-size:170%;
	padding: 1%;
	line-height:90%;
}

/* FDC 05.11.2018: augmentation de la largeur de la bande promo pour les articles woocommerce */
.woocommerce span.onsale{
	width: auto;
}

/* MOD-OM 09.11.2018 : espacement entre les lignes du tableau de la liste des PV dans la page de configuration*/
#tbConfigPass {
	line-height: 5rem;
}

/* FDC 19.11.18 : Modification de l'affichage des informations liées à un article (page article) */
.post-content{
	margin-bottom: 30px;
	font-size: 17px;
	font-size: 1.7rem;
	color: #556677;
}

.posted-on{
	margin-right: 10px;
}

/* FDC 19.11.18 : Modification de l'affichage des boutons share (Facebook et Twitter) */
.share-after{
	text-align:center;
}

.share-medium .no-count .share,
.share-medium .sharrre:hover .no-count .share{
	width:300px;
	text-align: center;
}

.share-medium .share, .share-medium .count {
	font-size: 22px;
	height: 45px;
	line-height: 45px;
}

.share-medium .share:before {
    font-size: 22px;
    top: 10px;
    left: 100px;
}

.sharrre {
    margin-right: 5px;
	margin-left: 4px;
}

/* FDC 29.01.2019: Visuels des boutons permettant de changer la vue des offres (liste ou grille) */
.listview {
	text-align: center;
}

.listview > a{
	display: inline-block;
	width: 40px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	border: 0.2rem solid #f0f1f2;
	border-radius: 0.4rem;
	opacity: 0.5;
	font-size: 115%;
}

.listview > a > .fa {
	margin-top: 8px;
}

.listview .selected {
	opacity: inherit;
	border-color: #000000;
}

/* FDC 16.04.2019: Suppression de la puce dans la liste des spécifications d'une commande (T-Shirt ...) */
.woocommerce-table__line-item .woocommerce-table__product-name .wc-item-meta li {
	list-style-type: none;
}

/* FDC 20.02.2019: Visuels d'un champs input dans un produit woocommerce (Extension:Product Input Fields for WooCommerce) */
.alg-product-input-fields-table{
	table-layout: fixed;
    margin-bottom: 1em;
    border: 0;
    width: 100%;
}

.alg-product-input-fields-table label{
	font-weight: 700;
}

.alg-product-input-fields-table td{
	border: 0;
    vertical-align: top;
    line-height: 2em;
}

.alg-product-input-fields-table td:last-child{
	padding-bottom: 18px;
}

.nom-parrains, .nom-amis {
	text-align:center;
}

.boîte-parrains {
	padding-bottom: 1rem;
}

.boîte-amis {
	padding:0 2.1rem;
}

.centered-image {
	margin: 0 auto;
}

/* MOD-BM 15.04.2021 : Changements visuels en lien avec les pages de commandes spéciales hostcard (Nax/Anniviers) */
body.page-id-27140, body.page-id-21540, body.page-id-21405{
	background-color: white;
}
body.page-id-27140 h1, body.page-id-21540 h1, body.page-id-21405 h1{
	color: black;
	text-shadow: none;
}

.hostcard_container{
	padding: 0 49px;
}

.hostcard_container p,
.hostcard_container li{
	color: black;
}

.hostcard_container a{
	color: red;
}

/*ligne 6074: !important utilisé, celui-ci est donc nécessaire pour passer outre*/
.hostcard_container label{
	color: black!important;
	font-weight: normal;
}

.hostcard_welcome{
	border: 3px solid #e1001a;
    padding-top: 25px;
    padding-bottom: 25px;
	padding-right: 5px;
}

.hostcard_welcome img{
	margin-top: -5%;
}

.hostcard_container p.steps_header{
	text-align: center;
	margin-top: 1em;
	margin-bottom: 2em;
}

.hostcard_steps a{
	color: #e1001a;
}

.hostcard_steps .steps{
	--list-count-size: 40px;
	margin-bottom: 2em;
	margin-left: 0;
}

.steps li {
	display: block;
	position: relative;
	counter-increment: inst;
}

.steps li::before {
	content: counter(inst);
	position: absolute;
	top: 0;
	left: calc(-1 * var(--list-count-size) - 10px);

	border: 3px solid #e1001a;
	border-radius: 50%;

	width: var(--list-count-size);
	height: var(--list-count-size);

	color: #e1001a;
	text-align: center;
	line-height: calc(var(--list-count-size) - 6px);
	font-weight: bold;
}

.steps li:not(.hostcard_form)::before{
	top: -10px;
}

.steps li:first-child::before{
	margin-top: 1rem;
}

.steps li:not(:first-child){
	margin-top: 3em;
}

.steps .list_inner{
	margin-top: 2em;
	margin-bottom: 2em;
}

.steps .textwidget{
	margin-bottom: 3em;
}

.hostcard_input {
	width: 13rem;
}

.hostcard_validate + img{
	margin-top: 10px;
}

@media (max-width:768px){
	.hostcard_input{
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

.passval-app-icons a{
	margin-right: 10px;
}

.hostcard_container h3{
	margin-bottom: 2em;
}

.delivery_delay{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 1em -50px 0 -50px;
}

.entry .entry-content .delivery_delay p{
	color: #e1001a;
	text-align: center;
}

.down_arrow{
	display: block;
	transform: rotate(45deg);
	margin-bottom: 2em;
	border-style: solid;
	border-color: #e1001a;
	border-width: 0px 2px 2px 0px;
	height: 40px;
	width: 40px;
}

/* FDC 31.07.2019: Changement de visuel du champs mot de passe sur la page "mon compte" */
.input-group-btn {
	position: relative;
	font-size: 0;
	white-space: nowrap;
}
.input-group-addon, .input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: bottom;
}
.input-group .form-login-password, .input-group-addon, .input-group-btn {
	display: table-cell;
}

.form-login-password {
	border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group .form-login-password {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
margin-bottom: 0;
}

.input-group {
	position: relative;
	display: table;
border-collapse: separate;
}

.btn-secondary{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	padding: 11px 0;
    line-height: 1.5;
    background-color: #f0f1f2;
}

.btn-secondary:hover {
	box-shadow: none !important;
}

.btn-secondary:focus {
	outline: 0rem solid #f0f1f2;
}

/* FDC 13.08.2019 : Changement de la couleur des boutons qui concernent la liaison de compte */
.passval-button {
	background-color: #e1001a !important;
}

/* FDC 19.08.2019 : Changement des espaces texte dans la page liaison de compte */
.message, .message2, .message4 {
	padding-bottom: 1.5rem;
}

/* FDC 10.10.2019 : Déplacement du bouton de validation de l'offre */
.validation-visit{
	margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

/* FDC 12.03.2021 : Modifcation du visuel de la page "validation" d'une offre */
.button-return {
	margin-bottom: 2rem;
}

.validation-visit,
.validation-message {
	width: 100%;
	text-align: center;
}

.validation-button {
	background-color: #e1001a !important;
}

#validate-form-amount {
	width: 100%;
}

.site-inner.invalid #btnRetour,
.site-inner.valid #btnRetour,
.site-inner.warning #btnRetour,
#validate-form-amount {
	background-color: white;
    color: black;
}

.validation-form-title {
	margin: 0px;
}

.validation-form-subtitle {
	padding-bottom: 1.5rem;
	font-size: 18px;
}

.validation-visit-amount-label {
	text-align: right;
}

.validation-visit-amount-input {
	width: 120px;
}

.validation-form-explenation {
    font-size: 1.4rem;
}

.validation-form-title,
.validation-form-explenation,
.validation-visit-amount-label{
	padding-top: 1.5rem;
}

.check {
    border-radius: 50%;
    width: 80px;
    height: 80px;
	margin-bottom: 5px;
	border: 2px solid white;
}

.check-middle {
	padding-top: 20px;
}

.check-message {
	font-size: 1.5em;
	margin-bottom: 30px;
}

.message {
	text-align: left;
}

.inline-block {
	display: inline-block !important;
}

.color-red {
	color: red;
}

.color-red-pvs {
	color: #e1001a;
}

.color-green {
	color: green;
}

.site-inner.invalid {
	background-color: red;
	color: white;
}

.site-inner.valid {
	background-color: green;
	color: white;
}

.site-inner.warning {
	background-color: orange;
	color: white;
}

.center {
	text-align: center !important;
}

.fa-2x-normal {
	font-size: 2em;
}

/* FDC 14.10.2019 : gestion des marges et des largeurs des boutons de validation numérique my-account.php */
.pv-scan-validation {
	margin: 1rem 0 1rem 0;
}   

.pv-manual-validation {
	margin: 1rem 0 3rem 0;
}

.button-pv-validation {
	width: 22rem !important;
}

/* FDC 24.10.2019 : visuel de l'historique */
.visit-history-subscribtion {
	margin-bottom: 3rem;
}

.visit-history-title {
	cursor: pointer;
	margin-bottom: 1.5rem;
}

.visit-history-economy-title{
	text-align:center;
}

.visit-history-economy{
	margin-top: 1.5rem;
	color:#e1001a;
}

/* FDC 05.11.2019 : Permet d'afficher au premier plan les localités recherchées dans la liste des offres */
.location-results {
	z-index: 1;
}

/* FDC 04.12.2019 : visuel des champs configuration Passeport */
.passport-configuration-form-field {
	margin-bottom: 2rem;
}

/* BG 03.06.2020 : Page de transi du nouveau shop */
.mainBtnTransi {
	margin:auto;
	margin-top:10px;
	transition: 0.2s;
}

.mainBtnTransi:hover {
	transform: scale(1.05);
}

.offrirValaisImg {
	margin:auto;
	transition: 0.2s;
	/* MOD-BM 07.09.2021 : Modification de la taille pour correspondre aux nouveaux pictos
	width:210px;*/
	width: 260px;
}

.offrirValaisImg:hover {
	transform: scale(1.05);
}

.offrirValaisList {
	margin-left:30px !important;
}

.offrirValaisList > li{
	color:black !important;
	margin: 0;
	padding: 10px 0 10px 60px;
	list-style: none !important;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 40px;
	font-size:16px;
}

.offrirAvertissement {
	color:red;
	background-image: url("https://beta.passeport-valaisan.ch/wp-content/uploads/2020/06/warning-icon.png");
}

.offrirLivraison {
	
	background-image: url("https://beta.passeport-valaisan.ch/wp-content/uploads/2020/06/livraison.png");
	
}

.offrirFormat {
	background-image: url("https://beta.passeport-valaisan.ch/wp-content/uploads/2020/06/format.png");
}

.offrirContient {
	background-image: url("https://beta.passeport-valaisan.ch/wp-content/uploads/2020/06/contenu.png");
}

a.bg-remove{
	color:red;
	text-decoration: none;
}

/* MOD-BG : 30.06.2020 : Style relatif à la modification du panier depuis la page de checkout */
.woocommerce a.remove {
	display:inline !important;
	margin-right:10px;
}

.quantity {
	display:inline !important;
}

.woocommerce a.remove:hover{
	color:gray!important;
	background:#fff;
}

/* MOD-BG 26.06.2020 : Style relatif à la page de contact */
.contact-row {
	width:75% !important;
	margin:auto !important;
}
	
.contact-picto {
	margin:auto !important;
	transition: 0.2s !important;
}
	
.contact-picto:hover {
	transform: scale(1.05) !important;
}

.picto-labels{
	margin:auto !important;
	text-align:center !important;
	color: black !important;
}

.middle-label-contact {
	color: black !important;
	padding-top: 50px;
	text-align:center !important;
}

.top-label-contact {
	color:black !important;
}

#infos-passval-contact {
	border: 1px solid black;
	border-radius: 10px;
	padding:12px;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
    width: 75%;
    margin-bottom: 35px;
}

.aligncentercontact {
	display: block;
	margin: 0 auto 1em;
	text-align: center;
}

@media (max-width: 768px) {
	.small-contact-frame {
		margin-bottom:30px;
	}

	.middle-label-contact {
		padding-top:20px !important;
	}
}

/* MOD-BG 27.08.2020 : Remarque dans le review order si l'article est un passeport valaisan */
#review-order-remarque{
	font-weight: 400;
}

/* 
	CSS RELATIF AUX TEMOIGNAGES
*/
.tem-image{
	position: relative;
}

.tem-description{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(225, 0, 26, 0.72);
	color: #fff !important;
	visibility: hidden;
	opacity: 0;
	transition: opacity .2s, visibility .2s;
	margin:10px;
	padding:15px;
	text-align:left !important;
}

.tem-descr-title{
	font-weight: bold;

}

.tem-image:hover .tem-description {
	visibility: visible;
	opacity: 1;
  }

#tem-main-title {
	text-align: center;
	font-size: 24px !important;
	font-size: 2.4rem !important;
	margin: 10px auto;
	margin: 1rem auto;
}

#tem-dropdown {
	width:25%;
	display:none;
	float:right;
	padding: 0px 10px;
	color:black;
	margin-top:6px;
}

#tem-content {
	opacity:0;
}

.tem-link-box {
	position:absolute;
	right:10px;
	bottom:10px;
	color:#fff;	
}

.tem-link-box > a {
	color:#fff;
	text-decoration: none;
	border: 1px solid white;
    border-radius: 10px;
    padding: 3px;
}

.tem-link-box > a:focus {
	outline: 0;
}

.tem-link-box > a:hover {
	background-color:gray;
}

#tem-link:focus {
	outline:0;
}

#tem-link {
	color:#fff;
	text-decoration: none;
	border: 1px solid white;
    border-radius: 10px;
    padding: 3px;
}

#tem-link:hover {
	background-color:gray;
}

#btn-retirer-filtre-tem {
	display:none;
	padding:7px;
}

#tem-filter-title {
	border-bottom: 2px solid black;
	
}

.tem-filters {
	opacity: 0;
}

#no-tem-label {
	margin-bottom:10px;
}

.temoignages-slider {
	opacity:0;
}

script {
	display:none !important;
}

.tem-cta{
	text-align:center;
}

.tem-ctrl-right {
	float:right;
}

.btn-ctrl-back-send {
	width:300px;
	text-align:center;
}

.tem-ctrls-row {
	margin-top:50px;
}

.tem-fulltext {
		font-style:italic;
}



.tem-ctrls-gauche {
	text-align:right;
}

.tem-ctrl-arrows {
	margin-bottom:10px;
	width:50px;
	display:inline-block;
}

#tem-signature {
	/* MOD-FDC 04.11.21 : modification selon PP */
	/*font-style:normal;
	font-weight: bold;*/
	font-style: italic;
}



@media (max-width: 768px) {
	.tem-ctrls-row {
		margin-top: 0px;
	}

	.tem-fulltext{
		margin-top:30px;
	}

	#no-tem-btn {
		width: 100%;
		text-align: center;
		font-size: 14px !important;
	}

	#prevNextBtn {
		width: 100%;
		text-align: center;
		font-size: 14px !important;
		margin-bottom:0px!important;
		margin-top:14px!important;
	}

	#tem-filter-title {
		border-bottom: 0;
		text-align: center;
		padding-top: 35px;
		font-size:35px;
	}

	#wrap-tem {
		margin-bottom:-160px;
	}

	#tem-dropdown {
		width:100%;
		margin-bottom:10px;
		padding: 0.5em 1em;
	}

	#btn-retirer-filtre-tem {
		width:100%;
		padding:12px;
		font-size:14px !important;
	}

	.slick-dots > li > button:hover {
		box-shadow: none;
	}

	/* 
	
	MISE EN PROD : A INSERER DANS passval/slick/slick-themes.css en ligne 174

	@media (min-width: 768px) {
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before
    {
        opacity: 1;
    } */
}

/*
	BG : CSS RELATIF AUX COMMANDES DES SLIDERS DE PAGES D'OFFRES
*/

.nextImg, .prevImg {
	line-height: 0;
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	bottom: 250px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	border: none;
	outline: none;
}

.prevImg {
	left:1%;
}

.nextImg {
	right:1%;
}

@media (max-width: 768px) {
	.nextImg, .prevImg {
		line-height: 0;
		position: absolute;
		display: block;
		width: 25px;
		height: 25px;
		bottom: 250px;
		padding: 0;
		-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		transform: translate(0, -50%);
		cursor: pointer;
		border: none;
		outline: none;
	}
	
	.prevImg {
		left:1%;
	}
	
	.nextImg {
		right:1%;
	}
}

/* 
 * SUPERPRIX - BG: CSS relatif à la promotion superprix disponible du 2 au 11 Octobre 2020
 */
 #sp-offre{
	margin-top:0px;
	margin-bottom:0px;
	font-size:50px;
}

#sp-links{
	text-decoration: none;
	color:black;
}

#sp-links:hover{
	color:#141e28;
	outline: none;
}

#sp-timer{
	background: rgba(255,255,255,0.3);
    border-radius: 20px;
    padding: 10px;
    font-size: 45px;
	height:108px;
}

.sp-container{
	margin-bottom:25px;
}

#sp-banner {
	position: absolute;
    top: -50px;
    left: -20px;
    width: 30%;
    z-index: 1000;
}

#sp-banner-mobile{
	width:100%;
	display:none;
}

#sp-voir-offre{
	margin-top:40%;
}

#sp-btn {
	font-size:20px !important;
	outline: none;
}

#sp-tampon-right{
    position: absolute;
    transform: rotate(-30deg);
    /* left: -35px; */
    bottom: 55%;
    width: 150px;
    left: 10%;
}

#sp-tampon-left {
	width: 300px;
    position: absolute;
    /* left: 0px; */
    bottom: -3.4%;
    right: 0px;
}

#sp-transi-conditions{
	font-size:13px;
}


.sp-offre-1:before{
	content:"1 passeport acheté";
}

.sp-offre-2:before{
	content:"1 passeport offert";
}

.sp-ajax-cover-container{
	position:relative;
}

#mc-ajax-cover{
	display:none;
	position:fixed;
	z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
	background:rgba(255,255,255,0.8)
	url('https://www.passeport-valaisan.ch/wp-content/uploads/2021/12/loading-buffering.gif') 
                50% 50%
                no-repeat;
	background-size: 60px;
}

#form-ajax-cover{
	display:none;
	position:fixed;
	z-index:    1000;
    top:        0;
    left:       2%;
    height:     100%;
    width:      96%;
	background:rgba(255,255,255,0.8)
	url('https://www.passeport-valaisan.ch/wp-content/uploads/2021/12/loading-buffering.gif') 
                50% 50%
                no-repeat;
	background-size: 40px;
}

#sp-ajax-loading{
	position:absolute;
	top:50%;
	left:50%;
}

#transi-img-mobile{
	display:none;
}

#transi-img-desktop{
	display:block;
}

.sp-offre-boutique{
	border: 2px solid red;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 35px;
    margin-top: 10px;
	transition: 0.2s;
}

.sp-offre-boutique:hover {
	transform: scale(1.05);
}

#sp-info-transi{
	font-size:18px;
	background-color:#f6f7f8;
	padding:10px;
	border-radius: 15px;
	text-align: left;
	margin-top:20px;
}

@media (max-width: 768px) {
	
	#sp-tampon-right{
	width: 90px;
    position: absolute;
    left: 0px;
    top: 7%;
    right: 0px;
}

	#sp-tampon-left {
    width: 120px;
    position: absolute;
    /* left: 0px; */
    top: 7%;
    right: 0px;
    transform: rotate(10deg);
}
	
	
	#transi-img-mobile{
		display:block;
	}
	
	#transi-img-desktop{
		display:none;
	}

	#sp-tampon {
		display:none;
	}

	.sp-offre-1:before{
		content:"1 acheté";
	}
	
	.sp-offre-2:before{
		content:"1 offert";
	}

	#sp-voir-offre{
		margin-top:10px;
		font-size:15px!important;
		margin-bottom:0px;
	}

	#sp-row{
		padding-bottom:0px;
	}

	#sp-offre{
		margin-top:0px;
		margin-bottom:0px;
		font-size:40px;
	}

	#sp-timer{
		background: rgba(255,255,255,0.3);
		border-radius: 20px;
		padding: 10px;
		font-size: 35px;
		height:93px;
	}
	
	.sp-container{
		margin-bottom:25px;
	}
	
	#sp-banner {
		position: absolute;
		top: -20px;
		left: -20px;
		width: 30%;
		z-index: 1000;
		display:none;
	}

	#sp-banner-mobile{
		position:absolute;
		width:100%;
		display:block;
		top:95px;
		z-index:30;
	}

	#superprixbtn{
		width:100%!important;
		font-size:15px!important;
	}
	
}

.gdpr-preferences{
	margin: 0px;
    padding: 0px;
    font-size: 17px;
    text-decoration: none;
    font-weight: 100;
    color: #a4a8ac;
	font-family: 'Hind', Helvetica, Arial, sans-serif;
	text-align: left;
	box-shadow: none;
}

.gdpr-preferences:hover{
	color:#f0f1f2;
	box-shadow: none;
	transition:none;
}

.gdpr-preferences:focus{
	outline: none;
}

/* FDC 10.02.21 : css pour offres disponibles durant les restrictions du COVID */
.passval-offre-bloc-not-active,
.passval-offre-tr-not-active{
	opacity: 0.5;
}

.offre-not-active-container{
    position: absolute;
	width: 100%;
    display: flex;
    justify-content: center;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
	font-weight: bolder;
}

.center {
	text-align: center !important;
}

.facetwp-facet.facetwp-facet-offresdisponibles {
	margin-bottom: 0px;
}

.facetwp-facet.facetwp-facet-offresdisponibles span {
	font-size:xx-large;
}

.offer-on-hold-title {
	font-weight:bold;
}

.offer-on-hold-footer {
    font-size: smaller;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* BG 12.02.2021 - CSS pour la nouvelle navbar */
.site-header {
	background: #fff;
	position:fixed;
	z-index: 99999;
}

.footer-widgets .menu-item a {
	color:#a4a8ac !important;
}

.menu-item a {
	color: black;
	text-shadow: none;
}

@media (max-width: 768px) {
	.menu-item a {
		color: white !important;
		text-shadow: none !important;
	}

	.menu-toggle span{
		background:black!important;
		background-color:black!important;
	}
	
	.menu-toggle span::before, 
	.menu-toggle span::after {
		background-color:black!important;
	}

	.menu-toggle.activated span{
		background:transparent!important;
	}

	.menu-toggle.activated span::before,
	.menu-toggle.activated span::after{
		background:white!important;
	}
}

@media (min-width: 768px) {
	#menu-menuprincipalfr > .menu-item a {
		position: relative;
		text-transform: uppercase;
		text-decoration: none;
	}
	#menu-menuprincipalfr .menu-item a:before, #menu-menuprincipalfr .menu-item a:after {
		content: '';
		position: absolute;
		bottom: 35%;
		left: 0;
		right: 0;
		height: 2px;
		/*background-color: #f00;*/
		background-color: #e1001a;
		width: 50%;
		margin: auto;
	}

	a[aria-current="page"]:after {
		opacity: 1!important;
	}

	.sub-menu
	.menu-item a[aria-current="page"]:after {
		opacity: 0!important;
	}

	#menu-menuprincipalfr .menu-item a:before {
		opacity: 0;
		transform: translateY(4px);
		transition: transform 0s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s;
	}

	#menu-menuprincipalfr .menu-item a:after {
		opacity: 0;
		transform: translateY(0px);
		transition: transform 8px cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 8px;
	}

	#menu-menuprincipalfr .menu-item a:hover:before, #menu-menuprincipalfr .menu-item a:focus:before, #menu-menuprincipalfr .menu-item a:hover:after, #menu-menuprincipalfr .menu-item a:focus:after {
		opacity: 1;
		transform: translateY(0);
	}

	#menu-menuprincipalfr .menu-item a:hover:before, #menu-menuprincipalfr .menu-item a:focus:before {
		transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
	}

	#menu-menuprincipalfr .menu-item a:hover:after, #menu-menuprincipalfr .menu-item a:focus:after {
		transition: transform 0s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0s 0.2s;
	}
}

/* FDC 10.03.21 : Ajout de modèles de mails pour l'envoi "automatisé" depuis une commande WP */
.email-template-label {
	padding: 0.5em;
}

.email-template-validation {
	text-align: center;
    margin: 2em 0;
}

.email-template-input,
.email-template-sended{
	margin-bottom: 0.5em;	
}

.email-template-sended {
	color: green;
}

/* Mod-BM 11.03.2021 : Travail sur l'affichage de la page "Devenir Partenaire" en mode desktop */
.vertical_align{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.reverse_flex{
	flex-direction: row-reverse;
}

.container-fluid + .container-fluid{
	margin-top: 10px;
}

/* MOD-BM 12.03.2021 : Style du bouton de partage Whatsapp*/
.whatsapp .share:before {
	font-size: 20px;
	left: 98px;
}

/* FDC 25.03.21 : Mise en place d'un banner avec le code promo RPVS2021 */
.site-banner {
	background-color: #e1001a;
    color: white;
    text-align: center;
}

.site-banner-app {
	position: fixed;
    z-index: 99998;
    width: 100%;
}

.site-banner-text {
	font-size: 1.5em;
}

.site-banner a{
	text-decoration: none;
    color: white;
}

/* FDC 01.04.21 : Modification du texte pour l'application d'un code promo lors du checkout */
button[name="apply_coupon"]{
	white-space: normal !important;
}

/* MOD-BM 05.05.2021 : Les informations sur l'action Tout de Bons sont maintenant affichées dans la page de l'offre */
.covid-content-wrap{
	display: flex;
	flex-wrap: wrap;
}

.col-sm-6 .partenaire-card{
	position: relative;
	padding-bottom: 62px;
	flex-grow: 1;
}

.partenaire-card a.button{
	text-align: center;
}

.col-sm-6 .partenaire-card a.button{
	position: absolute;
	left: 20px;
}

@media(min-width: 1200px){
	.col-sm-6 .partenaire-card a.button{
		bottom: 20px;
	}

	.col-sm-6 .partenaire-card a.button + a.button{
		left: 270px;
	}
}

@media (max-width: 1199px){
	.partenaire-card a.button{
		width: calc(100% - 40px);
	}
	.col-sm-6 .partenaire-card a.button{
		bottom: 72px;
	}

	.col-sm-6 .partenaire-card a.button + a.button{
		bottom: 20px;
	}

	.col-sm-6 + .col-sm-6 .partenaire-card a.button{
		bottom: 20px;
	}
}

@media (max-width: 768px){
	.col-sm-6 .partenaire-card a.button{
		font-size: 1.4rem !important;
	}
}

@media (max-width: 767px){
	.col-sm-6 .partenaire-card{
		padding-bottom: 114px;
	}

	.col-sm-6 + .col-sm-6 .partenaire-card{
		padding-bottom: 62px;
	}
}

.covid-text-main{
	font-weight: 600;
}

/* MOD-BM 02.06.2021 : Apparence des champs personnalisés dans la page d'un produit */
div.product.option{
	margin-bottom: 1em;
}

.mandatory{
	position: relative;
	color:red;
}

.mandatory:hover::after{
	content: "Ce champ est obligatoire";
	position: absolute;
	top: -5px;
	left: 10px;
	width: 100px;
	text-align: left;
	font-size: 8px;
}

div.product.option input,
div.product.option textarea{
	margin-bottom: 5px;
}

#bon_message{
	height: 170px;
}

#bon_message_info{
	margin-bottom: 0;
	font-size: 10px;
	text-align: left;
}

/* MOD-BM 04.06.2021 : Style des bouton permenttant de naviguer d'un post à l'autre */
.prev_next_post{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 10px;
	width: 100%;
}

.prev_next_post .change_post{
	position: relative;
	flex: 1 1 0;
	border: 1px solid #e1001a;
	border-radius: 3px;
	max-width: 25%;
	color: #e1001a;
	background-color: white;
	text-decoration: none;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

.prev_next_post .change_post i{
	position: relative;
	top: 3px;
	margin-right: 5px;
	color: inherit;
	font-style: normal;
	font-size: 25px;
}

.prev_next_post .change_post:hover{
	box-shadow: none;
	background-color: #e1001a;
	color: white;
}

.prev_next_post .change_post:disabled{
	opacity: .5;
}

.prev_next_post .change_post:disabled:hover{
	box-shadow: none;
	border: 1px solid #e1001a;
	background-color: #fff;
	color: #e1001a;
}

@media (max-width: 768px){
	.prev_next_post{
		margin-top: 20px;
	}

	.prev_next_post .change_post{
		flex: 0 0 100%;
		max-width: 100%;
	}

	.prev_next_post .change_post i{
		font-size: 20px;
	}
}

.nvisible{
	visibility: hidden;
}

/* MOD-BM 07.09.2021 : Style des titres dans la boutique */
.product_picto{
	text-decoration: none;
	color: #e1001a;
}

.product_title{
	color:#ff0000 !important;
}

.product_picto p.product_title{
	line-height: 100%;
	color: #e1001a;
	font-size: 20px;
	font-weight: bold;
	text-shadow: .5px 0 #e1001a;
	text-align: center;
}

.product_picto img{
	width: 200px;
	margin: auto;
}

.product_picto .product_title.two_line + p img{
	margin: -20px auto auto auto;
}

/* ======================= *
 * BG 23.09.2021 - FDV CSS *
 * ======================= */
 /* Style the button that is used to open and close the collapsible content */
.fdv-collapsible {
	background-color: #eee;
	color: #444!important;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	margin-bottom:10px;
	box-shadow:none!important;
	position:relative;
  }
  
  /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover)
  .active, .fdv-collapsible:hover {
  }*/
  
  /* Style the collapsible content. Note: hidden by default */
  .fdv-content {
	padding: 0 18px;
	display: none;
	overflow: hidden;
  }

  .fdv-content-text{
	  text-align: center;
  }
  
  .fdv-not-obtained{
	border:2px solid red;
	opacity: 50%;
  }

  .fdv-obtained{
	  border:2px solid #60CA0F;
	  opacity: 100%;
  }

  .fdv-row {
	display: flex;
  }
  
  .fdv-column {
	flex: 50%;
	margin:auto;
  }

  .fdv-content > p {
	  text-align:center;
  }

  .fdv-mark {
	width: 30px;
    position: absolute;
    right: -12px;
    top: -12px;
  }

  .fdv-button{
	display: block;
    width: 100%;
    text-align: center;
    background-color: #141e28;
    border: 0;
    border-radius: 0.4rem;
    color: #ffffff;
    cursor: pointer;
    font-size: 15px!important;
    font-weight: 700;
    padding: 1em 2em;
    text-decoration: none;
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    box-shadow: inset 0 0 0 9rem rgb(255 255 255 / 0%), 0 0 0 -1rem rgb(20 30 40 / 0%);
    -webkit-transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
    transition: all 0.75s cubic-bezier(0, 1, 0.5, 1);
    height: auto;
    line-height: 1;
	margin-top: 1em;
    clear: both;
  }

  #fdv-prog-title{
	color: black;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
  }

  #fdv-hr {
	border-bottom: 0.2rem solid grey;
	margin: 0 0 1em;
	padding: 0.5em 0 0;
  }

  .fdv-column-content{
	text-align: center!important;
	color:black!important;
	margin:0px!important;
	padding:0px!important;
  }

/* MOD-BM 11.10.2021 : Taille max de l'image du passeport sur la page d'accueil */
.home-card img{
	max-height: 250px;
}

#gdpr-table td{
	padding-top:15px;
	padding-bottom:15px;
	color:#556677;
	padding-right:15px;
	font-size:16px;
}

@media (max-width: 768px) {
	#gdpr-table td {
		font-size:14px;
	}
	
	#gdpr-table tr > th:nth-child(4){
		display:none;
	}
	#gdpr-table tr > td:nth-child(4){
		display:none;
	}
}

/* MOD-BM 31.01.2022 : Texte barré */
.obsolete{
	text-decoration: line-through;
	color: #ff0000;
}


/*
 * MOD-MP 11.03.2022 : Code CSS en relation avec la page de validation de code de promotion
 */

#codeId {
	position: absolute;
	text-align: center;
	z-index: 2;
	width: 219px;
	height: 30px;
	bottom: 93px;
	left: 72px;
}

.conteneurCode {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 515px;
	width: 365px;
}

.imgCodePromo {
	display: block;
	z-index: 1;
	margin-right: auto;
	margin-left: auto;
	border: 5px solid rgba(0,0,0,0.4);
}

.formCode {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.codePromoInstruction {
	text-align: center !important;
	font-weight: bold;
	margin-top: -40px;
}

.codePromoColorBack {
	background-color: #e1001a !important;
}

.codePromoColor {
	color: #e1001a !important;
}

.codePromoError {
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	font-size: 30px; 
	text-decoration: underline;
}

@media (max-width: 895px) {
	
	.codePromoInstruction {
		margin-top: -30px;
	}

	.codePromoError {
		margin-bottom: 80px;
	}
}

@media (max-width: 767px) {
	
	.codePromoInstruction {
		margin-top: -10px;
	}

	.codePromoError {
		margin-bottom: 50px;
	}
}

@media (max-width: 450px) {

	#envoiCodeId {
		font-size: 10px;
	}

	#codeId {
		width: 59%;
		height: 6%;
		bottom: 17%;
		left: 20%;
	}

	.conteneurCode {
		width: 70%;
		height: 50%;
	}

	.codePromoInstruction {
		font-size: 15px;
		margin-top: 0;
	}

	.codePromoError {
		font-size: 20px !important;
		margin-bottom: 30px;
	}
}