/* 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
--------------------------------------------------------------------------------------- */
/* Supprimer si le site de contient pas de page de garde (splash)
body#index{
	background: #FFF url(gx/bg.gif) repeat-x scroll center top;
	text-align:center;
}
*/

body/*#main*/{
	background: #ebebeb;
	color: #686868;
	font-size: 12px;
	line-height: 150%;
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; /* Garder seulement 3 fontes et effacer ce commentaire */
	text-align: left;
}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a{color:#333;}
a:hover, a:focus{color:#faa736;}
a:active{color:#faa736; text-decoration:none;}

h1{ border-bottom: 1px dotted #929090; color:#eb9528; font-size:18px; margin-bottom:0.5em; padding-bottom: 10px; line-height:100%; text-transform: uppercase}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{color:#eb9528; font-size:14px; margin-bottom:0.4em; line-height:100%;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

p{}
.incTinyMce{margin-bottom:1em;line-height:170%;}

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

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px;}
#contenu ul ul li{list-style:circle;}
#contenu ol li, #contenu ul ol li{list-style:decimal; margin-left:23px;}
#contenu ol ol li{list-style:lower-alpha;}

.textePetit{font-size:11px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 12px; margin-bottom:10px; padding:5px;}
fieldset legend{border: 1px solid #999; color:#000; font-size:14px; font-weight:bold; padding:3px;}
fieldset label{font-size:12px; color:#000; margin:2px 0;}
fieldset label.erreur{color:#cc0000;}
.champTexte {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DADADA;
  color: #666666;
  font-size: 11px;
  margin: 0 0 5px;
  padding: 2px 0;
}
.listeDeroulante{
	font-size:12px;
	margin:2px 0;
}
.boiteTexte {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #DADADA;
  color: #666666;
  font-family: "Trebuchet MS";
  font-size: 0.8em;
  margin: 0;
  padding: 0;
}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

.bouton{
	/*background-color: #EEF3F7;
	color: #498ECB;
	font-weight: bold;*/
}
.bouton:hover{/*background-color:#1A80B6; color:#FFF;*/}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */

p.erreur{text-align:center; color:#CC0000; background-color:#FFDDDD; border:1px #CC0000 solid; padding:15px; 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; padding:15px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
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;}
/* .lienPDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;} */

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneurHaut{ background: #FFF;}
#conteneurBg{ background: #efefef url(gx/conteneurBg.jpg) repeat-x top; }
#conteneurBas{ background: #ebebeb url(gx/conteneurBasBg.jpg) repeat-x top; }

#conteneur{margin:0 auto;	width:960px;}

#contenu{
	background:#FFF url(gx/hautBg.jpg) no-repeat top center;
	border: 1px solid #cbcbcb;
	border-bottom-left-radius: 8px;
   border-bottom-right-radius: 8px;
	border-top:none;
	min-height:340px;
	height:auto !important;
	height:340px;
	padding: 12px 15px 20px 15px;
}

#contenu.accueil{ position: relative;}

#haut{background: url(gx/hautBg.jpg) no-repeat top center; height: 108px;margin:0 auto;width:960px;}
#logo{ float: left; margin-top: 25px;}

#banniere{
	background: url(gx/ban1.jpg) no-repeat left top; 
	border-top-left-radius: 6px;
   border-top-right-radius: 6px;
	height:221px;
	width: 960px;
}

#conteneurCta{
	border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;
	height: 193px;
	margin:0 0 15px 2px;
}

.btCta{
	background: url(gx/cta1.jpg) repeat-x top;
	display: block;
	float: left;
	height: 103px;
	padding: 90px 0 0 0;
	text-align: center;
	text-decoration: none;
	width: 154px;
}

.btCta .titre{color: #333; font-weight: bold; text-shadow: 1px 3px 2px #FFF;}
.btCta .texte{ color: #686868; display: block; font-size: 11px; line-height: 16px; margin: 5px auto; width: 121px;}
.btCta .lirePlus{ background: url(gx/btLirePlus.png) top no-repeat; color: #FFF; display: block;}
.btCta:hover .lirePlus{ background: none; color: #faa736;}

#cta2{ background-image:url(gx/cta2.jpg); }
#cta3{ background-image:url(gx/cta3.jpg); }
#cta4{ background-image:url(gx/cta4.jpg); }
#cta5{ background-image:url(gx/cta5.jpg); width: 153px; }
#cta6{ background-image:url(gx/cta6.jpg); width: 157px; }

.btCta:hover{ background-position: bottom;}

#texte{ padding: 0 0 0 4px; }
#contenu.accueil #texte{ text-align: justify; width: 521px;}

#btDetails{
	background: url(gx/btDetails.png) top no-repeat;
	display: block;
	float: right;
	height: 238px;
	position: absolute;
	margin-top: -10px;
	right: 0;
	width: 421px;
}
#btDetails:hover{ background-position: bottom;}

/*#btDetails a{
	background: #BBB;
	display: block;
	float: right;
	height: 50px;
	width: 100px;
}*/

#listeLogo{ height: 50px; padding: 30px 0 0 0;}
#listeLogo a{ float: left; margin-right: 85px; /*position: relative;*/}
#listeLogo a.dernier{ float: right; margin-right: 0;}

.both, .clearBoth{clear:both;}

/* ANCIEN SITE
--------------------------------------------------------------------------------------- */
#btpart1 {
  background: url("gx/01/bg_btpart.gif") no-repeat scroll left top transparent;
  font-size: 12px;
  height: 154px;
  text-align: left;
  width: 568px;
}

#btpart1pos {
  margin: 0;
  padding: 20px 77px 0 27px;
}

.bouton {
  background-color: #FFFFFF;
  border: 1px solid #C9D0D6;
  color: #999999;
  font-size: 0.8em;
  font-weight: bold;
  padding: 3px;
}
.bouton:hover { cursor: pointer;}

#btroicalculateur {
  background: url("gx/05/bg_btlogin.gif") no-repeat scroll left top transparent;
  font-size: 12px;
  height: 104px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 568px;
}

#flash2 {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #BDBDBD;
  height: 400px;
  margin: 0;
  padding: 10px;
  text-align: center;
  width: 470px;
}

.photo {
  border: 1px solid #BDBDBD;
  float: left;
  margin: 0;
  padding: 10px;
}

/* Menu boutique */ 

#navCatalogue ul li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#navCatalogue ul li a, #navCatalogue ul li a:link, #navCatalogue ul li a:visited {
  border-right: 1px solid #CCCCCC;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  padding: 5px 10px 3px 8px;
  text-decoration: none;
}

#navCatalogue ul li a.actif, #navCatalogue ul li a.actif:visited {
  color: #FAA736;
}

#adresse {
  background: url("gx/bg_adresse.gif") no-repeat scroll left top transparent;
  height: 220px;
  margin: 0;
  padding: 20px 0 0 10px;
  text-align: left;
  width: 568px;
}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{  position: relative; height: 58px; z-index: 3;}
#menu li{display:inline; list-style-type:none;}
#menu li a, #menu li a:link, #menu li a:visited{
	background: url(gx/menu_fr.png) no-repeat left top;
	/*border-right: 1px dotted #999999;*/
	display: block;
	float: left;
	color: #FFF;
	font-size: 12px;
	height: 25px;
	line-height: 25px;
	margin-top: 19px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	text-indent: -9000px;
	outline: none;
	width: 106px;
}
#menu li.dernier a { border: none;}
#menu.en li a { background-image: url(gx/menu_en.png);}

#menu li #menu1{ background-position: 0px 0px; }
#menu li #menu1:hover{ background-position: 0px -25px;}
#menu li #menu1.actif{ background-position: 0px -50px;}

#menu li #menu2{width: 169px; background-position: -106px 0px;}
#menu li #menu2:hover{ background-position: -106px -25px; }
#menu li #menu2.actif{ background-position: -106px -50px;}

#menu li #menu3{width: 199px; background-position: -275px 0px;}
#menu li #menu3:hover{ background-position: -275px -25px; }
#menu li #menu3.actif{ background-position: -275px -50px;}

#menu li #menu4{width: 83px; background-position: -474px 0px;}
#menu li #menu4:hover{ background-position: -474px -25px; }
#menu li #menu4.actif{ background-position: -474px -50px;}

#menu li #menu5{width: 105px; background-position: -557px 0px;}
#menu li #menu5:hover{ background-position: -557px -25px; }
#menu li #menu5.actif{ background-position: -557px -50px;}

#menu li #menu6{width: 82px; background-position: -662px 0px;}
#menu li #menu6:hover{ background-position: -662px -25px; }
#menu li #menu6.actif{ background-position: -662px -50px;}

#menu li #menu7{width: 130px; background-position: -744px 0px;}
#menu li #menu7:hover{ background-position: -744px -25px; }
#menu li #menu7.actif{ background-position: -744px -50px;}

#menu li #menu8{width: 86px; background-position: -874px 0px;}
#menu li #menu8:hover{ background-position: -874px -25px; }
#menu li #menu8.actif{ background-position: -874px -50px;}

/* Navigation secondaire */
#menuSec{float:right; font-size:11px; margin: 5px 0 15px 0;}
#menuSec li{display:inline; }
#menuSec a, #menuSec a:link, #menuSec a:visited{ 
	color: #6a6a6a; 
	display: block;
	float: left;
	padding:0 5px; 
	text-decoration: none;
	text-transform: uppercase;
}
#menuSec li a:hover{ color: #a5a5a5;}
#menuSec li a.actif{ color: #faa736;}
#menuSec li.dernier a{padding-right:0;}

#menuSec li span{ background: #000; float: right; margin-top: 8px; display: block; height: 1px; width: 1px;}

#btDevenirMembre{
	background: url(gx/btDevenirMembre_fr.png) no-repeat top;
	display: block;
	float: right;
	margin-right: 30px;
	height: 65px;
	width: 129px;
}

#btClientLogin{
	background: url(gx/btClientLogin_fr.png) no-repeat top;
	display: block;
	float: right;
	margin-top: 2px;
	height: 65px;
	width: 129px;
}

#btDevenirMembre.en{ background-image: url(gx/btDevenirMembre_en.png);}
#btClientLogin.en{ background-image: url(gx/btClientLogin_en.png);}
#btDevenirMembre:hover, #btClientLogin:hover{ background-position: bottom;}

/* Menu déroulant 
--------------------------------------------------------------------------------------- */

#sddm{ z-index: 30;}

#sddm div{	
	background: url(gx/sousMenuBg.png);
	border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px;
	position: absolute;
	visibility: hidden;
	/*margin: 53px 0 0 0;*/
	top: 53px;
	padding: 13px 11px 5px 11px;
	z-index: 3;
}

#menu #sddm li div a{
	background: none;
	border-bottom: 1px dotted #929090;
	color: #2e2e2e;
	position: relative;
	display: block;
	height: 27px;
	line-height: 27px;
	font-size: 11px;
	margin: 0 0 2px 0;
	/*padding:0 0 0 11px;*/
	text-transform: none;
	text-indent: 0;
	width: 176px;
}
#menu #sddm li div a.dernier{ border: none; margin-bottom: 0;}
#menu #sddm li div a:hover{ background: #faa736; color: #FFF;}
#menu #sddm li div a.actif{ background: #faa736; color: #FFF;}

#sddm div br{ clear: both;}	

#menu #sddm li div .sousMenuHaut{ background: url(gx/arrow.gif) no-repeat top; display: block; height: 7px; width: 20px; position: absolute; top: -7px; width: 176px;}

#sddm #m1{ left: -45px;}
#sddm #m2{ left: 90px;}	
#sddm #m3{ left: 275px;}
#sddm #m4{ left: 415px;}	

/*-- Slideshow --*/
p.jshowoff-controls{ display: none;}

p.jshowoff-slidelinks{ 
	background: #060606;
	border-top-left-radius: 6px;
   border-top-right-radius: 6px;
	position: absolute;
	bottom: 0px;
	right: 36px;
	height: 27px;
	padding: 0 10px 0 16px;
}

p.jshowoff-slidelinks a{
	background: url(gx/btBanniere.gif) no-repeat top;
	display: block;
	float: left;
	height: 10px;
	width: 10px;
	margin:8px 6px 0 0;
	text-indent: -9000px;
}

p.jshowoff-slidelinks a:hover, p.jshowoff-slidelinks a.jshowoff-active{ background-position: bottom;}

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.fbJaimePetit{max-width: 100px;}
/*.fbJaime{max-width: 450px; height: 25px;}
.fbJaime iframe{margin-right: 10px; height: 25px;}*/


/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #999;height:300px;width:320px;float:right;}
#boiteFormContact{float:left;width:370px;}

#formContact{float:left;width:370px;}
#formContact label{float:left;width:100px;}
#formContact .champTexte{float:left;width:200px;}
#formContact .listeDeroulante{float:left;width:200px;}
#formContact .boiteTexte{float:left;height:70px;width:230px;}
#formContact .erreurTexte{margin-left:100px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{padding-bottom:10px; font-size:11px; margin:0 auto;width:960px;}
#piedPage a{color: #7e7e7e; text-decoration:none;}
#piedPage a:hover{text-decoration:underline;}
#piedPage #copyrights{float:left;}

/* Navigation en bas-de-page */
#menuBas{ border-bottom: 1px dotted #2e2e2e; float:left; text-align:left; margin-bottom: 10px; height: 39px; width: 100%;}
#menuBas li{display:inline;}
#menuBas li.premier a{padding-left:0;}
#menuBas a{ color: #333333; line-height: 39px; padding:0 5px;}
#menuBas a:hover{ color: #FFF; text-decoration: none;}

.menuBas2{float: left;margin: 0 24px 10px 0;}
#piedPage .menuBas2 a{ background: url(gx/puce.gif) no-repeat left; color: #2e2e2e; padding-left: 9px;}
#piedPage .menuBas2 a:hover{ color: #f49a29; text-decoration: none;}

/* Partager cette page (AddToAny) */
/*a#lienPartager{float:right; width:73px; height:25px; background:url(gx/btn_partager.png) no-repeat; font-size: 12px; font-weight:bold; padding:3px 0 0 35px; color:#FFF; text-decoration:none;}*/
a#lienPartager{float:right; text-align:center; margin: 7px 0 0 0; width:108px; height:25px; line-height: 18px; background:url(gx/btn_partager.png) no-repeat; font-size:12px; font-weight:bold; padding:3px 0 0 0; color:#FFF; text-decoration:none;}