/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, th, td { margin: 0; padding: 0;}
table { border-collapse: collapse; border-spacing: 0;}
fieldset, img, abbr, acronym { border: 0 }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal;}
ol, ul { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
q:before, q:after { content: '' }
a:active, object, embed { outline: none }

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on May 2, 2013 */
/*Pour accueil Slide 1*/
@font-face {
    font-family: 'soft_sugar_plainregular';
    src: url('inc/fonts/softplain-webfont.eot');
    src: url('inc/fonts/softplain-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/softplain-webfont.woff') format('woff'),
         url('inc/fonts/softplain-webfont.ttf') format('truetype'),
         url('inc/fonts/softplain-webfont.svg#soft_sugar_plainregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaysemibold';
    src: url('inc/fonts/raleway-semibold-webfont.eot');
    src: url('inc/fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/raleway-semibold-webfont.woff') format('woff'),
         url('inc/fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('inc/fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold';
    src: url('inc/fonts/raleway-bold-webfont.eot');
    src: url('inc/fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/raleway-bold-webfont.woff') format('woff'),
         url('inc/fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('inc/fonts/raleway-bold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaymedium';
    src: url('inc/fonts/raleway-medium-webfont.eot');
    src: url('inc/fonts/raleway-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/raleway-medium-webfont.woff') format('woff'),
         url('inc/fonts/raleway-medium-webfont.ttf') format('truetype'),
         url('inc/fonts/raleway-medium-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'edosz';
    src: url('inc/fonts/edosz-webfont.eot');
    src: url('inc/fonts/edosz-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/edosz-webfont.woff') format('woff'),
         url('inc/fonts/edosz-webfont.ttf') format('truetype'),
         url('inc/fonts/edosz-webfont.svg#ralewaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

#main {
    background: #000;
    color: #000;
    font-size: 12px;
    line-height: 150%;
    position: relative;
    /*height: 1000px;*/
    width: 100%;
    overflow: hidden;
    font-family: Arial, 'ralewaysemibold', Tahoma; /* Garder seulement 3 fontes et effacer ce commentaire */
    text-align: left;
    z-index: 1;
}
#main.dual { position: absolute;}
#main.flow {
  overflow-x:hidden;
  overflow-y:auto;
}
.overlay {
  height:100%;
  width:100%;
  position:fixed !important;
  position: absolute; /* IE 6 */
  left:0;
  top:0;
  z-index:500 !important;
  background: url(gx/M/overlay.png);
}
#grille {
  height:100%;
  width:100%;
  position:fixed !important;
  position: absolute; /* IE 6 */
  left:0;
  opacity:0.1;
  top:0; 
  z-index:2 !important;
  background: url(gx/M/grille.png);
}
#grilleProduit {
  height:100%;
  width:100%;
  position:fixed !important;
  position: absolute; /* IE 6 */
  left:0;
  opacity:0.1;
  top:0; 
  z-index:2 !important;
  background: url(gx/M/grille_produit.png);
}
#mask {
  height:100%;
  width:100%;
  position:fixed !important;
  position: absolute; /* IE 6 */
  left:0;
  top:0; 
  z-index:10 !important;
}
#mask img { height: 100%;}
#fondNoir {
  height:100%;
  width:100%;
  position:fixed !important;
  position: absolute; /* IE 6 */
  left:0;
  top:0; 
  z-index:999 !important;
  opacity: 1;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  background: #000;
}

html {}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover, a:focus { color: #fff ; text-decoration: none;}
a:active {  text-decoration: none;}
h1 {
  color: #fff;
  font-size: 40px;
  margin-bottom: 0.4em;
  line-height: 100%;
  text-transform: uppercase;
  font-family: 'ralewaysemibold';
}
h1 span { border-bottom: 3px solid #fff;}
.afficherTexte h1 {
  font-size: 50px;
  margin-bottom: 30px;
  line-height: 60px;
}
h1 a, h1 a:link, h1 a:visited { text-decoration: none }
h2 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 0.4em;
    line-height: 100%;
    font-family: 'ralewaysemibold';
}
h2 a, h2 a:link, h2 a:visited { text-decoration: none }

blockquote, q { quotes: none; margin: 1em 0;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
blockquote, q, cite { font-style: italic }
blockquote {  padding-left: 1.625em; border-left: 3px solid #ccc;}
blockquote > p { padding: 0 }
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup { top: -0.5em }
sub { bottom: -0.25em }
hr {
    margin: 10px 0;
    height: 0;
    border: none;
    border-top: 1px solid #ccc;
}
.incTinyMce { 
  /*line-height: 19px; 
  font-size: 15px; */
  color:#fff;
/*  font-size:18px; line-height: 24px;*/
  font-family: arial;
  font-size: 15px;
  line-height: 19px;
}
.incTinyMce p { margin-bottom: 20px;  }
.incTinyMce h2{ font-size:26px; font-family: 'ralewaybold'; }
.incTinyMce ul li, .incTinyMce ol ul li { list-style: circle; margin-left: 16px;}
.incTinyMce ul ul li { list-style: circle }
.incTinyMce ol li, .incTinyMce ul ol li { list-style: decimal; margin-left: 23px;}
.incTinyMce ol ol li { list-style: lower-alpha }
.textePetit { font-size: 11px }
.incTinyMce .descr h2 {text-transform: uppercase;margin-top: 15px;margin-bottom: 15px;}
.detaillantPop { font-family: 'ralewaybold'; font-size: 14px; float: left!important;
background: transparent!important;
border: 1px solid #FFF!important;
color: #FFF!important;
padding:5px;}
.intro {
 /* font-size: 21px;
  font-family: 'ralewaymedium';
  line-height: 29px;
*/
  margin: 10px 0 20px 0;
  font-family: 'ralewaybold';
  font-size: 18px;
  line-height: 24px;
}


/* Méthode de clear float */
.both, .clearBoth { clear: both }
/* Méthode alternative */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: '.';
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1; }
*:first-child+html .clearfix { zoom: 1; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset {
    border: 1px solid #000;
    font-size: 12px;
    margin-bottom: 10px;
    padding: 5px;
}
legend {
    border: 1px solid #999;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    padding: 3px;
}
label { font-size: 12px; }
label.erreur { color: #cc0000; }
input.erreur, textarea.erreur { border: 1px solid #cc0000; }
.champTexte { padding: 5px; }
.listeDeroulante { padding: 5px; }
.champFichier { padding: 5px; }
.boiteTexte {
    resize: none;
    font-family: Arial, "Trebuchet MS";;
    padding: 5px;
}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus { background-color: #ddd }
.bouton {
  float: right;
  color: #fff;
  padding:5px 10px;
  font-weight: bold;
  cursor: pointer;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 1s;
  -moz-transition-property: background-color;
  -moz-transition-duration: 1s;
  transition-property: background-color;
  transition-duration: 1s;
  font-family: 'ralewaysemibold';
  text-transform: uppercase;
}
.bouton:hover { background-color: #fff; color:#000; }
.champCache {
    display: none;
    visibility: hidden;
} /* Utilisé pour l'anti-spam */
p.avertissement {
    text-align: center;
    color: #DBA400;
    background-color: #FFE9A8;
    border: 1px #DBA400 solid;
    clear: both;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
p.erreur {
    text-align: center;
    color: #CC0000;
    background-color: #FFDDDD;
    border: 1px #CC0000 solid;
    clear: both;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
p.succes {
    text-align: center;
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 1px #4F8A10 solid;
    clear: both;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
p.succes.form {
  color: #fff;
  background-color: #808080;
  border: 1px #fff solid;
}
p.conseil { font-size: 11px; display: none;}
div.erreur { color: #cc0000 }

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS { background: url(Gx/icone_RSS.png) no-repeat left; padding: 5px 0 5px 20px;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#divConteneur { 
  position: relative; 
  top: 0px; left: 0px;
  z-index: 80;
}
#divConteneur.contact { 
  position: fixed !important; 
  position: absolute; /* IE 6 */
  top: 0px; left: 0px;
  z-index: 80;
}
#conteneur { width: 980px;}
#divConteneur.contact #conteneur { width: 480px;}
#conteneur.noBg {  margin: 0 auto;  background: none;}
#contenu {
    min-height: 500px;
    height: auto !important;
    height: 500px;
    position: relative;
    z-index: 1000;
    margin: 0 auto;
    width: 980px;
    background:#fff;
}
#divGauche {
  position: relative; 
top: 77px; left: 0px;
/*float: left;
height: 900px;
width: 460px;
background: #000;*/}
* HTML #divGauche { top: -100px; } /* IE 6 */

.contactGauche{float: left;
height: 900px;
width: 460px;
background: #000;}
#divGauchePos { 
  padding: 25px 0 55px 25px;
  width: 520px;
}
/*#divGauchePos.afficherTexte {  width: 70%;}*/
#divGauchePos.contactUs {  width: 430px;}
#logo {
	display: inline-block; 
	height: 77px;
	width: 185px;
}
/*.scroll-pane { 
  overflow:auto; 
  width: 100%;
 /* height: 750px;
}
*/
.scroll-pane {
 
  height: auto;
  overflow: auto;
  outline:none;
  position: relative;
}

.scrollPadding { padding-right: 25px;}

/* HAUT 
--------------------------------------------------------------------------------------- */
#divHaut {
	position: fixed !important; 
  position: absolute; /* IE 6 */
	top:0px;
	left:0px;
	width: 100%;
	height: 77px;
	background: #000;
	z-index: 600;
}
#divHaut.homeSlider {
  display: none;
  top:-100px;
}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu { 
	height: 77px;  
	margin: 0 auto; 
	text-transform: uppercase; 
	position: absolute; 
	z-index:200;
	width:100%;
	display: inline-block;
}
#menu a, #menu a:visited { text-decoration: none;}
#menu ul { 
  z-index:900; 
  position:relative;
  width: 900px;
  margin:0 auto;
}
#menu ul li {
	list-style: none;
	display: block;
	text-align: center;
  border-right:2px solid black;
	height: 77px;
	float: left;
  position:relative;
}
#menu ul li a {
	height: 77px;
	float: left;
	line-height:77px;
  display: block;
	font-size: 13px;
	color: #fff;
	font-weight: bold;
  padding:0 15px;
  cursor: pointer;
  background: #000;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.5s;
  -moz-transition-property: background-color;
  -moz-transition-duration: 0.5s;
  transition-property: background-color;
  transition-duration: 0.5s;  
}

#menu ul li.actif, #menu ul li.on { background: #fff;}
#menu ul li.actif a, #menu ul li.actif a:link, #menu ul li.actif a:visited, #menu ul li:hover a, #menu ul li.on a { background: #fff; color:#000;}

#menu ul a:hover span, #menu ul .subover.on span  {
  display: block;
  height: 7px;
  width: 10px;
  background: url(gx/M/flecheMenu.png);
  position: absolute;
  bottom: 10px; left: 45%;
}

/* SOUS MENU */
.sousMenu { 
	width: auto; 
	position: absolute; 
	z-index:600;   
	top:77px; 
	display: none;
	text-transform: uppercase;
  font-family: 'ralewaysemibold';
}
* HTML .sousMenu { left: 0px; } /* IE 6 */

#produit.sousMenu {	width: 400px; height: 145px; left: 0px;}
#produit .sousMenuSimple { width: 400px; float: left;}
#about .sousMenu, #support .sousMenu { width: 200px; height: 94px; left: 0px;}
#about .sousMenuSimple, #support .sousMenuSimple { width: 200px; float: left;}

#menu .produitCatMenu, #menuSec .produitCatMenu {  
  background: #fff;
  border-top:1px solid #000;
  width: 198px;
  height: 47px;
  float: left;
}
#menu .produitCatMenu.noProduit { background: none; border:none;}
#menu .produitCatMenu.sousMenuContenu a {
  background: #fff;
  padding:0px;
  line-height:100%;
  background: none;
  width: auto;
  height:auto;
  color: #000;
  text-align:left;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 1s;
  -moz-transition-property: background-color;
  -moz-transition-duration: 1s;
  transition-property: background-color;
  transition-duration: 1s;
}
#menu ul li .produitCatMenu a  { 
  height: 47px; 
  line-height: 47px;
  display: block;
  width:198px;
  padding: 0px;
}
#menu ul li .produitCatMenu.premier { border-right: 1px solid #000;}

#menu .produitCatMenu a:visited, #menu .produitCatMenu a:link {color: #000;}
#menu ul li .produitCatMenu:hover a {background:#000;  color:#fff;}
#menu .produitCatMenu img {
  height: 47px;
  width: 63px;
  border-right:1px solid #000;
  border-left:1px solid #000;
  float:left;
  display: inline-block;
}
#menu h3 { 
  float: left;
  height: 47px;
  padding:0 5px 0 15px;
  text-align: left;
}

/* Navigation secondaire */
#menuSec ul { 
	position: absolute;
	right:0px;
	top:0px;
	z-index: 200;
	float: right;
	font-size: 11px;
}
#menuSec ul li { display: inline; float: left;}
#facebookBox.sousMenu {
  width: 497px; 
  height: 490px; 
  /*left: -407px;*/
  left: -437px;
  background: #fff;
}
#facebookBox .sousMenuSimple { width: 497px; float: left;}
#facebookLogo { 
  background: #000;
  -webkit-transition-property: background-color;
  -webkit-transition-duration: 0.5s;
  -moz-transition-property: background-color;
  -moz-transition-duration: 0.5s;
  transition-property: background-color;
  transition-duration: 0.5s;
}
.btnFacebook {
  height: 77px;
  width: 50px;
  display: inline-block;
  float: left;
}
.btnFacebook span {
  background: url(gx/M/facebook-icon.png);
  display: block;
  width: 20px;
  height: 39px;
  line-height: 44px;
  margin: 20px 0 0 15px;
}
#facebookLogo:hover, #facebookLogo.on { background:#fff;}
#facebookLogo:hover .btnFacebook span, #facebookLogo.on .btnFacebook span { background-position: -20px 0;}
#menuSec ul li a.news {	
  width:20px;	
  height: 77px; 
  background:#000;
  float: left;
  display: inline-block;
}
#facebookLogo:hover #newsMenu { background: #fff;}
#facebookLogo:hover #newsMenu span { color:#000;}
#menuSec ul li a.news { width: 20px; height: 77px; display: block;}
#menuSec ul li a.news span {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  color:#fff;
  display: block;
  margin-right:10px;
  margin-top: 45px;
  font-family: 'ralewaysemibold';
  font-size:14px;
  text-transform: uppercase;
}

#menuSec ul li a.news.fr span { margin-top: 60px; font-size: 12px;}
#menuSec ul a, #menuSec a:link, #menuSec ul a:visited { padding: 0 5px }
#lang a, #lang a:link, #lang a:visited { 
  width: 33px;
  background:#fff;
  font-size: 14px;
  text-align: center;
  line-height: 77px;
  display: block;
  color:#000;
  text-transform: uppercase;
  font-family: 'ralewaybold'
}
#lang.on a { color:#fff; background: #000;}

/* 00_100 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.nouvelle h2 { margin-bottom: 3px;}
.nouvelle h2 a, .nouvelle h2 a:link, .nouvelle h2 a:visited { color: #fff;}
.nouvelle h2 a {}
.nouvelle { color:#fff;}
.textePetit a, .textePetit a:link, .textePetit a:visited {color:#fff;}

/* PAGINATION */
.module_pagination {
  clear:both;
  margin-top: 20px;
  text-align:left;
}
#pagination a, .module_pagination_pagecourante {
  display:inline-block;
  width:22px;
  margin:0;
  text-align:center;
  font:'ralewaysemibold', Arial;
  color:#fff;
  text-decoration:none;
  background: #000;
  padding:3px 5px;
}
.module_pagination_pagecourante { font-weight: bold;}
#pagination a:hover, .module_pagination_pagecourante,
#pagination .module_pagination_pageprecedente a:hover, #pagination .module_pagination_pagesuivante a:hover,
#pagination .module_pagination_pagederniere a:hover, #pagination .module_pagination_pagepremiere a:hover  { color:#000; background: #fff; }
#pagination .module_pagination_pageprecedente a,#pagination .module_pagination_pagesuivante a,
#pagination .module_pagination_pagederniere a, #pagination .module_pagination_pagepremiere a {
  width: 22px;
  overflow: hidden;
  color:#fff;
  vertical-align:bottom;
}

/* 00_110 : PAGE NOUVELLE DETAIL
--------------------------------------------------------------------------------------- */
.photoMortaise { float: left; margin: 4px 10px 5px 0;}
/* Boutons de partage */
.btnPartageGoogle {  width: 85px; float: left;}
.btnPartageTwitter { width: 125px; float: left;}
.btnPartageLinkedIn { width: 110px; float: left;}
.btnPartagePinterest { width: 110px; float: left;}
.btnPartageStumbleUpon { width: 110px; float: left;}
.btnPartageFacebook { width: 155px; float: left;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#slidecaption {
    position:fixed !important; 
    position: absolute; /* IE 6 */
    width: 100%;
    top:35%;
    left: 0;
    overflow: hidden;
    color: #FFFFFF; 
    margin: 0 auto;
    z-index: 10;
}
#slidecaption.dispo1 { top: 15%}
body.fr #slidecaption.dispo2 { top: 25%}
#slidecaption .animateH2.premier { text-align:center;}
#slidecaption .animateH2.premier h2 {
  font: 140px/130px 'edosz', Arial, Helvetica, sans-serif;
  margin-bottom: 0;
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  left:800px;
  height: 130px;
}
#slidecaption .animateH2.premier h2.noTop { top:0;}
#slidecaption .animateH2.premier h2.top2 { top:-50px;}
#slidecaption .animateH2.premier h2.top3 { top:-100px;}
#slidecaption .animateH2.premier h2.top4 { top:-150px;}

body.fr #slidecaption .animateH2.premier h2.noTop { top:0;}
body.fr #slidecaption .animateH2.premier h2.top2 { top:-60px;}
body.fr #slidecaption .animateH2.premier h2.top3 { top:-100px;}
body.fr #slidecaption .animateH2.premier h2.top4 { top:-150px;}

#slidecaption .animateH2.deuxieme h2 {
  color: #fff;
  background: #000;
  line-height: 100%;
  width: auto;
  display: inline-block;
  padding: 13px 13px 17px 13px;
  text-transform: uppercase;
  font-family: 'ralewaysemibold';
  margin-bottom: 5px;
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  left:800px;
  font-size: 60px;
  margin-left: 90px;
  max-width: 980px;
}
body.fr #slidecaption .animateH2.deuxieme h2.lHeight { line-height: 130%;}
#slidecaption .animateH2.deuxieme h2 span { border-bottom: 3px solid #fff;}
#slidecaption .animateH2.deuxieme h2.blanc { color: #000; background: #fff;}
#slidecaption .animateH2.deuxieme h2.blanc span { border-bottom: 3px solid #000;}
#slidecaption .animateH2.deuxieme h2.discover { padding: 13px 33px 11px 33px;}
#slidecaption .animateH2.deuxieme h2.discover span { 
  background: url(gx/M/discover.jpg) no-repeat;
  width: 41px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border:none;
  float: right;
  margin: 8px 0 0 10px;
}
#slidecaption .animateH2.deuxieme h2.discover.blanc:hover { background: #000; color:#fff;}
#slidecaption .animateH2.deuxieme h2.discover:hover span { background: url(gx/M/discover_over.jpg) no-repeat;}

/* 03_100 : PRODUIT 
--------------------------------------------------------------------------------------- */
#col1 {
  width: 100%;
  height: auto !important;
  min-height: 800px;
  height: 800px;
  position: absolute;
  top:77px;
  left: 0px;
  z-index: 50;
  clear: both;
  float:left;
}
#col1 div {
  max-height: 100%;
  height: auto;
  max-width: 50%;
}
#col1 img {
  max-width: 100%;
  height: auto !important;
  width: auto\9; /* ie8 */
  width:100%;
}

#col2 {
  float: right;
  width: 50%;
  height: 100%;
  position: absolute;
  top:77px;
  left: 50%;
  z-index: 100;
  clear: both;
}
* HTML #col2 { top: -100px; } /* IE 6 */

#centre { 
  top:77px;
  /* top: 0px; IE 6 */
  min-height: 100%; 
  height: auto !important; 
  height: 100%; 
  position: relative;
  z-index: 200;
  width: 492px;
  background: #fff;
  float:right;
}
* HTML #centre { top: -100px; } /* IE 6 */

#content { padding: 25px;}
#centre #content { 
  padding: 25px 0 25px 25px;
  min-height: 800px; 
  height: 800px;
  height: auto !important;
}
/*#main #content {
  overflow-y:auto;
  height:730px;
}*/
#content h1 {
    color: #fff;
    font-size: 35px;
    background:#000;
    line-height: 100%;
    width: auto;
    display:inline-block;
    padding: 13px 13px 17px 13px;
    text-transform: uppercase;
    font-family: 'ralewaybold';
}
#content h1 span { border-bottom: 2px solid #fff;}
#content .intro {
  font-size: 21px;
  font-family: 'ralewaymedium';
  margin: 0px 0 20px 0;
  line-height: 29px;
}
#content .descr { font-size: 13px; font-family: 'ralewaymedium';}
#specTable, #produitTable { margin:40px 0 20px 0; width:100%;}
#specTable h3 { 
  font-size: 18px; 
  color:#fff; 
  background:#000;
  text-transform: uppercase;
  padding:8px 10px;
}
#specTable td a, #specTable td a:link, #specTable td a:visited,
#produitTable td a, #produitTable td a:link, #produitTable td a:visited { color:#000; text-decoration: none;}
#specTable td { 
  background: #fff;
  font-size: 12px;
  text-transform: uppercase;
  padding:8px 10px;
  font-weight: bold;
}
#specTable td.gris { background: #e6e7e8;}

#produitTable th { 
   padding:8px 10px;
   background: #000;
   color:#fff;
   font-size: 14px;
   font-weight: bold;
}
#produitTable td { 
  background: #fff;
  font-size: 12px;
  padding:8px 10px;
  font-weight: bold;
}
#produitTable td.upperTd {  text-transform: uppercase;}
#produitTable td.upperTd img { display: inline-block; height: 11px; padding-left: 7px;}
#produitTable tr.gris td { background: #e6e7e8;}

/* 00_888 : PLAN DU SITE
--------------------------------------------------------------------------------------- */
#planSite a, #planSite a:link, #planSite a:visited { color:#fff;}
#planSite a:hover { color:#000;}

#planSite ul a, #planSite ul a:link, #planSite ul a:visited { color:#000;}
#planSite ul a:hover { color:#fff;}

/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#boiteContact { width:430px; float:left;}
#boiteContact h1{ margin-top:5px; line-height: 52px;}
#boiteContact h2{ margin-top:14px; border-bottom: 3px solid #FFF; float:left;}
#boiteFormContact { float:left; width:480px; margin-top:60px;}
#divConteneur.contact a, #divConteneur.contact a:link, #divConteneur.contact a:visited { color:#fff; text-decoration: underline;}
#formContact { 
  float:left; 
  width:430px;
  margin-top:5px; 
  color:#fff;
}
#formContact h2, #formContact .textePetit { }
#formContact .textePetit { margin-bottom: 10px;}
#formContact table td { padding:5px 0; width:240px;}
#formContact label {}
#formContact input, #formContact textarea { 
  background: #fff; 
  color: #000; 
  outline: none;
  border: 1px solid #252525;
}
#formContact input:focus, #formContact textarea:focus {}
#formContact .champTexte { width:285px;}
#formContact .boiteTexte {
  height:110px; 
  width:285px; 
  resize:vertical;
}
#formContact #boutonFormContact{ float:left; background:#000; border:1px solid #fff; color:#fff; transition-duration:0.3s; }
#formContact #boutonFormContact:hover{ background-color: #fff; color:#000; }
#map_canvas {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
}
#map_canvas .googleMapInfoWindow a, #map_canvas .googleMapInfoWindow a:link, #map_canvas .googleMapInfoWindow a:visited, #map_canvas .googleMapInfoWindow a:hover { color: #000;}
#mailTo { text-decoration: underline;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage {
	font-size: 11px;
	height: 44px;
	background: #000;
	position: fixed !important; 
  position: absolute; /* IE 6 */
	bottom:0px;
	left:0px;
	width: 100%;
	z-index: 1000;
	color: #FFF;
	text-transform: uppercase;
  z-index: 90;
}
#piedPage a { text-decoration: none; color: #FFF;}
#piedPage a:hover { text-decoration: underline; }
#piedPage #copyrights {   
  float: left; 
  height: 44px;
  width: 400px;/*400*/
}
#piedPage .piedWrap { padding:0 20px;	line-height: 44px; }

/* Navigation en bas-de-page */
#menuBas { 
  font-family: 'ralewaysemibold';
  margin: 0 auto;
  width: 470px;/*900*/
  height: 44px;
  /*width:290px;*/
  text-align: center;
  display: block;
} 
#menuBas ul { 
  position:relative;
/*  width: 775px;*/
  margin:0 auto;
}
#menuBas ul li { display: inline;}
#menuBas ul li.dernier a { padding-right: 0; }
#menuBas a { 
	padding: 0 5px;
	height: 44px;
	line-height: 44px;
	display: inline-block;
}
/* Partager cette page (AddToAny) */
a#lienPartager {
    float: right;
    text-align: center;
    line-height: 44px;
    width:70px;
    font-size: 11px;
    color:#fff;
    text-decoration: none;
    font-family: Arial;
    text-transform: none;
}
#partagerWrap {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 200;
  float: right;
}
#rsPartage {
  position: absolute;
  right: 0px;
  bottom: 0px;
  z-index: 200;
  float: right;
  line-height: 44px;
  margin-right: 10px;
}
#rsPartage span { float: left; display: inline-block; margin-right: 10px;}
#rs a {
  cursor: pointer;
  width: 25px;
  height: 25px;
  float:left;
  display: inline-block;
  background: url(gx/M/rs.jpg) 0 0;
  line-height: 44px;
  margin:10px 3px 0 0;
}
#rs a:hover { background-position: 0 -25px;}

#rs a.facebook { background-position: -25px 0;}
#rs a.googlePlus { background-position: -50px 0;}
#rs a.mail { background-position: -75px 0;}

#rs a.facebook:hover { background-position: -24px -25px;}
#rs a.googlePlus:hover { background-position: -50px -25px;}
#rs a.mail:hover { background-position: -75px -25px;}


/* --- MEDIA QUERIES --- */
/*
@media only screen and (max-width: 1400px) {
  #col1 div {  max-width: 100%; }
}
*/
@media only screen and (max-width: 1110px), screen and (max-height: 800px){
  #slidecaption.dispo1 { top: 15%;}
  body.fr #slidecaption.dispo2 { top: 20%;}
  #slidecaption .animateH2.premier h2 {  height: 130px;}
  #slidecaption .animateH2.premier h2 img { height: 130px;}
  #slidecaption .animateH2.deuxieme h2 { font-size:50px;}
  #slidecaption .animateH2.deuxieme h2.discover span { margin-top: 4px;}
}
@media only screen and (max-width: 975px) {
  #col2 { display: none;}
}

@media only screen and (max-width: 950px) {
  #slidecaption .animateH2.deuxieme h2 { font-size:40px;}
}      
@media only screen and (max-width: 800px) {
  #slidecaption .animateH2.premier h2 { line-height: 90%; height: 150px;}
  #slidecaption .animateH2.premier h2 img { height: 120px;}
  #slidecaption .animateH2.deuxieme h2 { font-size:30px;}
} 		  

#big-video-control { display: none;}

/* --- IE 6/7 --- */
.ie7 #slidecaption .animateH2.deuxieme h2, .ie6 #slidecaption .animateH2.deuxieme h2  {
  color: #fff;
  background: #000;
  line-height: 100%;
  width:auto;
  display: inline-block;
  float: left;  
  padding: 13px 13px 17px 13px;
  text-transform: uppercase;
  font-family: 'ralewaysemibold';
  margin-bottom: 5px;
  position: relative;
  opacity: 0;
  filter: alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  left:800px;
  font-size: 60px;
  margin-left: 90px;
  max-width: 980px;
  clear: both;
}
.ie7 body.fr #slidecaption .animateH2.deuxieme h2.lHeight, .ie6 body.fr #slidecaption .animateH2.deuxieme h2.lHeight  { line-height: 130%;}
.ie7 #slidecaption .animateH2.deuxieme h2 span, .ie6 #slidecaption .animateH2.deuxieme h2 span { border-bottom: 3px solid #fff;}
.ie7 #slidecaption .animateH2.deuxieme h2.blanc, .ie6 #slidecaption .animateH2.deuxieme h2.blanc  { color: #000; background: #fff;}
.ie7 #slidecaption .animateH2.deuxieme h2.blanc span, .ie6 #slidecaption .animateH2.deuxieme h2.blanc span { border-bottom: 3px solid #000;}
.ie7 #slidecaption .animateH2.deuxieme h2.discover, .ie6 #slidecaption .animateH2.deuxieme h2.discover { padding: 13px 13px 11px 13px; float: left; display: inline-block; width: 500px;}
.ie7 #slidecaption .animateH2.deuxieme h2.discover span, .ie6 #slidecaption .animateH2.deuxieme h2.discover span { 
  background: url(gx/M/discover.jpg) no-repeat;
  width: 41px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  border:none;
  float: left;
  margin: 8px 0 0 10px;
}
.ie7 #slidecaption .animateH2.deuxieme h2.discover:hover span, .ie6 #slidecaption .animateH2.deuxieme h2.discover:hover span { background: url(gx/M/discover_over.jpg) no-repeat;}
.ie7 #menu ul #shopMenu .subover, .ie6 #menu ul #shopMenu .subover { width: 63px;}
.ie7 #menu ul #aboutMenu .subover, .ie6 #menu ul #aboutMenu .subover { width: 69px;}
.ie7 #menu ul #supportMenu .subover, .ie6 #menu ul #supportMenu .subover { width: 63px;}
.ie7 #menu #about.sousMenu { margin-left: -100px;}
.ie7 #menu #support.sousMenu  { margin-left: -93px;}

.ie6 #supersized, .ie6 #slidecaption-wrapper, #prevslide, #nextslide { display: none;}
.ie6 #main, .ie6 #main.flow { overflow-y:visible; overflow-x: auto; height: 100%;}
.ie6 #divHaut {top:0; width:100%; z-index:999;}
.ie6 #conteneur { position:relative; margin:182px 0 0 50px; width:955px; min-height:600px; height:auto !important; height:600px; z-index:10;}
.ie6 #piedPage { bottom:0; width:100%; z-index:999;}

.cfdump_query { color:#000;}
#fxWrapper { width: 100%;}		
/* Hiding popups */
#termsbox, #sitemapbox{ display:none; }

/* Sitemap */
.plan li{ padding:0.5em 0; border-bottom:1px solid #bbb; }
.plan .last{ border:0 none; }
.plan a{ padding-left:15px; background:url(gx/06/btn-arrows.gif) 0px -17px no-repeat; }

/* If someone, somehow, end up here, it won't be TOO ugly */
.sitemap, .terms{
  width:940px;
  margin:100px auto 0 auto;
  padding:20px;
  background-color:#fff;
  color:#000;
}

.sitemap h2, .terms h2{
  font:bold 19px/22px Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#000;
}

.sitemap li{ list-style:none; }

#termsbox{height:330px;}

#sitemapbox .sitemap, #termsbox .terms{ width:auto; margin:0; padding:0; }

.terms .contactUs{color:black!important; width:100%!important;}
.terms .incTinyMce{color:black!important; font-size:12px; line-height:15px; }
.terms h1{color:black!important;}

.terms{top:0px!important; }

.sitemap .closeFancy, .terms .closeFancy{ display:none; }

.TitreParts{color: #FFF;
font-family: 'ralewaymedium';
font-size: 35px;
cursor: pointer;
border-bottom: 1px solid #FFF;
height: 48px;
background: url(gx/flechepartsSide.png) no-repeat right center;
padding-top: 12px;
line-height: 45px;
padding-bottom: 12px;}

.unePart .titreFAQ{font-size:18px; height:auto; line-height:24px; padding-right:25px;}

.TexteParts{font-family: 'ralewaybold'; font-size:18px; color:white; line-height:24px;}
.TextesPieces{font-family: arial; line-height:19px; font-size:15px; color:white;}
.TextesPieces h2{text-transform: uppercase; margin-top:15px; margin-bottom:15px;}



.laPart{display:none; margin-top: 15px;
border-bottom: 1px solid #FFF;
padding-bottom: 15px;}
.photoPiece{margin-right:15px; margin-top:15px; margin-bottom:15px;}
.photoPiece img{border:1px solid white; }
.photoPieces{margin-top: 15px;}