/* 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{
	background: #FFF;
	text-align:center;
}
html{
	color: #000;
	font-size: 12px;
	line-height: 16px;
	font-family: "Trebuchet MS", Arial, Tahoma;
}
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

.vi{display: none;}

/* TEXTES
--------------------------------------------------------------------------------------- */
h1{
	color: #4f879a;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 15px;
}
h2{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 10px;
}
h4{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	background-color: #000;
	padding: 4px 0 4px 10px;
}
p{
	font-size: 12px;
	line-height: 16px;
	color: #000;
	text-align: justify;
}
p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited, a, a:link, a:visited{color: #4f879a; 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, a:hover, a:visited:hover{
	color:#000; text-decoration:underline;
}

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




#coldroite .troisblock{
	padding: 10px 20px;text-align: left;
	background-color: #edebeb;
}


a.suite{padding-top: 5px;display: block;}
.vert{color: #4f879a;}

.lienPDF{
	background: url(Gx/icone_PDF.gif) no-repeat left;
	padding:5px 0 5px 20px;
}

/* CONTENEURS
--------------------------------------------------------------------------------------- */
#conteneur{
	margin: 0 auto 0 auto;
	text-align: justify;
	width:979px;
}
#entete{
	width: 979px;
	height: 140px;
	float: left;
	background: url(Gx/entete_bg.jpg) no-repeat right bottom;
	border-bottom: 1px #707988 solid;
	position: relative;
}
/*a#logo{
	display: block;
	float: left;
	text-decoration : none;
	text-indent : -999em;
	overflow : hidden;
	width : 303px;
	height : 82px;
	background : url(Gx/logo.gif) no-repeat left top;
}*/

#centre{
	float: left;
	width: 979px;
	margin-bottom: 20px;
	position: relative;
	background: url(Gx/centre_bg.gif) no-repeat left bottom;
}
#centre.bgpasbas{background: url(Gx/centre_pasbas.gif) no-repeat left bottom;}

#colgauche{
	float: left;
	width: 721px;
	padding-bottom: 20px;
}

#coldroite{
	float: left;
	width: 258px;
}
#contenu{
	padding: 20px 30px 0 30px;
}
#envoyercv{
	float: right;
	width: 250px;
	margin-left: 20px;
}
.contact{float: right;border: 1px #000 solid;}
#boitecarte{
	float: right;
	width: 400px;
}
#carte{
	width: 400px;
	height: 300px;
	border: 1px #000 solid;
}

/* image container pour xfade */
#imageXfadeContainer {
	position:relative;
	height:121px;
}

#imageXfadeContainer img {
	overflow: hidden;
	display:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 258px;
	height:121px;
}
#listeindustrie{
	margin-top: 20px;
}
#listeindustrieacc{
	position: absolute;
	bottom: 0;
	left: 0;
}

#listeindustrie a, #listeindustrie a:link, #listeindustrie a:visited,
#listeindustrieacc a, #listeindustrieacc a:link, #listeindustrieacc a:visited{
	text-align: center;
	display: block;
	float: left;
	background: #f0f0f0 url(Gx/flechebas.gif) no-repeat center 65px;
	height: 114px;
	width: 118px;
	text-decoration: none;
	color: #000;
	border-right: 2px #fff solid;
}
#listeindustrie a:hover, #listeindustrie a:visited:hover, #listeindustrie a.actif, #listeindustrie a.actif:visited,
#listeindustrieacc a:hover, #listeindustrieacc a:visited:hover, #listeindustrieacc a.actif, #listeindustrieacc a.actif:visited{background-color: #d6d6d6;}
#listeindustrie a img, #listeindustrieacc a img{display: block;padding-bottom: 10px;}
#listeindustrie a strong, #listeindustrieacc a strong{padding: 0 5px;display: block;}


/* MENU UTILITAIRE
--------------------------------------------------------------------------------------- */
#menuu{float: right;}
#menuu ul{
	margin:0;
	padding:0;
}
#menuu ul li{
	padding:0;
	margin:0;
	list-style-type:none;
	color: #c0bebe;
	font-size: 11px;
	line-height: 15px;
	padding: 7px 5px 5px 5px;
	display: block;
	float: left;
}
#menuu ul li.dernier{padding: 7px 0 5px 5px;}
#menuu ul li a, #menuu ul li a:link, #menuu ul li a:visited{
	text-decoration: none;
	color: #232a34;
	font-size: 11px;
	line-height: 15px;
}
#menuu ul li a:hover, #menuu ul li a:visited:hover{color: #a8c7cc;}
#menuu ul li a.actif, #menuu ul li a.actif:visited{color: #232a34;text-decoration: underline;}

/* MENU PRINCIPAL
--------------------------------------------------------------------------------------- */
#menu{
	position: absolute;
	bottom: 0;
	left: 0;
}
#menu ul{
	margin:0;
	padding:0;
	float: left;
}
#menu ul li{
	padding:0 0 0 10px;
	margin:0;
	list-style-type:none;
	display: block;
	float: left;
}
#menu ul li.premier{padding: 0;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	text-decoration: none;
	color: #221d1d;
	font-size: 11px;
	line-height: 15px;
	text-transform: uppercase;
	display: block;
	float: left;
	padding: 0 10px 6px 0;
	border-bottom: 4px #fff solid;
}
#menu ul li a:hover, #menu ul li a:visited:hover{border-bottom: 4px #a8c7cc solid;}
#menu ul li a.actif, #menu ul li a.actif:visited{border-bottom: 4px #a8c7cc solid;}

/* PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage{
	color:#000000;
	font-size:11px;
	height:50px;
	padding:10px 0 0 0;
	border-top: 1px #707988 solid;
	width: 979px;
}
#piedPage a{color:#000000; text-decoration:none;}
#piedPage a:hover{color:#000000;text-decoration: underline;}
#piedPage #copyrights{float:left; margin:0; text-align:left;}
#piedPage #copyrights #lienCopyrights{text-decoration:none; color:#000000;}
#piedPage #copyrights #lienCopyrights:hover{text-decoration:underline; color: #000000;}


/* MENU PIED DE PAGE
--------------------------------------------------------------------------------------- */
#piedPage ul{
	margin:0;
	padding:0;
	float: right;
}
#piedPage ul li{
	padding:0;
	margin:0;
	list-style-type:none;
	color: #c0bebe;
	font-size: 11px;
	line-height: 15px;
	padding: 0 5px 5px 5px;
	display: block;
	float: left;
}
#piedPage ul li.dernier{padding: 0 0 0 5px;}
#piedPage ul li a, #piedPage ul li a:link, #piedPage ul li a:visited{
	text-decoration: none;
	color: #000000;
	font-size: 11px;
	line-height: 15px;
}
#piedPage ul li a:hover, #piedPage ul li a:visited:hover{text-decoration: underline;}


/* FORMULAIRES
--------------------------------------------------------------------------------------- */
fieldset{border:1px solid #000; font-size: 11px; margin-bottom:10px; padding:5px 5px 5px 10px;}
fieldset legend{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	border: none;
	padding: 0;
}
fieldset label{font-size:12px; color:#000; margin:6px 0 2px 0;display: block;}

.champTexte{	
	background: #f4f3f3;
	border: 1px solid #959595;
	color: #000;
	font-size: 11px;
	width: 200px;
	margin:2px 0 2px 0;
}
.listeDeroulante{
	background: #f4f3f3;	
	border: 1px solid #959595;
	color: #000;
	font-size: 11px;
	width: 200px; 
	margin:2px 0 2px 0;
}
.boiteTexte{
	background: #f4f3f3;
	border: 1px solid #959595;
	color: #000;
	font-family: "Trebuchet MS";
	font-size: 11px;
	margin:2px 0 2px 0;
	width: 200px;
	height: 75px;
}
.bouton{
	background-color: #fff;
	color: #4f879a;
	font-size: 12px;
	font-weight: bold;
}
.bouton:hover{background-color:#4f879a; color:#FFF;}

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

.erreur{color: #FF0000;}


#demande fieldset{border: none;padding: 0;margin: 0;}
#demande .boiteTexte{width: 500px;}
#champgauche{width: 300px;float: left;}
#champdroite{width: 300px;float: left;}