/* TABLE DES MATIÈRES:
	- Classes générales (body, html, h1, h2, ...)
	- Conteneurs
	- Menus et sous-menus
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRALES
--------------------------------------------------------------------------------------- */
body#main{
	background: #030303;
	margin: 0;
	padding: 0;
	text-align:center;
}
html{
	color: #000;
	font-size: 12px;
	font-family: Arial, Verdana, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}


/* TEXTES ET HYPERLIENS GLOBAUX
--------------------------------------------------------------------------------------- */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #000; font-size:18px;padding:5px 0 15px 0;}

h2{color: #000; font-size:15px;padding:10px 0;}


p{font-size: 12px; line-height: 150%; color: #000;}
p.textePetit{font-size:10px;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#0A254E; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#000; text-decoration:underline;
}

ul li{color:#1F1F1F; font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#1F1F1F; font-size:12px; line-height:150%; margin-left:16px;}


a.lienBtn, a.lienBtn:link, a.lienBtn:visited{display:block;background:url(Gx/M/fond_menu_hover.gif) repeat-x bottom;font-weight:bold;text-decoration:none;color:#000;padding:5px;border:1px solid #000;text-align:center;}
a.lienBtn:hover, a.lienBtn:visited:hover{background:url(Gx/M/fond_menu_hover.gif) repeat-x top;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#haut{
	background:#fff url(Gx/M/fond_haut.gif) repeat-x;
	height:189px;
}

#top{padding-top:20px;height:132px;}

#principal{background:#fff;padding:20px 0;}

#secondaire{background:#e6e6e6;padding:20px 0;}

.conteneur{
	margin: 0 auto;
	text-align:left;
	width:980px;
}

.both{clear:both;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{height:37px; margin:0; padding:0;}
#menu ul{margin:0;padding:0; height:37px;float:left;}
#menu ul li{padding:0; margin:0; display:block; float:left; list-style-type:none;color:#5f5f5f;line-height:37px;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	_position:relative; _top:-1px;
	color: #fff;
	font-size: 12px;
	text-transform:uppercase;
	line-height: 37px;
	display:block;
	float:left;
	height:37px;
	padding:0 20px;
	text-decoration: none;
}
#menu ul li a:hover, #menu ul li a:visited:hover{color:#f7de0a;}
#menu ul li a.actif, #menu ul li a.actif:visited{background:url(Gx/M/fond_menu_hover.gif) repeat-x; color:#000;}

#menuLangue{color:#000;font-size:12px;text-align:right;padding-right:320px;}
#menuLangue a, #menuLangue a:link, #menuLangue a:visited{
	text-decoration:none;
	padding:0 5px;
}
#menuLangue a:hover, #menuLangue a:visited:hover{text-decoration:underline;}

#menuInventaire{background:#f4e718;padding:5px 0;}

#menuInventaire a, #menuInventaire a:link, #menuInventaire a:visited{
	color:#000;
	text-decoration:none;
	padding:0 10px;
}

#menuInventaire a:hover, #menuInventaire a:visited:hover{text-decoration:underline;}
#menuInventaire a.actif, #menuInventaire a.actif:visited{font-weight:bold;}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */

.imgGauche{float:left; border:1px solid #000;margin-right:10px;}

.intro1 h1{color:#000;padding:0;margin:0;font-size:30px;text-transform:uppercase;}
.intro1 h2{color:#4caac8;padding:0;margin:0;font-size:30px;text-transform:uppercase;padding-bottom:10px;}

.intro1{
	float:left;
	width:315px;
	color:#000;
	font-size:12px;
}

.intro2{
	width:315px;
	float:left;
	color:#19a0c7;
	font-size:12px;
	text-align:justify;
	padding-top:40px;
}

.info1{
	float:left;
	width:150px;
	border-right:1px solid #ced4d5;
}
.info2{
	float:left;
	padding-left:20px;
	width:130px;
	border-left:1px solid #b9c1c4;
}

/* PAGE PRODUITS
--------------------------------------------------------------------------------------- */

.produit{background:#e6e6e6; float:left; width:289px; padding:8px; margin:0 10px 10px 0;height:105px;}
.produit img{float:left;margin-right:10px;display:block;border:1px solid #9b9b9b;}
.produit b{color:#4caac8;}
.produit p a, .produit p a:link, .produit p a:visited{text-decoration:none;color:#000;}
.produit .btnDetail{float:right;background:url(Gx/02/btn_detail.gif) repeat-x;color:#fff;padding:0 5px;cursor:pointer;}

.detailproduit{/*background:#e6e6e6; padding:8px;*/}
.detailproduit img{float:left;margin-right:10px;display:block;border:1px solid #9b9b9b;}
.tnPhoto{width:123px;height:102px;float:left;margin-right:10px;}

.listePage{float:right;margin:10px 50px 0 0;}
.listePage a, .listePage a:link, .listePage a:visited{text-transform:uppercase;text-decoration:none; color:#000;font-size:11px;}
.listePage a.actifPage, .listePage a.actifPage:visited{font-weight:bold;color:#4caac8;}

/* PAGE EQUIPE
--------------------------------------------------------------------------------------- */
.equipe{background:#e6e6e6; float:left; width:289px; padding:8px; margin:0 10px 10px 0;}
.equipe img{float:right;margin-right:10px;display:block;border:1px solid #9b9b9b;}
.equipe b{color:#4caac8;}
.equipe p a, .equipe p a:link, .equipe p a:visited{text-decoration:underline;color:#000;}
.equipe p a:hover, .equipe p a:visited{text-decoration:none;}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */
/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #E5E4DE; width: 380px; padding: 10px 20px 20px 20px; float: right; margin-top:32px; }
div#carte div#map{border:1px solid #b7b7b7;width:380px;height:300px;}
div#carte div#formDirection{ margin: 10px 0 0 0; }
div#carte div#formDirection input#fromAddress{ color: #9B9B9B; font-size: 12px; border: #CCCCCC 1px solid; background: #FFFFFF; width: 145px; margin: 0 10px 0 0; }
div#carte div#formDirection input#bouton{ color: #FFFFFF; text-align: left; background: url(Gx/00/bouton2g_bg.gif) no-repeat top left; border: 0px; width: 168px; height: 27px; padding: 0 0 2px 18px; }
div#carte div#formDirection a, div#cabinet div#carte div#formDirection a:link, div#cabinet div#carte div#formDirection a:visited{ color: #000; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.gif) no-repeat 0px 5px; padding: 0 0 0 14px; } div#cabinet div#carte div#formDirection a:hover{ color: #999999; }
div#carte div#directions{ color: #666666; font-size: 11px; min-height: 0px; margin: 10px 0 0 0; display: none; }
div#carte div#directions a, div#cabinet div#carte div#directions a:link, div#cabinet div#carte div#directions a:visited, div#cabinet div#carte div#directions a:hover{ color: #999999; font-weight: bold; text-decoration: none; }
div#carte p{float:right;}
div#carte p a, div#carte p a:link, div#carte p a:visited{color:#000;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#a8a6a6; font-size:11px; padding:20px 0; border-top:17px solid #9b9b9b;}
#piedPage a{color:#a8a6a6; text-decoration:underline;}
#piedPage a:hover{color:#555;}
#piedPage #copyrights{ margin:0; text-align:left;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#a8a6a6;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #555;}
#piedPage #menuBas{font-size:12px;float:left;}
#piedPage #syndic{font-size:12px;float:left;}
#menuBas a, #menuBas a:link, #menuBas a:visited, #syndic a, #syndic a:link, #syndic a:visited{text-decoration:none;padding:0 6px 0 0;}


/* Partager cette page (bookmarker) */
#socialBookmarker {clear:right;float:right;height:17px;cursor:pointer;margin:0px 0 10px 0; color:#717172}
#marqueur{float:left;background:#000 url(Gx/bookmark/vortex_logo.gif) no-repeat 3px 2px;padding:3px 0 2px 22px;}
.bookmarkIconesVisibles {float:left;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:200px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{font-size: 11px; margin-bottom:10px;}
fieldset legend{color:#000; font-size:14px; font-weight:bold; padding:3px; position:relative; left:-10px;}
fieldset label{font-size:12px; color:#000; margin:2px 0 2px 0;}

/* Formulaire recherche */
#formRecherche{float:left;margin-left:70px;}
#formRecherche fieldset{padding:0;margin:0;border:none;}
#formRecherche .champTexte{border:none;padding:2px;font-size:12px;color:#000;margin-top:7px;float:left;height:15px;width:130px;}
#formRecherche .boutonrech{float:left;margin:7px 0 0 3px;}

/* Formulaire contact */
#formulaireQuestion fieldset label{float:left;width:150px;}
#formulaireQuestion .champTexte{float:left;width:300px;}
#formulaireQuestion .listeDeroulante{float:left;width:300px;}
#formulaireQuestion .boiteTexte{float:left;height:70px;width:330px;}


.innerleft{float:left}
.innerright{float:right}

/* Référer ce site */
#referer{width:450px;}

.champTexte{
	background: #ffff;
	border: 1px solid #CDD0D0;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
	width:200px;
}
.listeDeroulante{
	background: #fff;	
	border: 1px solid #CDD0D0;
	color: #000;
	font-size: 11px;
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #fff;
	border: 1px solid #CDD0D0;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	width:450px; height:100px;
}
.bouton{
	background-color: #fff;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 13px;
	font-weight: bold;
	border:1px solid #CDD0D0;
	padding:5px 10px;
   	width:auto;
   	overflow:visible;
}
.bouton:hover{background-color:#f0e205;cursor:pointer;}

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

.erreur{color:#FF0000;}


#mapaccueil{
	float:right;
	width:315px;
	height:180px;
	overflow:hidden;
}