/*!
* www.KNACSS.com V2.9.3 (2014-02) @author: Raphael Goetter, Alsacreations
* Licence WTFPL http://www.wtfpl.net/
*
* Changed by Henri Koenraad
*
* contains :  soft_reset
*             typography_text_styles            + custom styles
*             hidden_content
*             browser_consistency
*             layout_modules
*             table_styles                      + custom styles
*             form_styles                        + custom styles
*             global_styles (custom styles)     + custom styles
*                       global_main_styles
*                       global_content_styles
*                       global_list_styles
*                       global_div_styles
*                       global_image_styles
*                       global_specific_pages_styles
*                       global_oscommerce_standard_styles
*                       global_database_error_styles
*                       global_general_list_styles
*                       global_btn_styles
*                       global_flowcontent_styles
*                       global_modules_styles
*                       global_wrapper_styles
*             button_styles (custom styles)
*             desktop_retina_medias
*             media_queries_min_width
*             major_breakpoints_max_width
*             general_custom_styles
*             print_reset
*             popup_pages
*             non_responsive_style
*
* 100% = 1 em ~= 16px ~= 14pt
*
* Text colors :
* #413f42 : body
* #47266d : a link, footerBlocTitle, menu a (hover, actif, open : #e89617), dropdown-menu a (hover, actif, open : #ec8000), boxHeadingText, dataCategoriesListTitle, organizedDataModuleListTitle, pageContentTitle, organizedDataModuleTitle,
*           organizedModuleSubTitle, pagesActifSubTitle, pageContentSubTitle, pageContentBlocHeadingText, productsHeaderTitle, prices, attributesSeparedHeadElement, pageContentListProductsTitle, pageContentListBuyNow (hover : #ec8000),
*           reviewElementHeader, popupModalLabel, pageContentSplitResults
* #7f7195 : footerBlocText, footerLanguagesText, footerBlocLink, boxContent, boxContentFree, boxInfoSmall, breadcrumb
* #e89617 : btn-nav
* #ec8000 : prices special, reviewArticleRatingText
*
* Background colors :
* #e2e2ea : footer, boxHeadingFree, boxContentFree, pageContentHeader, pagesActifSubTitle, pageContentListProductsTitle, productsHeaderTitle
* #f2f3f5 : SwiperBloc, pageImage, organizedDataModuleTitle (hover : #e2e2ea), organizedModuleSubTitle (hover : #e2e2ea), pagesSubTitle (hover : #e2e2ea), pageContentBlocHeadingText, pageContentListRowOdd
* #f7f8fb : pageContentListRowEven
* #fcfcfc : pageContentListRowOdd
*
* Border colors :
* #f2f3f5 : menuCenter (small screen : #e2e2ea), sidebarRight, pageContentListImg
* #ec8000 : dropdown-menu a (hover, actif, open), prices special
* #e89617 : menu a (hover, actif, open)
* #e2e2ea : divBoxPaddingBorder, divBoxBorder, organizedPadding, pageContentListeDetails, productsDescriptionWrapper, pageProductSmallImage, attributesSeparedWrapper
* #7f7195 : modal-title, pageContentListRowEven, pageContentListRowOdd
*
* Syntaxes
*
* linear-gradient( [ <angle> | to <side-or-corner> ,]? <color-stop> [, <color-stop>]+ )
* first value : default = top to bottom
* <color-stop> :  <color> [ <percentage> | <longueur> ]
*  example shows a linear gradient that starts from the left and goes to the right :
*  background: -webkit-linear-gradient(left, #xxxxxx, #yyyyyy);
*  background: -moz-linear-gradient(right, #xxxxxx, #yyyyyy);
*  background: -ms-linear-gradient(right, #xxxxxx, #yyyyyy);
*  background: -o-linear-gradient(right, #xxxxxx, #yyyyyy);
*  background: linear-gradient(to right, #xxxxxx, #yyyyyy);
*
* transition: <property> <duration> <timing-function> <delay>;
* transition-property: none|all|property|initial|inherit; default: all
* transition-duration: time|initial|inherit; Specifies how many seconds or milliseconds a transition effect takes to complete; default: 0s
* transition-timing-function: ease|linear|ease-in|ease-out|ease-in-out|cubic-bezier()|initial|inherit; default: ease
* transition-delay: time|initial|inherit; Specifies a delay (in seconds) for the transition effect; default: 0s
*   -webkit-transition: all 0.2s linear 0s;
*   -moz-transition: all 0.2s linear 0s;
*   -o-transition: all 0.2s linear 0s;
*   transition: all 0.2s linear 0s;
*
* box-shadow:  none | <shadow> [,<shadow>]*
* value <shadow> : inset? && [ <offset-x> <offset-y> <blur-radius>? <spread-radius>? <color>? ]
* inset : Optional. Changes the shadow from an outer shadow (outset) to an inner shadow
* <offset-x> : Required. The position of the horizontal shadow. Negative values are allowed
* <offset-y> : Required. The position of the vertical shadow. Negative values are allowed
* <blur-radius> : Optional. The blur distance
* <spread-radius> : Optional. The size of shadow. Negative values are allowed
* <color> : Optional. The color of the shadow. The default value is black
*  -webkit-box-shadow: 1px 1px 2px #aaa;
*  -moz-box-shadow: 1px 1px 2px #aaa;
*  box-shadow: 1px 1px 2px #aaa;
*
* text-shadow: none | [, ]* <shadow> | inherit ;
* value <shadow> : [ <color>? <h-shadow> <v-shadow> <blur-radius>? | <h-shadow> <v-shadow> <blur-radius>? <color>? ]
* <h-shadow> : Required. The position of the horizontal shadow. Negative values are allowed
* <v-shadow> : Required. The position of the vertical shadow. Negative values are allowed
* <blur-radius> : Optional. The blur radius. Default value is 0
*  text-shadow: 0 1px 6px #333333;
*
* border-radius:   <border-radius>{1,4} [ / <border-radius>{1,4}]?
* value <border-radius>{1,4} : The four values for each radii are given in the order top-left, top-right, bottom-right, bottom-left; length or %.
*                              If bottom-left is omitted it is the same as top-right. If bottom-right is omitted it is the same as top-left. If top-right is omitted it is the same as top-left.
* first value / second value : The first value is the horizontal radius, the second the vertical radius. If the second value is omitted it is copied from the first.
*  -webkit-border-radius: .5rem .5rem .3rem .3rem;
*  -moz-border-radius: .5rem .5rem .3rem .3rem;
*  border-radius: .5rem .5rem .3rem .3rem;
*
* flexbox :
* parent element :  display: flex;
*                   flex-direction: defines in which direction the container wants to stack the items : column, column-reverse, row (default), row-reverse
*                   flex-wrap: defines if, and how, the container wants its children to wrap : nowrap (default), wrap, wrap-reverse
*                   flex-flow: shorthand property : flex-direction flex-wrap
*                   justify-content: aligns the items horizontally : center, flex-start (default), flex-end, space-around, space-between
*                   align-items: aligns the items vertically : baseline, center, flex-start, flex-end, stretch (default)
*                   align-content: aligns the item rows : center, flex-start, flex-end, space-around, space-between, stretch (default)
* child elements : order: sorts the items in the specified order : Integer, default 0
*                  flex-grow: specifies how much a flex item will grow relative to the rest of the flex items : Number, default 0
*                  flex-shrink: specifies how much a flex item will shrink relative to the rest of the flex items : Number, default 1
*                  flex-basis: specifies the width of a flex item : any legal width, or content, default auto
*                  flex: shorthand property : flex-grow flex-shrink flex-basis    // IE bug fix: all flex children need full flex:... ... ...  statement //
*                  align-self: overrides the align-items property, aligns the item vertically : auto (default), baseline, center, flex-start, flex-end, stretch
*
* grid :
* parent elements : display: grid; | display: inline-grid;
*                  justify-content : to align the whole grid inside the container : start (default), end, center, space-evenly, space-around, space-between
*                  align-content : used to vertically align the whole grid inside the container : start (default), end, center, space-evenly, space-around, space-between
*                  column-gap: specifies the gap between the columns : length|normal (default)|initial|inherit;
*                  row-gap: specifies the gap between the grid rows : length|normal (default)|initial|inherit;
*                  gap: a shorthand for the row-gap | column-gap properties : row-gap column-gap;
*                  grid-template-areas: specifies areas (with item-names) within the grid layout. Each area (row) is defined by apostrophes. Use a dot to refer to a grid item with no name : none (default)|itemnames;
*                  grid-template-columns: specifies the number (and the widths) of columns in a grid layout. The values are a space separated list : none (default)|auto|max-content|min-content|length|initial|inherit;
*                  grid-template-rows: specifies the number (and the heights) of the rows in a grid layout. The values are a space-separated list : none (default)|auto|max-content|min-content|length|initial|inherit;
*                  grid-template : a shorthand property for : grid-template-rows grid-template-columns grid-template-areas
*                  grid-auto-columns: sets a size for the columns in a grid container. Property affects only columns with the size not set : auto (default)|max-content|min-content|length value;
*                  grid-auto-rows: sets a size for the rows in a grid container. Property affects only rows with the size not set : auto (default)|max-content|min-content|length value;
*                  grid-auto-flow: controls how auto-placed items get inserted in the grid : row (default)|column|dense|row dense|column dense;
*                  grid : a shorthand property : grid-template-rows grid-template-columns grid-template-areas grid-auto-rows grid-auto-columns grid-auto-flow (default : none none none auto auto row)
* child elements : grid-column-start: defines on which column-line the item will start, or how many columns an item will span : auto (default)|span n|column-line;
*                  grid-column-end: defines how many columns an item will span, or on which column-line the item will end : auto (default)|span n|column-line;
*                  grid-row-start: defines on which row-line the item will start : auto (default)|row-line;
*                  grid-row-end: defines how many rows an item will span, or on which row-line the item will end : auto (default)|row-line|span n;
*                  grid-column: a shorthand property for : grid-column-start / grid-column-end;
*                  grid-row: a shorthand property for : grid-row-start / grid-row-end;
*                  grid-area: a shorthand property for : grid-row-start / grid-column-start / grid-row-end / grid-column-end | itemname;
*
* webp images :
* - using webp images in css : if webp is supported in browser, the html element has (one or several of) the following classes : webp webp-alpha webp-animation webp-lossles
*   the no-webp class is added when the browser doesn't support webp
*   these classes are inserted by a Modernizr feature detection library included in the jquery.js file
*   if javascript is disabled, the html element has the no-js class, otherwise it is removed (script line added in jquery.js file)
*         .no-js .elementWithBackgroundImage,
*         .no-webp .elementWithBackgroundImage { background-image: url("image.jpg"); }
*         .webp .elementWithBackgroundImage{ background-image: url("image.webp"); }
*/

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == soft reset  id="soft_reset"                                                                                                                                                              */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* switching box model for all elements */
html {
  box-sizing: border-box;
  height: 100%;
  overflow-y: scroll;
}

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

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

html, body {
  margin: 0;
  padding: 0;
}

body {
  height: 100%;
}

ul, ol {
  padding-left: 2em;
}

img {
  vertical-align: middle;
  border: 0;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

[hidden] {
  display: none;
}

a:focus {
  outline-width: thin;
  outline-style: dotted;
}

a:active, a:hover {
  outline-style: none;
}







/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == typography  id="typography_text_styles"                                                                                                                                                  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* add fonts to css_modules.php  */
@font-face {
  font-family: 'responsiveFontIco';
  src:url('../images/font/responsive-font-ico.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Material_Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../images/font/570eb83859dc23dd0eec423a49e147fe.woff2') format("woff2");
  font-display: block;
}
.material-icons {
  font-family: 'Material_Icons';
  font-weight: 400;
  font-style: normal;
  font-size: 2.4rem;
  display: inline-block;
  vertical-align: middle;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "liga"
}
.mi-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -ms-transform: rotate(90deg);
      transform: rotate(90deg);
}
.mi-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -ms-transform: rotate(180deg);
      transform: rotate(180deg);
}
.mi-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -ms-transform: rotate(270deg);
      transform: rotate(270deg);
}
.material-icons.product-available::after {
  content: "\E5CA"
}
.material-icons.shopping-cart {
  font-size: 2.2rem;
  line-height: 2.3rem;
  margin-right: 1rem;
}
.material-icons.shopping-cart::after {
  content: "\E547"
}
.material-icons.checkbox-checked::after {
  content: "\E5CA"
}
/* other icons : you tube e000; t e001; star e002; book e003; google e005; points e006; facebook e007; small arrow right e008; small arrow left e009; circle zen e00c; plus e00f; bizarre arrow right e010; bizarre arrow left e011;  */
/*               unfolded map e012; unfolded map with pointer e013; map pointer e014; instagram e019  */
.myicon-arrow_right, .myicon-arrow_left, .myicon-list, .myicon-close, .myicon-arrow-up, .myicon-arrow-next, .myicon-arrow-prev, .myicon-arrow-down {
  font-family: 'responsiveFontIco';
  speak: never;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
.myicon-arrow_right::before {
  content: "\e00a";
}
.myicon-arrow_left::before {
  content: "\e00b";
}
.myicon-list::before {
  content: "\e00d";
}
.myicon-close::before {
  content: "\e00e";
}
.myicon-arrow-up::before {
  content: "\e015";
}
.myicon-arrow-next::before {
  content: "\e016";
}
.myicon-arrow-prev::before {
  content: "\e017";
}
.myicon-arrow-down::before {
  content: "\e018";
}
.myicon-search::before {
  content: "\e004";
}

/* base font-size corresponds to 10px and is adapted to rem unit */

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  background-color: transparent;
}

body {
  background-color: #fff;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.8em;
  line-height: 1.6;
  color: #413f42;
}

/* font-sizing for content */

/* preserve vertical-rythm, thanks to http://soqr.fr/vertical-rhythm/ */

p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure, hgroup {
  margin-top: 0;
  margin-bottom: 0;
}

a:link, a:visited {
  color: #47266d;
  text-decoration: none;
  transition: all 0.1s linear 0s;
}
a:hover {
  color: #47266d;
  text-decoration: underline;
  transition: all 0.1s linear 0s;
}

h1, .h1Like {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 3.2rem;
  line-height: 1.3125;
}

h2, .h2Like {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 2.8rem;
  line-height: 1.5;
}

h3, .h3Like {
  margin-top: 0.5em;
  margin-bottom: 0;
  font-size: 2.4rem;
  line-height: 1.75;
}

h4, .h4Like {
  margin-top: 1.05em;
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 1.05;
}

h5, .h5Like {
  margin-top: 1.1666666666666667em;
  margin-bottom: 0;
  font-size: 1.8rem;
  line-height: 1.1666666666666667;
}

h6, .h6Like {
  margin-top: 1.3125em;
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1.3125;
}

code, pre, samp, kbd {
  white-space: pre-line;
  /* IE fix */
  white-space: pre-wrap;
  font-family: "courier new", monospace, serif;
  line-height: 1;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

code, kbd, mark {
  border-radius: 2px;
}

em, dfn {
  font-style: italic;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
  font-weight: 700;
}

kbd {
  padding: 0 2px;
  border: 1px solid #999;
}

code {
  padding: 2px 0.4rem;
  background: rgba(0, 0, 0, 0.04);
  color: #b11;
}

mark {
  padding: 2px 0.4rem;
  background: #ff0;
}

sup, sub {
  vertical-align: 0;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

q {
  quotes: none;
}

q::before, q::after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

/* custom styles */

.smaller {
  font-size: 0.71em;
}

.small {
  font-size: 0.86em;
}

.big {
  font-size: 1.14em;
}

.bigger {
  font-size: 1.29em;
}

.biggest {
  font-size: 1.43em;
}

/* text-decoration underline */
.textUnderline, a.textUnderline {
  text-decoration: underline;
}

/* text-align centered */
.textAlignCenter {
  text-align: center;
}

/* text-align right */
.textAlignRight {
  text-align: right;
}
.textAlignLargeRight, .textAlignMediumRight { text-align: right; }

/* text-align left */
.textAlignLeft {
  text-align: left;
}
.textAlignLargeLeft, .textAlignMediumLeft { text-align: left; }

/* text-align left */
.textAlignJustify {
  text-align: justify;
}

/* vertical align top */
.textVAlignTop {
  vertical-align: top;
}

/* vertical align top */
.textVAlignBottom {
  vertical-align: bottom !important;
}

/* vertical align middle */
.textVAlignMiddle {
  vertical-align: middle;
}

.styledElementHR {
  color: #413f42;
  background-color: #413f42;
  height: 1px;
  border: 0;
  width: 95%;
}







/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == hiding content  id="hidden_content"                                                                                                                                                      */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* hiding content */

.visuallyHidden {
  /*
  position: absolute;
  left: -7000px;
  overflow: hidden;
  */
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.desktopHidden {
  display: none;
}
.hide {
  visibility: hidden;
  clear: both;
  height: 0;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.remove {
  display: none;
  clear: both;
}
.stopFloat {
   clear: both;
   margin: 0;
   padding: 0;
}







/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == browsers consistency  id="browser_consistency"                                                                                                                                           */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* avoid top margins on first content element */

p:first-child,
ul:first-child,
ol:first-child,
dl:first-child,
blockquote:first-child,
pre:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
  margin-top: 0;
}

/* avoid margins on nested elements */

li p, li ul, li ol {
  margin-top: 0;
  margin-bottom: 0;
}

/* max values */

img, table, td, blockquote, code, pre, textarea, input, video {
  max-width: 100%;
}

/* margin-bottom on tables */

table {
  margin-bottom: 1.2em;
}

/* scripts */

body > script {
  display: none !important;
}







/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==layout and modules  id="layout_modules"                                                                                                                                                   */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*  Captcha */
.captchaWrapper {
  width: 100%;
  max-width: 30rem;
  margin: 0 auto;
  border: 1px solid #dbe0ea;
  border-radius: .3rem;
}
.gridTemplateCaptcha { grid-template-columns: auto 11rem; }
.captchaBloc {
  width: 100%;
  min-width: 25rem;
  padding: 1rem;
}
.captchaDetail {
  width: 100%;
  padding: .5rem 0;
  font-size: 1.6rem;
}
.captchaDetail .normalField {
  max-width: 95%;
}
.captchaImg { max-width: 4rem; }
.captchaImg img {
  width: 100%;
  height: auto;
}
.ctImage {
  border: 1px solid #737373;
}
.cpShow {
  display: none;
}
.reCaptchaWrapper {
  padding-bottom: 1rem;
  text-align: center;
}
.reCaptchaWrapper > div {
  display: inline-block;
}
/* small screen ~400px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 25em) {
  .captchaWrapper {
    max-width: 36rem;
  }
  .captchaBloc {
    padding: 1.5rem;
  }
  .captchaDetail {
    font-size: 1.8rem;
  }
}
/* small screen ~448px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 28em) {
  .captchaWrapper {
    max-width: 38rem;
  }
}

/* border radius */
.borderRadiusLeft {
  border-radius: .5rem 0 0 .5rem;
}

.borderRadiusRight {
  border-radius: 0 .5rem .5rem 0;
}

.borderRadiusAll {
  border-radius: 1rem;
}

.positionRelative {
  position: relative;
}

/* min heights */
.minheight3 { min-height: 3rem; }
.minheight35 { min-height: 3.5rem; }

/* display table */
.generalTable {
  display: table;
  width: 100%;
}
.tablePaddingBottom { padding-bottom: 1rem; }
.generalTableCell {
  display: table-cell;
  vertical-align: top;
}
.generalTableLargeCell {
  display: table-cell;
  vertical-align: top;
}
.generalTableMediumCell {
  display: table-cell;
  vertical-align: top;
}
.tablePaddingCell { padding: 0 .5rem; }
.tablePaddingLeftCell { padding: 0 0 0 .5rem; }
.tablePaddingRightCell { padding: 0 .5rem 0 0; }
.tablePaddingBottomCell { padding: 0 0 .5rem 0; }
.widthCell10 { width: 10%; }
.widthCell20 { width: 20%; }
.widthCell30 { width: 30%; }
.widthCell40 { width: 40%; }
.widthCell50 { width: 50%; }
.widthCell60 { width: 60%; }
.widthCell70 { width: 70%; }
.widthCell80 { width: 80%; }
.widthCell90 { width: 90%; }
.widthCell15 { width: 15%; }
.widthCell25 { width: 25%; }
.widthCell33 { width: 33%; }
.widthCell35 { width: 35%; }
.widthCell45 { width: 45%; }
.widthCell55 { width: 55%; }
.widthCell65 { width: 65%; }
.widthCell75 { width: 75%; }
.widthCell85 { width: 85%; }

/* grid */
.gridElement {
  display: grid;
}
.gridElementCenter {
  -ms-flex-pack: center;
      justify-content: center;
}
.gridElementGap {
  gap: 1rem 1rem;
}

/* lazy load appear */
.no-js img.appear,
.no-js picture.toappear { display: none; }
.appear[data-src], .appear[data-bkg], .appear [data-src], .appear [data-bkg] {
  opacity: 0;
  transition: opacity 0.4s ease-in;
}
.appeared[data-src], .appeared[data-bkg], .appeared [data-src], .appeared [data-bkg] {
  opacity: 1;
}

/*
  JQuery Scroll up
*/
#scrollUp {
  display: inline-block;
	text-align: center;
	color: #1b1b1f;
  background-color: #dbd6cf;
  border: 2px solid #1b1b1f;
	text-decoration: none;
	opacity: 0.7;
  border-radius: 1.5rem;
  transition: background 200ms linear 0s;
  /*background-image: url("../images/scrolltop.png");*/
  bottom: 2rem;
  right: 2rem;
  width: 3rem;    /* Width of image */
  height: 3rem;   /* Height of image */
}
#scrollUp:hover {
	opacity: 1;
}
#scrollUp i {
	font-size: 2rem;
  line-height: 2.6rem;
  padding-bottom: .4rem;
}

/*
  Hover effects on image

  <div class="grow">
    <img src="source.png" alt="">
  </div>

  <div class="shrink">
    <img src="source.png" alt="">
  </div>

  <div class="fadeout">
    <img src="source.png" alt="">
  </div>

  <div class="fadein">
    <img src="source.png" alt="">
  </div>
*/
.grow { overflow: hidden; }
.grow img {
  transition: all 0.7s ease;
}
.grow img:hover {
  -ms-transform: scale(1.2);
      transform: scale(1.2);
}

.shrink { overflow: hidden; }
.shrink img {
  transition: all 0.7s ease;
}
.shrink img:hover {
  -ms-transform: scale(0.8);
      transform: scale(0.8);
}

.fadeout img {
  opacity: 0.8;
  transition: all 0.7s ease;
}
.fadeout img:hover {
  opacity: 1;
}

.fadein img {
  opacity: 1;
  transition: all 0.7s ease;
}
.fadein img:hover {
  opacity: 0.6;
}
.layer {
	background-color: rgba(0, 0, 0, .5);
	opacity: 0;
  transition: all 0.3s ease;
}
.layer:hover {
  opacity: 1;
  transition: all 0.3s ease;
}

/*
  data dropdown choice box

  <div class="data-dropdown">
    <button class="data-dropbtn">Dropdown text<span class="visible-xs ico-rotate myicon-arrow-down" aria-hidden="true"></span></button>
    <div class="data-dropdown-content">
      <a href="link">Link text</a>
      <a class="data-actif" href="link">Link text</a>
      <a href="link">Link text</a>
    </div>
  </div>
*/
.data-dropdown {
  overflow: hidden;
  font-size: 1.5rem;
  line-height: 1.8rem;
  background-color: #383838;
}
.data-dropdown .data-dropbtn {
  width: auto;
  margin: 0;
  padding: 0 0 0 .5rem;
  border: 1px solid #191e22;
  font-size: 1.5rem;
  text-transform: uppercase;
  outline: none;
  color: #fff;
  background-color: #383838;
  font-family: inherit;
}
.data-dropdown .data-dropbtn img {
  padding-right: 1rem;
}
.data-dropdown .data-dropbtn span.visible-xs {
  display: block;
  float: right;
  line-height: 2.2rem;
  padding: 0 1rem;
  font-size: 1.2rem;
}
.data-dropdown .data-dropbtn span.ico-rotate {
  transition: 0.3s ease;
  -webkit-transition: 0.3s ease;
  -moz-transition: 0.3s ease;
  -ms-transition: 0.3s ease;
  -o-transition: 0.3s ease;
}
.data-dropdown:hover .data-dropbtn span.ico-rotate {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.data-dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  box-shadow: 0 .5rem 1rem 0 rgba(0,0,0,0.2);
  border-radius: .2rem;
  z-index: 1;
}
.data-dropdown-content a {
  display: block;
  float: none;
  padding: .7rem 1rem .7rem .5rem;
  color: #000;
  font-size: 1.5rem;   
  text-decoration: none;
  text-align: left;
}
.navbar-top .data-dropdown-content a { color: #000; }
.data-dropdown-content img {
  padding-right: 1rem;
}
.data-dropdown:hover .data-dropbtn {
  color: #fff;
}
.data-dropdown-content a:hover,
.data-dropdown-content a.data-actif {
  background-color: #e4e3e1;
  color: black;
}
.data-dropdown:hover .data-dropdown-content {
  display: block;
  border: 1px solid #cfbdb0;
}

/*
  A box with an intrinsic ratio width / height
  the ratio is given by : padding-bottom: 50%;
  wrapper :
  This declaration gives the box a specific format.  Using 50% for padding makes the height of the box equal to 50% of its width.
  Specifying a height of 0 gives this element "layout"
  child-element :
  position: absolute : This frees the element from the height boundary of its parent. This way, it can be positioned over the "padding area."
  change for other ratios : padding-bottom : x%;

//  <div class="wrapperBoxFixedRatio">
//  <div class="innerElementFixedRatio"></div>
//  </div>
*/

.wrapperBoxFixedRatio {
  position: relative;
  padding-bottom: 50%;
  height: 0;
}
.innerElementFixedRatio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
  An iframe or object box with an intrinsic ratio width / height
  the ratio is given by : padding-bottom: 50%;
  wrapper :
  This declaration gives the box a specific format.  To create a 16:9 ratio, we must divide 9 by 16 = 56.25%.
  Specifying a height of 0 gives this element "layout"
  child-element :
  position: absolute : This frees the element from the height boundary of its parent. This way, it can be positioned over the "padding area."
  change for other ratios : padding-bottom : x%;

//  <div class="wrapperIFrameFixedRatio">
//  <div class="innerIFrameFixedRatio">
//  <iframe width="800" height="342" src="fpss_block.php?page=1" style="overflow: hidden; border-style: none;"></iframe>
//  </div>
//  </div>
*/

.wrapperIFrameFixedRatio {
  display: inline-block;
  width: 100%;
}
.innerIFrameFixedRatio {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-bottom: 191%;
  height: 0;
  margin: 0 auto;
}
.innerIFrameFixedRatio object, .innerIFrameFixedRatio embed, .innerIFrameFixedRatio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.wrapperSlideFixedRatio  {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  z-index: 550;
}
.innerSlideFixedRatio {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dataVideoWrapper {
  padding: 0;
  margin: 0;
}
.innerVideoFixedRatio {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-bottom: 66.67%;
  height: 0;
  border: 1px solid #e2e2ea;
}
.innerVideoFixedRatio object, .innerVideoFixedRatio embed, .innerVideoFixedRatio iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*
  Absolute element visible on hover over parent element
  <div class="onhoverParent">
    <div>Another div</div>
    <div class="onhoverDropDown">...</div>
  </div>
*/
.onhoverParent { position: relative; }
.onhoverDropDown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #c7c5c5;
  left: auto;
  right: 0;
  width: 30rem;
  top: 100%;
  visibility: hidden;
  padding: .5rem 1rem;
  opacity: 0;
  transition: opacity .3s ease;
}
.onhoverParent:hover > .onhoverDropDown {
  visibility: visible;
  opacity: 1;
  cursor: auto;
}
.onhoverParent:hover { cursor: pointer; }

.onhoverAccountParent { position: relative; }
.onhoverAccountDropDown {
  position: absolute;
  background-color: #fff;
  border: 1px solid #c7c5c5;
  left: 0;
  right: auto;
  width: 20rem;
  top: 100%;
  visibility: hidden;
  padding: .5rem 1rem;
  opacity: 0;
  transition: opacity .3s ease;
}
.onhoverAccountParent:hover > .onhoverAccountDropDown {
  visibility: visible;
  opacity: 1;
  cursor: auto;
}
.onhoverAccountParent:hover { cursor: pointer; }

/* float layout */

/*
  Floating element when scrolling
  Element will float at fixed position when page scrolls lower then trigger point
  This layout goes with jquery position detection
// <div id="triggerPoint"></div>
// .
// .
// <div id="floatElement">Elements content</div>

<script>
$(document).ready(function () {
  var top = $('#triggerPoint').offset().top;
  $(window).scroll(function (event) {
    // what the y position of the scroll is
    var y = $(this).scrollTop();
    // whether that's below the form
    if (y >= top) {
      // if so, ad the fixed class
      $('#floatElement').addClass('fixed');
    } else {
      // otherwise remove it
      $('#floatElement').removeClass('fixed');
    }
  });
});
</script>
*/
#floatElement { position: relative; }
.affix {
  position: fixed;
  top: 0;
}

/* modal popup
   Usage via data-attributs : <a href="#modalTrigger" data-toggle="modal">..</a>
   Usage via javascript : $('#modalTrigger').modal(options)

// <!-- Modal -->
// <div class="modal fade" id="modalTrigger" tabindex="-1" role="dialog" aria-labelledby="modalReferencedLabel" aria-hidden="true">
//   <div class="modal-dialog">
//     <div class="modal-content">
//       <div class="modal-header">
//         <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
//         <h4 class="modal-title" id="modalReferencedLabel">Modal title</h4>
//       </div>
//       <div class="modal-body">
//         ...
//       </div>
//       <div class="modal-footer">
//         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
//       </div>
//     </div>
//   </div>
// </div>
*/
.fade {
  opacity: 0;
  transition: opacity .15s linear;
}
.fade.in { opacity: 1; }
.close {
  float: right;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .9;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .7;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
#popupModalLabel {
	padding: .2rem .5rem;
	margin: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
	color: #47266d;
  font-size: 1.6rem;
  line-height: 2rem;
	font-weight: 400;
}
.modal-open { overflow: hidden; }
body.modal-open { overflow: visible; }
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1450;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog, .modal.fade .modal-popup {
  transition: transform .3s ease-out;
  -ms-transform: translate(0, -25%);
      transform: translate(0, -25%);
}
.modal.in .modal-dialog, .modal.in .modal-popup {
  -ms-transform: translate(0, 0);
      transform: translate(0, 0);
}
.modal-dialog, .modal-popup {
  position: relative;
  width: auto;
  margin: 3rem 2rem 1rem 2rem;
  z-index: 1460;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 2px;
  outline: none;
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1340;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 2rem;
  padding: .5rem .5rem 0 .5rem;
}
.modal-header .close {
  margin-top: .4rem;
  margin-right: .5rem;
}
.modal-title {
  margin: 0;
  line-height: 1.8rem;
  border-bottom: 1px solid #7f7195;
}
.modal-body {
  position: relative;
  padding: 2rem;
}
.modal-img-body {
  position: relative;
  padding: .5rem .8rem;
  text-align: center;
}
.modal-footer {
  padding: .5rem 1rem;
  text-align: right;
  border-top: 1px solid #e2e2ea;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 0.5rem;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-footer::before, .modal-footer::after {
  display: table;
  content: " ";
}
.modal-footer::after {
  clear: both;
}

/* collapse
   usage :
//  <div>
//  <a data-toggle="collapse" href="#collapseExample" aria-expanded="false" aria-controls="collapseExample">
//  </div>
//  <div class="collapse" id="collapseExample"> ... </div>
*/
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height .35s ease;
}

/* nav tab
   Usage via id and data-attributs : <a href="#graph" aria-expanded="true" data-toggle="tab">..</a>

// <div class="ventilationContainer">
//   <ul class="nav nav-tabs" role="tablist">
//     <li class="active">
//       <a href="#graph" aria-expanded="true" data-toggle="tab">Graphiques</a>
//     </li>
//     <li class="">
//       <a href="#fiche" aria-expanded="false" data-toggle="tab">Fiche</a>
//     </li>
//     <li class="">
//       <a href="#documentation" aria-expanded="false" data-toggle="tab">Documentation</a>
//     </li>
//   </ul>
//   <div class="tab-content">
//     <div role="tabpanel" class="tab-pane fade active in" id="graph">
//       ...
//       Graph
//       ...
//     </div>
//     <div role="tabpanel" class="tab-pane fade active in" id="fiche">
//       ...
//       Fiche
//       ...
//     </div>
//     <div role="tabpanel" class="tab-pane fade active in" id="documentation">
//       ...
//       Documentation
//       ...
//     </div>
//   </div>
// </div>
*/
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.tab-content {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-radius: 0 0 4px 4px;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

/* module, gains superpower "BFC" Block Formating Context */
.mod {
  overflow: hidden;
}

/* blocks that needs to be placed under floats */
.clear, .line {
  clear: both;
}

/* line-break */
span.mediumBreak { display: block; }
span.smallBreak { display: block; }
span.tinyBreak { display: block; }

/* blocks that must contain floats */
.line::after, .mod::after {
  content: "";
  display: table;
  clear: both;
}

/* to force the containers height to the height of the floated children elements */
.clearfix::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}

/* column numbers */
.column1 { width: 100%; }
.column2 { width: 50%; }
.column3 { width: 33.3%; }
.column4 { width: 25%; }
.column5 { width: 20%; }

/* text indent */
.textIndent1 { margin-left: 1.5rem; }
.textIndent2 { margin-left: 3rem; }
.textIndent3 { margin-left: 4.5rem; }

/* no padding */
.noPadding { padding: 0 !important; }
.noBottomPadding { padding-bottom: 0 !important; }
.noTopPadding { padding-top: 0 !important; }
.topPadding { padding-top: 2rem !important; }
.bottomPadding { padding-bottom: 2rem !important; }

/* flex */
.flexBoxPadding {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.flex-row {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
}
.flex-medium {
  -ms-flex-direction: column;
      flex-direction: column;
}
.flex-child-fixed { -ms-flex: 0 0 auto; flex: 0 0 auto; }
.flex-child-grow { -ms-flex: 1 0 auto; flex: 1 0 auto; }
.flex-child-shrink { -ms-flex: 0 1 auto; flex: 0 1 auto; }
.flex-child-grow-shrink {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
}
.generalTable.generalFlex {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  margin-bottom: .5rem;
}
.generalTable.generalFlex .generalTableCell {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  display: block;
}
.generalTable.generalFlex .widthCell10 {
  -ms-flex-order: 2;
      order: 2;
  width: 20%;
  padding-top: .8rem;
}
.generalTable.generalFlex .widthCell20 {
  -ms-flex-order: 1;
      order: 1;
  width: 80%;
  text-align: right;
  font-weight: 700;
}
.generalTable.generalFlex .widthCell70 {
  -ms-flex-order: 3;
      order: 3;
  width: 100%;
  border-top: 1px solid #ccc;
}
/* medium screen ~488px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 30.5em) {
  .generalTable.generalFlex .widthCell10 {
    -ms-flex-order: 3;
        order: 3;
    width: 8%;
    padding-top: .8rem;
  }
  .generalTable.generalFlex .widthCell20 {
    -ms-flex-order: 2;
        order: 2;
    width: 17%;
    text-align: right;
    font-weight: 700;
  }
  .generalTable.generalFlex .widthCell70 {
    -ms-flex-order: 1;
        order: 1;
    width: 75%;
    border: none;
  }
}







/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==tables  id="table_styles"                                                                                                                                                                 */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

table, .table {
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
}

table {
  width: 100%;
}

.table {
  display: table;
}

caption {
  padding: 1rem;
}

th, td {
  padding: 0.2em 0.4em;
  text-align: left;
}

/* custom styles */

/* table border collapse */
table.tableBorderCollapse {
  border-collapse: collapse;
}

/* table width 100% */
table.tableMaxWidth {
  width: 100%;
}

/* table align center */
table.tableAlignCenter {
  margin: 0 auto;
}

/* table cellspacing */
table.tdCellSpacing {
  border-collapse: separate;
  border-spacing: 2px;
}

/* table no border */
table.tableBorderStyleNone {
  border-style: none;
}

/* table general td, th valign top */
td.tableCellTop, th.tableCellTop {
  display: table-cell;
  vertical-align: top;
}

/* table general td, th valign bottom */
td.tableCellBottom, th.tableCellBottom {
  display: table-cell;
  vertical-align: bottom;
}

/* table general td, th cellpadding */
.tableCellPadding td, .tableCellPadding th {
  padding: .5rem;
}

/* table box list wrapper */
.tableContentColumn {
  border-collapse: collapse;
  width: 100%;
}
.tableBoxColumn {
  width: 100%;
  padding: 0;
}
.tableTdDetails {
  padding: 0 0.5em 2.0em 0.5em;
}





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==forms  id="form_styles"                                                                                                                                                                   */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* thanks to HTML5boilerplate,
* github.com/nathansmith/formalize 
* and www.sitepen.com
*/

/* forms items */

form, fieldset {
  border: none;
}

input, button, select, label {
  vertical-align: middle;
  font-family: inherit;
  font-size: inherit;
}

label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}

legend {
  border: 0;
  white-space: normal;
}

textarea {
  overflow: auto;
  /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
  min-height: 5em;
  vertical-align: top;
  font-family: inherit;
  font-size: inherit;
  resize: vertical;
}

button, select {
    text-transform: none;
}

button[disabled], html input[disabled] {
    cursor: default;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
:-ms-input-placeholder { /* Internet Explorer */
  color: #555454;
}
::placeholder {
  color: #555454;
}
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input:focus, textarea:focus, select:focus {
  outline: none;
  outline-style: none;
}

/* Forms */
div.table { width: 100%;}
div.table>div {display: block;}
div.table>div:first-child {width: 90%;}

/* custom styles */
.formField{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  min-height: 2.5rem;
  padding: .2rem 0 1rem 0;
}
.checkformField{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.tinyInput {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
.smallInput {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.mediumInput {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.largeInput {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
}
.coverInput {
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  padding: .2rem 0;
}
.coverInput > label { width: 100%; }
.checkboxInput input {
  margin-right: 2.5rem;
}
.widthField {
  width: 75%;
  min-width: 20rem;
}
.mediumField {
  width: 60%;
  min-width: 15rem;
}
.smallField {
  width: 40%;
  min-width: 10rem;
}
.custom-checkbox {
  position: relative
}
.custom-checkbox input[type=checkbox] {
  top: .5rem;
  margin-top: .25rem;
  margin-left: 0;
  opacity: 0;
  cursor: pointer;
  position: absolute
}
.custom-checkbox input[type=checkbox]+span {
  display: inline-block;
  left: .3rem;
  margin-right: 3px;
  width: 1.3rem;
  height: 1.3rem;
  vertical-align: middle;
  cursor: pointer;
  border: 2px solid #b6b6bb;
}
.custom-checkbox input[type=checkbox]+span .checkbox-checked {
  display: none;
  margin: -1.2rem 0 0 -0.6rem;
  font-size: 2.6rem;
  font-weight: 700;
  color: #1caf34;
}
.custom-checkbox input[type=checkbox]:checked+span .checkbox-checked {
  display: block;
}
.custom-checkbox input[type=checkbox]:focus+span {
  border-color: #b6b6bb
}
.shoppingTable .custom-checkbox input[type=checkbox] {
  margin-left: 0;
}
.shoppingTable .custom-checkbox { padding-left: .5rem; }

.searchField {
  color: #1b1b1f;
  font-weight: 400;
  background-color: #fff;
  border: 1px solid #1b1b1f;
  padding: .2rem .8rem;
  line-height: 1.6rem;
}

.normalField {
  padding: 0 .5rem;
  color: #181e24;
  border : 1px solid #c9cacb;
  background-color: #fff;
  line-height: 2.8rem;
  font-size: 1.6rem;
}
input.normalField:focus,
select.normalField:focus,
textarea.normalField:focus {
  border : 1px solid #181e24;
}
.normalInputLabel  {
  display: block;
  position: relative;
}
.normalInputText {
  padding: 0;
  min-width: 10em;
  padding: 0 0 0.2em 0;
  color: #1b1b1f;
}
.normalInputField {
  padding: 0 0 0.3em 0;
}

.formInfo { padding: 0; }

.singleInputLabel  {
  display: block;
  position: relative;
  padding-bottom: 1rem;
}
.singleInputLabel input, .singleInputLabel select  {
  display: block;
  width: 70%;
}
.singleInputLabel span.formInfo  {
  position: absolute;
  left: 60%;
  top: 0;
}
.largeInputLabel  {
  display: block;
  position: relative;
  padding-bottom: .5rem;
}
.largeInputLabel input, .largeInputLabel select  {
  display: block;
  width: 70%;
}
.largeInputLabel span.formInfo  {
  position: absolute;
  left: 70%;
  top: 0;
}







/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==global styles  id="global_styles"                                                                                                                                                         */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------- */
/* ==Main styles  id="global_main_styles"                                                    */
/* ----------------------------------------------------------------------------------------- */
/* main content page content wrapper */
#page {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  min-height: 100vh;
  -ms-flex-direction: column;
      flex-direction: column;
}
#pageContent {
  margin: 0 auto;
  background-color: #fff;
}
#pageIndexContent {
  margin: 0 auto;
  background-color: #fff;
}
#pageContent, #pageIndexContent {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  width: 100%;
}
.contentbox {
  background-color: #fff;
  padding: 3rem 1rem 2.5rem 1rem;
  text-align: left;
}
/* Page Main header */
.pageImage {
  padding: 0;
  margin-bottom: 3.5rem;
  text-align: center;
  background-color: #f2f3f5;
}
.pageContentTitle { padding: .5rem 0; }
.pageContentTitle, h1.pageContentTitle {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.2rem;
  line-height: 1.3;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .1rem;
  color: #47266d;
}
.pageContentHeader {
  margin: 0 0 2.5rem 0;
  padding: 1.5rem 1rem 1.5rem 1rem;
  background-color: #e2e2ea;
  text-align: center;
}
.pageContentHeaderExtraText {
  padding: 0.5em 0 0 0;
}
.pageContentSubTitle {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 1.7rem;
  font-weight: 400;
  color: #47266d;
}
/* page content bloc header wrapper */
.pageContentBlocHeading {
  padding: 1.5rem 0 2rem 0;
}
.pageContentBlocHeading a:link, .pageContentBlocHeading a:visited, .pageContentBlocHeading a:hover { color: #47266d; }
.pageContentBlocHeadingText {
  padding: 1rem;
  background-color: #f2f3f5;
  text-align: center;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: .1rem;
  font-weight: 700;
  color: #47266d;
}
.pageContentBlocHeadingText a:link, .pageContentBlocHeadingText a:visited, .pageContentBlocHeadingText a:hover { color: #47266d; }
.pageContentBoxHeader {
  padding: .5rem 0;
}
.pageContentBoxText {
  font-size: 1.8rem;
  font-weight: 400;
  padding: 0;
}
.pageContentBoxText span { display: block; }

/* ----------------------------------------------------------------------------------------- */
/* ==Content styles  id="global_content_styles"                                              */
/* ----------------------------------------------------------------------------------------- */
/* Page Main content */
.pageContentWrapper {
  padding: 2rem 1rem;
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: justify;
  border: 1px solid #e2e2ea;
}
.pageContentWrapper a:link, .pageContentWrapper a:visited, .pageContentWrapper a:hover {
  text-decoration: underline;
}
.pageContentContainer {  }
.pageContentBackgroundContainer {  }
.pageContentGeneral {
  font-size: 1.8rem;
  line-height: 1.6;
}
.pageContentGeneral > input[type="radio"] { margin: 0 .3rem .2rem .3rem; }
.pageContentGeneralPadding {
  padding: 0.2em 0.4em;
}
.pageContentGeneral a:link, .pageContentGeneral a:visited, .pageContentGeneralPadding a:link, .pageContentGeneralPadding a:visited {
  text-decoration: underline;
}
.pageContentGeneral a:hover, .pageContentGeneralPadding a:hover {
  text-decoration: underline;
}
.MediumPadding {
  padding: 1rem .6rem;
}
.pageContentLeftWrapper,
.pageContentRightWrapper,
.pageContentLeftOnlyWrapper,
.pageContentRightOnlyWrapper {
  width: 100%;
}
/* Content Bloc Contents */
.pageContentBoldTitle { font-weight: 700; padding-bottom: .5rem; }
.pageContentSplitResults {
  font-size: 1.6rem;
  line-height: 3.5rem;
  color: #47266d;
}
.pageContentSplitResults a:link, .pageContentSplitResults a:visited { color: #47266d; }
.pageContentSplitResults a:hover { color: #47266d; }
.pageContentBlocUnder {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  padding: 0 .2rem;
}
.pageContentBlocUnder a:link, .pageContentBlocUnder a:visited { color: #47266d; }
.pageContentBlocUnder a:hover { color: #47266d; text-decoration: underline; }
.pageContentBlocUnder > div {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  padding: .2rem 1rem;
}
.pageContentPaddingBloc {
  padding: 1rem;
  margin: 1rem 0;
}
.pageContentSplitLeft {
  width: 100%;
  text-align: center;
}
.pageContentSplitCenter {
  width: 100%;
  text-align: center;
}
.pageContentSplitRight {
  width: 100%;
  text-align: center;
}
.pageConfirmWrapperTop {
  display: none;
  padding-bottom: 2rem;
}
.pageConfirmWrapperBottom {
  display: none;
  padding-top: 2rem;
  padding-bottom: 1rem;
}
.pageContentConfirm {
  padding: .3rem;
}
.pageContentConfirmBar {
  float: left;
  width: 25%;
}
.pageContentConfirmBar a { color: #fff; }
.ConfirmBarButton {
  border-radius: .3rem;
  box-shadow: 2px 2px 1px #333;
  margin: 0 2rem;
  padding: .5rem 1rem;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  background-color: #47266d;
}
.ConfirmBarBeforeButton {
  border-radius: .3rem;
  box-shadow: 2px 2px 1px #ccc;
  margin: 0 2rem;
  padding: .5rem 1rem;
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  background-color: #7f7195;
}
.pageContentConfirmBarText {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
  color: #47266d;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
}
.pageContentConfirmBarText a { color: #47266d; }
.pageContentBeforeConfirmBarText {
  float: left;
  width: 25%;
  margin: 0;
  padding: 0;
  color: #7f7195;
  font-size: 1.6rem;
  font-weight: 400;
  text-align: center;
}

/* Content Textes */
.contentSearchText {
  font-weight: 400;
  font-size: 1.2rem;
  color: #1b1b1f;
}
.contentSearchLink a:link, .contentSearchLink a:visited { color: #1b1b1f; }
.contentSearchLink a:hover { color: #1b1b1f;  text-decoration: underline; }
.pageContentSpecialText {
  color: #1b1b1f;
}
.pagesContentInsertions { padding: 0; }

.changeHeightFrame { height: 56rem; }
/* small screen ~448px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 28em) {
  .changeHeightFrame { height: 49rem; }
}
/* small screen ~576px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 36em) {
  .changeHeightFrame { height: 44rem; }
}

/* ----------------------------------------------------------------------------------------- */
/* ==List styles  id="global_list_styles"                                                    */
/* ----------------------------------------------------------------------------------------- */
.pageContentListRowEven {
  border-bottom: 1px solid #7f7195;
  background-color: #f7f8fb;
  padding: .2rem;
}
.pageContentListRowOdd {
  border-bottom: 1px solid #7f7195;
  background-color: #fcfcfc;
  padding: .2rem;
}
.pageContentRowBackground {
  background-color: #f7f8fb;
  color: #000;
}
.pageContentRowBackground:hover {
  background-color: #e2e2ea;
  color: #000;
  cursor: pointer;
}
.pageContentRowBackgroundOver {
  background-color: #e2e2ea;
  color: #000;
  cursor: pointer;
}
.pagesTitlesWrapper {
  margin: 0 0 .5rem 0;
  padding: 1rem 0 2.5rem 0;
}
.pagesTitleTable {
  padding: 0;
  margin: 0;
}
.pageMenuCell {
  padding: .2rem 0;
  margin: 0;
}
.pagesActifSubTitle {
  display: block;
  margin: .2rem 0 .3rem 0;
  padding: 1.5rem 2.5rem;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  color: #47266d;
  text-decoration: none;
  background-color: #e2e2ea;
}
.pagesActifSubTitle a:link, .pagesActifSubTitle a:visited { color: #47266d; text-decoration: none; }
.pagesActifSubTitle a:hover { color: #47266d; text-decoration: underline; }
.pagesSmallText {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 700;
}
.pagesActifSubTitle .pagesSmallText {
  color: #47266d;
}
.pagesSubTitle a {
  display: block;
  margin: .2rem 0 .3rem 0;
  padding: 1.5rem 2.5rem;
  color: #413f42;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.8rem;
  line-height: 2.6rem;
  font-weight: 700;
  background-color: #f2f3f5;
}
.pagesSubTitle a:link, .pagesSubTitle a:visited { color: #413f42; text-decoration: none; }
.pagesSubTitle a:hover {
  color: #47266d;
  text-decoration: none;
  background-color: #e2e2ea;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Div styles  id="global_div_styles"                                                      */
/* ----------------------------------------------------------------------------------------- */
.divBox { margin: 0; padding: 0; }
.divBoxBorder {
  border: 1px solid #e2e2ea;
  border-radius: 1rem;
  margin: 0 0 .5rem 0;
  padding: .5rem;
}
.divBoxNoBorder {
  margin: 0 0 .5rem 0;
}
.divBoxButton {
  padding: 1rem 0 1.5rem 0;
}
.divBoxPadding {
  margin: 0 0 .5rem 0;
  padding: .5rem 0;
}
.divBoxNoPadding {
  margin: 0 0 .5rem 0;
  padding: 0;
}
.divBoxPaddingBorder {
  border: 1px solid #e2e2ea;
  margin: 0 0 .5rem;
  padding: .5rem;
}
.divBoxPaddingNoBorder {
  margin: 0 0 .5rem 0;
  padding: .5rem;
}
.divBoxBackgroundPadding {
  margin: .5rem 0;
  padding: 1rem;
  background-color: #f2f3f5;
  border-radius: 1rem;
}
.divBoxMargin {
  margin: 0 1rem .5rem 1rem;
  padding: .5rem;
}
.divTable { padding: 0; margin: 0; }

/* ----------------------------------------------------------------------------------------- */
/* ==Image styles  id="global_image_styles"                                                  */
/* ----------------------------------------------------------------------------------------- */
/* resizing image */
.pageContentListImg {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  border: 1px solid #f2f3f5;
}
.pageContentListImg a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.pageContentListImg img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  border: none;
  padding: 0;
}
/* resizing image */
.pageContentListNoImg {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
  border: 1px solid #ededed;
  border-radius: .2rem;
}
.pageContentListNoImg img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  border: none;
  padding: 0;
}
.leftPaddingImg img { padding: 0 0 0 .5rem; }
.rightPaddingImg img { padding: 0 .5rem 0 0; }

/* ----------------------------------------------------------------------------------------- */
/* ==Specific pages styles  id="global_specific_pages_styles"                                */
/* ----------------------------------------------------------------------------------------- */
/* reviews.php, tell_a_friend.php, product_reviews_write.php, product_reviews_info.php, product_reviews.php */
.TextSmallTitle {
  font-size: 1.3rem;
  font-weight: 400;
}
.popupLinkText {
  font-size: 1.1rem;
  color: #7b5148;
}
.popupLinkText a:link, .popupLinkText a:visited { color: #444444; }
.popupLinkText a:hover { color: #444444; text-decoration: underline; }
/* 404.php */
.text-404 {
  padding-right: 6rem;
  font-size: 10rem;
  line-height: 12rem;
  color: #e1e4e7;
  font-weight: 400;
}
/* account_history.php */
.TextPaddingBloc {
  padding: .2rem;
}
.accountList {
  padding: .2rem 0 .2rem 2rem;
  font-size: 1.7rem;
  line-height: 2.9rem;
  background-position: 0 1.2rem;
  background-repeat: no-repeat;
}
.no-js .accountList,
.no-webp .accountList {
  background-image: url("../images/dot.png");
}
.webp .accountList {
  background-image: url("../images/dot.webp");
}
/* checkout_confirmation.php */
.TextCheckoutEditLink { font-size: 0.86em; }
.TextCheckoutEditLink a:link, .TextCheckoutEditLink a:visited { color: #ec8000; }
.TextCheckoutEditLink a:hover { color: #ec8000; }
.TextCheckoutConfirm ul, .TextCheckoutConfirm li {
  margin: 0 0 .2rem;
  padding: 0 0 0 1.5rem;
  text-indent: -1rem;
}
/* checkout_payment.php, checkout_shipping.php */
.TextIndicationsText { color: #ae0a0e; }
.forbiddenText {
  padding: 1rem 0 2rem 0;
  line-height: 2.4rem;
}
.forbiddenText span {
  display: inline-block;
  padding-right: .5rem;
  color: #9c0000;
  font-size: 1.8rem;
}
.forbiddenText a:link, .forbiddenText a:visited { color: #9c0000; }
.forbiddenText a:hover { color: #9c0000; }
/* contact_formulaire.php */
.cnilText {
  padding: 1rem;
  font-size: 1.3rem;
  text-align: justify;
}
.cnilText a:link, .cnilText a:visited { text-decoration: underline; }
.cnilText a:hover { text-decoration: underline; }
/* login.php, intervention_login.php */
.TextloginLink a:link, .TextloginLink a:visited { color: #ae0a0e; font-weight: 700; }
.TextloginLink a:hover { color: #ae0a0e; text-decoration: underline; font-weight: 700; }
/* shopping_cart.php */
.shoppingTable { border-top: 1px solid #7f7195; border-left: 1px solid #7f7195; border-right: 1px solid #7f7195; }
.TextProductsLink { color: #000; }
.TextProductsLink a:link, .TextProductsLink a:visited { color: #000; }
.TextProductsLink a:hover { color: #444444; text-decoration: underline; }
.TextShoppingCartAttributsText {
  color: #444444;
  font-size: 1.2rem;
  font-weight: 400;
}
.assuranceTitle {
  font-size: 2rem;
  line-height: 2.6rem;
}
.assuranceText {
  padding-top: 1rem;
  font-size: 1.7rem;
  line-height: 2.6rem;
}
.cartShippingText {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  width: 30%;
  min-width: 20rem;
}
/* opening and closing dates for shopping_cart.php */
.webShopDates {
  color: #ae0a0e;
  font-size: 1.4rem;
  font-weight: 400;
  padding: .5rem 0 1rem 0;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Oscommerce standard styles  id="global_oscommerce_standard_styles"                      */
/* ----------------------------------------------------------------------------------------- */
.markProductOutOfStock, .inputRequirement {
  color: #ae0a0e;
}
.anyNotAvailable {
  color: #214462;
  font-size: 1.4rem;
}
.separator {
  padding: 0;
  margin: 0;
}
.orderTotalTitle {
  float: left;
  width: 80%;
}
.orderTotalText {
  float: left;
  width: 20%;
}
.orderTotalTax {
  font-style: italic;
}
.orderTotalNoTax {
  font-style: italic;
}
.pageResultsActif {
  color: #fff;
  padding: .8rem 1.2rem;
  margin: 0 .3rem;
  background-color: #ec8000;
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-decoration: none;
  border-radius: .5rem;
}
a.pageResults {
  color: #fff;
  padding: .8rem 1.2rem;
  margin: 0 .3rem;
  background-color: #413f42;
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-decoration: none;
  border-radius: .5rem;
}
a.pageResults:link, a.pageResults:visited { color: #fff; text-decoration: none; }
a.pageResults:hover { color: #fff; text-decoration: none; background-color: #ec8000; }
a.pageResultsSet {
  color: #413f42;
  padding: .8rem 1.2rem;
  margin: 0 .3rem;
  background-color: transparent;
  font-size: 1.6rem;
  line-height: 1.6rem;
  text-decoration: none;
  border-radius: .5rem;
}
a.pageResultsSet:link, a.pageResultsSet:visited { color: #413f42; text-decoration: none; }
a.pageResultsSet:hover { color: #ec8000; text-decoration: none; background-color: transparent; }
.headerError {
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
  border: 1px solid;
  border-color: #ae0a0e;
  background-color: #ae0a0e;
  padding: .2rem;
  color: #fff;
}
.headerInfo {
  width: 100%;
  font-size: 1.4rem;
  line-height: 2rem;
  border: 1px solid;
  border-color: #2f8926;
  background-color: #2f8926;
  padding: .2rem;
  color: #fff;
}
.messageBox { margin: .3rem; }
.messageStack { padding: 0 .5rem .5rem .5rem; text-align: left; }
.messageStackError, .messageStackWarning {
  font-size: 1.4rem;
  line-height: 1.8rem;
  border: 1px solid;
  border-color: #ae0a0e;
  background-color: #ae0a0e;
  padding: .2rem;
  color: #fff;
}
.messageStackSuccess {
  font-size: 1.4rem;
  line-height: 1.8rem;
  border: 1px solid;
  border-color: #2f8926;
  background-color: #2f8926;
  padding: .2rem;
  color: #fff;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Database error styles  id="global_database_error_styles"                                */
/* ----------------------------------------------------------------------------------------- */
#errorBox {
  float: left;
  font-size: 1.1rem;
  line-height: 1.3em;
  border: 1px solid #ae0a0e;
  background-color: #EAE8E8;
  padding: 0.1em;
  font-weight: 700;
  color: #1b1b1f;
  margin: 0.3em;
}
#errorBoxError {
  color: #1b1b1f;
  margin-bottom: 0.5em;
  padding: 0.1em;
}
#errorBoxContent {
  padding: 0.1em;
  margin-bottom: 0.3em;
}

/* ----------------------------------------------------------------------------------------- */
/* ==General list styles  id="global_general_list_styles"                                    */
/* ----------------------------------------------------------------------------------------- */
.shoppingCart ul, .shoppingCart li {
  margin: 0 0 .2rem;
  padding: 0 0 0 1rem;
  text-indent: -1rem;
}

ul.preview {
  list-style: none;
  padding-left: 0;
  padding-bottom: 1rem;
  overflow: hidden;
}

ul.preview > li.preview {
  background-repeat: no-repeat;
  background-position: left 0.8rem;
  padding-left: 2.5rem;
}

.no-js ul.preview > li.preview,
.no-webp ul.preview > li.preview {
  background-image: url("../images/dot.png");
}

.webp ul.preview > li.preview {
  background-image: url("../images/dot.webp");
}

/* ----------------------------------------------------------------------------------------- */
/* ==btn styles  id="global_btn_styles"                                                      */
/* ----------------------------------------------------------------------------------------- */
.btn {
  display: inline-block;
  padding: .5rem 1rem;
  margin-bottom: 0;
  font-size: 2.6rem;
  font-weight: 400;
  line-height: 3rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0;
  white-space: nowrap;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted #333;
  outline: .5rem auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover, .btn:focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active, .btn.active {
  outline: 0;
  background-image: none;
}
.btn-icon {
  padding: .2rem 1rem;
  background-color: #a51b18;
  font-size: 2.2rem;
  font-weight: 400;
  line-height: 2.4rem;
  color: #fff;
}
.btn-icon:hover {
  background-color: #181e24;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Flowcontent styles  id="global_flowcontent_styles"                                      */
/* ----------------------------------------------------------------------------------------- */
/* clear both */
.clearBoth {
  clear: both;
}
/* left elements */
.floatLeft {
  float: left;
}
img.floatLeft {
  margin-right: 1em;
}
/* right elements */
.floatRight {
  float: right;
}
img.floatRight {
  margin-left: 1em;
}
img.floatLeft, img.floatRight {
  margin-bottom: .5rem;
}
/* image float elements */
.ImageFloatRight,
.ImageFloatLeft {
  text-align: center;
}
img.ImageFloatLeft, img.ImageFloatRight {
  display: block;
  margin: 0 auto;
  padding-bottom: .5rem;
  max-width: 100%;
  height: auto;
  width: auto;
  box-sizing: border-box;
}
.ImageFloatLeft > img,
.ImageFloatRight > img {
  display: block;
  margin: 0 auto;
  padding-bottom: .5rem;
  max-width: 100%;
  height: auto;
  width: auto;
  box-sizing: border-box;
}

/* small screen ~448px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 28em) {
  .ImageFloatLeft {
    float: left;
    max-width: 50%;
  }
  .ImageFloatLeft > img {
    padding-right: 1.5rem;
  }
  img.ImageFloatLeft {
    padding-right: 1.5rem;
  }
  .ImageFloatRight {
    float: right;
    max-width: 50%;
  }
  .ImageFloatRight > img {
    padding-left: 1.5rem;
  }
  img.ImageFloatRight {
    padding-left: 1.5rem;
  }
}

/* center */
.center {
  margin-left: auto;
  margin-right: auto;
}
/* overflow hidden */
.overflowHidden {
  overflow: hidden;
}
/* border style none */
.borderStyleNone {
  border-style: none;
}
/* resizing image */
img {max-width: 100%; height: auto; width: auto; box-sizing: border-box;}
/* automaticaly center */
.illustrations {
  margin: 0 auto;
  display: block;    
}

figure { margin: 0.5rem 0; }
figcaption { text-align: center; }

p {
  padding: 0.5em 0;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Modules styles  id="global_modules_styles"                                              */
/* ----------------------------------------------------------------------------------------- */

/*  Accordion styles
----------------------------------------------- */
.accordionWrapper,
.accordionPagesWrapper {
    position: relative;
  margin-top: 3.5rem;
}
.accordionBloc {
  width: 100%;
  padding: 2rem 1rem 5rem 1rem;
  font-size: 1.8rem;
  line-height: 1.6;
  border: 1px solid #e2e2ea;
}
.accordionBloc > .accordionElement:last-child {
  margin-bottom: 1rem;
  border-bottom: none;
}
.accordionBlocText {
    padding: .5rem 0 2rem 0;
}
.accordionImage {}
.accordionTitle {
  margin: 0;
  padding: 1rem 0 1.5rem 0;
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #47266d;
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 700;
  text-align: left;
}
.accordionElement {
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
  border-bottom: 1px solid #ededed;
}
.accordionElementTitle {
  padding: 1.5rem 0 .5rem 0;
  margin: 0;
  font-family: Georgia,"Times New Roman",Times,serif;
  color: #47266d;
  font-size: 2.2rem;
  line-height: 1.4;
  font-weight: 700;
}
.accordionElementTitle > a {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: no-wrap;
      flex-wrap: no-wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  text-decoration: none;
  color: #47266d;
  outline-style: none;
}
.accordionElementTitle > a span:first-child {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  width: calc(100% - 4rem);
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  text-align: left;
}
.accordionElementTitle > a span.accordionButton {
  display: inline-block;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: 3rem;
  width: 3rem;
  text-align: center;
  background-color: #47266d;
}
.accordionElementTitle > a span.visible-xs {
  display: inline-block;
  height: 3rem;
  width: 3rem;
  line-height: 3rem;
  color: #fff;
  text-align: center;
}
.accordionElementTitle a.rotates span.ico-rotate {
  -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
  transition: 0.3s ease;
}
.accordionElementTitle a.rotates.collapsed span.ico-rotate {
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
}
.accordionElementText {
  font-size: 1.8rem;
  line-height: 1.6;
  text-align: justify;
}
.accordionElementContent {
  padding: 1rem 0;
  margin-top: 2.5rem;
  border-top: 1px solid #e2e2ea;
}
.accordionFormat {
  padding: .3rem 0 .5rem 0;
  font-size: 1.4rem;
  line-height: 2rem;
  text-align: center;
  font-style: italic;
}
.accordionBlocButton {
  padding: 2rem 0;
  text-align: center;
}
/* medium screen ~488px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 30.5em) {
  .accordionBloc { padding: 3rem 2rem 5rem 2rem; }
}
/* large screen ~768px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  .accordionBloc {
    padding: 3.5rem 4rem;
  }
}

/*  Reviews
----------------------------------------------- */
.pageReviewImage {
  border: none;
  padding: 1rem 0;
  width: 50%;
}
.pageReviewBigImage {
  width: 100%;
}
.pageReviewBigImage img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
}
.reviewBlocWrapper {
  padding: 1rem 0 2.5rem 0;
}
.reviewProductPageWrapper {
  padding: 1rem 0 .5rem 0;
}
.reviewProductsWrapper {
  padding: 1rem 0 2.5rem 0;
}
.reviewProductsWrapper .pageContentListImg { padding: 0 1rem 0 0; border: none; }
.reviewProductsWrapper .generalTableCell { display: block; }
.reviewProductsWrapper .widthCell20 { width: 65%; margin: 0 auto; }
.reviewProductsWrapper .widthCell80 { width: 100%; }
.reviewElementWrapper { padding: 1rem 0; }
.reviewElementHeader {
  padding: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2.4rem;
  line-height: 1.3;
  color: #47266d;
}
.reviewArticleWrapper { padding: 1rem; }
.reviewArticleHeader { padding: .5rem 0; font-size: 1.6rem; line-height: 1.8rem; font-family: Georgia,"Times New Roman",Times,serif; }
.reviewProductsWrapper .reviewArticleHeader { padding: .5rem 0 0 0; }
.reviewArticleContent { padding: .5rem 0; font-size: 1.6rem; line-height: 2.2rem; text-align: justify; }
.reviewArticleRating { padding: 1rem 0 .5rem 0; }
.reviewArticleRatingText { display: inline-block; vertical-align: middle; font-size: 1.8rem; line-height: 1.9rem; padding: 0 0 0 1rem; font-family: Georgia,"Times New Roman",Times,serif; color: #ec8000; }
.pageContentBlocHeading .reviewArticleRatingText { display: block; padding: 0; }
.reviewArticleInfo { color: #a7a7a7; font-size: 1.4rem;  }
.stars { display: inline-block; height: 1.9rem; vertical-align: middle; width: 9rem;   background-image: url("../images/pixel_trans.gif"); background-position: center center; background-repeat: no-repeat; background-size: contain; }
.starS05 { background-image: url("../images/stars_05.png"); }
.starS10 { background-image: url("../images/stars_10.png"); }
.starS15 { background-image: url("../images/stars_15.png"); }
.starS20 { background-image: url("../images/stars_20.png"); }
.starS25 { background-image: url("../images/stars_25.png"); }
.starS30 { background-image: url("../images/stars_30.png"); }
.starS35 { background-image: url("../images/stars_35.png"); }
.starS40 { background-image: url("../images/stars_40.png"); }
.starS45 { background-image: url("../images/stars_45.png"); }
.starS50 { background-image: url("../images/stars_50.png"); }

/*  Swiper slides 4.4.6
----------------------------------------------- */
.SwiperWrapper {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.SwiperBloc {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  background-color: #f2f3f5;
}
.swiper-background-left {
  position: absolute;
  width: calc((100% - 200rem)/2);
  height: 100%;
  left: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 5;
}
.swiper-background-right {
  position: absolute;
  width: calc((100% - 200rem)/2);
  height: 100%;
  right: 0;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 4;
}
.swiperHeaderPadding {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 200rem;
  height: auto;
}
.swiper-navigation {
  margin: 0 auto;
  width: 100%;
  max-width: 200rem;
}
.swiper-container {
  margin: 0 auto;
  position: relative;
  /*overflow: hidden;*/
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-introtext {
  position: absolute;
  top: 20%;
  bottom: 0;
  right: 0;
  width: 50%;
  padding: 1rem;
  pointer-events: none;
}
.swiper-introtext p {
  padding: .2rem 0;
  margin: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #fff;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  text-transform: uppercase;
  text-shadow: .3rem .2rem .5rem rgba(0, 0, 0, 0.6);
}
.swiper-introtext p a { color: #fff; }
.swiper-introtext div {
  padding: .2rem 0;
  margin: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #fff;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.2;
  text-shadow: .3rem .2rem .5rem rgba(0, 0, 0, 0.5);
}
/* medium screen ~448px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 28em) {
  .swiper-introtext div,
  .swiper-introtext p {
    font-size: 2rem;
    letter-spacing: 0.1rem;
  }
}
/* medium screen ~608px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 38em) {
  .swiper-introtext div,
  .swiper-introtext p {
    font-size: 2.6rem;
  }
}
/* medium screen ~768px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  .swiper-introtext div,
  .swiper-introtext p {
    font-size: 3.4rem;
  }
}
/* medium screen ~960px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 60em) {
  .swiper-introtext div,
  .swiper-introtext p {
    font-size: 4.6rem;
  }
}
/* medium screen ~1200px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 75em) {
  .swiper-introtext { width: 48%; }
  .swiper-introtext div,
  .swiper-introtext p {
    font-size: 5.2rem;
  }
}
/* medium screen ~1360px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 85em) {
  .swiper-introtext div,
  .swiper-introtext p {
    font-size: 6rem;
  }
}
/* medium screen ~1520px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 95em) {
  .swiper-introtext div,
  .swiper-introtext p {
    font-size: 7rem;
  }
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  align-items: flex-start;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  perspective: 200rem;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 48%;
  width: 4rem;
  height: 4rem;
  margin-top: -2.2rem;
  padding: .5rem;
  z-index: 10;
  cursor: pointer;
  background-size: 4rem 4rem;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0.7;
  transition: opacity 0.2s ease;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 1;
  transition: opacity 0.2s ease;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("../images/arrow_left.png");
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");*/
  left: 0;
  right: auto;
  border-radius: 0 .3rem .3rem 0;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("../images/arrow_right.png");
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");*/
  right: 0;
  left: auto;
  border-radius: .3rem 0 0 .3rem;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 1rem;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: .8rem;
  height: .8rem;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet {
	display: inline-block;
  background-position: 0 0;
  background-color: transparent;
	width: 13px;
	height: 13px;
	margin: .3rem .5rem;
  border-radius: 0;
  opacity: 1;
}
.no-js .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet,
.no-webp .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet { background-image: url(../images/swiper_pagination.png); }
.webp .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet { background-image: url(../images/swiper_pagination.webp); }
.swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
  background-color: transparent;
  background-position: 0 -13px;
}
.no-js .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active,
.no-webp .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-image: url(../images/swiper_pagination.png); }
.webp .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background-image: url(../images/swiper_pagination.webp); }
.swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet:hover {
  opacity: 1;
  background-color: transparent;
  background-position: 0 -26px;
}
.no-js .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet:hover,
.no-webp .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet:hover { background-image: url(../images/swiper_pagination.png); }
.webp .swiper-container-horizontal .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet:hover { background-image: url(../images/swiper_pagination.webp); }
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 1rem;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: .6rem 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .8rem;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 .4rem;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -ms-transform: scale(0);
  transform: scale(0);
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: .4rem;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: .4rem;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 1rem;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: .3rem;
  z-index: 50;
  height: .5rem;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: .3rem;
  top: 1%;
  z-index: 50;
  width: .5rem;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1rem;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -2.1rem;
  margin-top: -2.1rem;
  z-index: 10;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader::after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 200rem;
}

/*  Featured Products */
.featuredModuleWrapper {
  padding: .5rem;
  background-color: #d0e3ea;
}
.listOutputFeaturedContainer {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin: 0;
  padding: 1rem 1rem;
}
.pageFeaturedText {
  font-size: 1.2rem;
  line-height: 1.8rem;
  font-weight: 400;
  padding: 1rem 0;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Wrapper styles  id="global_wrapper_styles"                                              */
/* ----------------------------------------------------------------------------------------- */
#maincontent {
  background-color: #fff;
  padding: 0;
  z-index: 500 !important;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == Buttons  tag "=button_styles"                                                                                                                                                            */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.cssButtonContainer {
  display: inline-block;
  background-color: #000;
  border: 2px solid #000;
}
.cssButtonContainer a {
  display: block;
  width: 100%;
  padding: .3rem 2rem .4rem 2rem;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.2rem;
  letter-spacing: .1rem;
  line-height: 2.5rem;
  color: #fff;
}
.cssButtonContainer a:link, .cssButtonContainer a:visited { color: #fff; text-decoration: none; }
.cssButtonContainer a:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
}
.cssButtonContainer span {
  display: inline-block;
  padding-right: 1rem;
  line-height: 2.5rem;
}
button.cssButtonContainer {
  padding: .3rem 2rem .4rem 2rem;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.2rem;
  letter-spacing: .1rem;
  line-height: 2.5rem;
  color: #fff;
  background-color: #000;
  border: 2px solid #000;
}
button.cssButtonContainer:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
}

.cssImageButtonContainer {
  position: relative;
  padding: 0 0 2rem 0;
}

.cssButtonSubmitContainer {
  padding: .3rem 2rem .4rem 2rem;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.2rem;
  letter-spacing: .1rem;
  line-height: 2.5rem;
  color: #fff;
  background-color: #000;
  border: 2px solid #000;
}
.cssButtonSubmitContainer:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
}

.cssEmptyButtonContainer {
  display: inline-block;
  padding: .3rem 2rem .4rem 2rem;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.2rem;
  letter-spacing: .1rem;
  line-height: 2.5rem;
  color: #fff;
  cursor: pointer;
}
.no-js .cssEmptyButtonContainer,
.no-webp .cssEmptyButtonContainer { background-image: url("../images/button-empty.png"); }
.webp .cssEmptyButtonContainer { background-image: url("../images/button-empty.webp"); }

.cssButtonSubmitContainer.cssUpdateButtonContainer { border: 2px solid #c60505 !important; }

.cssButtonSmall { margin: .2rem .3rem; }
.cssButtonSmall a {
  font-size: 1.3rem;
  line-height: 1.6rem;
  padding: .1rem .8rem .2rem .8rem;
}
.cssButtonMedium a {
  padding: .3rem .8rem .2rem .8rem;
  font-size: 1.8rem;
  line-height: 3.2rem;
}
.cssButtonBoxContainer {
  padding: .1rem 1.2rem .2rem 1.2rem;
  background-color: #000;
  font-size: 1.4rem;
  line-height: 2.0rem;
}
.cssButtonBoxContainer a { font-size: 1.4rem; line-height: 2.0rem; padding: .1rem 1.2rem .2rem 1.2rem; }
.cssButtonBoxContainer a, .cssButtonBoxContainer a:link, .cssButtonBoxContainer a:visited { color: #fff; text-decoration: none; }
.cssButtonBoxContainer:hover, .cssButtonBoxContainer a:hover { color: #e99a23; background-color: #8c2d2d; }
.cssButtonPopupContainer { width: 75%; }
.cssButtonPopupContainer a { width: 100%; }

.cssButtonSubmitSmall {
  font-size: 1.2rem;
  line-height: 1.6rem;
  padding: .1rem .8rem .2rem .8rem;
  margin: .2rem .3rem;
}

.cssButtonSubmitBig {
  box-shadow: none;
  font-size: 2.5rem;
  line-height: 4.3rem;
  padding: .3rem 6rem .4rem 6rem;
}

.cssButtonSubmitPopupContainer { width: 75%; }
.headerPopupCartButton .cssButtonSubmitPopupContainer { font-size: 2rem; letter-spacing: normal; }

/* small screen ~448px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 27.99em) {
  .cssButtonContainer a, .cssButtonSubmitContainer { padding: .3rem 1rem .4rem 1rem; }
}






/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==desktop and retina medias  id="desktop_retina_medias"                                                                                                                                     */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media all and (min-width: 48em) {
  /* here go rules for big resources and big screens like: background-images, font-faces, etc. */
}

@media (min-resolution: 192dpi), (min-resolution: 2dppx) {
  /* Style adjustments for retina devices */
}










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==Responsive tiny / medium / large  id="media_queries_min_width"                                                                                                                            */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* medium screen ~400px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 25em) {
  .reviewProductsWrapper .generalTableCell { display: table-cell; }
  .reviewProductsWrapper .widthCell20 { width: 40%; margin: 0; }
  .reviewProductsWrapper .widthCell80 { width: 60%; }
}

/* medium screen ~416px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 26em) {
  .pageContentBoxText span { display: inline-block; }
  span.tinyBreak { display: inline;  }
  span.tinyBreak::after { content: " - "; }
}

/* small screen ~448px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 28em) {
  div.table>div {display: table-cell;}
  div.table>div:first-child {width: 35%;}
  #popupModalLabel {
    font-size: 1.8rem;
    line-height: 2.2rem;
  }
  .modal-dialog {
    width: 90%;
    margin: 2rem auto;
  }
  .modal-sm { width: 30rem; }
  .singleInputLabel input, .singleInputLabel select  { position: absolute; left: 40%; top: 0; width: auto; }
  .singleInputLabel span.formInfo  { position: absolute; left: 70%; top: 0; width: 25%; text-align: left; }
  .largeInputLabel input, .largeInputLabel select  { position: absolute; left: 55%; top: 0; width: auto; }
  .largeInputLabel span.formInfo  { position: absolute; left: 80%; top: 0; width: 20%; text-align: left; }
  .reviewProductsWrapper .widthCell20 { width: 30%; }
  .reviewProductsWrapper .widthCell80 { width: 70%; }
  .reviewArticleWrapper {
    float: left;
    width: 50%;
    clear: none;
    padding: 1rem;
  }
  .reviewElementWrapper > div.reviewArticleWrapper:nth-child(2n+1) { clear: both; padding: 1rem 2rem 1rem 0; }
  .reviewElementWrapper > div.reviewArticleWrapper:nth-child(2n) { clear: none; padding: 1rem 0 1rem 2rem; }
}

/* medium screen ~488px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 30.5em) {
  .pageContentWrapper { padding: 3rem 2rem; }
  .pagesActifSubTitle,
  .pagesSubTitle a {
    padding: 1.5rem 3rem;
    font-size: 2rem;
    line-height: 2.8rem;
    letter-spacing: .1rem;
  }
  .pageContentTitle, h1.pageContentTitle { font-size: 2.5rem; }
  .pageContentBlocHeadingText { font-size: 2.2rem; }
  .pageConfirmWrapperTop { display: block; }
  .pageConfirmWrapperBottom { display: block; }
  .divBoxPaddingBorder {  padding: 1rem; }
  .formField{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    padding: .2rem 0;
  }
  .tinyInput {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    width: 10%;
    max-width: 5rem;
    min-width: 3rem;
  }
  .smallInput {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 40%;
    max-width: 30rem;
    min-width: 25rem;
  }
  .mediumInput {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 50%;
    max-width: 40rem;
    min-width: 30rem;
  }
  .largeInput {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 60%;
    max-width: 60rem;
    min-width: 45rem;
  }
  .coverInput {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
  }
  .widthField {
    width: 60%;
    min-width: 20rem;
  }
  .mediumField {
    width: 40%;
    min-width: 15rem;
  }
  .smallField {
    width: 25%;
    min-width: 10rem;
  }
}

/* medium screen ~624px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 39em) {
  span.smallBreak { display: inline;  }
  span.smallBreak::after { content: " - "; }
  .singleInputLabel input, .singleInputLabel select  { left: 35%; width: auto; }
  #popupModalLabel {
    font-size: 2rem;
    line-height: 2.4rem;
  }
  .modal-dialog { width: 80%; max-width: 55rem; margin: 3rem auto; }
  .modal-popup { max-width: 50rem; margin: 3rem auto; }
  .modal-sm { max-width: 50rem; margin: 3rem auto; }
  .modal-body { padding: 2rem; }
  .flex-medium {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .flex-medium > .topPadding {
    padding-top: 0 !important;
  }
  .pageContentLeftWrapper,
  .pageContentLeftOnlyWrapper {
    float: left;
    width: 50%;
  }
  .pageContentRightWrapper,
  .pageContentRightOnlyWrapper {
    float: right;
    width: 50%;
  }
  .pageContentSplitLeft {
    width: auto;
    text-align: left;
  }
  .pageContentSplitRight {
    width: auto;
    text-align: right;
  }
  .pageContentSplitCenter {
    width: auto;
  }
  .reviewProductsWrapper .widthCell20 { width: 20%; }
  .reviewProductsWrapper .widthCell80 { width: 80%; }
}

/* medium screen ~720px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 45em) {
  .reviewArticleWrapper { width: 33%; clear: none; }
  .reviewElementWrapper > div.reviewArticleWrapper:nth-child(3n+1) { clear: both; padding: 1rem 2rem 1rem 0; }
  .reviewElementWrapper > div.reviewArticleWrapper:nth-child(3n+2) { clear: none; padding: 1rem 1rem 1rem 1rem; }
  .reviewElementWrapper > div.reviewArticleWrapper:nth-child(3n) { clear: none; padding: 1rem 0 1rem 2rem; }
}

/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  .pageContentWrapper { padding: 3.5rem 4rem; }
  .pageContentTitle, h1.pageContentTitle { font-size: 2.8rem; }
  h1 { font-size: 3.2rem; }
  h2 { font-size: 2.8rem; }
  #popupModalLabel {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
  .modal-dialog {
    max-width: 74rem;
    margin: 3rem auto;
  }
  .modal-dialog.dialog-login { max-width: 74rem; }
  .modal-popup {
    margin: 3rem auto;
    max-width: 60rem;
  }
  .modal-sm { width: 30rem; }
  .modal-content {
    box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .5);
  }
  .modal-body img { max-height: 60rem; }
  .modal-img-body img { max-height: 60rem; }
  .pageContentSubTitle { font-size: 1.9rem; }
}

/* medium screen ~816px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 51em) {
  .modal-popup { max-width: 70rem; }
}

/* medium screen ~908px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 56.75em) {
  .modal-dialog { max-width: 84rem; }
}

/* medium screen ~960px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 60em) {
  /* page content */
  #pageContent, #pageIndexContent {
    padding: 0;
    max-width: 180rem;
  }
  #maincontent { padding: 0 2rem 0 0; }
  .modal-popup { max-width: 80rem; }
  #scrollUp { bottom: 2rem; }
  .largeHidden { display: none; }
}

/* medium screen ~1008px                                       */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 63em) {
  .modal-popup { max-width: 90rem; }
  .modal-dialog { max-width: 90rem; }
  .modal-lg { width: 90rem; }
}

/* large screen ~1248px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 78em) {
  #maincontent { padding: 0 4rem 0 0; }
  .pageContentTitle, h1.pageContentTitle { font-size: 3.1rem; }
  .pageContentBlocHeadingText { font-size: 2.6rem; }
  .pagesActifSubTitle,
  .pagesSubTitle a {
    padding: 1.5rem 3.5rem;
    font-size: 2.2rem;
    line-height: 3rem;
  }
}





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==major breakpoints  id="major_breakpoints_max_width"                                                                                                                                       */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* small screen ~960px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 59.99em) {
  div, textarea, table, td, th, code, pre, samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
  .smallHidden { display: none; }
  .onhoverDropDown { display: none; }
  .onhoverAccountDropDown { display: none; }
  #pageContent, #pageIndexContent {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  #maincontent {
    -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    -ms-flex-order: 0;
        order: 0;
  }
}

/* medium screen ~623px         */
/* for non_responsive_style, escape all  */
@media all and (max-width: 38.99em) {
  .singleInputLabel input[type="checkbox"], .largeInputLabel input[type="checkbox"]  {
    display: inline-block;
    width: auto;
  }
  .generalTableLargeCell { display: block; }
  .generalTableLargeCell.widthCell50, .generalTableLargeCell.widthCell40, .generalTableLargeCell.widthCell60 { width: 100%; padding: .5rem; }
  .textAlignLargeRight { text-align: center; }
  .textAlignLargeLeft { text-align: center; }
}

/* small screen ~448px /~512px           */
/* for non_responsive_style, escape all  */
@media all and (min-width: 28em) and (max-width: 31.99em) {
  .pageReviewImage { width: 40%; margin: 0 auto; }
}

/* small screen ~448px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 27.99em) {
  .pageContentBoxText { font-size: 1.5rem; }
  .shoppingTable > div.generalTable { position: relative; }
  .shoppingTableHeader > div:nth-child(2) { display: none; }
  .shoppingTable > div.generalTable > div:nth-child(2) { display: none; }
  .modal-header .close {
    margin-top: .1rem;
    margin-right: .2rem;
  }
  .modal-dialog {
    width: 90%;
    margin: 1.5rem auto;
  }
  .orderTotalTitle {
    width: 75%;
  }
  .orderTotalText {
    width: 25%;
  }
  .generalTableMediumCell { display: block; }
  .generalTableMediumCell.widthCell50, .generalTableMediumCell.widthCell40, .generalTableMediumCell.widthCell60 { width: 100%; padding: .5rem; }
  .textAlignMediumRight { text-align: center; }
  .textAlignMediumLeft { text-align: center; }
  .pageReviewImage { width: 50%; margin: 0 auto; }
}

/* small screen ~384px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 23.99em) {
  ul { padding-left: 1rem; }
}





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==general custom styles  id="general_custom_styles"                                                                                                                                         */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Pages content Styles
----------------------------------------------- */

.pagesContentSubHeader {
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1.7rem;
  color: #000;
  padding: .5rem;
}
.divPagesBox {
  border-bottom: 1px solid;
  border-color: #d5d5d5;
  margin: 0 0 1rem 0;
}
.divBoxIndex {
  margin: 0 auto;
  width : 54rem;
}
.text_index {
  font-size: medium;
  color:  #a20004;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-style: italic;
}

/* pages / products / categories */
.boxContentTitle {
  margin: 0;
  padding: 1rem 0 1.5rem 0;
  font-family: Georgia,"Times New Roman",Times,serif;
	color: #413f42;
	font-size: 1.9rem;
  line-height: 3rem;
	font-weight: 700;
}
a.boxContentTitle, .boxContentTitle a:link, .boxContentTitle a:visited { color: #413f42; }
.boxContentTitle a:hover { color: #413f42; text-decoration: underline; }
.boxContentTitlePurple {
  margin: 0;
  padding: 1rem 0 1.5rem 0;
  font-family: Georgia,"Times New Roman",Times,serif;
	color: #47266d;
	font-size: 2.2rem;
  line-height: 3rem;
	font-weight: 700;
}
a.boxContentTitlePurple, .boxContentTitlePurple a:link, .boxContentTitlePurple a:visited { color: #47266d; }
.boxContentTitlePurple a:hover { color: #47266d; text-decoration: underline; }
.boxContentTitleRed {
  margin: 0;
  padding: 1rem 0 1.5rem 0;
  font-family: Georgia,"Times New Roman",Times,serif;
	color: #9c0000;
	font-size: 2.2rem;
  line-height: 3rem;
	font-weight: 700;
}
a.boxContentTitleRed, .boxContentTitleRed a:link, .boxContentTitleRed a:visited { color: #9c0000; }
.boxContentTitleRed a:hover { color: #9c0000; text-decoration: underline; }
.boxContentTextBlackBold {
	color: #000;
	font-weight: 700;
}
a.boxContentTextBlackBold, .boxContentTextBlackBold a:link, .boxContentTextBlackBold a:visited { color: #000; }
.boxContentTextBlackBold a:hover { color: #000; text-decoration: underline; }
.boxContentTextRed {
	color: #9c0000;
}
a.boxContentTextRed, .boxContentTextRed a:link, .boxContentTextRed a:visited { color: #9c0000; }
.boxContentTextRed a:hover { color: #9c0000; text-decoration: underline; }
.boxContentTextRedBold {
	color: #9c0000;
	font-weight: 700;
}
a.boxContentTextRedBold, .boxContentTextRedBold a:link, .boxContentTextRedBold a:visited { color: #9c0000; }
.boxContentTextRedBold a:hover { color: #9c0000; text-decoration: underline; }
.boxContentTextGreen {
	color: #006b00;
}
a.boxContentTextGreen, .boxContentTextGreen a:link, .boxContentTextGreen a:visited { color: #006b00; }
.boxContentTextGreen a:hover { color: #006b00; text-decoration: underline; }
.boxContentTextGreenBold {
	color: #006b00;
	font-weight: 700;
}
a.boxContentTextGreenBold, .boxContentTextGreenBold a:link, .boxContentTextGreenBold a:visited { color: #006b00; }
.boxContentTextGreenBold a:hover { color: #006b00; text-decoration: underline; }
.boxContentTextPurple {
	color: #47266d;
}
a.boxContentTextPurple, .boxContentTextPurple a:link, .boxContentTextPurple a:visited { color: #47266d; }
.boxContentTextPurple a:hover { color: #47266d; text-decoration: underline; }
.boxContentTextPurpleBold {
	color: #47266d;
	font-weight: 700;
}
a.boxContentTextPurpleBold, .boxContentTextPurpleBold a:link, .boxContentTextPurpleBold a:visited { color: #47266d; }
.boxContentTextPurpleBold a:hover { color: #47266d; text-decoration: underline; }
div.boxContentDownloadParagraph, p.boxContentDownloadParagraph {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
      justify-content: flex-start;
  -ms-flex-align: center;
      align-items: center;
	color: #47266d;
	font-weight: 700;
  font-size: 1.8rem;
  font-family: Georgia,"Times New Roman",Times,serif;
}
.boxContentDownloadParagraph img { padding-right: 1rem; }
a.boxContentDownloadParagraph, .boxContentDownloadParagraph a:link, .boxContentDownloadParagraph a:visited { color: #47266d; }
.boxContentDownloadParagraph a:hover { color: #47266d; text-decoration: underline; }




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == quick print reset  id="print_reset"                                                                                                                                                      */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media print {
  * {
    background: transparent !important;
    color: #000 !important; /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {ext-decoration: underline; }
  a[href]::after { content: " (" attr(href) ")"; }
  abbr[title]::after { content: " (" attr(title) ")"; }
  a[href^="javascript:"]::after, a[href^="#"]::after { content: ""; }
  @page { margin: 0.5cm; }
  p, blockquote {
    orphans: 2;
    widows: 2;
  }
  blockquote, ul, ol { page-break-inside: avoid; }
  h1, h2, h3, caption { page-break-after: avoid; }
  .navbar { display: none; }
}





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == popup pages  id="popup_pages"                                                                                                                                                            */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.popupContentbox {
  background-color: #fff;
  margin: 0;
  padding: .3rem;
}
.popupContentbox .smallInput {
  width: 30%;
  min-width: 18rem;
}
.popupPageContentHeader {
  margin-bottom: 1.5rem;
  padding: 1rem .5rem;
  background-color: #f2f3f5;
  text-align: center;
}
.popupPageContentTitle { padding: 0.2em 0; }
.popupPageContentTitle, h5.popupPageContentTitle {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.6rem;
  line-height: 1.3;
  font-weight: 700;
  color: #47266d;
}
.popupPageContentSubTitle {
  font-size: 1.8rem;
  font-weight: 400;
  color: #1b1b1f;
}




/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==non responsive styles  id="non_responsive_style"                                                                                                                                          */
/* for responsive style, escape all                                                                                                                                                            */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*
header, footer, #pageContent, #pageIndexContent { min-width: 120rem; }
*/


/* ----------------------------------------------------------------------------------------- */
/* ==Header styles                                                                           */
/* ----------------------------------------------------------------------------------------- */
#headerNav {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  z-index: 1100 !important;
}
.navbar-headerLogo {
  display: inline-block;
}
.navbar .navbar-header .navbar-headerCenter {
  text-align: center;
}
.navbar-menuCenter {
  background: #fff;
}
.navbar .navbar-header .navbar-headerButtons {
  position: relative;
  width: 100%;
  height: 3.2rem;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
.navbar .navbar-header .navbar-header-image-mobile { max-width: 20rem; height: 3.6rem; line-height: 3.6rem; }
.navbar .navbar-header .navbar-header-image-mobile img { display: inline-block; }
.navbar .navbar-header .navbar-header-image { display: none; }
.navbar-headerButtons .navbar-headerAccount {
  display: inline-block;
  width: 7rem;
  vertical-align: middle;
  text-align: center;
}
.headerPopupAccountLink {
  opacity: 0; transition: opacity 0;
}
.onhoverAccountParent:hover > .onhoverAccountDropDown .headerPopupAccountLink { opacity: 1; }
.navbar-headerButtons .navbar-headerCart {
  display: inline-block;
  width: 7rem;
  vertical-align: middle;
  text-align: center;
}
.headerPopupCartWrapper {
  margin: 0 0 1rem 0;
  padding: 1rem 0 0 0;
  border-bottom: 1px solid #c7c5c5;
  opacity: 0; transition: opacity 0;
}
.onhoverParent:hover > .onhoverDropDown .headerPopupCartWrapper { opacity: 1; }
.headerPopupCartSmall {
  float: left;
  width: 20%;
}
.headerPopupCartMedium {
  float: left;
  width: 30%;
}
.headerPopupCartBig {
  float: left;
  width: 50%;
  padding: 0 .5rem;
}
.headerPopupCartProductsLink {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 400;
}
.headerPopupCarttAttributsText {
  font-size: 1.2rem;
  line-height: 1.4rem;
  font-weight: 400;
  padding: 1rem 0 0 0;
}
.headerPopupCartQty {
  font-size: 1.4rem;
  line-height: 1.6rem;
  color: #a7a7a7;
  font-weight: 400;
  padding: 1rem 0 0 0;
}
.headerPopupCartPrice {
  font-size: 1.5rem;
  line-height: 1.7rem;
  font-weight: bold;
}
div.headerPopupCartPrice {
  padding: 1rem 0 .3rem 0;
}
span.headerPopupCartPrice {
  float: left;
  width: 40%;
  text-align: right;
}
.headerPopupCartTotal {
  font-size: 1.4rem;
  line-height: 1.6rem;
  font-weight: 400;
}
div.headerPopupCartTotal { padding: .5rem 0 1rem 0; }
span.headerPopupCartTotal {
  float: left;
  width: 60%;
  text-align: left;
}
.headerPopupCartButton {
  padding: .5rem 0;
  text-align: center;
  opacity: 0;
  transition: opacity 0;
}
.onhoverParent:hover > .onhoverDropDown .headerPopupCartButton { opacity: 1; }
.headerPopupCartLink {
  padding: 0;
  font-size: 1.5rem;
  text-align: center;
}
.headerPopupCartLink a { transition: none; }
.navbar-headerButtons .headerAccountIcon a { display: inline-block; }
.navbar-headerButtons .headerCartIcon a { display: inline-block; }
.navbar-headerButtons .headerAccountLink { display: none; }
.navbar-headerButtons .headerCartLink { display: none; }
.navbar-headerButtons .headerIcon {
  display: inline-block;
  width: 2.1rem;
  height: 2.4rem;
  background-repeat: no-repeat;
  background-position: 0 center;
}
.no-js .navbar-headerButtons .headerIcon,
.no-webp .navbar-headerButtons .headerIcon {
  background-image: url("../images/onction-adevaya-icon-sprite.png");
}
.webp .navbar-headerButtons .headerIcon {
  background-image: url("../images/onction-adevaya-icon-sprite.webp");
}
.navbar-headerButtons .headerIcon.cartIcon {
  background-position: -2.1rem center;
}

/* Menu static styles */
.navbar {
  min-height: 5rem;
  border: none;
  background: none;
  height: auto;
  margin: 0;
}
.navbar-static-top { border-width: 0 0 1px; }
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  border-width: 0 0 1px;
  top: 0;
}
.navbar {
  position: static;
}
.navcontainer {
  margin-right: auto;
  margin-left: auto;
  height: auto;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center top;
}
.no-js .navcontainer,
.no-webp .navcontainer {
  background-image: url("../images/onction-adevaya-header.jpg");
}
.webp .navcontainer {
  background-image: url("../images/onction-adevaya-header.webp");
}
.navbar-header::after { clear: both; }
.navcontainer > .navbar-header, .navcontainer > .navbar-collapse {
  margin-right: 0;
  margin-left: 0;
}
.navbar .navbar-header {
  height: auto;
  width: 100%;
  max-width: 160rem;
  margin: 0 auto;
}
.navbar .navbar-header img {
  height: auto;
  margin: 0;
}
.navbar.nav-started .navbar-header .btn-nav { display: block !important; }
.navbar .navbar-header .btn-nav {
  position: relative;
  z-index: 1140;
  background: none;
  box-shadow: none;
  width: 6rem;
  line-height: 3rem;
  color: #e89617;
  outline: none;
}
.navbar .navbar-header .btn-nav.btn-left { float: left; }
.navbar .navbar-header .btn-nav.btn-right {
  position: absolute;
  right: 0;
  top: 1rem;
}
.navbar.nav-started .navbar-nav { display: none; }
.nav::after { clear: both; }
.navbar .nav {
  padding: 0 1.5rem .5rem 1.5rem;
  list-style: none;
}
.navbar .nav li {
  margin-bottom: 0.7rem;
  font-family: Georgia, Times, "Times New Roman", serif;
}
.nav > li {
  position: relative;
  display: block;
}
.navbar .nav li:last-child { margin-bottom: .4rem; }
.navbar .nav li a {
  padding: 0 1rem;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 0 1rem;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
}
.nav > li > a > img { max-width: none; }
.navbar .nav li a span.visible-xs {
  display: block;
  float: right;
  line-height: 3.5rem;
}
.navbar .nav li a span.ico-rotate {
  transition: 0.3s ease;
}
.navbar .nav li.open a span.ico-rotate {
  -ms-transform: rotate(-180deg);
      transform: rotate(-180deg);
}
.open > a { outline: 0; }
.open > .dropdown-menu { display: block; }
.navbar .open .dropdown-menu { visibility: visible; }
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.dropdown-toggle:focus { outline: 0; }
.navbar .dropdown-menu {
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  float: left;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  visibility: hidden;
  overflow: hidden;
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: none;
  list-style: none;
  z-index: 1180;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu a:link, .dropdown-menu a:visited {
  transition: all 0s;
}
.dropdown-menu a:hover {
  transition: all 0s;
}
.navbar .dropdown-menu li {
  margin: 0;
  margin-top: -8rem;
}
.navbar .open .dropdown-menu li { margin: 0 0 .1rem 0; }
.dropdown-menu > li > a {
  display: block;
  padding: .3rem 2rem;
  clear: both;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  text-decoration: none;
  outline: 0;
}
.visible-xs { display: block; }
.navbar .overlaye-menu {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  visibility: hidden;
  opacity: 0;
  transition: 0.6s ease;
}
.navbar .overlaye-menu.visible {
  visibility: visible;
  opacity: 1;
}

/* small screen ~960px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 60em) {
  #headerNav { position: relative; height: 25.5rem; }
  .navbar {
    height: auto;
    background-color: transparent;
    min-height: 0;
  }
  .navbar { border-radius: 0; }
  .navbar-static-top { border-radius: 0; }
  .navbar-fixed-top { border-radius: 0; }
  .navcontainer {
    max-width: 100%;
  }
  .navcontainer.affix {
    width: 100%;
    background-position: center center;
  }
  .navbar .navbar-header {
    width: 100%;
    padding: 0;
  }
  .navbar .navbar-header .navbar-headerButtons {
    float: right;
    width: 25rem;
    height: 20rem;
    padding: .5rem 0;
    background-color: transparent;
    text-align: left;
    z-index: 1180;
  }
  .navbar .affix .navbar-header .navbar-headerButtons {
    width: 13rem;
    padding: 3rem 1.5rem 0 0;
    height: 9.5rem;
  }
  .navbar-headerButtons .navbar-headerAccount {
    position: absolute;
    display: inline-block;
    top: 10rem;
    right: 1rem;
    width: auto;
    padding-left: 1rem;
    text-align: right;
    z-index: 1185;
  }
  .affix .navbar-headerButtons .navbar-headerAccount {
    position: static;
    bottom: auto;
    right: auto;
    padding: 0;
    text-align: center;
    width: 5rem;
  }
  .navbar-headerButtons .navbar-headerCart {
    position: absolute;
    display: inline-block;
    top: 4rem;
    right: 1rem;
    width: auto;
    padding: 0 0 .5rem 1rem;
    text-align: right;
    border-bottom: 1px dashed #fff;
    z-index: 1195;
  }
  .affix .navbar-headerButtons .navbar-headerCart {
    position: relative;
    bottom: auto;
    right: auto;
    top: 0;
    padding: 0;
    text-align: center;
    border-bottom-style: none;
    width: 5rem;
  }
  .navbar-headerButtons .headerAccountIcon { display: none; }
  .navbar-headerButtons .headerCartIcon { display: none; }
  .affix .navbar-headerButtons .headerAccountIcon { display: block; }
  .affix .navbar-headerButtons .headerCartIcon { display: block; }
  .navbar-headerButtons .headerAccountLink {
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #fff;
    font-weight: 700;
  }
  .headerAccountLink > span{
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .headerAccountLink > div{
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-item-align: center;
        align-self: center;
    padding-right: 1.5rem;
  }
  .headerAccountLink a { color: #fff; }
  .affix .navbar-headerButtons .headerAccountLink { display: none; }
  .navbar-headerButtons .headerCartLink {
    display: -ms-flexbox;
    display: flex;
    padding: .5rem 0;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #fff;
    font-weight: 700;
  }
  .headerCartLink > span{
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-item-align: center;
        align-self: center;
  }
  .headerCartLink > div{
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    -ms-flex-item-align: center;
        align-self: center;
    padding-right: 1.5rem;
  }
  .headerCartLink a { color: #fff; }
  .affix .navbar-headerButtons .headerCartLink { display: none; }
  .navbar-headerButtons .headerCartLink > a { display: inline-block; }
  .navbar-headerButtons .headerCartLink #is_header_shopping { display: inline-block; }
  .navbar .navbar-header .navbar-headerCenter {
    position: relative;
    height: auto;
    background: none;
    text-align: left;
  }
  .navbar-headerLogo {
    position: relative;
    display: block;
    float: left;
    padding: 0;
    width: 26.1rem;
    height: 18rem;
  }
  .affix .navbar-headerLogo {
    width: 14.1rem;
    height: 9.5rem;
  }
  .navbar-headerLogo a {
    display: inline-block;
    margin: 2rem 0 0 2rem;
    height: 16rem;
    transition-duration: 0s;
  }
  .affix .navbar-headerLogo a {
    margin: .8rem 0 0 2rem;
    height: 8rem;
    transition-duration: 0s;
  }
  .navbar .navbar-header a:hover {
    text-decoration: none;
  }
  .navbar .navbar-header .navbar-header-image-mobile { display: none; }
  .navbar .navbar-header .navbar-header-image {
    display: inline-block;
    width: auto;
    padding: 0;
  }
  .navbar.nav-started .navbar-header .btn-nav { display: none !important; }
  .navbar-menuCenter {
    padding: 0;
  }
  .affix .navbar-menuCenter {
    border-bottom: 1px solid #f2f3f5;
  }
  .navbar.nav-started .navbar-nav { display: block; }
  .navbar .nav {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
        justify-content: space-between;
    position: relative;
    top: auto;
    height: auto;
    margin: 0 auto;
    max-width: 160rem;
    width: auto;
    padding: .5rem 1rem;
    overflow: visible;
    transform: translate3d(0, 0, 0);
    transition: none;
    box-shadow: none;
  }
  /*.navbar-left { float: left !important; }
  .navbar-center { float: none; margin: 0 auto !important; }
  .navbar-right { float: right !important; }*/
  .navbar .nav>li {
    position: relative;
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    margin: 0 .5rem;
    padding: 0;
    text-align: center;
    width: auto;
    min-width: 9.1rem;
    height: auto;
    font-size: 1.7rem;
    font-weight: 400;
    background-color: #fff;
    list-style: none outside none;
    z-index: 1160;
  }
  .navbar .nav>li:last-child { margin: 0 .5rem; }
  .navbar .nav li a {
    padding: 0;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    color: #47266d;
    transition: none;
  }
  .navbar .nav > li > a {
    height: auto;
    line-height: 4.5rem;
    padding: 0 .3rem;
  }
  .navbar .affix .nav > li > a {
    line-height: 3.5rem;
  }
  .navbar .nav li.open a,
  .navbar .nav li.actifMenuLink.open > a,
  .navbar .nav li.actifMenuLink > a,
  .navbar .nav li.actifMenuLink a,
  .navbar .nav li.actifMenuLink a:hover,
  .navbar .nav li a:hover {
    color: #e89617;
  }
  .navbar .nav li a span { font-size: 1.7rem; }
  .navbar .nav > li.open > a span,
  .navbar .nav > li.actifMenuLink.open > a span,
  .navbar .nav > li.actifMenuLink > a span,
  .navbar .nav > li.actifMenuLink > a span,
  .navbar .nav > li.actifMenuLink > a:hover span,
  .navbar .nav > li > a:hover span {
    border-bottom: 1px solid #e89617;
  }
  .navbar .dropdown-menu {
    background-color: #f2f3f5;
    width: auto;
    left: 50%;
    -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    overflow: hidden;
    padding: .5rem 0 1rem 0;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
  }
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar .dropdown-menu li {
    padding: .5rem 3rem;
    line-height: 4em;
  }
  .navbar .nav .dropdown-menu li a {
    height: auto;
    line-height: 4rem !important;
    font-size: 1.8rem;
    padding: 0 !important;
    border-bottom: 1px solid #f2f3f5;
    text-align: left;
    color: #47266d;
    text-transform: none;
  }
  .navbar .nav .dropdown-menu li a span { font-size: 1.8rem; }
  .navbar .nav .dropdown-menu li:hover a,
  .navbar .nav .dropdown-menu li.actifMenuLink:hover a,
  .navbar .nav .dropdown-menu li.actifMenuLink a,
  .navbar .nav .dropdown-menu li a:hover {
    color: #e47d03;
    border-bottom: 1px solid #e47d03;
  }
  .navbar .dropdown-menu li {
    transform: translate3d(0, 0, 0);
  }
  .navbar .open .dropdown-menu { visibility: visible; }
  .navbar .open .dropdown-menu li {
    transition: 0.3s ease;
  }
  .navbar .overlaye-menu { display: none; }
  .navbar .nav li a span.visible-xs  { line-height: 4.5rem; padding: 0 1rem; border: none !important; }
  .navbar .affix .nav li a span.visible-xs  { line-height: 3.5rem; }
}

/* medium screen ~1008px                                       */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 63em) {
  .navbar .nav li { letter-spacing: .1rem; }
  .navbar .nav>li,
  .navbar .nav li a span,
  .navbar .nav .dropdown-menu li a,
  .navbar .nav .dropdown-menu li a span { font-size: 1.9rem; }
}

/* large screen ~1208px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 75.5em) {
  .navbar .nav li { letter-spacing: .2rem; }
  .navbar .nav>li,
  .navbar .nav li a span,
  .navbar .nav .dropdown-menu li a,
  .navbar .nav .dropdown-menu li a span { font-size: 2.1rem; }
}

/* large screen ~1208px                         */
/* for non_responsive_style, escape all         */
@media all and (max-width: 75.49em) {
  .navbar-menuCenter { padding: 0 .5rem; }
}

/* small screen ~960px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 59.99em) {
  .navcontainer {
    height: auto;
    width: 100%;
  }
  .navcontainer.affix {
    position: static;
    top: auto;
    border: none;
  }
  .no-js .navcontainer,
  .no-webp .navcontainer {
    background-image: url("../images/onction-adevaya-header-small.jpg");
  }
  .webp .navcontainer {
    background-image: url("../images/onction-adevaya-header-small.webp");
  }
  .navbar .navbar-header {
    height: auto;
  }
  .navbar .navbar-header .navbar-headerButtons {
    height: 11.5rem;
    z-index: 1205;
  }
  .navbar .navbar-header .navbar-headerCenter {
    position: relative;
    width: 100%;
    padding: 1rem 0;
    text-align: center;
    background-color: #fff;
  }
  .navbar-headerButtons .navbar-headerCart {
    position: absolute;
    width: 5rem;
    right: 1rem;
    top: 7rem;
  }
  .navbar-headerButtons .navbar-headerAccount {
    position: absolute;
    width: 5rem;
    right: 1rem;
    top: 3rem;
  }
  .navbar-headerLogo {
    padding: 0;
  }
  .navbar-header-image-mobile {
    width: 12.1rem;
  }
  .navbar .navbar-header .navbar-header-image { width: auto; padding: 0; }
  .navbar-menuCenter {
    padding: 0 1rem;
    border-bottom: 1px solid #e2e2ea;
  }
  .navbar .nav {
    max-width: 55rem;
    margin: 0 auto;
    padding: .8rem 0 1.2rem 0;
  }
  .navbar .nav li {
    margin: 0;
    padding: .6rem 0;
  }
  .navbar .nav li a {
    padding: 0 2rem;
    color: #47266d;
    font-size: 1.8rem;
    line-height: 4rem;
    text-transform: uppercase;
    background-color: #f2f3f5;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    transition: none;
  }
  .navbar .nav li a:hover,
  .navbar .nav li.actifMenuLink a:hover,
  .navbar .nav li.actifMenuLink a,
  .navbar .nav li.open a {
    color: #e89617;
    text-decoration: underline;
  }
  .navbar .nav li a span { font-size: 1.8rem; }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: 100%;
    margin-top: 0;
    padding: 0 2rem;
    background-color: #fff;
    border: 0;
    box-shadow: none;
  }
  .navbar .open .dropdown-menu li {
    margin: 0;
    padding: .6rem 0;
  }
  .navbar .open .dropdown-menu li:first-child { padding-top: 1.4rem; }
  .navbar .open .dropdown-menu li:last-child { padding-bottom: .3rem; }
  .navbar .dropdown-menu li a span { font-size: 1.8rem; }
  .navbar-nav .open .dropdown-menu > li > a, .navbar .nav .dropdown-menu li a {
    line-height: 3.6rem !important;
    height: auto !important;
  }
  .navbar .nav .dropdown-menu li a {
    color: #47266d;
    text-decoration: none;
    text-transform: none;
  }
  .dropdown-menu > li > a { white-space: normal; }
  .navbar .nav .dropdown-menu li.actifMenuLink a,
  .navbar .nav .dropdown-menu li a:hover {
    color: #e89617;
    text-decoration: underline;
  }
}

/* small screen ~448px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 27.99em) {
  .navbar .nav li a { padding: 0 1rem; }
 .navbar-nav .open .dropdown-menu { padding: 0 1rem; }
}


/* ----------------------------------------------------------------------------------------- */
/* ==Footer styles                                                                           */
/* ----------------------------------------------------------------------------------------- */
#footer {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  height: auto;
  background-color: #e2e2ea;
}
.footerWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  max-width: 50rem;
  margin: 0 auto;
  padding: 4rem 1rem 1rem 1rem;
}
.footerBloc {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  position: relative;
  margin-bottom: 1rem;
  padding: 2rem 0 1.5rem 0;
  width: 29.5rem;
  border-bottom: 1px solid #38383a;
}
.footerBlocTitle {
  position: relative;
  padding-bottom: 1rem;
  font-size: 2.2rem;
  line-height: 1.2;
  font-family: Georgia, Times, "Times New Roman", serif;
  color: #47266d;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-weight: 700;
}
.footerBlocText {
  padding: 1rem 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #7f7195;
}
.footerBlocText a {
  color: #7f7195;
}
.footerLanguagesBloc {
  padding: 0 0 2rem 0;
}
.footerLanguagesText {
  padding: .5rem;
  font-size: 1.8rem;
  line-height: 1.5;
  color: #7f7195;
}
.footerLanguagesText a {
  color: #7f7195;
}
.footerBlocImage {
  padding: 1rem 0;
}
.footerBlocLink {
  padding: 1rem;
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #7f7195;
  text-align: center;
  font-weight: 400;
}
.footerBlocLink a {
  display: inline-block;
  padding: 0.2rem 0;
  margin: 0.1rem 0;
}
.footerBlocLink a:link, .footerBlocLink a:visited {
  color: #7f7195;
  text-decoration: none;
}
.footerBlocLink a:hover {
  color: #7f7195;
  text-decoration: underline;
}
.footerBlocLink img {
  display: inline-block;
  padding-left: 1rem;
}

span.footerBreak { display: block;  }
span.footerspan { display: block;  }
.footerSmallHidden { display: none !important; }
.footerLargeHidden { display: inline-block !important; }

/* small screen ~448px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 28em) {
  .footerBloc {
    width: 33rem;
  }
  .footerBlocText {
    font-size: 1.8rem;
  }
}
/* small screen ~720px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 45em) {
  .footerWrapper {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    max-width: 135rem;
    padding: 6rem 1rem 2rem 1rem;
  }
  .footerWrapper > .footerBloc:nth-child(1) {
    width: 54%;
    margin: 0 2rem 0 0;
    padding: 0;
    border-bottom-style: none;
    border-right: 1px solid #38383a;
  }
  .footerWrapper > .footerBloc:nth-child(2) {
    width: 35%;
    margin: 0;
    padding: 0 0 0 4rem;
    border-bottom-style: none;
  }
  .footerWrapper > .footerBloc:nth-child(3) {
    width: 19.5rem;
    margin: 0;
    padding: 3rem 0 1rem 0;
    border-bottom-style: none;
  }
}
/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  .footerExtra { display: none; }
  .footerSmallHidden { display: inline-block !important; }
	.footerLargeHidden { display: none !important; }
}
/* medium screen ~864px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 54em) {
  span.footerBreak { display: inline;  }
  span.footerBreak::after { content: " - "; }
}
/* medium screen ~960px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 60em) {
  .footerWrapper {
    padding: 6rem 1rem 4rem 1rem;
  }
  .footerWrapper > .footerBloc:nth-child(1) {
    width: 41%;
    margin: 0;
  }
  .footerWrapper > .footerBloc:nth-child(2) {
    width: 28%;
    padding-left: 3rem;
    border-right: 1px solid #38383a;
  }
  .footerWrapper > .footerBloc:nth-child(3) {
    width: 28%;
    padding: 2rem 0 0 2rem;
  }
  .footerBlocImage { padding-bottom: .5rem; }
}
/* medium screen ~1008px                                       */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 63em) {
  span.footerspan { display: inline;  }
  span.footerspan::after { content: " - "; }
  .footerWrapper > .footerBloc:nth-child(2) { padding-left: 4.5rem; }
  .footerWrapper > .footerBloc:nth-child(3) { padding-left: 3rem; }
}
/* medium screen ~1200px                                       */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 75em) {
  .footerWrapper > .footerBloc:nth-child(1) {
    width: 37%;
  }
  .footerWrapper > .footerBloc:nth-child(2) {
    width: 31%;
    padding-left: 8rem;
  }
  .footerWrapper > .footerBloc:nth-child(3) {
    width: 31%;
    padding-left: 8rem;
  }
}


/* footer download */

.footerDownload {
  max-width: 103rem;
  margin: 0 auto;
  padding: 3rem 1rem 4rem 1rem;
}
.footerDownloadText {
  display: block;
  padding-right: 1.5rem;
  color: #47266d;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2.6rem;
  line-height: 4rem;
  font-weight: 700;
}
.footerContentDownload {
  display: block;
  padding: 1rem 0;
  font-size: 2rem;
  color: #47266d;
  font-weight: 400;
}
.footerContentDownload a:link, .footerContentDownload a:visited, .footerContentDownload a:hover {
  color: #47266d;
  text-decoration: underline;
}
.footerContentDownload img {
  display: inline-block;
  padding-right: .5rem;
  vertical-align: bottom;
}
.footerContentDownload span {
  display: inline-block;
  font-size: 1.6rem;
}

/* download content */

.pagesInsertDownload {
  max-width: 105rem;
  margin: 0 auto;
  padding: 3rem 0 2rem 0;
}
.pagesInsertDownloadText {
  display: block;
  padding-right: 1.5rem;
  color: #47266d;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2.6rem;
  line-height: 4rem;
  font-weight: 700;
}
.pagesInsertContentDownload {
  display: block;
  padding: 1rem 0;
  font-size: 2rem;
  color: #47266d;
  font-weight: 400;
}
.pagesInsertContentDownload a:link, .pagesInsertContentDownload a:visited, .pagesInsertContentDownload a:hover {
  color: #47266d;
  text-decoration: underline;
}
.pagesInsertContentDownload img {
  display: inline-block;
  padding-right: .5rem;
  vertical-align: bottom;
}
.pagesInsertContentDownload span {
  display: inline-block;
  font-size: 1.6rem;
}

/* products download */

.downloadContentWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-direction: column;
      flex-direction: column;
}
.downloadProductWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: justify;
      justify-content: space-between;
  padding-bottom: 1rem;
}
.downloadContentName {
  min-width: 20rem;
  padding: .3rem;
	color: #000;
	font-weight: 700;
  font-size: 1.8rem;
}
.downloadContentName a:link, .downloadContentName a:visited { color: #000; text-decoration: underline; }
.downloadContentName a:hover { color: #000; text-decoration: underline; }
.downloadContentName img {
  padding-right: .5rem;
}
.downloadContentDate {
  min-width: 20rem;
  padding: .3rem;
  font-size: 1.6rem;
  font-weight: 400;
}
.downloadInvisible { width: .1rem; }
.downloadContentCount {
  min-width: 18rem;
  padding: .3rem;
  font-size: 1.6rem;
  font-weight: 400;
}
.downloadProductWrapper .downloadContentCount,
.downloadProductWrapper .downloadContentDate,
.downloadProductWrapper .downloadContentName {
  min-width: auto;
}
.downloadProductWrapper .downloadContentName {
  width: calc(100% - 23rem);
}
.downloadLarge { width: auto !important; }
/* small screen ~448px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 27.99em) {
  .downloadProductWrapper {
    display: block;
  }
  .downloadProductWrapper .downloadContentCount,
  .downloadProductWrapper .downloadContentDate,
  .downloadProductWrapper .downloadContentName {
    min-width: auto;
    width: 100%;
  }
}
/* main content page list wrapper */
.contentListBox {
  margin : 0 2rem;
  text-align: left;
}
/* ----------------------------------------------------------------------------------------- */
/* ==List styles                                                                             */
/* ----------------------------------------------------------------------------------------- */
.listOutput {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 3rem 0 2.5rem 0;
}
.listOutputContainer {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin: 0 auto;
  padding: 0 0 3rem 0;
}
.listCategorieOutput {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 3rem 0 2.5rem 0;
}
.listCategorieOutputContainer {
  -ms-flex: 0 1 auto;
      flex: 0 1 auto;
  margin: 0;
  padding: 0 0 4rem 0;
}
.pageContentListContainer {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.pageContentListProductsTitle {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  padding: 2.5rem 1rem;
  margin-top: .7rem;
  font-family: Georgia, Times, "Times New Roman", serif;
  text-transform: uppercase;
  letter-spacing: .2rem;
  font-size: 1.7rem;
  line-height: 2.5rem;
  text-align: center;
  color: #47266d;
  font-weight: 400;
  background-color: #e2e2ea;
}
.pageContentListProductsTitle a:link, .pageContentListProductsTitle a:visited { color: #47266d; }
.pageContentListProductsTitle a:hover { color: #47266d; text-decoration: underline; }

.pageContentListCategoriesTitle {
  position: absolute;
  left: 50%;
  top: 50%;
  -ms-transform: translate(-50%,-50%);
      transform: translate(-50%,-50%);
  margin: 0;
  padding: 0;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .1rem;
  color: #fff;
  text-shadow: .3rem .2rem .5rem rgba(0, 0, 0, 0.6);
  -webkit-hyphens: none;
      -ms-hyphens: none;
          hyphens: none;
}
.pageContentListCategoriesTitle a:link, .pageContentListCategoriesTitle a:visited { color: #fff; }
.listCategorieOutputContainer:hover .pageContentListCategoriesTitle a,
.pageContentListCategoriesTitle a:hover { color: #fff; text-decoration: underline; }
.pageContentListInfoText {
  -ms-flex-positive: 1;
      flex-grow: 1;
  text-align: left;
}
.pageContentListModelText {
  font-size: 1rem;
  font-weight: 400;
}
.pageContentListBuyNow {
  padding: .3rem 0;
}
.pageContentListBuyNow a:link, .pageContentListBuyNow a:visited { color: #47266d; }
.pageContentListBuyNow a:hover { color: #ec8000; text-decoration: none; }
.pageContentListBuyNow .cssButtonContainer a:link, .pageContentListBuyNow .cssButtonContainer a:visited { color: #fff; text-decoration: none; }
.pageContentListBuyNow .cssButtonContainer a:hover {
  color: #000;
  text-decoration: none;
  background-color: #fff;
}
.pageContentListQuantity {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 0 1rem;
	text-align: center;
}
.pageContentListQuantity .quantityQtyElement {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 10.5rem;
  padding-bottom: 1rem;
}
.pageContentListQuantity .quantityQtyElement input {
  margin-left: .3rem;
}
.pageContentListQuantity .pageContentListBuyNow {
  -ms-flex: 1 0 auto;
      flex: 1 0 auto;
  display: inline-block;
  padding: 0 0 1rem 1rem;
}
.pageContentListeDetails {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  padding: .7rem;
  margin: 0;
  border: 1px solid #e2e2ea;
}
.listCategorieOutputContainer .pageContentListeDetails {
  display: block;
  padding: 0;
  border: none;
}
.pageContentListeVisualDetails {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  height: 100%;
  padding: .5rem;
  margin: 0;
}
.listAvailableText { padding: 0; }
.availability-not-dispo {
  position: absolute;
  display: block;
  left: -1rem;
  top: 1.5rem !important;
  padding: 0 .6rem;
  color: #fff;
  background: #46455b;
  min-width: 5rem;
  min-height: 3rem;
  font-size: 1.6rem;
  line-height: 3rem;
  font-weight: 400;
  box-shadow: .2rem .2rem .6rem #333;
}
/* resizing image */
.pageContentListVisualImg {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
}
.pageContentListVisualImg a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.pageContentListVisualImg img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
}
.pageContentCategoriesListImg {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  width: 100%;
}
.pageContentCategoriesListImg img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
  box-sizing: border-box;
  border: none;
  padding: 0;
}
.pageProductImage {
  border: none;
  padding: 1rem 2.5rem 3rem 0;
  width: 100%;
  max-width: 64.5rem;
}
.pageProductBigImage {
  position: relative;
  width: 100%;
}
.pageProductBigImage a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.pageProductBigImage img {
  height: auto !important;
  max-width: 100%;
  width: 100%;
}
.dataImageLoupe {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: center;
      justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
  width: 100%;
  cursor: pointer;
}
.dataImageLoupe .zoom-in {
  font-size: 6.3rem;
  color: #ccc;
}
.dataImageExtra {  }
.pageProductSmallImage {
  position: relative;
  float: left;
  width: 33%;
  padding: 1rem .3rem;
}
.pageProductSmallImage a {
  display: inline-block;
  height: 100%;
  width: 100%;
}
.pageProductSmallImage img {
  border: 1px solid #e2e2ea;
  padding: .3rem;
  vertical-align: top;
}

/*  prices styles */
.listPriceOutput {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  line-height: 2.2rem;
  padding: .5rem;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: right;
}
.listRowPriceOutput {
  line-height: 2.2rem;
  padding: .5rem;
}
.listDatePrice {
  color: #47266d;
  font-size: 2rem;
  font-weight: bold;
}
.listDatePriceBarre {
  padding-right: 1rem;
  color: #47266d;
  font-size: 1.6rem;
  font-weight: bold;
  display: inline-block;
}
.listDatePriceSpecial {
  color: #ec8000;
  font-size: 2rem;
  font-weight: bold;
}
.listDatePriceText {
  color: #47266d;
  font-size: 1.4rem;
}
.productsDatePriceText {
  padding: 0;
  margin: 0;
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: right;
  line-height: 3.8rem;
}
.productsDatePriceFrom {
  display: inline-block;
  font-size: 2.2rem;
  padding: 0 1rem .5rem 0;
  color: #47266d;
}
.productsDatePrice {
  font-size: 3.4rem;
  color: #47266d;
}
.productsDatePriceBarre {
  font-size: 2.2rem;
  color: #47266d;
}
.productsDatePriceSpecial {
  color: #ec8000;
  font-size: 3.4rem;
}
.productsDatePriceSmall {
  font-size: 1.7rem;
  font-weight: 400;
}
.productsDatePriceBarreSmall {
  font-size: 1.4rem;
  font-weight: 400;
}
.productsDatePriceSpecialSmall {
  font-size: 1.7rem;
  font-weight: 400;
}
.normalDatePrice {
  font-size: 1.6rem;
  font-weight: 400;
  color: #47266d;
}
.normalDatePriceBarre {
  font-size: 1.4rem;
  font-weight: 400;
  color: #47266d;
}
.normalDatePriceSpecial {
  color: #ec8000;
  font-size: 1.6rem;
  font-weight: 400;
}
.additionalPrice {
  font-size: 1.4rem;
  font-weight: 400;
  color: #47266d;
}
.additionalPriceHT {
  display: inline-block;
  color: #47266d;
  font-size: 1.4rem;
  padding: 0 0 0 .3rem;
}
.productsPriceFinal {
  font-size: 80%;
  font-weight: 400;
}

/* advanced_recherche.php */
.advancedSearchTitle {
  font-size: 2rem;
  line-height: 2.6rem;
  text-transform: uppercase;
}
/* index.php */
.TextDescriptionHeader {
  padding: 0 0 2rem 0;
}
.TextDescriptionHeader a:link, .TextDescriptionHeader a:visited, .TextDescriptionHeader a:hover {
  text-decoration: underline;
}
/* reviews */
.TextSmallTitle {
  font-size: 1.4rem;
  font-weight: 400;
}
/* product_info.php */
.productsReturn { padding-bottom: 2rem; }
.productsHeaderTitle {
  margin: 0 0 2.5rem 0;
  padding: 1.5rem 1rem 1.5rem 1rem;
  background-color: #e2e2ea;
  text-align: center;
}
.productsHeaderTitle h1, .productsHeaderTitle h2 {
  margin: 0;
  padding: .5rem 0;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.3rem;
  line-height: 1.3;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .1rem;
  color: #47266d;
}
.TextContentFreeShipping {
  font-size: 1.7rem;
  font-weight: 400;
  font-family: Georgia, Times, "Times New Roman", serif;
}
.imageLoupe {
  position: absolute;
  background-position: right top;
  background-repeat:no-repeat;
  right: .1rem;
  top: .1rem;
  width: 8rem;
  height: 8rem;
}
.no-js .imageLoupe,
.no-webp .imageLoupe { background-image:url(../images/loupe.png); }
.webp .imageLoupe { background-image:url(../images/loupe.webp); }
.TextSmallestText {
  font-size: 1.2rem;
}
.productsModelText {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: left;
  padding: 0;
}
.pageContentIndicationText {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: justify;
  padding: 0 0 1.5rem 0;
}
.productsDescriptionWrapper {
  margin: 3rem 0 2.5rem 0;
  padding: 1rem;
  border: 1px solid #e2e2ea;
  clear:both;
}
.productsDescriptionWrapper a:link, .productsDescriptionWrapper a:visited, .productsDescriptionWrapper a:hover {
  text-decoration: underline;
}
.productsInfoWrapper {
  display: table;
  width: 46%;
  padding: 1rem 0 1.5rem 0;
  text-align: right;
  color: #9c0000;
}
.productsPriceWrapper {
  display: table;
  width: 46%;
  padding: 2rem 0 1rem 0;
}
.productsDisponibilityWrapper {
  display: table;
  width: 46%;
}
.priceLotsWrapper {
  padding: 0 0 1rem 0;
}
.priceLotsHeader {
  color: #214462;
  font-size: 1.6rem;
  font-weight: bold;
}
.productsImageWrapper {
  display: table;
  width: 54%;
  max-width: 64.5rem;
  float: left;
}
.productsBuyWrapper {
  display: table;
  width: 46%;
  padding-top: 1.5rem;
}
.productsBookWrapper {
  display: table;
  width: 46%;
}
.packWrapper {
  padding: 0 0 1rem 0;
}
.productsManufacturersWrapper {
  padding: 0 0 1rem 0;
}
.productsLinkedWrapper {
  padding: 0 0 1rem 0;
}
.linkedProductTitle {
  color: #214462;
  font-size: 1.6rem;
  font-weight: 400;
}
.productsFreeShippingWrapper {
  padding: 0 0 1rem 0;
}
.buttonInCartWrapper {
  text-align: right;
  padding: 1.5rem 0 2.5rem 0;
}
.productsOptionsWrapper {
  display: table;
  width: 46%;
  padding: 2rem 0 .5rem 0;
}
.productsExtraText {
  padding: 1rem 0 1.5rem 0;
  text-align: right;
  color: #9c0000;
}
.productsExtraTitle {
  line-height: 1.4;
  font-weight: 700;
}
.attributesSeparedWrapper {
  display: table;
  width: 100%;
  padding: 0 0 1rem 0;
  border-top: 1px solid #e2e2ea;
}
.attributesSeparedHeadElement {
  padding-bottom: .5rem;
  color: #47266d;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: right;
}
.attributesSeparedImageElement {
  display: table-cell;
  width: 30%;
}
.attributesSeparedTextElement {
  display: table-cell;
  padding: .5rem;
  line-height: 1.2;
  border-left: 1px solid #e2e2ea;
  border-bottom: 1px solid #e2e2ea;
}
.attributesSeparedPricesElement {
  display: table-cell;
  width: 26%;
  padding: .5rem;
  text-align: center;
  border-left: 1px solid #e2e2ea;
  border-bottom: 1px solid #e2e2ea;
}
.attributesSeparedQtyElement {
  display: table-cell;
  width: 10%;
  min-width: 6.5rem;
  padding: .5rem;
  text-align: right;
  border-left: 1px solid #e2e2ea;
  border-bottom: 1px solid #e2e2ea;
  border-right: 1px solid #e2e2ea;
}
.quantityWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: end;
      justify-content: flex-end;
  padding: .5rem 0 2rem 0;
  line-height: 2.8rem;
}
a.product-out-of-stock {
  color: #c6c4ed;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.2rem;
}
.quantityQtyElement {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
  padding: 0;
  font-size: 1.8rem;
}
.quantityQtyElement input { margin-left: 1rem; }

/*  Related Products */
.relatedBlocWrapper {
  padding: 1rem 0 1.5rem 0;
}
.relatedBlocHeading {
  padding: 1.5rem 0 .5rem 0;
}
.relatedBlocHeadingText {
  padding: 1rem;
  background-color: #f2f3f5;
  text-align: center;
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: .1rem;
  font-weight: 700;
  color: #47266d;
}
.relatedBlocHeadingText a:link, .relatedBlocHeadingText a:visited, .relatedBlocHeadingText a:hover { color: #47266d; }
.listOutputContainer { width: 100%; max-width: 38rem; }
@media all and (min-width: 34em) {
  .listOutputContainer { width: 48%; margin: 0; }
}
@media all and (min-width: 50em) {
  .listOutputContainer { width: 32%; }
}
@media all and (min-width: 60em) {
  .listOutputContainer { width: 48%; }
}
@media all and (min-width: 75em) {
  .listOutputContainer { width: 32%; }
}


/* medium screen ~416px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 26em) {
  .pageContentListProductsTitle { font-size: 1.9rem; }
  .pageContentListCategoriesTitle { font-size: 2.8rem; }
  .listDatePrice { font-size: 1.8rem; }
  .listDatePriceSpecial { font-size: 1.8rem; }
  .listDatePriceBarre { font-size: 1.4rem; }
  .quantityDispoElement {
    width: auto;
    padding-bottom: 0;
    padding-top: .5rem;
  }
}
/* medium screen ~488px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 30.5em) {
  .productsHeaderTitle h1, .productsHeaderTitle h2 { font-size: 2.6rem; }
  .pageContentListCategoriesTitle { font-size: 3rem; }
  .productsDescriptionWrapper { padding: 3rem 2rem; }
  .productsDatePriceFrom { font-size: 2.4rem; }
  .productsDatePrice { font-size: 3.6rem; }
  .productsDatePriceBarre { font-size: 2.4rem; }
  .productsDatePriceSpecial { font-size: 3.6rem; }
  .relatedBlocHeadingText { font-size: 2.2rem; }
}
/* medium screen ~544px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 34em) {
  .pageContentListProductsTitle { font-size: 1.7rem; }
}
/* medium screen ~560px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 35em) {
  .pageContentListCategoriesTitle { font-size: 3.4rem; }
}
/* medium screen ~608px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 38em) {
  .pageContentListCategoriesTitle { font-size: 3.6rem; }
  .productsDatePriceSpecial { display: block; }
}
/* medium screen ~672px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 42em) {
  .pageContentListProductsTitle { font-size: 1.9rem; }
}
/* medium screen ~736px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 46em) {
  .productsHeaderTitle h1, .productsHeaderTitle h2 { font-size: 2.9rem; }
  .pageContentListCategoriesTitle { font-size: 2.6rem; }
  .productsDatePriceSpecial { display: inline-block; }
}
/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  .productsDescriptionWrapper { padding: 3.5rem 4rem; }
}
/* medium screen ~800px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 50em) {
  .pageContentListProductsTitle { font-size: 1.7rem; }
}
/* medium screen ~960px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 60em) {
  .productsDatePriceSpecial { display: block; }
}
/* medium screen ~1024px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 64em) {
  .pageContentListProductsTitle { font-size: 1.9rem; }
}
/* medium screen ~1200px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 75em) {
  .pageContentListCategoriesTitle { font-size: 3rem; }
  .pageContentListProductsTitle { font-size: 1.7rem; }
  .productsHeaderTitle h1, .productsHeaderTitle h2 { font-size: 3.1rem; }
  .productsDatePriceSpecial { display: inline-block; }
  .productsDescriptionWrapper { padding: 3.5rem 5.5rem; }
  .relatedBlocHeadingText { font-size: 2.6rem; }
}
/* medium screen ~1360px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 85em) {
  .productsHeaderTitle h1, .productsHeaderTitle h2 { font-size: 3.3rem; }
  .pageContentListCategoriesTitle { font-size: 3.6rem; }
  .pageContentListProductsTitle { font-size: 1.9rem; }
  .attributesSeparedPricesElement,
  .attributesSeparedQtyElement,
  .attributesSeparedTextElement { padding: .8rem 1rem; }
}

/* small screen ~608px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 37.99em) {
  .productsImageWrapper { width: 100%; float: none; text-align: center; }
  .productsPriceWrapper { width: 100% }
  .productsDisponibilityWrapper { width: 100% }
  .productsInfoWrapper { width: 100% }
  .productsOptionsWrapper { width: 100% }
  .productsBuyWrapper { width: 100% }
  .additionalInfoWrapper { width: 100% }
  .pageProductImage { padding: 1rem 0 2rem 0; }
}


.leftAsideWrapper, .rightAsideWrapper { padding: 0; margin: 0; }
.boxAsideLeft { padding: 1rem; margin: 0; }
.boxAsideRight {
  padding: 2rem 1rem 3rem 1rem;
  margin: 0;
}
.sideBarRemove {
  float: right;
  width: 3em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.sideBarRemove a {
  display: inline-block;
  width: 100%;
  height: 2.8rem;
  line-height: 2.8rem;
}
.sideBarRemove a img  { display: inline-block; vertical-align: middle; }
.boxLeftRight {
  max-width: 55rem;
  padding: 2rem 0 1rem 0;
  margin: 0 auto;
}
.boxLeftRightNoMargin {
  max-width: 55rem;
  padding: 1rem 0;
  margin: 0 auto;
}
.boxHeading, .boxHeadingFree { height: auto; }
.boxHeadingFree {
  padding-top: 2.5rem;
  background-color: #e2e2ea;
}
.boxHeadingHidden { display: none; }
.boxHeadingText {
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 2.2rem;
  letter-spacing: .1rem;
  color: #47266d;
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
}
.boxHeadingText a:link, .boxHeadingText a:hover, .boxHeadingText a:visited { color: #47266d; }
.boxContent {
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-weight: 400;
  color: #7f7195;
}
.boxContentFree {
  padding: 2.5rem;
  background-color: #e2e2ea;
  color: #7f7195;
}
.boxInner {
  padding: .2rem;
  width: 100%;
}
.boxInnerPadding {
  padding: 0;
  margin: 0;
}

/* Wrapper styles */
#sidebarLeft {
  z-index: 1000 !important;
}
#sidebarRight {
  display: none;
  background-color: #f2f3f5;
}
/* customer */
.boxInfoLinkStar, .boxInfoLinkBall, .boxInfoLinkFire, .boxInfoLinkBoule {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
      align-items: center;
  min-height: 10rem;
  max-width: 50rem;
  margin: 0 auto 1.5rem auto;
  padding: 1.5rem .5rem 1.5rem 6rem;
  background-color: #e2e2ea;
  color: #47266d;
  font-family: Georgia, Times, "Times New Roman", serif;
  letter-spacing: .1rem;
  font-size: 2rem;
  line-height: 2.4rem;
  text-transform: uppercase;
  background-position: 1rem center;
  background-repeat: no-repeat;
}
.boxInfoLinkStar a, .boxInfoLinkBall a, .boxInfoLinkFire a, .boxInfoLinkBoule a {
  display: inline-block;
  -ms-flex: 1 1 auto;
      flex: 1 1 auto;
  width: 100%;
  height: 100%;
  color: #47266d;
}
.boxInfoSmall {
  padding-top: .5rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  letter-spacing: normal;
  text-transform: none;
  color: #7f7195;
}
.boxInfoLinkStar { background-image: url("../images/onction-adevaya-box-button-starhover.png"); }
.boxInfoLinkStar:hover { background-image: url("../images/onction-adevaya-box-button-starhover.gif"); }
.boxInfoLinkBall { background-image: url("../images/onction-adevaya-box-button-boulehover.png"); }
.boxInfoLinkBall:hover { background-image: url("../images/onction-adevaya-box-button-boulehover.gif"); }
.boxInfoLinkBoule { background-image: url("../images/onction-adevaya-box-button-boulehover.png"); }
.boxInfoLinkBoule:hover { background-image: url("../images/onction-adevaya-button-cristauxhover.gif"); }
.boxInfoLinkFire { background-image: url("../images/onction-adevaya-box-button-feuhover.png"); }
.boxInfoLinkFire:hover { background-image: url("../images/onction-adevaya-box-button-feuhover.gif"); }

/* small screen ~960px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 60em) {
  .sideBarRemove { display: none; }
  #sidebarRight { display: block; }
  .boxAsideLeft { padding: 2rem 1.5rem 2rem 1.5rem; margin: 0; }
  .boxAsideRight { padding: 2rem 1.5rem 2rem 2.5rem; margin: 0; }
  .boxLeftRight {
    padding: 2rem 0 1.5rem 0;
  }
  .boxLeftRightNoMargin {
    padding: .5rem 0 1.5rem 0;
  }
}
/* large screen ~1248px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 78em) {
  .boxAsideLeft { padding: 2rem 2.5rem 2rem 3rem; margin: 0; }
  .boxAsideRight { padding: 2rem 3rem 2rem 2.5rem; }
}

/* small screen ~960px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 59.99em) {
  #sidebarClose {
    /*
    flex: 0 0 auto;
    order: 1;
    */
    display: none;
  }
  #sidebarLeft {
    position: static;
    top: auto;
    left: auto;
    right: auto;
    width: 100%;
    display: block;
  }
  #sidebarLeft .smallHidden { display: block; }
  .sideBarRemove { display: none; }
  #sidebarRight {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    -ms-flex-order: 2;
        order: 2;
    display: block;
    width: 100%;
  }
  #sidebarRight .smallHidden { display: block; }
  .boxNormalList { line-height: 2.3rem; }
}

/*!
 * Font Awesome Free 5.0.9 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,
.fas,
.far,
.fal,
.fab {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1; }

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -ms-transform: rotate(90deg);
      transform: rotate(90deg); }

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -ms-transform: rotate(180deg);
      transform: rotate(180deg); }

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -ms-transform: scale(-1, 1);
      transform: scale(-1, 1); }

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -ms-transform: scale(1, -1);
      transform: scale(1, -1); }

.fa-flip-horizontal.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -ms-transform: scale(-1, -1);
      transform: scale(-1, -1); }

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none; }

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */

.fa-arrow-left::before {
  content: "\f060"; }

.fa-calendar-alt::before {
  content: "\f073"; }

.fa-cart-plus::before {
  content: "\f217"; }

.fa-info:before {
  content: "\f129"; }

.fa-info-circle::before {
  content: "\f05a"; }

.fa-phone::before {
  content: "\f095"; }

.fa-search::before {
  content: "\f002"; }

.fa-user::before {
  content: "\f007"; }

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../images/font/fa-regular-400.woff2") format("woff2"), url("../images/font/fa-regular-400.woff") format("woff");
  font-display: block;
}

.far {
  font-family: 'Font Awesome 5 Free';
  font-weight: 400; }
@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../images/font/fa-solid-900.woff2") format("woff2"), url("../images/font/fa-solid-900.woff") format("woff");
  font-display: block;
}

.fa,
.fas {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900; }

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxContent{margin-top:25px;background:#000;}
        .cboxIframe{background:#171718;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:1px solid #000; background:#171718;}
        #cboxTitle{position:absolute; top:-25px; left:0; color:#ccc; line-height: 1.2;}
        #cboxCurrent{position:absolute; top:-25px; right:0px; color:#ccc; line-height: 1.2;}
        #cboxLoadingGraphic{background:url(../images/color_box_loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        
        #cboxSlideshow{position:absolute; top:-25px; right:90px; color:#fff; line-height: 1.2;}
        #cboxPrevious{position:absolute; top:50%; left:1px; margin-top:-32px; background:url(../images/color_box_controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:1px; margin-top:-32px; background:url(../images/color_box_controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:1px; right:1px; display:block; background:url(../images/color_box_controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

#breadcrumb {
  max-width: 180rem;
  margin: 0 auto;
}
.breadcrumbWrapper {
  padding: 2.5rem 1rem 0 1rem;
  color: #7f7195;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: .1rem;
  font-weight: 700;
}
#breadcrumb a:link, #breadcrumb a:visited { color: #7f7195; }
#breadcrumb a:hover { color: #47266d; }
.breadcrumbLink { display: inline-block; }
.breadcrumbSeparator {
  padding: 0 .5rem;
  display: inline-block;
  color: #7f7195;
}
#breadcrumb .breadcrumbLast a { color: #47266d; }