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

/* ELEMENTS A CACHER 
--------------------------------------------------------------------------------------- */
#menu, #menuInventaire, #menuLangue, #formRecherche, #divFormulaire, #menuBas, #syndic, #secondaire, #socialBookmarker, #bookmarkHoverPopup{
	position: absolute;
	visibility: hidden;
}


/* ELEMENTS DE BASE À PERSONNALISER 
--------------------------------------------------------------------------------------- */
html{
	/* Garder 3 fontes seulement */
	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;}

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

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

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{color:#a8a6a6; font-size:11px; padding:20px 0 0 0;}
#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;}

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