/* 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
--------------------------------------------------------------------------------------- */
body { background: #000; color: #bfbfbf; font-size: 12px; line-height: 170%; font-family: Arial; text-align: left; margin:0; padding:0; }
html{}

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

h1,h2,h3,h4,h5,h6,h7 { color:#e42b13; text-transform:uppercase; font-weight:normal; }
h1{ font-size:18px; margin-bottom:0.8em; line-height:100%;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

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

h3{ font-size:14px; margin-bottom:0.6em; line-height:100%;}
h3 a, h3 a:link, h3 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;}

.incTinyMce{line-height:170%;}
.incTinyMce p{margin-bottom:1em;}
.incTinyMce ul li, .incTinyMce ol ul li{list-style:square; 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;}

/* 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; color:#000; margin:2px 0;}
label.erreur{color:#cc0000;}
.champTexte{
	font-size:12px;
	margin:2px 0;
}
.listeDeroulante{ font-size:12px; margin:2px 0; }
.boiteTexte{ font-size:12px; margin:2px 0;
}
.champTexte:focus, .listeDeroulante:focus, .boiteTexte:focus{background-color:#ddd;}

.bouton{}
.bouton:hover{ }
.champCache{display:none; visibility:hidden;} /* Utilis? pour l'anti-spam */

p.avertissement{text-align:center; color:#DBA400; background-color:#FFE9A8; border:1px #DBA400 solid; 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; 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; padding:10px; 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
--------------------------------------------------------------------------------------- */
.fullBg { position: fixed; top: 0; left: 0; overflow: hidden; zoom:1; }
#nav { 
	display:block; 
	height:43px; 
	width:100%; 
	background-image: url(gx/m/bg_menu.png); 
	position:fixed; 
	top:0; 
	left:0; 
	z-index:100; 
	box-shadow:0 0 10px rgba(0,0,0,0.2); }

.main { margin:0 auto;	width:980px;  position:relative; zoom:1; }
#pageFormat { position:absolute; top:0; left:0; z-index:11; zoom:1; width:100%; height:100%; }
.promoImageAccueil { 
	float: left;
	position: absolute;
		right: 315px;
		top: 50px;
}

/* MODULE BANNIERE --------------------------------------------------------------------------------------- */
#banniere .slides_container { position: fixed; top: 0; left: 0; overflow: hidden; width:1000px; height:100%; }
#banniere .caption { background:url(gx/m/bg_caption.png); color:#50587b; text-transform:uppercase; font-size:20px; width:637px; display:block; position:absolute; z-index:900; top:0; left:0; margin:0; padding:19px 12px; }
#banniere .pagination { display:none; }
#banniere .next { position:absolute; z-index:901; right:20px; bottom:30px; }
#banniere .prev { position:absolute; z-index:901; right:55px; bottom:30px; }

.zoneTexteAccueil { position:absolute; right:20px; top:0; width:230px; padding:50px 30px; z-index:50; }

.zoneTexte { position:absolute; right:20px; top:0; width:500px; padding:50px 30px; z-index:50; overflow:hidden;}

.zoneTexteAccueil ul { list-style:square; margin:0 0 0 10px; padding:0 0 0 10px; }
.zoneTexte ul { list-style:square; margin:0 0 0 10px; padding:0 0 0 10px; }
.zoneFixedAccueil { position:fixed; right:20px; top:0; background:url(gx/m/bg.png); width:290px; min-height:100%; z-index:1; }
.zoneFixed { position:fixed; right:20px; top:0; background:url(gx/m/bg.png); width:560px; min-height:100%; z-index:1;}

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

.centreLogo{width: 100%; text-align: center;}
/*#logo{float:left;}*/

/* MENUS
--------------------------------------------------------------------------------------- */
#menu { position:absolute; z-index:100; left:9px; top:0; margin:0; padding:0; height:43px; line-height:43px; }
#menu li { position:relative; display:inline-block; float:left; font-size:10px; color:#313131; margin:0; padding:0;}
#menu li a, #menu a:link, #menu a:visited { display:block; float:left; color:#cbcbcb; margin:0 10px; text-transform:uppercase; font-size:10px;}
#menu li a:hover, #menu a:focus, #menu a:visited:hover { color:#fff; }
#menu li a.actif, #menu a.actif:visited, #menu a:active, #menu a:visited:active { color:#c9230d; padding:0;}
#menu li ul { position:absolute; top:43px; left:0; display:none; background:url(gx/m/bg_sousmenu.png); padding: 5px 10px;}
#menu li ul li { display:block; margin: 0; clear: left;}
#menu li ul li a, #menu li ul li a:link, #menu li ul li a:visited { display:block; line-height:100%; width: 100%; padding:8px 0; clear:left; margin: 0;}
#menu li ul li a.actif, #menu li ul li a.actif:visited, #menu li ul li a:active, #menu li ul li a:visited:active {padding:8px 0;}
.sousmenu5 { width:145px; }

.sousmenu6 { width:85px; }

/* Navigation secondaire */
.menuSec { position:absolute; right:20px; top:0; margin:0; padding:0; }
.menuSecInterne { position:absolute; right:20px; top:0; margin:0; padding:0; }
#menuSec li { display:inline-block; float:left; margin:0; padding:0; height:43px; line-height:43px; font-size:10px; color:#313131; }
#menuSec a, #menuSec a:link, #menuSec a:visited { display:block; float:left; color:#9e9e9e; text-transform:uppercase; font-size:10px; height:43px; line-height:43px; padding:0 10px; }
#menuSec a:hover, #menuSec a:focus, #menuSec a:visited:hover { color:#fff; }
#menuSec a.actif, #menuSec a.actif:visited, #menuSec a:active, #menu a:visited:active { color:#fff; }
#menuSec li a.facebook { width:21px; height:21px; background:url(gx/m/bg_rs.png) no-repeat left top; padding:0; margin:9px 3px 0 0; }
#menuSec li a.facebook:hover { background:url(gx/m/bg_rs.png) no-repeat left bottom; }
#menuSec li a.twitter { width:21px; height:21px; background:url(gx/m/bg_rs.png) no-repeat right top; padding:0; margin:9px 10px 0 0; }
#menuSec li a.twitter:hover { background:url(gx/m/bg_rs.png) no-repeat right bottom; }

#menuCTA { position:absolute; z-index:0; left:19px; top:200px; display:block; width:190px; height:192px; background:url(gx/m/bg_menucta.png) no-repeat left top; padding:20px 0 0 0; box-shadow:0 0 10px #000;}
#menuCTA li { margin:0; padding:0; list-style:none; }
#menuCTA li a { color:#000; font-size:17px; font-weight:normal; text-transform:uppercase; display:block; height:34px; line-height:34px; text-align:center; }
#menuCTA li a:hover, #menuCTA li a.actif { color:#fff; background:url(gx/m/bg_menucta_hover.png) no-repeat left top; }

/* MODULE backgroundSlider
--------------------------------------------------------------------------------------- */
#backgroundSlider { display:block; background:#000; width:290px; height:73px; position:fixed; right:20px; bottom:27px; overflow:hidden; }

.jcarousel-skin-tango .jcarousel-container { /*background:#e0e0e0;*/ }
.jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; }
.jcarousel-skin-tango .jcarousel-container-horizontal { width:234px; height:73px; padding:0; margin:0; }
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:234px; height:57px; margin:8px 0 0 26px; }
.jcarousel-skin-tango .jcarousel-item { width:53px; height:53px; border:2px solid #000; padding:0; margin:0; }
.jcarousel-skin-tango .jcarousel-item:hover, .jcarousel-skin-tango .jcarousel-item.actif { width:53px; height:53px; border:2px solid #e42b13; }
.jcarousel-skin-tango .jcarousel-item-horizontal { margin:0; padding:0; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin:0; padding:0; }
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; }

/* Horizontal Buttons */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top:0; right:-52px; width:26px; height:57px; cursor: pointer;  background:url(gx/m/next-horizontal.png) no-repeat left top; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; top:0; background-image: url(gx/m/next-horizontal.png); }
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: left -57px; }
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: left -57px; }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: left bottom; }
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; z-index:999; top:0; left:0; width:26px; height:57px; cursor: pointer; background: url(gx/m/prev-horizontal.png) no-repeat left top; }
.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; top:0; background-image: url(gx/m/prev-horizontal.png); }
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: left -57px; }
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: left -57px; }
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: left bottom; }

/* 00_110 : PAGE NOUVELLE
--------------------------------------------------------------------------------------- */
.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;}
.btnPartageFacebook{width:155px;float:left;}

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


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

#formContact{float:right;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{position:fixed; left:0; bottom:0; z-index:100; background-image: url(gx/m/bg_menu.png); height:21px; padding:3px 0px; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.2); }
#piedPage #copyrights { margin:2px 0 0 0; }
#piedPage #copyrights a {font-size:11px; color:#3a3a3a; height:23px; line-height:23px; margin:0 0 0 20px; }
#piedPage #copyrights a:hover { color:#fff; }

/* 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{position:absolute; right:20px; bottom:0; width:76px; background:url(gx/btn_partager.png) no-repeat left top; font-size:10px; height:27px; line-height:28px; text-transform:uppercase; padding:0 0 0 30px; color:#bfbfbf; text-decoration:none; }
a#lienPartager:hover { color:#fff; }

.pdfIcon{padding-left:20px; background: url(gx/pdf.png) no-repeat left center;}
.pdfIcon:hover{background: url(gx/pdf_hover.png) no-repeat left center;}


#test {
	position:fixed; right:12%; top:0; background:url(gx/m/bg.png); width:560px; min-height:100%; z-index:1;
}

#contenu{position:relative;}
#btn_menu{position:absolute;background:url(gx/m/btn_bg.png); z-index:999;height:61px;width:30px;position:absolute;top:100px;right:580px;}
#btn_menu.Accueil{right:310px;}
#SlideUp #btn_menu, #SlideUp #btn_menu .fermer {

	color: #fff;
	cursor: pointer;
	display: block;
	font-size: 13px;
	height: 61px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}


#SlideUp #btn_menu .ouvert {

	color: #fff;
	display: block;
	font-size: 13px;
	height: 40px;
	padding: 15px 10px 0px 0px;
	text-align: right;
	text-decoration: none;
	text-transform: uppercase;
}

#SlideUp #btn_menu h3,#menuGauche #btn_menu6 h3 {
	text-align: left;
	font-size:20px;
	font-family:Helvetica;
	float:left;
	padding: 25px 80px 0px 20px;
}
#SlideUp #btn_menu.ouvert h3,#menuGauche #btn_menu6b.ouvert h3{
	text-align: left;
	float:left;
	padding: 25px 120px 0px 0px;
	border-bottom: 1px solid white;
}

#btn_open { 
	display:none; 
	position:absolute;
	right:8px;
	top:24px;
	height:12px;
	width:8px; 
	background:url(gx/m/btn_open_on.png) no-repeat;
}
#btn_open:hover,#btn_open.actif{ cursor:pointer;display: block;}

#btn_close {
	display:none; 
	position:absolute;
	right:7px;
	top:24px;
	height:12px;
	width:8px; 
	background:url(gx/m/btn_close_on.png) no-repeat;
}
#btn_close:hover,#btn_close.actif,#btn_close2:hover,#btn_close2.actif,#btn_close3:hover,#btn_close3.actif,#btn_close4:hover,#btn_close4.actif,#btn_close6:hover,#btn_close6.actif { background:url(gx/m/btn_close_on.png) no-repeat; cursor:pointer;display: block;}