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

body/*#main*/{
	background: #FFF url(gx/m/fond-ecran.jpg) repeat-x  scroll center top !important;
	color: #464646;
	font-size: 12px;
	line-height:150%;
	font-family: Arial, Verdana, Helvetica, sans-serif; /* Garder seulement 3 fontes et effacer ce commentaire */
	text-align:left;
}
html{}

/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link{color:#149fd9;}
a:visited{color:#666;}
a:hover{color:#0083ba; text-decoration: none;}
a:active{color:#0e8bbf; text-decoration:none;}

h1{color:#004c83; font-size:20px; margin-bottom:24px;}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{margin: 26px 0 10px 0; color: #000000;font-size: 18px; line-height: 120%; font-weight: normal; font-family: "Trebuchet MS", verdana, arial, sans-serif;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}
h3{font-size: 18px; color: #000f; font-weight: normal; margin: 0 0 10px 0;}
h4, h4 a{color: #2b77b0 !important; font-size: 14px; font-weight: normal; margin: 0 0 14px 0; text-decoration: none;}
h4 a:hover{text-decoration: underline;}
p{line-height: 150%}
blockquote{padding:10px;margin:10px;background:#eee;}

#contenu ul li, #contenu ol ul li{list-style:square; margin-left:16px; font-size: 12px;}
#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;}
#contenu a{color: #CE7206;}
.textePetit{font-size:10px;}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; 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{
	font-size:11px;
	margin:2px 0;
}
.listeDeroulante{
	font-size:11px;
	margin:2px 0;
}
.boiteTexte{
	/*font-family:"Trebuchet MS";*/
	font-size:11px;
	margin:2px 0;
}
.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;margin: 20px 0 0 0;}
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:10px !important;display:none;}

/* Icones générales
--------------------------------------------------------------------------------------- */
.lienRSS{background: url(Gx/icone_RSS.gif) 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
--------------------------------------------------------------------------------------- */
#conteneur{
	margin:0 auto;	
	width:931px;
	background-color: #fff;
}

#contenu{
float: left;
width: 719px;
margin: 0 auto;
min-height:500px;
height:auto !important;
height:500px;
}
	
	#contenu iframe{border: 0; border-color: #fff;}
	
	#contenu p{font-size: 12px;}

	#contenu .banniere{
	position: relative;
	width: 719px;
	height: 190px; 
	overflow: hidden;
	background-color: #004c83;
	}
	
	
		#contenu .banniere h3{
		position: absolute;
		top: 80px;
		left: 27px;
		width: 236px;
		color: #fff;
		font-weight: normal;
		font-family: arial,verdana,sans-serif;
		}
		
		#contenu .banniere img{
		float: right;
		}
		
		#contenu .sous-banniere{
		height: 146px;
		background-color: #ccdbe6;
		margin: 30px 0;
		}
		
			#contenu .sous-banniere img{
			float: left;
			margin: 19px 30px 0 19px;
			border: 1px solid #fff;
			}
			
			#contenu .sous-banniere h4, #contenu .sous-banniere h4 a{
			float: left;
			margin: 10px 0 5px 0;
			color: #004c83;
			font-size: 20px;
			font-weight: bold;
			}
			
			#contenu .sous-banniere p, #contenu .liste-produits p{
			float: left;
			width: 440px;
			font-size: 12px;
			}
			#contenu .liste-produits p{
			width: auto;
			}
					
				#contenu .sous-banniere p strong, #contenu .liste-produits p strong{
				display: block;
				clear: both;
				}
				
				#contenu a.savoir-plus{
				float: left;
				color: #ce7206;
				font-size: 11px;
				}
				
					#contenu a:hover.savoir-plus{
					text-decoration: none;
					}
					
		#contenu .liste-produits{
		width: 212px;
		float: left;
		margin: 0 28px 0 0;
		}
		#contenu .liste-produits-dernier{
		margin-right: 0;
		}

.contenuAccueil{
width: 894px !important;
float: none !important;
}

.contenuAccueil #banniere a{text-decoration: none;}

		.contenuAccueil .banniereControle a.bouton{
		position: absolute;
		z-index: 1;
		top: 6px;
		left: 0;
		background-color: transparent !important;
		outline: 0;
		}
			
			.contenuAccueil .banniereControle{position: relative; top: -57px; height: 30px;}
				.contenuAccueil .banniereControle a#prev{left: 826px;}
				.contenuAccueil .banniereControle a#play{left: 846px;display: none;}
				.contenuAccueil .banniereControle a#pause{left: 846px;}
				.contenuAccueil .banniereControle a#next{left: 866px;}
				
.contenuZoneClient{
width: 892px !important;
margin: 0 0 0 19px !important;
}

.banniereZoneClient{
width: 894px !important;
}

.colonneGauche{
float: left;
width: 194px;
padding: 24px 0 0 0;
}

	.colonneGauche a{color: #000; display: block;text-decoration: none; margin: 0 0 10px 22px; font-size: 11px;}
		.colonneGauche a:hover{color: #000; text-decoration: underline;}
		.colonneGauche a.actif{color: #000; font-weight: bold;}
		
		.colonneGauche .nouvelle{width: 170px; margin: 20px 0 0 10px; background: #dbdbdb url(gx/02/fond-nouvelle.gif) repeat-x 0 0; color: #fff;}
			.colonneGauche .nouvelle h2{margin: 10px 0 10px 0; padding: 5px 0 0 10px; font-family: "Trebuchet MS", arial, verdana; color: #5a9ace;}
			.colonneGauche .nouvelle .article{width: 150px; padding: 10px;}
				.colonneGauche .nouvelle .article h3{margin: 0; color: #7288ad; font-size: 11px;}
					.colonneGauche .nouvelle .article h3 a{margin: 0; color: #000;}
						.colonneGauche .nouvelle .article h3 a:hover{color: #7288ad;; text-decoration: none;}

#haut{
width: 894px;
height: 90px;
padding: 22px 0 0 0;
margin: 0 auto;
}

	#haut a.logo{margin: 15px 0 0 -4px; float: left;}

.both, .clearBoth{clear:both;}

.zoneClientRecherche{position: relative; float: right;}
	.zoneClientRecherche a.zoneClientBouton{float: right; display: block; width: 126px; height: 30px; margin: 0 0 10px 0; background: #fff url(gx/m/zoneClientBouton.png) no-repeat 0 0; color: #fff; font-size: 12px; text-decoration: none; text-align: center; line-height: 30px;}
		.zoneClientRecherche a:hover.zoneClientBouton{background-position: 0 -30px;}
	.zoneClientRecherche form#formRecherche{margin: 0 30px 0 0; float: right;}
		.zoneClientRecherche form#formRecherche input{height: 22px; line-height: 22px;float: left; border: 1px solid #e0e0e0; margin: 0 10px 0 0; font-size: 12px;}
		.zoneClientRecherche form#formRecherche a{width: 74px; height: 24px; display: block; float: left; overflow: none; text-decoration: none;}
			.zoneClientRecherche form#formRecherche a:hover{background-position: 0 -24px !important}
			.zoneClientRecherche form#formRecherche a.rechercheFR{background: #fff url(gx/m/chercher-bouton.gif) no-repeat 0 0;}
			.zoneClientRecherche form#formRecherche a.rechercheEN{background: #fff url(gx/m/chercher-bouton-en.gif) no-repeat 0 0;}
			.zoneClientRecherche a.chLangue{position: absolute; bottom: 4px; right: 2px; color: #004D83; text-decoration: none; font-weight: bold;}
				.zoneClientRecherche a:hover{color: #6CA8D4;}

/* Menu banniere */
#slideshowTemp{width: 630px; height: 133px; float: left;}
.slideshowBg {width: 958px; height: 82px; margin-top: 233px /*146px*/;float: left;background-image: url(gx/M/bg_slideshow.png); padding: 10px 0 0 40px;}
.slideshowBg p{color: #ffffff;padding:0px;}
.slideshowTitre{font-size: 18px; color: #ffffff; margin: 0px;text-transform: uppercase;}
#bannieres{	width: 610px; height: 356px; float:left;overflow:hidden;}
#block_menu { background: url(Gx/M/bg_menu_block.gif) no-repeat left top; width:894px; height:356px;float:left;overflow:hidden;}
#banniere { float:left;overflow:hidden; }
#overlay { position:absolute; z-index:3; }
#menuBanniere{width: 283px; float: left; position: relative;}
	#menuBanniere li{list-style: none !important; margin: 0 !important; padding: 0 !important; font-size: 0 !important; display: block;}
	#menuBanniere a{display: block; width: 211px; height: 62px; margin: 0; padding: 10px 36px 0 36px; background: #d8d8d8 url(gx/m/banniere-menu-fond.gif) no-repeat 0 0; color: #004d83; font-weight: bold; font-size: 11px; line-height: 130%; text-decoration: none;}
		#menuBanniere a:hover{color: #000;}
		#menuBanniere a span{display: block; font-size: 11px; font-weight: normal;}
		#menuBanniere img.menuFleche{position: absolute; top: 29px; left: 15px;}
#banniere{width: 610px; float: left;}
#block_img{position: relative; overflow: hidden; height: 357px;}
	#block_img .img{position: absolute;}
	
#menuBanniere { font-family:verdana; font-size:14px; float:left; width:283px; z-index:999; position:relative; _position:absolute; }
#menuBanniere ul { list-style:none; padding:0; margin:0; position:relative; z-index:5;}
#menuBanniere li { position: relative; background: url("gx/m/banniere-menu-fond.gif") no-repeat 0 0; padding: 0px;  margin:0px; cursor:pointer; margin-bottom:1px; list-style:none;}
#menuBanniere li.hover { background-image:url("bg_hover.gif") !important; }
#menuBanniere li.titre{cursor: auto; display: block; width: 283px; height: 68px; margin: 0; padding: 10px 36px 0 36px; background: url(gx/m/menu-nouvelle-titre-fond.gif) repeat-x 0 0 !important; color: #fff; font-weight: bold; font-size: 16px !important; line-height: 68px; text-indent: 36px; text-decoration: none; text-transform: uppercase;}
/*#menuBanniere li a { text-decoration:none; color:#444; font-size:14px; font-weight:bold; display:block; width: 211px; height: 26px; padding: 23px 36px; }*/
/*#menuBanniere li a:hover { text-decoration:none; }*/
#menuBanniere .block { color:#fff; position:absolute; top:0; right:0; _right:16px; z-index:101; background:transparent url(Gx/M/bg_banniere_over.gif) no-repeat top right;  cursor:pointer; }
#menuBanniere .block a { color:#fff;position:absolute; top:0; right:0; z-index:101; background:transparent url(Gx/M/bg_banniere_over.gif) no-repeat top right; width: 211px; height:26px;padding: 23px 36px; cursor:pointer; text-decoration:none; font-family: Helvetica, Tahoma, Arial, Verdana, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New"; font-weight:normal;padding-right: 50px; }
#menuBanniere .block a:hover { text-decoration:none; }
#block_img { position:relative; overflow:hidden; width:611px; height:356px;  }
#texte a#menuencour{display:block;}
#banniere #block_img .img { position:absolute; z-index:2; }
#banniere #block_img .img img { margin:0; padding:0; }
	
.slideshowBgAccueil {width: 571px; height: 83px; margin-top: 263px;float: left;background-image: url(gx/M/bg_slideshow.png); padding: 10px 0 0 40px;}
.slideshowBgAccueil h1{margin: 0 0 6px 0; color: #8cceff; font-size: 14px; font-weight: bold;}
.slideshowBgAccueil p{color: #b4b4b4; font-size: 11px !important; line-height: 120%;padding:0px;width: 571px;}
.slideshowBgAccueil h1 a{color: #8cceff !important;}
.slideshowBgAccueil p a{color: #b4b4b4 !important;}
.slideshowTitreAccueil{font-size: 18px; color: #ffffff; margin: 0px;text-transform: uppercase;}		

.videoPlayer{margin: 40px 0;}

img.photoNouvelle{float: left; margin: 6px 10px 6px 0;}
img.photoNouvelleDetail{float: left; margin: 6px 12px 12px 0;}

a.galeriePhotoBouton{display: block; margin: 30px 0 0 0;}
a.group1{display: block; margin: 30px 0 0 0;}

.lienNouvelle{height: 146px;}

.logoPartenaire{width: 900px; position: relative; overflow: hidden; float: right; margin: 40px 10px 0 0;}
	.logoPartenaire p{position: absolute; top: 36px; left: 320px; font-weight: bold;}
	.logoPartenaire a{float: right; height: 75px; text-decoration: none;}
	.logoPartenaire a.ata{width: 86px; background: #fff url(gx/m/logo-ata.gif) no-repeat 0 -75px;}
	.logoPartenaire a.californiaAir{width: 138px; background: #fff url(gx/m/logo-california.gif) no-repeat 0 -75px;}
	.logoPartenaire a.tmc{width: 125px; background: #fff url(gx/m/logo-tmc.gif) no-repeat 0 -75px;}
		.logoPartenaire a:hover{text-decoration: none; background-position: 0 0}


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

#menu{height: 48px; background: #fff url(gx/m/menu-fond.gif) repeat-x 0 0; position: relative;margin:0 auto;padding:0;width: 894px; z-index: 10000;}
#menu li{float: left; height: 48px; padding:0; margin:0 8px; display:inline; list-style-type:none;}
	#menu li.premier, #menu li.dernier{margin: 0}
#menu li a, #menu li a:link, #menu li a:visited{
	float: left;
	padding: 0 28px;
	height: 48px;
	color: #000;
	text-decoration: none;
	line-height: 48px;
}
	.menuEn li a{padding: 0 32px !important;}
#menu li a:hover, #menu li a:visited:hover{background: #fff url(gx/m/menu-fond-over.gif) repeat-x 0 0; color:#fff;}
#menu li a.actif, #menu li a.actif:visited{background: #fff url(gx/m/menu-fond-over.gif) repeat-x 0 0; color:#fff;}
#menu li a.subMenuactif{background: #fff url(gx/m/menu-fond-over.gif) repeat-x 0 0; color:#fff;}
#menu li a.actif.subMenuactif{background: #fff url(gx/m/menu-fond-over.gif) repeat-x 0 0; color:#fff;}

#menu li ul.sousMenu{display: none; z-index: 1000000000; position: absolute; top:48px; left: 130px; background: transparent url(gx/m/sousmenufond.png) repeat 0 0;}
	#menu li ul.sousMenu li{margin: 0; height: auto !important; -font-size: 0; float:none !important; -line-height: 0;}
		#menu li ul.sousMenu li a{float: none !important; width: 170px; display: block;  height: 20px !important; padding: 8px 10px !important; line-height: 100% !important; color: #fff !important; -float: none;}
			#menu li ul.sousMenu li a:hover{height: 20px;background: #004c83 !important; background-image: none !important;}

/* Navigation secondaire */
#menuSec{float:right;}
#menuSec li{display:inline; float:left;}
#menuSec a, #menuSec a:link, #menuSec a:visited{padding:0 5px;}
#menuSec li.dernier a{padding-right:0;}

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

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

.banniere{
margin: 0 0 25px 0;
}

.nav-accueil{position: relative; overflow: hidden; margin: 30px 0 0 0; padding: 0 0 20px 0;}
	.nav-accueil a.logoSmartWay{position: absolute; width: 204px; height: 52px; top: 136px; left: 370px; z-index: 1000;}
	p.texteSmartWay{width: 500px !important; position: absolute; top: 158px; left: 0; font-weight: bold;}

.nav-accueil a{
position: relative;
width: 195px;
height: 112px;
float: left;
margin: 0 12px 0 0;
}

	.nav-accueil a img{
	position: absolute;
	}

.nav-accueil h1{
color: #4e4e4e;
font-weight: bold;
font-size: 12px;
}	
	
.nav-accueil p{
width: 263px;
float: left;
}

.texteAccueil .texte h1{margin-bottom: 12px;}

/* 06_100 : ZONE REVENDEUR
--------------------------------------------------------------------------------------- */
.zoneRevendeur table td{padding: 3px 0;}
	.zoneRevendeur table td input{margin: 0 0 0 5px; padding: 3px; border: 1px solid #64A3D2; font-size: 12px;}
	.zoneRevendeur table td input.Bouton{margin-left: 0;}
p.erreurLogin, p.erreurLogin a{color: red !important;}
	p.erreurLogin, p.erreurLogin a:hover{text-decoration: none;}
	a.deconnexion{float: left; margin: 30px 30px 0 0; background: #000; color: #fff !important; padding: 5px; text-decoration: none;}
		a:hover.deconnexion{color: #ccc !important;}
h4.zoneRevendeur{margin: 10px 0 2px 0}
ul.zoneRevendeur, ul.zoneRevendeur li{list-style-type: none !important;}
ul.zoneRevendeur li a{
display: block;
width: 250px; 
margin: 5px 0 5px -14px;; 
padding: 3px 0 3px 30px; 
color: #fff !important; 
background-color: #64a3d2; 
text-decoration: none;
border-right: 2px solid #ccc;
border-bottom: 2px solid #ccc;
}
ul.zoneRevendeur li a:hover{background-color: #004c83 !important; border-right: 2px solid #fff;border-bottom: 2px solid #fff;}
ul.zoneRevendeur li a.pdfIcon{background: #64a3d2 url(gx/06/pdfIcon.png) no-repeat 0 0}
ul.zoneRevendeur li a.docIcon{background: #64a3d2 url(gx/06/docIcon.png) no-repeat 0 0}



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

#boiteFormQuestion{float:right;width:370px;}

#formQuestion{float:left;width:700px;}
#formQuestion table{width: 500px;}
#formQuestion table td{vertical-align: middle;}
#formQuestion label{float:left;width:200px; text-align: right;}
#formQuestion label.erreur{color: red;}
#formQuestion input, #formQuestion textarea, #formQuestion select{border:1px solid #64a3d2; padding: 3px;margin: 3px 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
#formQuestion .champTexte{float:left;width:200px;}
#formQuestion .listeDeroulante{float:left;width:200px;}
#formQuestion .boiteTexte{float:left;height:70px;width:230px;}

#carteContact{width: 500px; height: 500px; float: left;}
#carteContact.carteDetail{border:1px solid #999;height:250px;width:400px;float:right; margin: 0 0 20px 30px;}
.formulaireContactDetailConteneur{width: 680px; overflow: hidden; border:1px solid #999; padding: 10px; margin: 30px 0 10px 0;}

ul.charte{font-weight: bold; margin: 0 0 0 16px; float: left; position: relative;}
ul.charte li{vertical-align: middle; list-style-type: none !important; padding: 2px 0;}
	ul.charte li.SS{position: absolute; top: 0; left: -26px;}
	ul.charte li.RV{position: absolute; top: 23px; left: -26px;}
	ul.charte li.R{position: absolute; top: 24px; left: -26px;}
select.localRevendeur{margin: 10px 0 0 10px; border: 1px solid #004C83; font-size: 12px;}
select.localRevendeurEtatProvince{margin: 10px 0 0 10px; border: 1px solid #004C83; font-size: 12px;}
input.codePostal{width: 96px; margin: 10px 0 0 10px; border: 1px solid #004C83; font-size: 12px;}

/* 08_100 : CALCULATEUR
--------------------------------------------------------------------------------------- */
#formulaire{margin: 20px 0 0 0;}
#formulaire input, #formulaire select{margin: 0 0 0 5px; border:1px solid #64a3d2;padding: 3px;}
.resultat{display: none;}
.resultat div, .resultat label{float: left; width: auto !important;}
.resultat div.valeur{font-weight: bold; border:1px solid #64A3D2; margin-right: 3px;padding: 0 2px;}
.resultat div.mesure{font-weight: bold;}

/* 00_888 : PLAN DU SITE
--------------------------------------------------------------------------------------- */
ul.planSite{
margin: 20px 0 0 0;
}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{width: 894px; margin: 35px auto 0 auto; padding:24px 0 0 0; border-top: 1px solid #b2b2b2;}
#piedPage a{text-decoration:none;font-size: 11px;}
#piedPage a:hover{text-decoration:underline;}
#piedPage #copyrights{float:none;}
#piedPage #copyrights a{color: #ababab;}

/* Navigation en bas-de-page */
.menuBas{float:left; text-align:right;color: #828080; clear: left; width: 600px;}
.menuBas li{display:inline; float:left;}
.menuBas li.dernier a {padding-right:0;}
.menuBas a, #menuBas a:link, #menuBas a:visited{padding:0 5px; color: #828080;}
	.menuBas a.actif{color: #64a3d2;}
	.menuBas a:hover{color: #004c83;}
/* Partager cette page (AddToAny) */
a#lienPartager{float:right; width:77px; height:19px; background:url(gx/btn_partager.png) no-repeat; font-size: 11px; padding:4px 80px 0 0; color:#cacaca; text-align:right; text-decoration:none;}

#piedtexte {margin: 0 auto; color:#7d7b83; text-decoration:none; width:894px; font-size:11px ; text-align:justify;padding: 0 0 10px 0;}
#piedtexte a{color:#7d7b83; text-decoration:underline; font-size: 11px ;}
#piedtexte a:hover{color:#7d7b83;}