/*!
* 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)
*                       global_header_styles
*                       global_footer_styles
*                       global_boxes_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_btn_styles
*                       global_flowcontent_styles
*                       global_public_text_styles
*                       global_modules_styles
*                       global_wrapper_styles
*             button_styles (custom styles)
*             desktop_retina_medias
*             media_queries_min_width
*             major_breakpoints_max_width
*             general_modules_styles
*             print_reset
*							popup_pages
*             non_responsive_style
*
* 100% = 1 em ~= 16px ~= 14pt
*
* background color
* #0182aa : footer
* #04a4ee : pageContentBlocHeadingText, downloadCategoriesListTitle
* #02aff4 (hover : #ff962d) : cssButtonContainer
* #d4eaf4 : rowOver
* #2f8926 : messageStackSuccess
* #ae0a0e : messageStackWarning
* #c80000 : boxLeftRight
*
* border color
* #333333 : downloadWrapper, accountWrapper
*
* textes
* #d80d0e : TextloginLink, inputRequirement
* #00a5f0 : accountWrapper > pageContentTitle
* #706f6f : pageContentSplitResults, boxContent, dataImageLoupe
* #333333 : searchField, normalField, pageContentDownload, pageContentSpecialText, pagesInsertDownload, cnilText, organizedDataBoxTitle, organizedDataBoxLink
* #35538b : breadcrumb
*
* 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;
*
*/

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

/* switching box model for all elements */

* {
  box-sizing: border-box;
}

/* soft reset */

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

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

html {
  height: 100%;
	overflow-y: scroll;
}

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: thin dotted;
}

a:active, a:hover {
  outline: 0;
}










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == typography  id="typography_text_styles"                                                                                                                                                  */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@font-face {
	font-family: 'responsiveFontIco';
	src:url('responsive-font-ico.eot');
	src:url('responsive-font-icod41d.eot?#iefix') format('embedded-opentype'),
		  url('responsive-font-ico.woff') format('woff'),
		  url('responsive-font-ico.ttf') format('truetype'),
		  url('responsive-font-ico.svg#responsive-font-ico') format('svg');
	font-weight: normal;
	font-style: normal;
}
.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: none;
	font-style: normal;
	font-weight: normal;
	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";
}

/* 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%;
}

body {
	color: #000;
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.4em;
  line-height: 1.6;
}

/* 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: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: underline; }

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: monospace, serif;
  _font-family: 'courier new', monospace;
  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: bold;
}

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: #aaa;
}

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-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;
}

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

.styledElementHR {
  color: #333;
	background-color: #333;
	height: 1px;
	border: 0;
	width: 90%;
	padding: 0;
	margin: .5rem auto;
}










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

/* hiding content */

.visuallyHidden {
  position: absolute;
  left: -7000px;
  overflow: hidden;
}
[dir=rtl] .visuallyHidden {
  left: auto;
  right: -7000px;
}
.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;
}

/* Google Gmap3 bug fix on images */

:not(.gmStyle) img {
  height: auto !important;
}

.gmStyle img, .gmnoscreen img, .gmnoprint img {
  max-width: none !important;
}

/* scripts */

body > script {
  display: none !important;
}










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

/* display table */
.generalTable {
  display: table;
  width: 100%;
}
.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%; }

/*
  JQuery Scroll up
*/
#scrollUp {
  display: inline-block;
	text-align: center;
	color: #1b1b1f;
  background-color: #e5dacb;
  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;
}

/*
  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: 54.9%;
	height: 0;
}
.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 {
  clear: both;
  padding: 0;
	margin: 0;
}
.innerVideoFixedRatio {
  overflow: auto;
	-webkit-overflow-scrolling: touch;
	position: relative;
	padding-bottom: 66.67%;
	height: 0;
	border: 1px solid #eee7d9;
}
.innerVideoFixedRatio object, .innerVideoFixedRatio embed, .innerVideoFixedRatio iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*
  Vertical and horizontal align element in container with fixed height
	vertical-align property applies to inline and table-cell elements
	vertical-align allows to align vertically within the line-height property of the container
//  <div class="wrapperHorizontalVerticalAlign">
//  <img width="200" height="80" class="inlineAlignedElement" alt="Alt" src="source.png">
//  </div>
*/
.wrapperHorizontalVerticalAlign {
  height: 15em;
  line-height: 15em;
  text-align: center;
}
.inlineAlignedElement {
  display: inline-block;
	vertical-align: middle;
}

/* 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: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .6;
}
.close:hover, .close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open { overflow: hidden; }
body.modal-open { overflow: visible; }
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1150;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog, .modal.fade .modal-popup {
  transition:         transform .3s ease-out;
  transform: translate(0, -25%);
}
.modal.in .modal-dialog, .modal.in .modal-popup {
  transform: translate(0, 0);
}
.modal-dialog, .modal-popup {
  position: relative;
  width: auto;
  margin: 3rem 2rem 1rem 2rem;
	z-index: 1160;
}
.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: 6px;
  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: 1040;
  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;
}
.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 #ccc;
}
.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;
}

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

// <div class="tabContainer">
//   <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;
}

/* 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;
}

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

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










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

table, .table {
  max-width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  vertical-align: top;
}
table {
  width: 100%;
}
.table, .tableAuto {
  display: table;
}
div.table { width: 100%; }
div.tableAuto { margin: 7rem auto 1rem auto; }
.table100 {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
	margin: 0 0 1rem 0;
}
.tableTd { display: table-cell; }
.tableTd10 { display: table-cell; width: 10%; }
.tableTd33 { display: table-cell; width: 33%; }
.tableTd40 { display: table-cell; width: 40%; }
.tableTd35 { display: table-cell; width: 35%; }
.tableTd25 { display: table-cell; width: 25%; }

caption {
  padding: 1rem;
}

tr > * + * {
/*  border-left: 1px solid #ccc;*/
}

th, td {
  padding: 0.2em 0.4em;
  text-align: left;
/*  border-bottom: 1px solid #ccc;*/
}

/* 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: 5px;
}

/* table box list wrapper */
.tableContentColumn {
	border-collapse: collapse;
	width: 100%;
}

/* table box list wrapper */
.tableBoxList {
	width: 100%;
	border-collapse: collapse;
}

/* table box list wrapper */
.tableBoxColumn {
	width: 100%;
	padding: 0;
}
.tableTdDetails {
  padding: 0 0.5em 2.0em 0.5em;
}
.tableBoxTitle {
  font-size: 1.5rem;
	font-weight: bold;
	color: #000;
	line-height: 1.9rem;
	padding: 0.5em 0;
	text-align: center;
}
.tableBoxFooter {
	line-height: 1.8rem;
	font-weight: normal;
	font-size: 1.3rem;
	color: #000;
	padding: 0.5em 0 0 0;
}
.tableHeading {
	color: #000;
  font-size: 1.6rem;
  margin: 0.5em 0;
	line-height: 1.8rem;
}
.tableNormalContent {
  font-size: 1.3rem;
	line-height: 1.7rem;
  color: #000;
	padding: 0.3em;
	vertical-align: top;
}
.contentTableBack1 { background-color: #eee9e6; }
.contentTableBack2 { background-color: #f7f6f4; }
.contentTableBack3 { background-color: #fff; }

/* alternate tables */

.alternate {
  border: 0;
}

.alternate tbody {
  border: 1px solid #ccc;
}

.alternate thead tr > * + * {
  border-left: 0;
}

.alternate tbody tr > * + * {
  border-left: 1px solid #ccc;
}

/* striped tables */

.striped tbody tr:nth-child(odd) {
  background: #eee;
  background: rgba(0, 0, 0, 0.05);
}










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==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;
}

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

input:-moz-placeholder, textarea:-moz-placeholder {
  color: #777;
}

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;
}

/* custom styles */
.formField{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding-bottom: .5rem;
}
.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 { padding-bottom: .5rem; }
.checkboxInput input {
  margin-right: 2.5rem;
}
.widthField {
  width: 75%;
  min-width: 20rem;
}
.mediumField {
  width: 60%;
  min-width: 15rem;
}
.smallField {
  width: 40%;
  min-width: 10rem;
}

.searchField {
	color: #333;
	font-weight: normal;
	border : 1px solid #333;
	background-color: #fff;
}

.normalField {
	color: #333;
	border : 1px solid #333;
	background-color: #fff;
}
.normalInputLabel  {
  display: block;
  position: relative;
}
.normalInputText {
  padding: 0;
	min-width: 10em;
	padding: 0 0 0.2em 0;
	color: #000;
}
.normalInputField {
  padding: 0 0 0.3em 0;
}

.formInfo { padding: 0.2em 0; }

.singleInputLabel  {
  display: block;
  position: relative;
}
.singleInputLabel input, .singleInputLabel select  {
  position: absolute;
	left: 35%;
}
.singleInputLabel span.formInfo  {
  position: absolute;
	left: 55%;
}

.largeInputLabel  {
  display: block;
  position: relative;
}
.largeInputLabel input, .largeInputLabel select  {
  position: absolute;
	left: 50%;
}
.largeInputLabel span.formInfo  {
  position: absolute;
	left: 70%;
}

.extraInputLabel  {
  display: block;
  position: relative;
}
.extraInputLabel input, .extraInputLabel select  {
  position: absolute;
	left: 60%;
}










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

html {
  background-color: #fff;
	background-image: url("georges-labo-page-back.jpg");
  background-repeat: repeat-y;
  background-position: center top;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Header styles  id="global_header_styles"                                                */
/* ----------------------------------------------------------------------------------------- */
.no-js .menuToggle { display: none; }
.headerDetails { display: none; }
.headerSearchTitle { margin: 0; }
.headerFloatElement {
  position: absolute;
	top: -50rem;
	height: .1rem;
	max-width: 100rem;
	overflow: hidden;
	margin: 0 auto;
	z-index: 795;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Footer styles  id="global_footer_styles"                                                */
/* ----------------------------------------------------------------------------------------- */
#footer {
  position: relative;
  background-color: #fff;
	min-height: 12rem;
}
.footerWrapper {
  margin: 0 auto;
	max-width: 100rem;
	min-height: 12rem;
}
.footerInnerWrapper { color: #fff; }
.footerInnerWrapper a:link, .footerInnerWrapper a:visited { color: #fff; text-decoration: none; }
.footerInnerWrapper a:hover { color: #fff; text-decoration: underline; }
.footerBloc {
  position: relative;
  background-color: #0182aa;
  background-image: url("georges-labo-footer-address-back.jpg");
  background-repeat: repeat-x;
  background-position: left top;
  padding: 1rem;
  min-height: 7.5rem;
}
.footerLinkBloc {
  position: relative;
  background-color: #0182aa;
  background-image: url("georges-labo-footerlink-back.jpg");
  background-repeat: repeat-x;
  background-position: left top;
  padding: .4rem 1rem .7rem 1rem;
  margin-top: .1rem;
}
.footerBlocText {
	font-size: 1.3rem;
	line-height: 2.4rem;
	font-weight: bold;
	text-align: center;
	padding: 1rem 0 0 0;
}
.footerMenuWrapper { line-height: 1.5rem; text-align: center; }
.footerMenuLink {
  display: inline-block;
	font-size: 1.1rem;
}
.footerLink {
	font-size: 1.1rem;
	line-height: 2rem;
	padding: .3rem 0 0 0;
	text-align: center;
}
.footerDownloadText {
  color: #ae0a0e;
	font-size: 1.8rem;
	line-height: 2.2rem;
	padding-bottom: .5rem;
}
.footerDownload { padding: .5rem 0 1rem 0; }
.footerContentDownload a { text-decoration: underline; }

/* ----------------------------------------------------------------------------------------- */
/* ==Boxes styles  id="global_boxes_styles"                                                  */
/* ----------------------------------------------------------------------------------------- */
.leftAsideWrapper, .rightAsideWrapper {
  padding: 3rem 2.2rem 1rem 2.2rem;
	margin: 0;
}
.boxAsideLeft { padding: 0; margin: 0; }
.boxAsideRight { padding: 0; margin: 0; }
.boxLeftRight {
  border-radius: .5rem;
	margin: 0 0 2rem 0;
	background-color: #c80000;
  box-shadow: 0 1px 4px #999;
}
.boxLeftRightNoBackground {
	margin: 0 0 2rem 0;
}
.boxHeading, .boxHeadingLeft, .boxHeadingRight {
  height: auto;
}
.boxHeadingHidden { display: none; }
.boxHeadingNoPadding { padding: 0;	}
.boxHeadingText a:link, .boxHeadingText a:hover, .boxHeadingText a:visited { color: #fff; }
.boxTitle {
  font-size: 1.6rem;
  line-height: 1.8rem;
}
.sideBarRemove {
  float: right;
	width: 3em;
	height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.sideBarRemove a {
  display: inline-block;
	width: 100%;
	height: 2em;
  line-height: 2em;
}
.sideBarRemove a img  { display: inline-block; vertical-align: middle; }
.boxContent {
  border-radius: .5rem;
	background-color: #fff;
  padding: 1rem 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: normal;
	color: #706f6f;
}
.boxContentFree {
  padding: 1rem 1.5rem 0 1.5rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: normal;
	color: #706f6f;
}
.boxInnerPadding {
	padding: 0;
  margin: 0;
}
.boxActifList {
  font-size: 1.6rem;
  line-height: 2rem;
	padding: 0.4em 0;
}
.boxNormalList {
  font-size: 1.6rem;
  line-height: 2rem;
	padding: 0.4em 0;
}
.boxContentText {
  font-size: 1.2rem;
  line-height: 1.6rem;
  font-weight: normal;
}
.boxBigLinkText { font-size: 1.4rem; }
.boxContentFacebook > p {
  float: left;
	width: 7.5rem;
}
.boxContentFacebook .fb_iframe_widget { display: block; padding: .5rem 0;}
.databoxWrapper { text-align: center; }

/* ----------------------------------------------------------------------------------------- */
/* ==Main styles  id="global_main_styles"                                                    */
/* ----------------------------------------------------------------------------------------- */
/* main content page content wrapper */
#wrapperPageContent {

}
#pageContent { max-width: 100rem; margin: 0 auto; }
#pageIndexContent { max-width: 100rem; margin: 0 auto; }
/* #pageContent, #pageIndexContent { margin-top: 4.2em; } */
.contentbox {
  background-color: #fff;
	margin: 0;
	padding: 1rem 1.5rem 2rem 1.5rem;
	min-height: 20rem;
}
.contentbox:after {
	clear: both;
  content: "";
  display: block;
  font-size: 0;
  height: 0;
  visibility: hidden;
}
.contentbox img.floatRight {
  float: none;
  display: block;
  margin: .5rem auto;
}
.pageIntro {
  width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}
.pageIntroLogo {
  float: left;
	width: 24.6939%;
}
.pageIntroImage {
  float: left;
	width: 75.3061%;
}
/* Page Main header */
.pageContentTitle {
  background-image: url("georges-labo-title-back.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0 0 0 .4rem;
	line-height: 4.3rem;
}
.pageContentTitle::first-letter { font-family: "Lucida Console", Monaco, monospace; color: #fff; font-size: 3rem; letter-spacing: 2px; }
.pageContentTitle, h1.pageContentTitle, h2.pageContentTitle {
	color: #000;
	font-size: 1.7rem;
	font-weight: normal;
}
.pageContentTitle .headerBreak { line-height: 2.3rem; }
.pageContentHeader {
	padding: 0 0 1rem 2rem;
}
.pageContentHeaderExtraText {
	padding: 0.5em 0 2rem 0;
}
.pageContentSubTitle {
	font-size: 1.7rem;
	font-weight: normal;
	color: #000;
}
/* page content bloc header wrapper */
.pageContentBlocHeading {
	padding: 0.3em 0 0.6em 1.2em;
}
.pageContentBlocHeadingText {
  background-color: #04a4ee;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 2.4rem;
  padding: 0 0 0 1.5rem;
}
.rowOver {
  background-color: #d4eaf4;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Content styles  id="global_content_styles"                                              */
/* ----------------------------------------------------------------------------------------- */
/* Page Main content */
#breadcrumb {
	padding: 0 2rem .5rem 2rem;
	color: #35538b;
}
#breadcrumb a:link, #breadcrumb a:visited { color: #35538b; }
#breadcrumb a:hover { color: #35538b; }
.breadcrumbLink, .breadcrumbLink a:link, .breadcrumbLink a:visited { color: #35538b; }
.breadcrumbLink a:hover { color: #35538b; }
.breadcrumbLastLink, .breadcrumbLastLink a:link, .breadcrumbLastLink a:visited { color: #35538b; }
.breadcrumbLastLink a:hover { color: #35538b; }
.breadcrumbSeparator { display: inline-block; width: auto; padding: 0 .5rem; color: #35538b; }
.pageContentGeneral {
  font-size: 1.3rem;
  color: #000;
	line-height: 1.7rem;
}
.pageContentGeneralPadding {
  padding: 0.2em 0.4em;
}
.pageContentGeneral a:link, .pageContentGeneral a:visited, .pageContentGeneralPadding a:link, .pageContentGeneralPadding a:visited {
	color: #000;
	font-weight: bold;
}
.pageContentGeneral a:hover, .pageContentGeneralPadding a:hover {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}
/* Content Bloc Contents */
.pageContentSplitResults {
  font-size: 1.4rem;
  color: #706f6f;
}
.pageContentSplitResults a:link, .pageContentSplitResults a:visited {
	color: #706f6f;
}
.pageContentSplitResults a:hover {
	color: #706f6f;
}
.pageContentBlocUnder {
	padding: 0.2em;
}
/* Content Textes */
.pagesTitle {
	color: #000;
	font-weight: bold;
	font-size: 1.5rem;
	text-align: justify;
}
.pagesActifSubTitle {
	color: #000;
	font-weight: bold;
	font-size: 1.3rem;
	text-align: justify;
}
.pagesActifSubTitle a:link, .pagesActifSubTitle a:visited { color: #000; text-decoration: none; }
.pagesActifSubTitle a:hover { color: #000; text-decoration: underline; }
.pagesSubTitle {
	color: #000;
	font-weight: normal;
	font-size: 1.3rem;
  text-align: justify;
}
.pagesSubTitle a:link, .pagesSubTitle a:visited { color: #000; text-decoration: none; }
.pagesSubTitle a:hover { color: #000; text-decoration: underline; }
.pageContentDownload {
	font-size: 1.2rem;
  line-height: 1.8rem;
	font-weight: normal;
	color: #333;
	padding: 0 0 2rem 0;
}
.pageContentDownload a:link, .pageContentDownload a:visited { color: #333; text-decoration: underline; }
.pageContentDownload a:hover { color: #333; text-decoration: underline; }
.contentSearchText {
	font-weight: normal;
	font-size: 1.2rem;
	color: #000;
}
.contentSearchLink a:link, .contentSearchLink a:visited { color: #000; }
.contentSearchLink a:hover { color: #000;	text-decoration: underline; }
.pageContentSpecialText {
  color: #333;
}
.pagesInsertDownload {
	font-size: 2.0rem;
	font-weight: bold;
	color: #333;
	letter-spacing: 0.07px;
	font-style: italic;
}
.pagesInsertDownload a:link, .pagesInsertDownload a:visited { color: #333; text-decoration: none; }
.pagesInsertDownload a:hover  { color: #333; text-decoration: underline; }
.pagesContentInsertions { padding: 0; }
.pagesSmallText {
	color: #000;
	font-weight: normal;
	font-size: 1.1rem;
}
.pageMenuCell {
	background-color: #eee9e6;
	padding: 0.2em;
}
.ressourcesCenterSubTitle {
	font-weight: bold;
	font-size: 1.4rem;
}
.ressourcesCenterInfo {
	font-weight: normal;
	font-size: 1.3rem;
}
.ressourcesCenterDate {
	color: #000;
	font-weight: normal;
	font-size: 1.4rem;
}
.ressourcesCenterDownload {
	font-weight: normal;
	font-size: 1.4rem;
	margin-bottom: 1rem;
	padding-bottom: .5rem;
	border-bottom: 1px solid #ccc;
}

/* ----------------------------------------------------------------------------------------- */
/* ==List styles  id="global_list_styles"                                                    */
/* ----------------------------------------------------------------------------------------- */
.pagesListTitle {
	padding: 0 0 0 1.5rem;
  color: #000;
	font-size: 1.2rem;
	line-height: 1.7rem;
	font-weight: normal;
}
.pagesListTitle a:link, .pagesListTitle a:visited { color: #000; text-decoration: none; }
.pagesListTitle a:hover { color: #000; text-decoration: underline; }
.pagesListButton {	padding: 0.5em 0.2em; }
.pageContentListRowEven { padding: 0.2em; }
.pageContentListRowOdd {	padding: 0.2em; }
.pagesListCellImg { padding: 0 0 0.5em 0; }
/* wrapper for categories list if show_lists = 1, module page */
.pagesListCategoriesColumn {
	float: left;
	padding: 0 0 .3em 0;
}
.pagesListCategoriesIntroColumn {
	padding: 1rem 0;
}
.pagesListIntroTitle {
  color: #1b1b1f;
	font-size: 1.3rem;
	line-height: 1.7rem;
	font-weight: bold;
}
/* general list wrapper */
.pagesListCell {
	padding: 0 0.5em 2.5em 0.5em;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Div styles  id="global_div_styles"                                                      */
/* ----------------------------------------------------------------------------------------- */
.divBox { margin: 0; padding: 0; }
.divBoxNoBorder { margin: 0; }
.divBoxPadding { margin: 0; padding: .3em 0 .5rem 0; }
.divTable { padding: 0; margin: 0; }
.divPagesBox {
	border-bottom: 1px solid #eee7d9;
	margin: 0 10px;
	padding: 0 0 0.5em 0;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Image styles  id="global_image_styles"                                                  */
/* ----------------------------------------------------------------------------------------- */
.pagesInsertImage img { margin: 0 0 1.0em 0; }
.pagesLeftPaddingImg img {	padding: 0 0 0 0.7em; }
.pagesRightPaddingImg img { padding: 0 0.7em 0 0; }
.pageImageWrapper {
  padding: 0 0 2rem 0;
	margin: 0 auto;
	width: 75%;
	max-width: 55rem;
	height: auto;
}
.dataImageLoupe {
  display: inline-block;
	position: relative;
	margin: .1rem 0 0 0;
	padding: .3rem .5rem;
	font-size: 1.2rem;
	line-height: 1.4rem;
	color: #706f6f;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Specific pages styles  id="global_specific_pages_styles"                                */
/* ----------------------------------------------------------------------------------------- */
/* contact_formulaire.php */
.iframeContent {
  border: 1px solid #eee7d9;
	overflow: hidden;
}
.cnilText {
  padding: 1rem;
  font-size: 1.1rem;
  color: #333;
  text-align: justify;
}
.cnilText a:link, .cnilText a:visited { text-decoration: underline; }
.cnilText a:hover { text-decoration: underline; }
.dataGoogleMapWrapper {
  width: 100%;
	height: 30rem;
	text-align: center;
	margin: 1rem 0 0 0;
}
#google_map {
	border: 1px solid;
	border-color: #333;
	width: 80%;
	height: 100%;
	padding: 0;
	max-width: 73rem;
	margin: 0 auto;
}
#google_map label { width: auto; display:inline; }
.adp-directions td { padding: .5rem; }
.adp-directions td.adp-substep:nth-child(1) { width: 2.5rem; }
.adp-directions td.adp-substep:nth-child(2) { width: 2.5rem; }
.adp-directions td.adp-substep:nth-child(4) { width: 6.5rem; text-align: right; }
.adp-placemark td:nth-child(1) { width: 2.5rem; }
/* index.php */
.indexBlockFooter, .indexBlockFooterLinks, .indexBlockFooterFaceLinks, .indexBlockFooterFaceIcon, .indexFooter { display: none; }
/* photos.php */
.listColumn {
	padding: 0 0 1.5em 0;
}
.listColumnRow {
	background-color: #eee9e6;
	font-weight: normal;
	font-size: 1.2rem;
	color: #000;
	padding: 0.5em;
	border: 1px solid;
	border-color: #eee7d9;
}
.backButton {	padding: 0 0 1.0em 0; }
.pagesListImage { padding: 0.2em; }
/* account pages */
.accountWrapper {
  border: 1px solid #333;
  margin: 2rem auto 3rem;
  padding: 2rem;
  position: relative;
  width: 95%;
	max-width: 60rem;
}
.accountWrapper > .pageContentHeader, .accountWrapper > form > .pageContentHeader {
  background-color: #fff;
  display: inline-block;
  margin: 0 auto;
  padding: 0 1rem;
  position: relative;
  top: -3.3rem;
}
.accountWrapper .pageContentTitle {
  background: none;
  letter-spacing: normal;
	font-size: 1.7rem;
	font-weight: normal;
	line-height: 2.1rem;
	padding: 0;
	color: #00a5f0;
}
.accountWrapper .pageContentTitle::first-letter {
  color: #00a5f0;
  letter-spacing: normal;
	font-size: 1.7rem;
	line-height: 2.1rem;
	font-family: Verdana,Arial,sans-serif;
}
.accountList {
	background-image: url("box_category.png");
	background-repeat: no-repeat;
	background-position: left .3rem;
  padding-left: 2.5rem;
  padding-bottom: 1rem;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Oscommerce standard styles  id="global_oscommerce_standard_styles"                      */
/* ----------------------------------------------------------------------------------------- */
.messageStack { padding: 0 0 .5rem 0; text-align: left; }
.messageBox { margin: 0 .5rem .3rem .5rem; }
.messageStackError, .messageStackWarning {
	font-size: 1.2rem;
	line-height: 1.4em;
	border: 1px solid #ae0a0e;
	background-color: #ae0a0e;
	padding: 0.2em;
	font-weight: bold;
	color: #fff;
}
.messageStackSuccess {
	font-size: 1.2rem;
	line-height: 1.4em;
	border: 1px solid #2f8926;
	background-color: #2f8926;
	padding: 0.2em;
	font-weight: bold;
	color: #fff;
}
.markProductOutOfStock, .inputRequirement {
	color: #d80d0e;
}
.separator {
	padding: 0;
	margin: 0;
}
.smallText { 	font-size: 1.0rem; }
.headerError {
	width: 90%;
	font-size: 1.1rem;
	line-height: 1.3em;
	border: 1px solid #ae0a0e;
	background-color: #EAE8E8;
	padding: 2px;
	font-weight: bold;
	color: #000;
}
.headerInfo {
	width: 1000px;
	padding: 0.3em 0;
	line-height: 1.5em;
	background-color: #00FF00;
	color: #FFFFFF;
	font-size: 1.3rem;
	font-weight : bold;
	text-align : center;
}

/* ----------------------------------------------------------------------------------------- */
/* ==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: bold;
	color: #000;
	margin: 0.3em;
}
#errorBoxError {
	color: #000;
	margin-bottom: 0.5em;
	padding: 0.1em;
}
#errorBoxContent {
	padding: 0.1em;
	margin-bottom: 0.3em;
}

/* ----------------------------------------------------------------------------------------- */
/* ==btn styles  id="global_btn_styles"                                                      */
/* ----------------------------------------------------------------------------------------- */
.btn {
  display: inline-block;
  padding: .3rem .8rem;
  margin-bottom: 0;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8rem;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-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.disabled, .btn[disabled] {
  cursor: not-allowed;
  pointer-events: none;
  filter: alpha(opacity=65);
  -webkit-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
  box-shadow: none;
}
.btn {
  font-weight: normal;
  font-size: 1.4rem;
  padding: .3rem .8rem;
  line-height: 1.8rem;
  height: auto;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active, .btn-default.active { background-image: none; }
.btn-default.disabled, .btn-default[disabled], .btn-default.disabled:hover, .btn-default[disabled]:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, .btn-default.disabled:active, .btn-default[disabled]:active, .btn-default.disabled.active, .btn-default[disabled].active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-primary {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-primary:active, .btn-primary.active { background-image: none; }
.btn-primary.disabled, .btn-primary[disabled], .btn-primary.disabled:hover, .btn-primary[disabled]:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, .btn-primary.disabled.active, .btn-primary[disabled].active {
  background-color: #ebebeb;
  border-color: #adadad;
}

/* ----------------------------------------------------------------------------------------- */
/* ==Flowcontent styles  id="global_flowcontent_styles"                                      */
/* ----------------------------------------------------------------------------------------- */
/* clear both */
.clearBoth {
  clear: both;
}
/* left elements */
.floatLeft {
  float: left;
}
img.floatLeft {
  margin-right: 2rem;
}
/* right elements */
.floatRight {
  float: right;
	clear: both;
}
img.floatRight {
  margin-left: 2rem;
}
img.floatLeft, img.floatRight {
  margin-bottom: .5rem;
	margin-top: .5rem;
}
.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: .7rem 0;
}
h1 { font-size: 2.5rem; }
h2 { font-size: 2.1rem; }

/* ----------------------------------------------------------------------------------------- */
/* ==Public textes styles  id="global_public_text_styles"                                    */
/* ----------------------------------------------------------------------------------------- */

/* Pages styles */

.boxTitleText, a.boxTitleText {
	color: #000;
	font-size: 1.7rem;
	font-weight: normal;
}
p.boxTitleText, div.boxTitleText { padding: .7rem 0; }
.boxTextRed, a.boxTextRed {
	color: #c80000;
	font-size: 1.3rem;
	font-weight: bold;
}
p.boxTextRed, div.boxTextRed { padding: .7rem 0; }
p.boxSeparator, div.boxSeparator {
  background-image: url("georges-labo-separateur.jpg");
	background-repeat: no-repeat;
	background-position: center bottom;
  padding-bottom: 2rem;
	margin-bottom: 1rem;
	text-align: justify;
}

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

/* Download Data
----------------------------------------------- */
/* categories */
.downloadWrapper {
  position: relative;
  margin: 2rem auto 3rem auto;
  width: 95%;
	max-width: 60rem;
	border: 1px solid #333;
	padding: 2rem;
}
.downloadWrapper .downloadContentHeader {
  position: relative;
	display: inline-block;
	top: -3.3rem;
	background-color: #fff;
	padding: 0 1rem;
	margin: 0 auto;
}
.downloadWrapper .downloadContentTitle {
  color: #00a5f0;
	font-size: 1.7rem;
	font-weight: normal;
}
.downloadCategoriesWrapper { padding: 0; }
.downloadCategoriesInfo { text-align: justify; }
.downloadCategoriesList {
  float: left;
	padding: 0 0 2rem 0;
}
.downloadCategoriesListTitle {
  background-color: #04a4ee;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6rem;
  padding: .5rem .5rem .5rem 1.5rem;
}
.downloadCategoriesListTitle a:link, .downloadCategoriesListTitle a:visited { color: #fff; text-decoration: none; }
.downloadCategoriesListTitle a:hover {
  color: #fff;
	text-decoration: underline;
}
.downloadParentCategoriesListTitle {
  background-color: #04a4ee;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.6rem;
  padding: .5rem .5rem .5rem 1.5rem;
}
.downloadParentCategoriesListTitle a:link, .downloadParentCategoriesListTitle a:visited { color: #fff; text-decoration: none; }
.downloadParentCategoriesListTitle a:hover {
  color: #fff;
	text-decoration: underline;
}
.downloadCategoriesListTitle a, .downloadParentCategoriesListTitle a { display: block; width: 100%; }
/* data list */
.downloadDataListRow {  }
.downloadDataListLeft { float: left; }
.downloadContentGeneral {
	border: 1px solid #e6e6e6;
  background-color: #fff;
  box-shadow: 1px 1px 5px #aaa;
}
.downloadContentGeneral a:link, .downloadContentGeneral a:visited, .downloadContentGeneral a:hover { text-decoration: none; }
.downloadDataListTitle {
	color: #d77f3f;
	font-size: 1.3rem;
	line-height: 1.5rem;
	min-height: 4.7rem;
	padding: 0.5em 1rem;
}
a:hover .downloadDataListTitle { color: #DF0A74; }
.downloadDataListInfo {
  margin: 0 1rem 1.5rem 1rem;
	text-align: justify;
	padding: 0;
	height: 7.1rem;
	overflow: hidden;
}
a:hover .downloadDataListInfo { color: #212121; }
/* data list page */
.downloadDataPage .downloadContentTitle {
  color: #000;
	font-size: 1.2rem;
	line-height: 1.8rem;
	font-weight: bold;
}
.downloadDataInfo {
  text-align: justify;
}
.downloadDataDetailText {
  padding: .5rem 0 1.5rem 0;
}

/*  Owl Carousel v1.3
----------------------------------------------- */
.owlPadding {
	padding: 0;
}
.owlHeaderPadding {  }
#owlCarouselWrapper {
  margin: 0 auto;
}
.owlHeaderPadding > #owlCarouselWrapper { border-bottom: 1px solid #cdcdcd; }
/* No Js */
.no-js .owl-carousel {
  display: block;
}
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.4rem;
	color: #fff;
}
.owl-carousel .owl-item a { color: #fff; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}
/* Owl Carousel CSS3 Transitions */
.owl-origin {
	-webkit-perspective: 120rem;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 120rem;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 120rem;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@keyframes empty {
  0% {opacity: 1}
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-50rem); }
  75% { opacity: .5; transform: translateZ(-50rem) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-50rem) translateX(-200%); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-50rem) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-50rem); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@keyframes scaleToFade {
  to { opacity: 0; transform: scale(.8); }
}
@keyframes goDown {
  from { transform: translateY(-100%); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}
/* theme */
.owl-theme .owl-controls{
	margin-top: 1rem;
	text-align: center;
}
/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div{
	color: #fff;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: .5rem;
	padding: .3rem 1rem;
	font-size: 1.2rem;
	border-radius: .5rem;
	background: #aaa;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	background: #666;
	text-decoration: none;
}
/* Styling Pagination*/
.owl-theme .owl-pagination {
  float: right;
	width: 45%;
	text-align: right;
  margin: 0;
	line-height: 1.3rem;
	height: 1.9rem;
}
.owl-theme .owl-buttons {
  float: left;
	width: 55%;
	text-align: left;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
  background-image: url(owl_pagination.png);
  background-position: 0 0;
	width: 13px;
	height: 13px;
	margin: .3rem .5rem;
}
.owl-theme .owl-controls .owl-page.active span {
  background-position: 0 -13px;
}
.owl-theme .owl-controls.clickable .owl-page:hover span{
  background-position: 0 -26px;
}
/* preloading images */
.owl-item.loading{
	min-height: 10rem;
	background: url(ajax-loader.gif) no-repeat center center;
}
/* owl textes */
.owl-carousel .owl-item .owl-introtext {
	background-image: url("transparent_bg.png");
	background-repeat: repeat;
	background-position: left top;
  margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 20%;
	min-width: 25rem;
	height: 100%;
}
.owl-carousel .owl-item h2 {
  margin: 0;
	padding: 2rem 1rem .5rem 1rem;
	position: absolute;
	top: 60%;
	right: 0;
	width: 20%;
	min-width: 25rem;
	height: 20%;
	font-weight: 400;
	font-size: 2.3rem;
	line-height: 2.5rem;
	text-align: center;
}
.owl-carousel .owl-item h3 {
  margin: 0;
	padding: 0.5rem 1.5rem 1rem 1.5rem;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20%;
	min-width: 25rem;
	height: 20%;
	min-height: 4.5rem;
	font-size: 3rem;
	line-height: 3.2rem;
	color: #ffa00c;
	text-decoration: none;
	font-weight: 400;
	text-align: right;
}
.owl-carousel .owl-item h4 {
  margin: 0;
	padding: 1rem 1rem;
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;
	min-width: 25rem;
	height: 50%;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1.4rem;
}

/* Customer_account */
.boxSubTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	font-weight: bold;
}
.TextloginLink {
  color: #d80d0e;
}
.TextloginLink a:link, .TextloginLink a:visited {
	color: #d80d0e;
}
.TextloginLink a:hover {
	color: #d80d0e;
}
.addressbookTitle {
  font-size: 1.3rem;
	color: #3c4f18;
	font-weight: bold;
}

/* Menu static styles */
.navbar-menuCenter {
  background-color: #eff6f9;
	margin: 0 auto;
}
.navbar .navbar-header .navbar-header-text {
	display: none;
}
.navcontainer {
  margin-right: auto;
  margin-left: auto;
	height: 13.9rem;
}
.navcontainer:before, .navcontainer:after {
  content: " ";
  display: table;
}
.navcontainer:after { clear: both; }
.row:before, .row:after {
  content: " ";
  display: table;
}
.row:after { clear: both; }
.dropdown { position: relative; }
.dropdown-toggle:focus { outline: 0; }
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  float: left;
  min-width: 16rem;
  padding: 0.5rem 0;
  margin: .2rem 0 0;
  list-style: none;
  background-clip: padding-box;
	z-index: 780;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: .9rem 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: .3rem 2rem;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #eeeeed;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #eeeeed;
  background-color: #ba8a3a;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
  color: #eeeeed;
  text-decoration: none;
  outline: 0;
  background-color: #ba8a3a;
}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  color: #eeeeed;
}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu { display: block; }
.open > a { outline: 0; }
.visible-xs { display: block !important; }
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before, .nav:after {
  content: " ";
  display: table;
}
.nav:after { clear: both; }
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
}
.nav > li > a:hover, .nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a { color: #999999; }
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .nav-divider {
  height: 1px;
  margin: .9rem 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img { max-width: none; }
.navbar {
  position: relative;
  min-height: 5rem;
  margin-bottom: 2rem;
  border: 1px solid transparent;
}
.navbar:before, .navbar:after {
  content: " ";
}
.navbar:after { clear: both; }
.navbar-header:before, .navbar-header:after {
  content: " ";
}
.navbar-header:after { clear: both; }
.navcontainer > .navbar-header, .navcontainer > .navbar-collapse {
  margin-right: 0;
  margin-left: 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-nav { margin: .75rem 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.navbar-nav > li > a {
  line-height: 3.6rem;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-nav.pull-right > li > .dropdown-menu, .navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar {
  border: none;
  font-size: 2rem;
	line-height: 2.4rem;
  position: static;
  background: none;
  height: auto;
  margin: 0;
}
.navbar .navbar-header {
  background-color: #fff;
  height: 13.9rem;
  width: 100%;
}
.navbar .navbar-header .navbar-headerCenter { position: relative; }
.navbar .navbar-header .navbar-headerCenter > a {
  float: left;
}
.navbar .navbar-header h1 {
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  height: 100%;
  text-align: left;
  width: 20rem;
  position: relative;
  z-index: 730;
}
.navbar .navbar-header .navbar-header-image {
  display: block;
}
.navbar .navbar-header img {
  height: auto;
  margin: 0;
}
.navbar-headerSlogan {
  position: absolute;
  bottom: 1rem;
  width: 22.6rem;
  height: 4.9rem;
  right: 1rem;
  display: none;
}
.navbar .navbar-header .btn-nav {
  display: none !important;
  position: relative;
  z-index: 740;
  background-color: rgba(255, 255, 255, 0.7);
  box-shadow: none;
  width: 5rem;
  line-height: 4rem;
  color: #000;
  font-size: 2.2rem;
}
.navbar .navbar-header .btn-nav i { vertical-align: -0.2rem; }
.navbar .navbar-header .btn-nav.btn-left { float: left; }
.navbar .navbar-header .btn-nav.btn-right { float: right; }
.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;
  -webkit-transition: 0.6s ease;
  -moz-transition: 0.6s ease;
  -ms-transition: 0.6s ease;
  -o-transition: 0.6s ease;
}
.navbar .overlaye-menu.visible {
  visibility: visible;
  opacity: 1;
}
.navbar .nav {
  margin: 0;
  padding: 0 1.5rem 1rem 1.5rem;
}
.navbar .nav li a {
  height: 3.6rem;
  line-height: 3.6rem;
  padding: 0 2.2rem;
  color: #fff;
	text-transform: uppercase;
  background: none !important;
}
.navbar .nav .dropdown-menu li a {
  height: 3.6rem;
  line-height: 3.6rem !important;
}
.navbar .nav li a span { font-size: 2rem; }
.navbar .nav li a i {
  display: block;
  float: right;
  line-height: 3rem;
}
.navbar .nav li a i.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;
}
.navbar .nav li.open a i.ico-rotate {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.navbar .nav li:last-child { margin-bottom: 1.6rem; }
.navbar .dropdown-menu {
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  min-width: 20rem;
  visibility: hidden;
  overflow: hidden;
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: none;
}
.navbar .dropdown-menu li {
  margin: 0;
  margin-top: -8rem;
}
.navbar .dropdown-menu li a {
  background: none !important;
  padding: 0 1.6rem !important;
}
.navbar .dropdown-menu li a i { color: #fff; }
.navbar .nav .dropdown-menu li a span { font-size: 1.8rem; }
.navbar .open .dropdown-menu { visibility: visible; }
.navbar.nav-started .navbar-header .btn-nav { display: block !important; }
.navbar.nav-started .navbar-nav { display: none; }

/* ----------------------------------------------------------------------------------------- */
/* ==Wrapper styles  id="global_wrapper_styles"                                              */
/* ----------------------------------------------------------------------------------------- */
#containerClose {
  position: relative;
  width: 100%;
	margin: 0 auto;
}
#page {
	padding: 0;
	margin: 0;
}
#header, #headerNav {
  color: #fff;
	height: auto;
	z-index: 700 !important;
}
#sidebarLeft { z-index: 800 !important; }
#containerContent { }
#maincontent {
  background-color: #fff;
  padding: 0;
  z-index: 500 !important;
}
#sidebarRight { display: none; }
#footer { margin: 0 auto; z-index: 550 !important; }









/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == Buttons  tag "=button_styles"                                                                                                                                                            */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.linkButton {
 padding: 0;
}

.cssImageButtonContainer {
  position: relative;
}
.cssImageButton {
  position: absolute;
	left: 0;
	top: 0;
}
.cssImageButtonContainer .cssButtonContainer { margin: .7rem 0 1.5rem 2.5rem; }

.cssButtonContainer {
  display: inline-block;
  background-color: #02aff4;
  border-radius: .3rem;
}
.cssButtonContainer a {
  display: block;
  width: 100%;
	font-size: 1.4rem;
	line-height: 2rem;
	padding: .3rem 2rem .4rem 2rem;
	color: #fff;
}
.cssButtonContainer a:link, .cssButtonContainer a:visited { color: #fff; text-decoration: none; }
.cssButtonContainer a:hover {
  color: #fff;
	text-decoration: none;
  background-color: #ff962d;
  border-radius: .3rem;
}

.cssButtonSmall a {
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding: .1rem 1rem .2rem 1rem;
}

.cssButtonSubmitContainer {
  background-color: #02aff4;
  border-radius: .3rem;
	font-size: 1.4rem;
	line-height: 2.0rem;
	padding: .3rem 2rem .4rem 2rem;
	color: #fff;
	border: none;
}
.cssButtonSubmitContainer:hover {
  color: #fff;
	text-decoration: none;
  background-color: #ff962d;
}

.cssButtonSubmitSmall {
	font-size: 1.2rem;
	line-height: 1.6rem;
	padding: .1rem 1rem .2rem 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 (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
  /* Style adjustments for retina devices */
}










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

/* small screen ~450px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 28em) {
  span.tinyBreak { display: inline; }
  div.table>div {display: table-cell;}
  div.table>div:first-child {width: 45%;}
  .modal-sm { max-width: 40rem; margin: 2rem auto; }
}

/* medium screen ~488px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 30.5em) {
  .formField{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .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: 20rem;
  }
  .mediumInput {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 50%;
    max-width: 40rem;
    min-width: 25rem;
  }
  .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: 70%;
    min-width: 15rem;
  }
  .mediumField {
    width: 40%;
    min-width: 15rem;
  }
  .smallField {
    width: 25%;
    min-width: 10rem;
  }
}

/* small screen ~552px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 34.5em) {
  .contentbox img.floatRight {
    float: right;
    max-width: 50%;
    margin-left: 2rem;
  }
  span.headerBreak { display: inline; }
  .accountWrapper {
    padding: 2rem 3rem;
  }
  .downloadWrapper {
    padding: 2rem 4rem;
  }
  .pageContentDownload {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .downloadDataPage .downloadContentTitle {
    font-size: 1.4rem;
    line-height: 2rem;
  }
  .downloadCategoriesListTitle {
    font-size: 1.4rem;
    line-height: 3rem;
    padding: 0 .5rem 0 1.5rem;
  }
  .downloadParentCategoriesListTitle {
    font-size: 1.4rem;
    line-height: 3rem;
    padding: 0 .5rem 0 1.5rem;
  }
}

/* small screen ~623px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 39em) {
	.modal-popup { max-width: 80rem; margin: 3rem auto; }
  .modal-sm { max-width: 80rem; margin: 3rem auto; }
	.modal-dialog { max-width: 80rem; margin: 3rem auto; }
	.modal-body { padding: 2rem; }
  span.smallBreak { display: inline; }
	span.smallBreak:before { content: " - "; }
}

/* small screen ~768px                                         */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 48em) {
  #maincontent { border-left: 2px solid #c1c2c6; }
  .contentbox {
    margin: 0 1rem;
    padding: 1rem 2.5rem 2rem 2.5rem;
    min-height: 50rem;
  }
  #floatElement.fixed {
    position: fixed;
    background-color: #fff;
    background-image: url("georges-labo-floatheader-back.jpg");
    background-repeat: repeat-x;
    background-position: left top;
    top: 0;
		left: 0;
		right: 0;
	  width: 100%;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
	  z-index: 1100;
  }
  #floatElement.fixed .headerFloatElement {
    position: relative;
	  top: 0;
	  height: 1.5rem;
	  transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
  }
	h1 { font-size: 3.2rem; }
	h2 { font-size: 2.8rem; }
	#headerNav { position: relative; height: 17.5rem; }
	.sideBarRemove { display: none; }
	.largeHidden { display: none; }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
	.modal-body img { max-height: 60rem; }
	.modal-img-body img { max-height: 60rem; }
	/* footer */
	/* boxes */
	#sidebarRight { display: block; }
  .boxTitle {
	  font-size: 1.4rem;
	  line-height: 1.5rem;
  }
	.boxActifList {
	  font-size: 1.3rem;
	  line-height: 1.7rem;
		padding: 0.2em 0;
	}
	.boxNormalList {
	  font-size: 1.3rem;
	  line-height: 1.7rem;
		padding: 0.2em 0;
	}
	.boxBigLinkText {
	  background-image: url("box_arrow.png");
	  background-repeat: no-repeat;
	  background-position: left center;
		padding-left: 1.4rem;
	  font-size: 1.5rem;
	}
	h2.boxHeadingText {
	  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	  font-size: 2rem;
		line-height: 2.2rem;
		color: #fff;
		margin: 0;
		text-align: center;
		font-weight: normal;
		text-transform: uppercase;
		padding: .5rem;
	}
	.sideboxInputAutoWidth {
	  width: 95%;
	}
	/* page content */
	.pageContentSubTitle { font-size: 1.9rem; }
	.pageContentSlideshow { padding: 0 1rem 1rem 1rem; }
  .mainContentSlideshow { padding: 0 1rem 1rem 1rem; }
	/* forms */
	.formInfo {
    float: right;
	  width: 65%;
	}
  /* nav */
  .navbar .navbar-header .navbar-header-image {
	  /*width: 28rem;*/
  }
  .navbar {
	  height: auto;
	  background-color: transparent;
		min-height: 0;
	}
  .navbar-menuCenter {
    background-color: #fff;
    background-image: url("georges-labo-menu-back.jpg");
    background-repeat: repeat-x;
    background-position: left top;
  }
	.navbar .nav li:hover { }
	.navbar .nav li.actifMenuLink:hover { }
	.navbar .nav .dropdown-menu li.actifMenuLink:hover { }
	.navbar .nav li.actifMenuLink a { color: #000; }
	.navbar .nav li.menuLiWidth_bf6123 { background-color: #bf6123 !important; }
	.navbar .nav li.menuLiWidth_beb100 { background-color: #beb100 !important; }
	.navbar .nav li.menuLiWidth_91a215 { background-color: #91a215 !important; }
	.navbar .nav li.menuLiWidth_618f15 { background-color: #618f15 !important; }
	.navbar .nav li.menuLiWidth_369dbe { background-color: #369dbe !important; }
	.navbar .nav li.menuLiWidth_486aa7 { background-color: #486aa7 !important; }
  .navbar .nav li.actifMenuLink, .navbar .nav li.actifMenuLink>a { color: #000; }
  .navbar .nav li.open a { color: #000; }
	.navbar .nav li.actifMenuLink.open > a { color: #000; }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color: transparent;
  }
	.navbar .nav li a:hover { color: #000; }
	.navbar .nav li.actifMenuLink a:hover { color: #000; }
  .navcontainer { max-width: 100%; }
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar { border-radius: 0; }
  .navbar-static-top { border-radius: 0; }
  .navbar-fixed-top { border-radius: 0; }
  .navbar-nav {
    margin: 0;
  }
  .navbar-nav > li { float: left; }
  .navbar-left { float: left !important; }
  .navbar-right { float: right !important; }
	.navbar-center { margin: 0 auto !important; }
  .navbar.nav-started .navbar-header .btn-nav { display: none !important; }
  .navbar.nav-started .navbar-nav { display: block; }
  .navbar .navbar-header {
    width: 100%;
	  margin: 0 auto;
    padding: 0;
		position: relative;
		z-index: 799;
  }
	.navbar  .navbar-headerCenter {
    background-image: url("georges-labo-header-general-back.jpg");
    background-repeat: no-repeat;
    background-position: 24rem top;
	  margin: 0 auto;
		max-width: 104rem;
	}
  .navbar .navbar-header .navbar-headerCenter > a {
    width: 25rem;
    height: 13.9rem;
    padding: 1.5rem 1rem 0 4rem;
  }
  .navbar .navbar-header h1 img { margin: 0; }
  .navbar-headerSlogan { display: block; }
  .navbar .nav {
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: justify;
        justify-content: space-between;
    background: none;
    position: relative;
    top: auto;
		max-width: 100rem;
    height: auto;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    box-shadow: none;
  }
	.navbar .nav>li {
    -ms-flex: 1 1 auto;
        flex: 1 1 auto;
	  background-image: url("georges-labo-menu-separator.jpg");
	  background-repeat: no-repeat;
	  background-position: right center;
    float: left;
    list-style: none outside none;
    margin: 0 .1rem 0 0;
    padding: 0;
    text-align: center;
    width: auto;
    z-index: 760;
    height: auto;
  }
  .navbar .nav>li.homeMenuLink {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
  }
  .navbar .nav li a { padding: 0; font-size: 1.7rem; }
  .navbar .nav li a span { font-size: 1.7rem; }
  .navbar .nav li.homeMenuLink a { padding: 0 2rem; }
	.navbar .nav>li.last { background: none; }
	.navbar .nav li.actifMenuLink a { color: #000; }
  .navbar .nav li.actifMenuLink {	color: #000; }
  .navbar .nav li.open {
    border: none;
  }
  .navbar .nav li.open a {
    color: #000;
  }
	.navbar .nav li.actifMenuLink.open { }
  .navbar .overlaye-menu { display: none; }
  .navbar .dropdown-menu {
    min-width: 22rem;
    overflow: hidden;
  }
  .navbar .dropdown-menu li {
		line-height: 3.6rem;
    background: linear-gradient(to bottom, #00ccff, #00b2f5);
  }
  .navbar .nav .dropdown-menu li a {
    height: auto;
    line-height: 3.6rem !important;
		font-size: 1.6rem;
		padding: 0 1rem !important;
		text-align: left;
		color: #fff;
  }
	.navbar .nav .dropdown-menu li a span { font-size: 1.6rem; }
	.navbar .nav .dropdown-menu li a:hover, .navbar .nav .dropdown-menu li.actifMenuLink a { color: #000; }
  .navbar .dropdown-menu li {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  .navbar .open .dropdown-menu { visibility: visible; }
  .navbar .open .dropdown-menu li {
    margin-top: .2rem;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
  }
	.navbar .nav li:last-child { margin-bottom: 0; }
  .navbar.collapsed {
    -webkit-transform: translate3d(0, -90%, 0);
    -moz-transform: translate3d(0, -90%, 0);
    -ms-transform: translate3d(0, -90%, 0);
    -o-transform: translate3d(0, -90%, 0);
  }
  .navbar.collapsed .navbar-header {
    -webkit-transform: translate3d(0, 98%, 0);
    -moz-transform: translate3d(0, 98%, 0);
    -ms-transform: translate3d(0, 98%, 0);
    -o-transform: translate3d(0, 98%, 0);
  }
  .navbar.collapsed .open .dropdown-menu { visibility: hidden; }
  .navbar.collapsed .open .dropdown-menu li { margin-top: -4em; }
  .navbar.collapsed:hover {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  .navbar.collapsed:hover .navbar-header {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
  }
  .navbar.collapsed:hover .open .dropdown-menu { visibility: visible; }
  .navbar.collapsed:hover .open .dropdown-menu li { margin-top: 1px; }
  .navbar .btn-nav { display: none !important; }
	.visible-xs { display: none !important; }
	.buttonPadding { padding: .3rem 0; text-align: center; }
	.buttonPadding  a { text-decoration: underline; }
	.organizedDataBoxWrapper {
	  padding: 0 0 .5rem 0;
		margin: 0;
	}
  .organizedDataBoxTitle {
	  font-size: 1.3rem;
		text-align: left;
		padding: 0 0 .5rem 0;
  }
  .organizedDataBoxTitle a:link, .organizedDataBoxTitle a:visited, .organizedDataBoxTitle a:hover {	color: #333; }
	.organizedDataBoxSubTitle {
	  font-size: 1.4rem;
		padding: 0 0 .5rem 0;
		text-align: left;
	}
	.organizedDataListBoxImage {  }
  .organizedDataBoxDate {
	  color: #000000;
	  font-size: 1.0rem;
  }
	.organizedDataBoxLink {
	  color: #333;
	}
	.organizedDataBoxLink a:link, .organizedDataBoxLink a:visited, .organizedDataBoxLink a:hover {	color: #333; }
}

/* medium screen ~888px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 55.5em) {
  #footer {
    background-color: #0182aa;
    background-image: url("georges-labo-footer-back.jpg");
    background-repeat: repeat-x;
    background-position: left top;
    min-height: 12rem;
  }
  .footerBloc {
    background: none;
    padding: .8rem 1rem 0 1rem;
    min-height: 7.5rem;
  }
  .footerLinkBloc {
    background: none;
    padding: .3rem 1rem 0 1rem;
    margin-top: 0;
  }
  .footerLink { padding-top: .2rem; }
  .navbar .nav li a { font-size: 1.8rem; }
  .navbar .nav li a span { font-size: 1.8rem; }
  .navbar .nav .dropdown-menu li a { font-size: 1.7rem; }
  .navbar .nav .dropdown-menu li a span { font-size: 1.7rem; }
}

/* medium screen ~1008px                                       */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 63em) {
	.menuToggle { display: none; }
  .modal-lg { width: 90rem; }
	.modal-popup { max-width: 90rem; }
  #containerClose {
	  max-width: 100%;
	}
  #header, #headerNav {
		min-height: 8rem;
	}
  .downloadContentList>section:nth-child(2n - 1) { padding: 1rem 1.5rem 1rem 0; float: left; clear: both; width: 50%; }
	.downloadContentList>section:nth-child(2n) { padding: 1rem 0 1rem 1.5rem; float: left; width: 50%; }
  .downloadDataListRow>section:nth-child(3n - 2) { padding: 1rem 1.6rem 1rem .2rem; float: left; clear: both; width: 33.3%; }
  .downloadDataListRow>section:nth-child(3n - 1) { padding: 1rem .9rem 1rem .9rem; float: left; width: 33.3%; }
  .downloadDataListRow>section:nth-child(3n) { padding: 1rem .2rem 1rem 1.6rem; float: left; width: 33.3%; }
  .navbar .nav li a { font-size: 2rem; }
  .navbar .nav li a span { font-size: 2rem; }
}

/* large screen ~1056px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 66em) {
  .navbar-headerSlogan { right: 0; }
}

/* large screen ~1104px                                        */
/* for non_responsive_style, escape only surrounding brackets  */
@media all and (min-width: 69em) {
	.owl-carousel .owl-item h4 {
	  line-height: 1.6rem;
		padding: 1rem 1.5rem;
	}
}










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

/* small screen ~408px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 25.5em) {
  .floatLeft, .floatRight { float: none; display: block; }
  img.floatLeft { margin-right: 0; margin-top: 0; }
  img.floatRight { margin-left: 0; margin-top: 0; }
}

/* small screen ~450px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 27.99em) {
	.modal-header .close {
    margin-top: .1rem;
	  margin-right: .2rem;
  }
  .column3 { width: 100%; }
  .column4 { width: 50%; }
  .column5 { width: 50%; }
  .navbar .nav .dropdown-menu li a span { font-size: 1.6rem; }
  .generalTableMediumCell { display: block; }
  .generalTableMediumCell.widthCell50, .generalTableMediumCell.widthCell40, .generalTableMediumCell.widthCell60 { width: 100%; padding: .5rem; }
  .textAlignMediumRight { text-align: center; }
  .textAlignMediumLeft { text-align: center; }
}

/* medium screen ~450px / ~623px         */
/* for non_responsive_style, escape all  */
@media all and (min-width: 28em) and (max-width: 38.99em) {
  .column3 { width: 50%; }
  .column4 { width: 33.3%; }
  .column5 { width: 25%; }
}

/* small screen ~623px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 38.99em) {
  .owlHidden { display: none; }
  .generalTableLargeCell { display: block; }
  .generalTableLargeCell.widthCell50, .generalTableLargeCell.widthCell40, .generalTableLargeCell.widthCell60 { width: 100%; padding: .5rem; }
  .textAlignLargeRight { text-align: center; }
  .textAlignLargeLeft { text-align: center; }
}

/* small screen ~768px                   */
/* for non_responsive_style, escape all  */
@media all and (max-width: 47.99em) {
  div, textarea, table, td, th, code, pre, samp {
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
  }
	.smallHidden { display: none; }
	#headerNav{
		min-width: 21.5em;
		margin-top: 0;
		background: none;
	}
	#header{
	  position: fixed;
		left: 0;
		width: 100%;
	  background-color: #ced0d2;
	  padding: 0;
		min-width: 21.5em;
	  box-shadow: 0 .3rem .5rem #333333;
		height: 8rem;
		top: 0 !important;
	}
	.navcontainer { height: auto; }
	.navbar .navbar-header {
    height: auto;
    border-bottom: 1px solid #d7d7d7;
  }
	.navbar  .navbar-headerCenter {
    background-image: url("georges-labo-header-general-back.jpg");
    background-position: 6.5rem top;
	  background-repeat: no-repeat;
	}
	.navbar .navbar-header .navbar-headerCenter > a {
    padding: 0 0 0 2rem;
    height: 4.8rem;
    text-align: center;
  }
	.navbar .navbar-header h1 {
	  display: inline-block;
		text-align: left;
		width: 8rem;
		padding: .3rem 0 0 0;
	}
  .navbar .navbar-header .navbar-header-text {
		width: auto;
	  margin: 0;
	  color: #fff;
		height: auto;
  }
  .navbar-menuCenter {
    border-bottom: 1px solid #cbcbcb;
  }
	.navbar .nav { padding: 0 1.5rem .5rem 1.5rem; }
  .navbar .nav li {
    margin-bottom: 0.5rem;
	  margin-top: 0.5rem;
		background: linear-gradient(to bottom, #0f92d0 50%, #1eaaed);
  }
	.navbar .nav li a span { font-size: 2rem; }
	.navbar .nav li:last-child { margin-bottom: .5rem; }
	.navbar .nav .dropdown-menu li:last-child { margin-bottom: 0; }
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: #eff6f9;
    border: 0;
		padding: .5rem 1rem 0 1rem;
		font-size: 1.8rem;
  box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 0.4rem 1.3rem 0.4rem 2rem; }
  .navbar-nav .open .dropdown-menu > li > a, .navbar .nav .dropdown-menu li a {
    line-height: 2.8rem !important;
    height: auto !important;
    white-space: normal;
    padding-top: .3rem !important;
    padding-bottom: .3rem !important;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; }
  .nav > li > a:hover, .nav > li.actifMenuLink > a, .nav > li .dropdown-menu > li > a:hover, .nav li.actifMenuLink > a {
    text-decoration: none;
		color: #000;
  }
	.navbar .dropdown-menu li { background: linear-gradient(to bottom, #0f92d0 50%, #1eaaed); }
	.navbar .dropdown-menu li.actifMenuLink { }
	.footerBlocFacebook { display: none; }
  #sidebarClose { display: none; }
}

/* medium screen ~768 / ~1008px          */
/* for non_responsive_style, escape all  */
@media all and (min-width: 48em) and (max-width: 62.99em) {
	#header{
	  position: relative;
		width: 100%;
	  background-color: #ced0d2;
	  padding: 0;
  box-shadow: 0 .3rem .5rem #333333;
		height: 8rem;
		top: 0 !important;
	}
}

/* medium screen ~784px                  */
/* for non_responsive_style, escape all  */
@media all and (max-width: 48.99em) {
  .close { font-size: 1.4rem; }
}









/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==general modules styles  id="general_modules_styles"                                                                                                                                       */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* Modules Styles
----------------------------------------------- */

/*  Captcha */
.captchaWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-pack: center;
      justify-content: center;
  border: 1px solid #d7d7d7;
  max-width: 47rem;
  margin: 0 auto;
}
.captchaBloc {
  width: 55%;
  min-width: 24rem;
  padding: .5rem;
}
.captchaWrapper > .captchaBloc:first-child {
  width: 45%;
  min-width: 20rem;
}
.captchaDetail {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  width: 100%;
  max-width: 24rem;
  padding: .5rem 0 0 0;
  font-size: 1.2rem;
}
.captchaBloc > .captchaDetail:first-child { padding: 0; line-height: 4rem; }
.captchaImg { max-width: 4rem; }
.captchaImg img {
  width: 100%;
  height: auto;
}
.ctImage {
  border: 1px solid #737373;
}
.cpShow {
  display: none;
}










/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* == 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;
		color: #000;
  }
  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; }
	.dataPrintText { display: none; }
}
.dataPrintHeader {
  border-bottom: 1px solid #e0dfe4;
  padding: .5rem 1rem;
	height: 14rem;
}
.dataPrintHeaderLogo { float: left; width: 8rem; }
.dataPrintHeaderText {
  position: relative;
  float: left;
	width: 55rem;
	height: 13rem;
	font-size: 1.4rem;
	line-height: 2rem;
}
.dataPrintHeaderName {
  position: absolute;
	top: 0;
	left: 3rem;
  font-size: 1.8rem;
	line-height: 2rem;
	width: 24rem;
	height: 3rem;
}
.printHeaderLeftText {
  position: absolute;
	top: 3rem;
	left: 3rem;
	width: 24rem;
	height: 9rem;
}
.printHeaderRightText {
  position: absolute;
	top: 3rem;
	left: 27rem;
	width: 29rem;
	height: 9rem;
}
.dataPrintText {
	font-size: 1.4rem;
	font-weight: normal;
	color: #000000;
	padding-bottom: .7rem;
}
.dataPrint {
	font-size: 1.5rem;
	font-weight: bold;
	color: #b93b3b;
}
.printCustomer {
  border-bottom: 1px solid #e0dfe4;
  padding: .5rem 1rem;
}










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

#popupModalLabel {
	color: #000;
	font-size: 1.8rem;
	line-height: 2.8rem;
	font-weight: normal;
	text-align: center;
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #333;
}
.popupContentbox {
  background-color: #fff;
	margin: 0;
	padding: .3rem;
}
.popupPageContentHeader {
	padding: 0;
}
.popupPageContentTitle {
  background-image: url("georges-labo-title-back.jpg");
  background-repeat: no-repeat;
  background-position: left top;
  padding: 0 0 0 .4rem;
	line-height: 4.3rem;
}
.popupPageContentTitle::first-letter { font-family: "Lucida Console", Monaco, monospace; color: #fff; font-size: 3rem; letter-spacing: 2px; }
.popupPageContentTitle, h1.popupPageContentTitle, h2.popupPageContentTitle {
	color: #000;
	font-size: 1.7rem;
	font-weight: normal;
}
.popupPageContentSubTitle {
	font-size: 1.8rem;
	font-weight: normal;
	color: #1b1b1f;
}









/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ==non responsive styles  id="non_responsive_style"                                                                                                                                          */
/* for responsive style, escape all                                                                                                                                                            */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*
#containerClose { min-width: 100rem; }
*/