/* TABLE DES MATIÈRES:
	- Éléments à cacher
	- Éléments de base à personnaliser
	- Pied de page
	- Textes
----------------------------------------------------------------------------------------*/

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuSec, #menuBas, #lienPartager, .champCache, #vortexDebug, #menuLangue, #langueBas, #hautDroit{
	position: absolute;
	visibility: hidden;
	display:none;
}

/* BODY ET HTML
--------------------------------------------------------------------------------------- */
body{
	background: #101010 url(gx/M/bg.jpg) repeat top center;
	color: #ccc;
	font-size: 13px;
	line-height: 150%;
	font-family: Arial, serif;
	text-align: left;
}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#ff7917; text-decoration:none;}
a:visited{color:#ff7917;}
a:hover, a:focus{color:#ff7917; text-decoration: underline;}
a:active{color:#ff7917;}

h1{
	color:#929091;
	font-size:20px;
	font-family: 'XXIIARMYSTRAIGHT', Arial, sans-serif; 
	text-transform: uppercase;
	margin-bottom:0.5em;
	line-height:100%;
	font-weight: normal;
	background: #0e0e0e url(gx/M/titre.jpg) no-repeat top left;
	width: 589px;
	min-height: 33px;
	height: auto !important;
	height: 33px;
	float: left;
	padding: 14px 0 0 41px;
}
h1.grand{width: 923px; background: #0e0e0e url(gx/M/titre_grand.jpg) no-repeat top left; }
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{font-family: 'XXIIARMYSTRAIGHT', Arial, sans-serif; color:#ccc; font-size:18px; margin-bottom:0.3em; line-height:100%; text-transform: uppercase; padding-top: 10px; font-weight: normal;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

h3{color:#ccc; font-size:16px; font-weight: bold; margin-bottom:0.3em; line-height:100%;padding-top: 10px;}
h3 a, h3 a:link, h3 a:visited{text-decoration:none;}

p{padding-bottom: 10px;}
.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;}


.textePetit{font-size:11px;}

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

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#conteneur{
	margin:0 auto;	
	width:964px;
}

#contenu{
	padding-bottom: 40px;
}

.both, .clearBoth{clear:both;}

#haut{width: 964px; height: auto; float:left; padding: 19px 0 21px 0;}
#logo{width: 335px; height: auto; float:left;}

.imgDroite{width: 308px; float: right; padding: 0 0 20px 20px;}


#carouselProduits{width: 960px; height: auto; float: left;}
.titreCarousel{
	background: url(gx/M/titre_carousel.jpg) no-repeat top center;
	width: 224px;
	height: 33px;
	float: left;
	text-decoration: none;
	clear: both;
	text-transform: uppercase;
	font-family: 'XXIIARMYSTRAIGHT', Arial, sans-serif;
	font-size: 20px;
	color: #929091;
	padding: 14px 0 0 36px;
	cursor: pointer;
}
span:hover.titreCarousel{background: url(gx/M/titre_carousel_over.jpg) no-repeat top center;color: #ff7b17;text-decoration: none;}
#carouselProduits a{text-decoration: none;}
.imgCarousel{width: 258px; height: 141px; float: left;}

.produitsCache{display: none;}

/* MENUS
--------------------------------------------------------------------------------------- */

#menu{
	font-family: 'XXIIARMYSTRAIGHT', Arial, sans-serif;
	width: 964px;
	height: 49px;
	float: left;
	background: url(gx/M/bg_menu.png) no-repeat top center;
	text-align: center;
	margin-bottom: 30px;
	display: inline;
}
#menu ul{text-align: center; padding-left: 130px; }
#menu ul li{
	list-style: none;
	display: inline;
	text-transform: uppercase;
	font-size: 18px;
	height: 48px;
	text-align: center;
	background: url(gx/M/menu_sep.jpg) no-repeat top right;
}
#menu ul li a{color: #929091; text-decoration: none; float: left;padding-top: 16px;}
#menu ul li a.actif{color: #ff7b17;background: #000;height: 33px; margin-top: 1px;}
#menu ul li a.accueil{width: 68px;}
#menu ul li a.apropos{width: 90px;} 
#menu ul li a.boites{width: 149px;}
#menu ul li a.palettes{width: 168px;}
#menu ul li a.accessoires{width: 108px;}
#menu ul li a.contact{width: 113px;}

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.fbJaimePetit{max-width: 100px;}


/* SLIDESHOW
--------------------------------------------------------------------------------------- */
#contenu ul{padding-bottom: 10px;}
#contenu ul li{list-style: none; background: url(gx/M/puce.png) no-repeat 1px 5px; padding-left: 15px;}
#slideshow{
	width: 629px;
	height: 339px;
	float: left;
	position:relative;
	z-index:0;
}

/* Slideshow */
#slides { position:absolute; top:0px; z-index:100; border: 1px solid #333334;}
.slides_container {width:629px;overflow:hidden; position:relative; /*display:none;*/}
.slides_container div.slide {width:629px; height:339px;display:block;}
#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
#slides .next {left:585px;}
.bandeNoir{top: 303px; width: 621px; height: 28px; position: absolute; z-index:102; background: url(gx/M/bg_caption.png);text-align: right;padding: 8px 8px 0 0;}
.bandeNoir a{color: #f17708; font-weight: bold; font-size: 14px;  text-transform: uppercase;  text-decoration: none;}

/* Pagination */
#contenu .pagination li{background: none;}
#contenu ul.pagination li{padding-left: 0px;}
.pagination {
	margin:0 auto 0;
	width:70px;/*100*/
	position: absolute;
	bottom: 3px;
	z-index: 300;
	padding-left: 10px;
}
.pagination li { float:left; margin:0 1px; list-style:none;}
.pagination li a {
	display:block;
	width:14px;
	height:4px;
	padding-top:10px;
	background-image:url(inc/jQuery/slidesjs/img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}
.pagination li.current a {background-position:0 -16px;}

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#contenuAccueil{width: 964px; height: auto; float: left; /*padding-top: 30px;*/}
#gauche{width: 642px; height: auto; float: left; padding-right: 10px;}
#droite{width: 312px; height: auto; float: left;}


.boiteCTA{width: 312px; height: auto; float: left; margin-bottom: 10px; display: inline;}
.boiteCTAtxt{
	width: 272px;
	min-height: 31px;
	height: auto !important;
	height: 31px;
	float: left;
	background: url(gx/01/bg_cta.jpg) no-repeat top center;
	text-transform: uppercase;
	font-family: 'XXIIARMYSTRAIGHT', Arial, sans-serif;
	font-size: 20px;
	padding: 16px 0 0 40px;
}
.boiteCTAtxt a{color: #929091; text-decoration: none;}
.boiteCTAimg{width: 312px; height: auto; float: left;}
.boiteCTAimg img{border: 1px solid #353434;}

#contenuAccueil h1{
	width: 590px;
	min-height: 23px;
	height: auto !important;
	height: 23px;
	float: left;
	background: #0e0e0e url(gx/M/bg_titregauche.jpg) no-repeat top left;
	margin-top: 9px;
	display: inline;
	padding: 16px 0 10px 40px;
}


/* 09_100 : PAGE CONTACT
--------------------------------------------------------------------------------------- */
#carteContact{border:1px solid #323232;height:309px;width:309px;float:left;}
#boiteFormContact{float:left;width:652px;}

#formContact{float:left;width:652px;}
#formContact label{float:left;width:100px;text-transform: uppercase; color: #ccc; font-size: 13px; font-weight: bold; padding-top: 8px;}
#formContact label.erreur{color:#cc0000;}
#formContact .champTexte{
	float:left;
	width:208px;
	height: 36px;
	margin-right: 5px;
	display: inline;
	background: url(gx/M/bg_champ.jpg) repeat-x top center;
	border: 0;
	margin-bottom: 20px;
	color: #fff;
	padding: 0 5px;
}
#formContact .listeDeroulante{float:left;width:100px;}
#formContact .boiteTexte{
	float:left;
	height:141px;
	width:529px;
	border:0;
	background: url(gx/M/bg_boitetexte.jpg) no-repeat top left;
	resize: none;
	color: #fff;
	padding: 5px;
}
#formContact .erreurTexte{margin-left:100px;}
#formContact .bouton{
	width:122px;
	height: 47px;
	float:right;
	font-family: 'XXIIARMYSTRAIGHT', Arial, sans-serif;
	font-size: 20px;
	color: #ff7917;
	text-transform: uppercase;
	background: url(gx/M/bouton.jpg) no-repeat top center;
	border: 0;
	padding: 0 0 2px 29px;
	margin-right: 14px;
	display: inline;
	cursor: pointer;
}
#formContact .bouton.en{padding: 0 0 2px 10px;}

#boiteCoordonnees{
	width: 312px;
	height: auto;
	float: left;
	margin-top: 20px;
	padding-top: 20px;
	display: inline;
	border-top: 1px solid #333;
	text-align: right;
}
.blocTelephone{width: 312px; height: auto; float: left;}
.blocTelephone .gauche{width: 210px; height: auto; float: left;}
.blocTelephone .droite{width: 102px; height: auto; float: left; text-align: right;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#footer{width: 100%; height: auto; margin: 0 auto; background: #111 url(gx/M/bg_footer.jpg) repeat-x top center; overflow: hidden; margin-top: 20px; }
#piedPage{width: 964px; margin: 0 auto; min-height: 130px; height: auto !important; height: 130px; text-align: left;}

a.langue{
	width: 22px;
	height: 20px;
	float: left;
	display: inline;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 11px;
	color: #fff;	
	padding-top: 2px
}
a.langue.actif{background: url(gx/M/cercle_lg.png) no-repeat top center;color: #f17707;font-weight: bold;}
.lignes3{width: 22px; height: 22px; float: left; background: url(gx/M/3lignes.png) no-repeat 6px 5px;}
#menuBas{
	width: 796px;
	height: auto;
	float: left;
	text-align: center;
	text-transform: uppercase;
	font-size: 11px;
	padding-top: 20px;
	font-weight: normal;
}
#menuBas ul li{list-style: none; display: inline; padding: 0 10px 0 18px; background: url(gx/M/3lignes.png) no-repeat 1px 1px;}
#menuBas ul li.premier{background: none;}
#menuBas a{color: #fff; text-decoration: none;}
#menuBas a.actif{color: #f17706; background: none;}
#copyrights{width: 964px; height: auto; float: left;color: #ccc; font-size: 11px; text-align: center; padding-top: 38px;}
#copyrights a{color: #ccc; text-decoration: none;}
#copyrights a:hover{text-decoration: underline;}
#seo{width: 964px; height: auto; float: left;color: #aaa; font-size: 11px; text-align: center; padding-top: 30px;}

/* Partager cette page (AddToAny) */
a#lienPartager{
	float:right;
	width:96px;
	height:21px;
	background:url(gx/btn_partager.png) no-repeat;
	font-size: 12px;
	padding:2px 0 0 6px;
	color:#fff;
	text-align:left;
	text-decoration:none;
	text-transform: uppercase;
}
a#lienPartager.en{padding-left: 20px; width: 82px;}
#partager{width: 102px; height: auto; float: left; margin-top: 19px; display: inline;}