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

/* GÉNÉRAL
--------------------------------------------------------------------------------------- */
body#main{
	background: #000 url(gx/bg.gif) repeat-x top;
	margin: 0;
	padding: 0;
	text-align: center;
}
html{
	/* Garder 3 fontes seulement */
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, a img{border:0; margin:0; padding:0;}

h1{
	color: #f4b800;
	font:16px Arial;
	font-weight: bold;
	line-height: 16px;
	padding-bottom: 2px;
	border-bottom: 1px #f4b800 solid;
}

a.retour { 
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 437px;
	height : 74px;
	padding : 0;
	margin : 14px 0 0 28px;
	
}

/* TEXTES
--------------------------------------------------------------------------------------- */
p{font-size: 12px; line-height: 130%; color: #fff;}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color: #F4B800; text-decoration: underline;font-weight:bold;}
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:#fff; text-decoration:underline;
}
p.chemin{padding: 7px 0 17px 30px;}
p.chemin a, p.chemin a:link, p.chemin a:visited{color: #fff;}
.brochure{float: right;margin: 0 8px 15px 0;font-weight: bold;}

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

.textePetit{font-size:10px; color:#fff;}
.textePetit a, .textePetit a:link, .textePetit a:visited{font-size:10px; color:#fff;}
.textePetit a:hover, .textePetit a:visited:hover{font-size:10px; color:#fff;}

/* CONTENEUR
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	background: url(Gx/conteneur_bg.gif) no-repeat left top;
	text-align: left;
	width: 1000px;
}
#blockaccueil{
	background: url(Gx/00/blockacceuil_bg.jpg) no-repeat left top;
	float: left;
	width: 1000px;
	height: 202px;
}
#centre{
	background-color: #878787;
	float: left;
	width: 1000px;
}
#contenu{
	float: left;
	padding: 0px 7px 0 30px;
	width: 758px;
	_width: 795px;
}
#boitedroitext{
	float: right;
	padding: 0 0 0 12px;
}
#boitedroit{
	float: left;
	width: 214px;
	background: #454545 url(Gx/00/boitedroitext_bg.gif) no-repeat left bottom;
	font: 12px Arial;
	color: #fff;
	text-transform: uppercase;
}
#boitedroitint{
	padding: 13px 25px 25px 28px;
	background: url(Gx/00/boitedroit_bg.gif) no-repeat left top;
	width: 161px;
	_width: 214px;
	float: left;
}
#boitedroit h2{
	color: #fff;
	font: 18 Arial;
	font-weight: normal;
	text-transform: uppercase;
	background: none;
}
#boitepara{
	background: #686868 url(Gx/boitepara_bg.gif) no-repeat bottom left;
	width: 750px;
}
#boitepara h2{
	color: #fff;
	font:14px Arial;
	font-weight: bold;
	background-color: #3a3a3a;
	border-bottom:1px solid #fff;
	padding: 3px 0 3px 10px;
}
#boitepara p{
	padding: 0 8px 0 10px;
}

/* MENU
--------------------------------------------------------------------------------------- */
#menu{padding: 0;margin: 0;float: left;height: 64px;}
#menu ul{margin: 0;padding: 24px 0 0 27px;}
#menu ul li{padding: 0 10px 7px 0;margin: 0;float: left;list-style-type: none;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	float: left;
	color: #fff;
	font:13px Arial;
	font-weight: bold;
	text-decoration: none;
}

#menu ul li.dernier a, #menu ul li.dernier a:link, #menu ul li.dernier a:visited{margin: 8px 0 0 190px;}
#menu ul li.dernier a:hover, #menu ul li.dernier a:visited:hover{text-decoration: underline;}

/* MENU DE GAUCHE
--------------------------------------------------------------------------------------- */
#menugaucheext{padding: 0 0 0 30px;float: left;width: 166px;}
#menugauche{padding: 0;margin: 0;float: left;width: 166px;background: #F4B800 url(Gx/menugauche_bg.gif) no-repeat left top;}
#menugauche h2{color: #fff;font: 11px Arial;font-weight: bold;text-transform: uppercase;padding: 3px 0 8px 8px;background: none;}
#menugauche ul{margin: 0;padding: 0 1px 5px 5px;background: url(Gx/menugaucheul_bg.gif) no-repeat left bottom;width: 166px;float: left;}
#menugauche ul li{margin: 0;padding: 0;float: left;list-style-type: none;border-top: 1px #B48800 solid;width: 160px;}
#menugauche ul li a, #menugauche ul li a:link, #menugauche ul li a:visited{
	font: 13px Arial;
	color: #3A3A3A;
	text-decoration: none;
	padding: 5px 0 5px 2px;
	display: block;
}
#menugauche ul li.premier{
	border-top: none;
}
#menugauche ul li ul{
	padding: 0;
	margin: 0;
	width: auto;
	float: left;
	background: none;
}
#menugauche ul li ul li{
	padding: 0;
	margin: 0;
	border: none;
	float: left;
}
#menugauche ul li ul li a, #menugauche ul li ul li a:link, #menugauche ul li ul li a:visited{
	color: #3A3A3A;
	font: 11px Arial;
	display: block;
	text-decoration: none;
}
#menugauche ul li a:hover, #menugauche ul li a:visited:hover, #menugauche ul li a.actif, #menugauche ul li a.actif:link, #menugauche ul li a.actif:visited, #menugauche ul li ul li a:hover, #menugauche ul li ul li a:visited:hover, #menugauche ul li ul li a.actif, #menugauche ul li ul li a.actif:link, #menugauche ul li ul li a.actif:visited{
	font-weight: bold;
}
#menugauche ul li strong{
	font-weight: normal;
	color: #3A3A3A;
	padding: 5px 0 5px 2px;
	display: block;
}
#photoindustries{width: 166px;float: left;height: 300px;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{height: 136px;padding: 0;width: 1000px;background: url(Gx/piedPage_bg.gif) repeat-x top;}
#piedPage a{color: #858585;text-decoration: underline;}
#piedPage a:hover{color: #858585;}
#piedPage #copyrights{float: left;margin: 0;text-align: left;padding: 15px 0 0 20px;color: #858585;font-family: Arial;font-size: 10px;}
#piedPage #copyrights a{font-weight:bold;}
#piedPage #copyrights #lienCopyrights{font-weight:normal; text-decoration:none; color:#858585;}
#piedPage #copyrights #lienCopyrights:hover{font-weight:normal; text-decoration:underline; color: #858585;}
#piedPage #logopp{
	float: right;
	width: 539px;
}
#piedPage #logopp a{
	float : left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	padding : 0;
	margin : 0;
}
#piedPage #logopp a.Krytox{
	width : 114px;
	height : 70px;
	background : url(Gx/piedPage/logo1.gif) no-repeat left top;
}
#piedPage #logopp a.Lincolin{
	width : 89px;
	height : 70px;
	background : url(Gx/piedPage/logo2.gif) no-repeat left top;
}
#piedPage #logopp a.Lubriplate{
	width : 102px;
	height : 70px;
	background : url(Gx/piedPage/logo3.gif) no-repeat left top;
}
#piedPage #logopp a.Trico{
	width : 119px;
	height : 70px;
	background : url(Gx/piedPage/logo4.gif) no-repeat left top;
}
#piedPage #logopp a.Aervoe{
	width : 120px;
	height : 70px;
	background : url(Gx/piedPage/logo5.gif) no-repeat left top;
}
#piedPage #logopp a.Crown{
	width : 115px;
	height : 70px;
	background : url(Gx/piedPage/logo6.gif) no-repeat left top;
}
#piedPage #menupp{
	font: 13px Arial;
	color: #fff;
	padding: 24px 0 0 20px;
}
#piedPage #menupp a, #piedPage #menupp a:visited, #piedPage #menupp a:link{
	font: 13px Arial;
	text-decoration: none;
	color: #fff;
}
#piedPage #menupp a:hover, #piedPage #menupp a:visited:hover{
	text-decoration: underline;
}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{
	background: #686868 url(Gx/boitepara_bg.gif) no-repeat bottom left;
	width: 525px;
	float: left;
}
fieldset h2{	
	color: #fff;
	font:14px Arial;
	font-weight: bold;
	background-color: #3A3A3A;
	padding: 3px 0 3px 10px;
	display: block;
}
fieldset label{font-size: 12px; color: #fff;margin: 3px 0 3px 10px;;float: left;width: 150px;}

.champTexte{	
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.listeDeroulante{
	background: #EEF3F7;	
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-size: 11px;
	margin:2px 0 2px;
}
.boiteTexte{
	background: #EEF3F7;
	border: 1px solid #C9D0D6;
	color: #4E677A;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px;
}
.bouton{
	background-color: #F4B800;
	border: 1px solid #000;
	color: #000;
	font: 12px Arial;
	font-weight: bold;
}
.bouton:hover{background-color: #1A80B6;} /* FF seulement */
.boutonRadio{
	background: #EEF3F7;
	color: #4E677A;
	font-size: 11px;
}
.caseaCocher{
	border: none;
}
.erreur{
	color: #FF1616;
	font-weight: bold;
}