/* 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: url(gx/m/fond_texture.jpg);
	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, h3{color: #000; font-size:18px;padding-bottom:5px;}
h1 a, h1 a:link, h1 a:visited{color:#EE1B2E;text-decoration:underline;}
h1 a:hover, h1 a:visited:hover{text-decoration:none;}

h2{color: #000; font-size:13px; padding:5px 0;}
h2 a, h2 a:link, h2 a:visited{color:#333;}

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:#EE1B2E; 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:#000; font-size:12px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#000; font-size:12px; line-height:150%; margin-left:16px;}

.etoile{padding-left:20px; background:url(Gx/icone_etoile.gif) no-repeat;}

/* CONTENEURS ET CLASSES GÉNÉRALES
--------------------------------------------------------------------------------------- */
#haut{
	padding-top:30px;
	margin:0 auto;
	text-align:left;
	background: url(Gx/M/haut_eclat.jpg) no-repeat top right;
	width:980px; height:195px;
	position:relative;
}

#conteneurMenu{
	background: #ee1b2e;
	height:225px;
}

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

#conteneurPied{
	clear:both;
	background:#f5d31c;
}

#contenu{
	padding-top:20px;
}

#boutonSecheuse{
	float:left;
	padding-top:18px;
}

#photoEntete{
	position:absolute;
	top:78px; right:12px;
}

.both{clear:both;}
.droit{float:right;margin:0 0 10px 10px;}

/* MENUS
--------------------------------------------------------------------------------------- */
#menu{width:980px; margin:0 auto;padding:0;background: url(Gx/M/menu_eclat.gif) no-repeat top right; height:225px; text-align:left;padding-top:36px;}
#menuPrincipal img{display:block;}
#menuPrincipal ul{margin:0;padding:0;float:left;width:188px;}
#menuPrincipal ul#menuDroit{width:227px;}
#menuPrincipal ul li{padding:0; margin:0; display:block; float:left; list-style-type:none;overflow:hidden;}
#menuPrincipal ul li ul{padding-top:5px;}
#menuPrincipal ul li ul li{margin:0;padding:0display:block;height:17px;overflow:hidden;}
#menuPrincipal ul#menuDroit li ul li{padding-left:30px;width:197px;}
#menuPrincipal ul li a, #menuPrincipal ul li a:link, #menuPrincipal ul li a:visited{
	display:block;
	width:188px;
	height:17px;
	padding-bottom:5px;
	text-decoration:none;
	border-bottom:2px solid #ffe34b;
	overflow:hidden;
}
#menuPrincipal ul#menuDroit li a, #menuPrincipal ul#menuDroit li a:link, #menuPrincipal ul#menuDroit li a:visited{width:227px;}
#menuPrincipal ul li a:hover, #menuPrincipal ul li a:visited:hover{}
#menuPrincipal ul li a.actif, #menuPrincipal ul li a.actif:visited{}
#menuPrincipal ul li ul li a, #menuPrincipal ul li ul li a:link, #menuPrincipal ul li ul li a:visited{
	color:#f4e179;
	font-size:12px;
	border:none;
}
#menuPrincipal ul li ul li a:hover, #menuPrincipal ul li ul li a:visited:hover, #menuPrincipal ul li ul li a.actif, #menuPrincipal ul li ul li a.actif:visited{text-decoration:underline;}

#menuPrincipal ul#menuGauche li#menuServices{margin-top:9px;}
#menuPrincipal ul#menuGauche li#menuVideos{margin-top:25px;}
#menuPrincipal ul#menuDroit li#menuNousJoindre{margin-top:7px;}
#menuPrincipal ul#menuDroit li a img{float:right;}


#menuSecondaire{float:right;margin-top:100px;margin-right:20px;}
#menuSecondaire ul li{list-style:none;}
#menuSecondaire ul li a, #menuSecondaire ul li a:link, #menuSecondaire ul li a:visited{
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	background: url(gx/m/menuSecondaire_etoile.gif) no-repeat left;
	padding-left:25px;
}

#menuSecondaire ul li a:hover, #menuSecondaire ul li a:visited:hover, #menuSecondaire ul li a.actif, #menuSecondaire ul li a.actif:visited{
	text-decoration:underline;
}

/* PAGE ACCUEIL
--------------------------------------------------------------------------------------- */
#boiteVideo{
	background:#bfdce3 url(Gx/m/micro.gif) no-repeat 300px bottom;
	width:350px;
	padding:20px;
	float:right;
	margin-top:40px;
}

#boiteVideo h3{padding-top:10px;}
#boiteVideo p{padding-right:100px;}

#colGauche{
	float:left;
	width:546px;
}

#contact{
	background: url(Gx/m/contact_fond.jpg) no-repeat;
	width:496px; height:143px;
	padding:25px;
}

#contact a, #contact a:link, #contact a:visited{color:#fff;}

#contact div.gauche{
	padding-left:110px;
	width:386px;
}
#contact div.droit{
	float:right;
	text-align:right;
	height:30px;
	overflow:hidden;
}

#contact p{
	color:#fff;
	line-height:120%;
}

#contact h2{
	color:#fff;
	padding:0;
	text-transform:uppercase;
}

/* PAGE PRODUITS ÉLECTROMÉNAGERS ET MEUBLES
--------------------------------------------------------------------------------------- */

.boiteProduit{
	background:#fff;
	float:left;
	width:160px; height:210px;
	padding:10px;
	text-align:center;
	margin:0 10px 10px 0;
	border:1px solid #E1DfD2;
}

.boiteProduit a, .boiteProduit a:link, .boiteProduit a:visited{
	text-decoration:none;
	color:#EE1B2E;
}

/* PAGE CONTACT
--------------------------------------------------------------------------------------- */

/* CARTE
--------------------------------------------------------------------------------------- */
div#carte{ background: #BFDCE3; 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.html) 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: #2C699C; font-size: 11px; text-decoration: none; background: url(Gx/M/sousmenu_bg_on.html) 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:#765c00; font-size:12px; height:50px; padding:20px 0 100px 0; width:980px; margin:0 auto;}
#piedPage a{color:#765c00; text-decoration:underline;}
#piedPage a:hover, #piedPage a:visited:hover{text-decoration:underline;color:#000;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights a{text-decoration:none;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#765c00;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:none; color: #000;}
#piedPage #menuBas{text-align:left;padding:0 0 10px 20px; background:url(Gx/M/footer_etoile.gif) no-repeat;}
#piedPage #menuBas a{text-decoration:none;color:#765c00;}
#piedPage #menuBas a:hover, #piedPage #menuBas a:visited:hover{text-decoration:underline;}
#piedPage #produitsPiedPage{text-align:left;padding:0 0 10px 20px; background:url(Gx/M/footer_etoile.gif) no-repeat;}
#piedPage #produitsPiedPage a, #piedPage #produitsPiedPage a:link, #produitsPiedPage a:visited{text-decoration:none;color:#765c00;}
#piedPage #produitsPiedPage a:hover, #produitsPiedPage a:visited:hover{text-decoration:underline;}

/* Partager cette page (bookmarker) */
#socialBookmarker {float:right; border:1px solid #cdd0d0;padding:3px 3px 0 3px;height:17px;cursor:pointer;margin:10px 0 10px 0; color:#717172}

.bookmarkIconesVisibles {float:left;position:relative;left:2px;top:-2px;}
#bookmarkHoverPopup {
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	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;}

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

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

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

.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:#EE1B2E; color:#FFF;cursor:pointer;}

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

.erreur{color:#FF0000;}