/* RÉINITIALISATION DES ÉLÉMENTS
--------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,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 { color: #373737; font-size:12px; font-family: Verdana, Arial, sans-serif; background:#cacaca url(gx/bg.jpg) center top no-repeat; }

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
h1, .h1 { color:#e0210e; font-size:24px; margin-bottom:15px; text-transform:uppercase; border-bottom:1px dashed #111; padding-bottom:5px; clear:both; }
h2, .h2 { font-size:17px; margin-bottom:15px; font-family: Arial, Verdana, sans-serif; color:#e0210e; text-transform:uppercase; }
h3, .h3 { font-size:15px; margin-bottom:15px; color:#e0210e; }
h4, .h4 { font-size:12px; margin-bottom:5px; }
h5, .h5 { font-size:12px; color:#111; margin-bottom:4px; font-weight:bold; }

p { line-height:17px; padding-bottom:15px; }

a, a:link, a:visited, a:hover { color:#e0210e; text-decoration:underline; }
a:active, a.actif, a:active:visited, a:link:active { color:#700800; }

#contenu ul, #barreGauche ul, #accueil .CTAbase ul { padding-bottom:15px; }
#contenu ul li, #barreGauche ul li, #accueil .CTAbase ul li { line-height:21px; list-style:none; padding-left:10px; background:url(Gx/puce.gif) left 8px no-repeat; }
#contenu ol li { line-height:21px; margin-left:20px; list-style:decimal; }
#contenu ul ul, #contenu ol ol { padding-bottom:0; margin-left:10px; }

hr { border:0; border-bottom:1px dashed #111; margin:5px 0 20px; height:1px; display:block; }

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
textarea { font-family:Verdana, Arial, sans-serif; font-size:12px; margin-bottom:4px; }
.champCache { display:none; visibility:hidden; } /* Utilisé pour l'anti-spam */
.champTexte { border:1px solid #aaa; padding:1px; }

p.erreur { text-align:center; color:#C00; background-color:#FDD; border:1px #C00 solid; padding:15px; border-radius:4em; -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:4em; -moz-border-radius:4px; -webkit-border-radius:4px; }
p.conseil { font-size:10px; display:none; }
p.erreurInfo { line-height:15px; padding-bottom:5px; }

fieldset.erreur { background: url(Gx/error.gif) right 19px no-repeat; color:#C00; }
fieldset.erreur .champTexte, fieldset.erreur textarea { border:1px solid #C00; }

a.submitBtn { borer:1px solid #3d3d3d outset ; background:#3d3d3d; padding:5px 30px; text-align:center; color:#fff; font-size:11px; text-decoration:none; }
a.submitBtn:visited { color:#fff; text-decoration:none; }

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

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#main { width:990px; margin:0 auto; padding:10px 5px 0; }
#haut { position:relative; height:93px; padding:0 5px;background:url(gx/M/logoForme.gif) right 24px no-repeat; }
#logo { position:absolute; top:5px; left:39px; }
#telPrefix {position:absolute; top:9px; right:165px; font-size:11px; }
#telNum { font-size:25px; position:absolute; top:-7px; right:0; }
#telNum a,#telNum a:link,#telNum a:visited,#telNum a:active { color:#111; text-decoration:none; }
#banniere { margin:8px 0; position:relative; height:199px; padding:5px; z-index:0; overflow:hidden; }
#banniere img { position:absolute; top:5px; left:5px; z-index:100; }
#banniere .slogan { position:absolute; top:90px; left:20px; font-size:35px; z-index:200; color:#fff; }
#banniere .slogan strong { font-size:45px; }
#conteneur  { margin:15px 0; padding:5px; position:relative; }
#barreGauche { float:left; width:300px; padding:10px 0 0 5px; }
#contenu { float:left; width:620px; padding:10px 5px 0 20px; }
#contenu.seul { float:none; width:auto; padding-left:10px; }
#filNavigation { height:20px; padding:5px 10px; font-size:11px; color:#737373; position:relative; }
#filNavigation a { text-decoration:none; color:#737373; }
#filNavigation a.active { color:#e0210e; }
#zoneGauche { float:left; width:425px; padding-right:15px; }
#zoneDroite { float:left; width:150px; background:url(Gx/ombreZoneDroite.jpg) left 10px no-repeat; padding-left:30px; min-height:205px; height:auto !important; height:205px; padding-top:20px; }
#zoneDroite span { color:#e0210e; font-size:14px; }

.both:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.both { clear:both; }

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

.alignLeft { text-align:left; }
.alignRight { text-align:right; }
.alignCenter { text-align:center; }

.floatLeft { float:left; }
.floatRight { float:right; }

.sansBorder { border:none; }
.sansPadding { padding:0; }
.sansMargin { margin:0}

.relative { position:relative; }
.displayBlock { display:block; }

.boxTier { float:left; width:312px; margin:5px 5px 10px 7px; padding:5px; display:inline-block; position:relative; }
.boxTier.premier { margin-left:0; }
.boxTier.dernier { margin-right:0; }

.groupeTitre { text-indent:14px;  margin-bottom:10px; padding-right:14px; }
.groupeTitre h2 { padding:2px 0 2px 14px; text-indent:0;  color:#e0210e; font-size:24px; line-height:25px; border-bottom:1px dashed #111; }
@media screen { .boxShadow { box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; -moz-box-shadow: 0 0 5px #888; background-color:#fff; box-shadow: 1px 1px 4px #888; border: solid 1px #bbb; border: solid 0px rgba(0,0,0,0); }}
.fondBoxLeger { background:#f4f4f4; padding:10px; overflow:hidden; }
.fondBoxContenu { padding:0 14px; }

#filNavigation .userLog { position:absolute; top:5px; right:5px; }
#filNavigation .userLog a { color:#e0210e; text-decoration:underline; }

a.lienOverAll, a.lienOverAll:link, a.lienOverAll:visited, a.lienOverAll:active { display:block; color:#000; text-decoration:none; cursor:pointer; }

/* MENUS
--------------------------------------------------------------------------------------- */
#menu  { font-size:11px; background:#373737; clear:both; float:left; z-index:300; position:relative; }
#menu li { display:inline-block; float:left; height:48px; border-left:#4b4b4b 1px solid; border-right:#212121 1px solid; position:relative; }
#menu li a { display:block; line-height:13px; color:#fff; padding:11px 19px 11px 12px; text-decoration:none; }
#menu li a:hover, #menu li a:active, #menu li a.actif { background:url(Gx/M/degradeOVer.gif) left repeat-y #373737; }
#menu li a:active span { position:relative; top:1px; }
#menu li a.actif, #menu li a.actif:link, #menu li a.actif:hover, #menu li a.actif:visited { color:#e0210e; }

#menu li ul { display:none; position:absolute; top:48px; left:-1px; background:#373737 url(Gx/M/ombreDeroulant.gif) top repeat-x; width:178px; padding:16px 10px; }
#menu li ul li { display:block; float:none; border:none; height:auto; border-top:1px solid #4b4b4b; border-bottom:1px solid #212121; }
#menu li ul li a { color:#aaa; padding:0 0 0 15px; line-height:26px; overflow:hidden; background:#373737; }
#menu li ul li a span { line-height:15px; display:block; padding:5px 0;  }
#menu li ul li a:hover, #menu li ul li a:active, #menu li ul li a.actif { background:#333; color:#fff; }

#menu li ul.inverse { left:auto; right:-1px; text-align:right; }
#menu li ul.inverse  li a { padding:0 15px 0 0; }

#menu .m90  { width:90px; }
#menu .m100 { width:100px; }
#menu .m110 { width:110px; }
#menu .m120 { width:120px; }
#menu .m130 { width:130px; }
#menu .m140 { width:140px; }
#menu .m150 { width:150px; }
#menu .m160 { width:160px; }
#menu .m170 { width:170px; }
#menu .m180 { width:180px; }
#menu .m104 { width:104px; }

/* Navigation secondaire */
#menuSec { position:absolute; right:5px; bottom:10px; font-size:11px; }
#menuSec li { display:inline; float:left;  }
#menuSec a, #menuSec #menuSec a:link, #menuSec a:hover, #menuSec a:visited { margin:0 5px; text-decoration:none; color:#373737; }
#menuSec a.actif, #menuSec a.actif:link, #menuSec a.actif:hover, #menuSec a.actif:visited { color:#e0210e; }
#menuSec a:active { color:#700800; }
#menuSec a.dernier { margin-right:0; }

/* Menu onglets */
#contenu #onglets { width:130px; float:left; position:relative; z-index:400; z-index:500; }
#contenu #onglets li { background:none; padding:0; margin-bottom:5px; }
#contenu #onglets li a { display:inline-block; width:116px; line-height:16px; padding:10px 3px 10px 5px; color:#373737; background:#d2d0d0; text-decoration:none; font-size:10px; border-right:4px solid #F4F4F4; border-left:1px solid #F4F4F4; }
#contenu #onglets li a.actif { outline:none; background:#fff; border:1px solid #dcdbdb; padding:9px 9px 9px 5px; position:relative; right:-1px; border-right:0; padding-left:4px; }
#contenu #onglets li a:hover { background:#ddd; }
#contenu #onglets li a.actif:hover { background:#fff; }
#contenuOnglet { float:left; width:468px; background:#fff; border:1px solid #dcdbdb; position:relative; z-index:300; padding:10px; min-height:200px; height:auto !important; height:200px; }
#contenuOnglet div { display:none; }
#contenuOnglet div.actif { display:block; }

/* 01_100 : PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#accueil #conteneur  { margin:0;  padding:0; }
#accueil .CTAbase .fondBoxLeger { height:250px; overflow:hidden; }
#accueil .CTAbase .h1 { border:none; }
#accueil .CTAbase a { font-size:11px; }
#accueil .CTAbase ul li { font-weight:bold; }

#accueil #banniere { height:309px; }

.CTAperso { height:153px; overflow:hidden; font-size:11px; }
.CTAperso h2 { padding:9px 0 0 43px; color:#373737; }
.CTAperso .fondBoxLeger { width:305px; padding:0 5px; height:36px; background-image:url(Gx/01/logoIcone.gif); background-repeat:no-repeat; background-position:7px; position:absolute; bottom:5px; left:5px;  }
.CTAperso .enfantAbsolute { position:absolute; right:10px; bottom:10px; }
.CTAperso a img { display:block; position:absolute; z-index:200; clear:both; }
.CTAperso a:hover div { border:4px solid #d7d7d7; height:109px; position:absolute; z-index:300; width:303px; }


#CTAaPropos .fondBoxLeger { background:#f4f4f4 url(Gx/01/produitPrev.jpg) bottom right no-repeat; height:153px; }
#CTAnouvelles .fondBoxLeger { background-image:url(Gx/01/rssIcone.jpg); background-position:270px 10px; background-repeat:no-repeat; }

/* **_*** : COLONNE GAUCHE
--------------------------------------------------------------------------------------- */
#barreGauche ul li a { color:#373737; text-decoration:none; font-weight:bold; }
#barreGauche ul li a:active { color:#700800; }
#barreGauche ul li a.actif { color:#e0210e; }
#barreGauche img { border:5px solid #e0e0de; }

/* 01_300 : PAGE CLIENTS
--------------------------------------------------------------------------------------- */
.client { padding:15px 15px 0; background:#fff; margin:10px 0; }
.clientGauche { margin-right:10px; width:150px; float:left; padding-bottom:10px; }
.clientDroite { width:430px; float:left; font-size:11px; text-align:justify; }

/* 02_110 : PAGE PRODUITS
--------------------------------------------------------------------------------------- */
#barreGauche #zoom { position:absolute; bottom:10px; right:10px; border:none; background:url(Gx/02/loupe.png) bottom right no-repeat; display:block; }
#thumbsSlideshow { margin-top:7px; }
#thumbsSlideshow img { margin-left:10px; }
#thumbsSlideshow img.premier { margin-left:0; }
#btnSupport{ background:url(Gx/02/btn_support.gif) top left no-repeat; width:300px; height:66px; display:block; line-height:65px; text-indent:98px; color:#fff;}
#btnSupport a{  }



/* 01_700 : PAGE NOUVELLES
--------------------------------------------------------------------------------------- */
.apercuNouvelle { padding:10px; background:url(Gx/puce.gif) 160px 14px no-repeat;  }
.apercuNouvelle.second { background-color:#fff; }
.apercuNouvelle a { font-size:11px; }
.imageApercuNouvelle { float:left; width:137px; }
.imageApercuNouvelle img { border:1px solid #d0d0d0; }
.texteApercuNouvelle { float:left; width:438px; padding-left:25px; }
.dateNouvelle { color:#e0210e; padding-bottom:5px; }
.texteApercuNouvelle p { padding:0; }

#nouvelle { text-align:justify; }
#nouvelle img { border:5px solid #e0e0de; margin:0 0 0.5em 1em; }

a.downloadPdf { background:url(Gx/02/btnPdf.jpg) no-repeat; width:300px; height:66px; color:#fff; display:block; text-decoration:none; margin:10px 0; }
a.downloadPdf span { position:relative; top:40px; left:97px; text-decoration:underline; }
.en a.downloadPdf { background-position:bottom; }
.rssNouv { position:absolute; right:15px; top:5px; }

/* 04_100 : PAGE PARTENAIRES
--------------------------------------------------------------------------------------- */
#login fieldset { margin:5px 0; }
#login label { width:190px; float:left; text-align:right; margin-right:10px; line-height:21px; }
#login .champTexte { width:200px; float:left; background:#fff; border:1px solid #ccc; font-size:15px; }
#inscrPartenaire label { display:block; margin-bottom:4px; }
#inscrPartenaire .champTexte { margin-bottom:10px; }
#inscrPartenaire fieldset { padding-right:24px; margin-right:8px; display:inline; }

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

#formQuestion { float:right;width:370px; }
#formQuestion label { float:left;width:80px; }
#formQuestion .champTexte { float:left;width:200px; }
#formQuestion .listeDeroulante { float:left;width:200px; }
#formQuestion .boiteTexte { float:left;height:70px;width:230px; }

/* 00_888 : PLAN DU SITE
--------------------------------------------------------------------------------------- */
#planSite a { color:#000; }
#planSite a:hover { color:#e0210e; }

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage { margin:5px 0 15px; font-size:11px; position:relative; }
#piedPage.fondBoxLeger { margin-top:0; }
#piedPage ul li { line-height:18px; display:inline; float:left; margin-left:4px; }
#conteneur #piedPage ul { margin-bottom:-10px; }
#conteneur #piedPage ul li { margin-bottom:-10px; line-height:auto; float:none; margin-left:0; }
#piedPage ul li { line-height:18px; display:inline; }
#piedPage a { color:#373737; text-decoration:none; }
#piedPage a:hover { text-decoration:underline; }
#piedPage a:active { color:#fd272c; text-decoration:underline; }
#conteneur #piedPage { margin-bottom:0; }

/* Partager cette page (bookmarker) */
#socialBookmarker {position:absolute; right:15px; top:38px; }
#accueil #socialBookmarker { top:10px; }
#socialBookmarkerPrefix { float:left; cursor:pointer; color:#000; background:url(Gx/vortex.gif) center left no-repeat; padding-left:25px; display:inline-block; height:16px; }
.bookmarkIconesVisibles { float:left; margin-left:2px; }
.bookmarkIconesVisibles img { width:auto; border:none; }
#bookmarkHoverPopup { position:absolute; z-index:1000; width:162px; border:solid 1px #ccc; background-color:#fff; text-align:left; padding:4px 0 6px 4px; display:none; }
#bookmarkHoverPopup .bookmarkHoverPopupItems { width:150px; height:25px; margin-right:4px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a { line-height:25px; height:25px; padding:1px 4px; margin-right:4px; overflow:hidden; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited { border:none; color:#333; display:block; text-decoration:none; width:150px; }
#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover { color:#000; background-color:#ddd; }
#bookmarkHoverPopup br { display:none; }

@media print { 
	* { background-color: white !important;  background-image: none !important; }
	#banniere,#menu,#menuSec,#telPrefix,#telNum,#piedPage,#barreGauche,#contenu #onglets li a,.CTAperso,form { display:none; }
	#zoneGauche,#zoneDroite { width:65%; padding-top:0; }
	#zoneDroite { width:30%; float:right; }
	#contenu, #conteneur, #contenuOnglet, .clientDroite, .clientGauche { width:auto; padding:0; margin:0; height:100%; border:none; }
	#contenu ul li { list-style:square; margin-left:15px; padding-left:7px; }
	#contenu #onglets li { list-style:none; }
	#contenu #onglets li a.actif { border:none; font-size:18px; }
}