/* TABLE DES MATIÈRES:
	- Générale (body, html, h1, h2, ...)
	- Conteneur
	- Menu
	- Textes
	- Pieds de page
	- Formulaires
----------------------------------------------------------------------------------------*/

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#index{
	margin: 0px;
	padding: 0px;
	text-align:center;
}

body#div{
	margin: 0px;
	padding: 0px;
	}
body#main{
	margin: 0px;
	padding: 0px;
	text-align:center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial;
}
html, body, ul, ol, li, p, p1, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0px; margin:0px; padding:0px;}

body, div{
	margin: 0px;
	padding:0px;
	}
	
body{text-align:left;}
	
/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	padding:0px;
	margin: 0px auto 0px auto;
	text-align:left;
	width:982px;
	/*background:lime;*/
	
}
#contenu{
	float:left;
	padding:0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	width:674px;
	/*background:orange;*/
}
#haut{
	padding:0px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	text-align:left;
	width:982px;
	height:182px;
	/*background:yellow;*/
	color: #000; text-decoration: none;

}
#haut a, haut a:link, haut a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #000; text-decoration: none;}
#logo{
	float:left;
	padding:7px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	width:182px;
	height:177px;
	/*background:yellow;*/
	color: #000; text-decoration: none;

}
#imagehaut{
float:left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	width:800px;
	height:160px;
	/*background:yellow;*/
	color: #000; text-decoration: none;

}
#Produits{
	float:left;
	padding:0px 0px 10px 25px;
	margin: 17px 10px 0px 10px;
	text-align:left;
	width:674px;
	border-bottom : #0c4797 1px solid;
	/*background:pink;*/
	
}
#ProduitsIMG{
	float:right;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	width:105px;
	/*background:blue;*/
}
#DivGauche{
	float:left;
	padding:0px 0px 0px 0px;
	margin: 17px 0px 0px 0px;
	text-align:right;
	height:416px;
	width:206px;
	/*background:orange;*/
	color:white;
	text-decoration: none;
}

#logoGauche{
	float:left;
	padding:0px 0px 0px 0px;
	margin: 15px 0px 0px 0px;
	text-align:right;
	height:110px;
	width:206px;
	/*background:blue;*/
	color:white;
	text-decoration: none;
	background-image: url(Gx/M/logogauche.jpg);
	background-repeat: no-repeat;
	position:relative;
}

#microphone{
	float:left;
	padding:0px 0px 0px 0px;
	margin: 50px 0px 0px 0px;
	text-align:right;
	height:332px;
	width:102px;
	color:white;
	text-decoration: none;
	background-image: url(Gx/M/microphone.jpg);
	background-repeat: no-repeat;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menuHaut{
	font-family:arial;
	font-size: 12px;
	font-weight: normal;
	padding:0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
	text-align:right;
	height:23px;
	width:982px;
	/*background:red;*/
	color:white;
	text-decoration: none;
}
#menuHaut a, menuHaut a:link, menuHaut a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #fff; text-decoration: none;}
#menuHaut a:hover, menuHaut a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{
	color:#fff; text-decoration: none;
}
#menuHaut a.menutop, menuHaut a.menutop:link, menuHaut a.menutop:visited, ul li a.menutop, ul li a.menutop:visited, ol li a.menutop, ol li a.menutop:visited{color: #fff; text-decoration: none;}
#menuHaut a.menutop:hover, menuHaut a.menutop:visited:hover, ul li a.menutop:hover, ul li a.menutop:visited:hover, ol li a.menutop:hover, ol li a.menutop:visited:hover{
	color:#fff; text-decoration: underline;
}
#menuMid{
	float:left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	width:844px;
	height:28px;
	background:#f8f8ee;
	text-transform:uppercase;
	font-family:arial;
	font-size: 11px;
	font-weight: bold;
	line-height: 12px;
	text-decoration: none;
	color:#929273;
}
#menuMid ul{margin:0px;padding:8px 0px 0px 0px;text-decoration: none;}
#menuMid ul li{padding:0px; margin:5px 5px 0px 0px; display:inline; list-style-type:none;text-decoration: none;}

#menuMid ul li a:hover, #menuMid ul li a:visited:hover{color: #929273;text-decoration: none;}
#menuMid ul li a.actif, #menuMid ul li a.actif:visited{color:#929273;text-decoration: none;}
#menuMid ul li a{
	text-decoration: none;
	padding: 5px 12px 3px 12px;color: #383a44;
}
#menuGauche{
	float:left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	height:292px;
	width:206px;
	background-image: url(Gx/M/menugaucheBG.gif);
	background-repeat: no-repeat;
	font-family:arial;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
#menuGauche ul{margin:8px 0px 0px 0px; padding:0px 0px 0px 0px;text-decoration: none;display:block;}
#menuGauche ul li{padding:0px 0px 0px 0px; margin:8px 15px 0px 15px; list-style-type:none;text-decoration:none;display:block;}
#menuGauche ul li a:hover, #menuGauche ul li a:visited:hover{color: #0c4797;text-decoration: none;display:block;}
#menuGauche ul li a.actif, #menuGauche ul li a.actif:visited{width:175px;color:#0c4797;border-bottom : #0c4797 1px solid;display:block;}
#menuGauche ul li a{
	display:block;
	width:175px;
	border-bottom : #9496a5 1px solid;
	list-style-type:none;
	text-decoration: none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 8px 0px;
	color: #383a44;
}

#promotion{
	float:left;
	font-family:arial;
	font-size: 12px;
	font-weight: bold;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height:28px;
	width:138px;
	text-align:right;
	text-decoration: none;
	background-image: url(Gx/M/BGpromo.gif);
	background-repeat: no-repeat;
}
#promotion a, promotion a:link, promotion a:visited{
	margin: 0px 15px 0px 0px;
	text-decoration: none;
	padding: 6px 0px 5px 0px;color: #fff;
	display:block;
}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{font-family:arial;color: #23528F; font-size:14pt; padding:0px; margin: 0px 0px 0px 44px;font-weight: bold;}
p{font-family:arial;font-size: 10pt; line-height: 110%; color: #1F1F1F;margin: 34px 48px 0px 44px;}

p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #929292; 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:#0c4797; text-decoration: underline;
}
#ProduitsTextes{
	float:left;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;

	width:529px;
	/*background:orange;*/

}
/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{border-top : #44464f 5px solid;color:#DDDCDC; font-size:12pt; align:right;margin: 20px 0px 0px 0px;padding:0px;background:#383a44}
#piedPage a{color:#DDDCDC; text-decoration:none;}
#piedPage a:hover{color:#FFF;}
#piedPageContenu{width:982px;height:200px;padding:0px; margin: 0px 0px 0px 0px;}
#piedAdresse{
	float:left;
	margin: 25px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background:red;*/
	background-image: url(Gx/M/adresseBG.gif);
	background-repeat: no-repeat;height:133px;width:206px;
}
#piedAdresse p{
	font-family:arial;
	color:#b2b4c0; 
	font-size:12px; 
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:18px 0px 0px 22px;

}
#piedPlanSite{
	/*background-color:red;*/
	font-family:arial;
	font-size:11px;
	float:left;
	margin: 25px 0px 0px 44px;
	padding:0px 0px 0px 0px;
	height:133px;
	width:115px;
	text-align:left;
}
#piedPlanSite p strong{font-weight: bold;	color:#fff;}
#piedPlanSite ul{margin:0px;padding:0px 0px 0px 0px;text-decoration: none;background-image:none;	color:#fff;}
#piedPlanSite ul li{border-right: #53566d 1px solid;padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:block; list-style-type:none;text-decoration: none;}

#piedPlanSite ul li a:hover, #piedPlanSite ul li a:visited:hover{color: #9496a5;text-decoration: underline;}
#piedPlanSite ul li a.actif, #piedPlanSite ul li a.actif:visited{color:#9496a5;}
#piedPlanSite ul li a{
	text-decoration: none;
	padding: 0px 0px 0px 0px;color: #9496a5;
}

#piedCopyright{
	float:left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	/*background:red;*/
}
#piedCopyright p{
	font-family:arial;
	color:#b2b4c0; 
	font-size:12px; 
	text-align:left;
	margin: 0px 0px 0px 0px;
	padding:18px 0px 0px 115px;

}
/* FORMULAIRES
--------------------------------------------------------------------------------------- */