html{
	font-family: Arial, Verdana, Tahoma, Helvetica, "Trebuchet MS", Georgia, Times, "Times New Roman", "Courier New";
	color: #545037;
	font-size: 12px;
}

a, a:link, a:visited{
	color: #5E849B;
	font-weight: bold;
	text-decoration: none;
}

a:hover{
	text-decoration: underline	
}

body#main{
	background: #FFF url(Gx/bg_main.gif) repeat-x 0 0;
	margin: 0;
	padding: 0;
	text-align:center;}

#container{
	margin: 0 auto 0 auto;
	padding: 21px 0 0 0;
	width:1004px;
	text-align: left;}
#headers{
	background: #FFF url(Gx/bg_headers.gif) no-repeat 0 0;	
	height: 37px;}
#imghead{
	height: 208px;}
#imghead img{
	display: block;
	border: none;}	
#content{
	background: #FFF url(Gx/bg_content.gif) repeat-y 0 0;
	text-align: justify;}
#left{
	float: left;
	width: 550px;
	_width: 620px;
	line-height: 16px;
	position: relative;
	padding: 0 25px 0 45px;
	margin:27px 8px 0 0;
	/*background: Aqua;*/
}
#right{
	float: left;
	width: 370px;
	line-height: 16px;
	font-size:11px;
	text-align: left;
	/*background: Fuchsia;*/
}
#menuheaders{
	width: 300px;
	float: left;
	/*background: Aqua;*/
	padding: 3px 0 0 13px;
	margin: 0px;}
#menuheaders ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;}
#menuheaders li{
	padding: 0px;
	margin: 0px;
	display: inline;
	float: left;}
#menuheaders a, #menuheaders a:link, #menuheaders a:visited{
	display: block;
	line-height: 34px;
	height: 34px;
	float: left;
	color: #FFF;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 15px 0px 25px;
	border-left: 1px solid #2E4B5C;}
#menuheaders a.first, #menuheaders a.first:link, #menuheaders a.first:visited{
	background: #3E6176 url(Gx/bg_head_home.gif) no-repeat 7px 12px;
	}
#menuheaders a.second, #menuheaders a.second:link, #menuheaders a.second:visited{
	background: #3E6176 url(Gx/bg_head_contact.gif) no-repeat 6px 12px;
	}
#menuheaders a.last, #menuheaders a.last:link, #menuheaders a.last:visited{
	background: #3E6176 url(Gx/bg_head_link.gif) no-repeat 6px 11px;		
	border-right: 1px solid #2E4B5C;
	}
#menuheaders a.first:hover, #menuheaders a.second:hover, #menuheaders a.last:hover{
	background-color: #698CB2;
	text-decoration: none;
	}
#menuheaders ul li a.actif, #menuheaders ul li a.actif:visited{
	background-color: #698CB2;
	}
	
#menubottom{
	color: #FFF;
	height: 43px;
	line-height: 43px;
	text-align: right;
	padding: 0 15px 0 0;}
#menubottom a, #menubottom a:link, #menubottom a:visited{
	color: #FFF;
	font-weight: normal;
	text-decoration: none;}
#menubottom a.actif, #menubottom a.actif:link, #menubottom a.actif:visited{
	text-decoration: underline;}
#menubottom a:hover{
	text-decoration: underline;}

#menu{
	background: transparent url(Gx/bg_menu.gif) no-repeat 0px 0px;	
	height: 46px;
	padding: 0 0 0 13px;
	margin: 0;}
	
#menu ul{
	padding: 0;
	margin: 0px;
	list-style-type: none;}
#menu ul li{
	padding: 0;
	margin: 0;
	display: inline;
	float: left;}
#menu ul li a, #menu ul li a:link, #menu ul li a:visited{
	font-size: 12px;
	color: #FFF;
	height: 46px;
	line-height: 46px;
	display: block;
	float: left;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 20px;
	background: #3E6176;
	border-left: solid 1px #2E4B5C;}
#menu ul li a.last, #menu ul li a.last:link, #menu ul li a.last:visited{	
	border-right: solid 1px #2E4B5C;}
#menu ul li a:hover, #menu ul li a:visited:hover{
	background: #5E849B;}
#menu ul li a.actif, #menu ul li a.actif:visited{
	background: #698CB2;}


	
	
#menu ul li.intranet a, #menu ul li.intranet a:link, #menu ul li.intranet a:visited{
	background: #3E6176 url(Gx/bg_menu_intranet.gif) no-repeat 85px 17px;
	padding: 0px 48px 0px 38px;
}
#menu ul li.intranet a:hover, #menu ul li.intranet a:visited:hover{
	background: #5E849B url(Gx/bg_menu_intranet.gif) no-repeat 85px 17px;
}
#menu ul li.intranet a.actif, #menu ul li.intranet a.actif:visited{
	background: #698CB2 url(Gx/bg_menu_intranet.gif) no-repeat 85px 17px;
}
	
#cadFournisseur{background:url(Gx/btn_fournisseur.jpg) no-repeat;
width:370px;
height:162px;
display:block;}	
#cadFournisseur:hover{background:url(Gx/btn_fournisseur_over.jpg) no-repeat;	}
	
#submenu{
	font-size:10px;
	position: absolute;
	top: -19px;
	right: 0px;
	text-align: right;
	display: block;
	color: #8F5A4E;
}
	
#submenu a, #submenu a:link, #submenu a:visited{
	font-weight: normal;
	text-decoration: none;
	color: #8F5A4E;}
#submenu a.actif, #submenu a.actif:link, #submenu a.actif:visited{
	text-decoration: underline;
	color: #D4593D;}	
#submenu a:hover{
	text-decoration: underline;
	color: #524D30;}
	
ul{
	margin: 0 0 0 60px;
	padding: 0px;
	list-style-type: disc;}	
	
#multilevel{}
#multilevel ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none }
#multilevel ul ul{
	margin: 5px 0 5px 20px;}
#multilevel li{
	margin: 0px;
	padding: 0px;	}
#multilevel a, #multilevel a:link, #multilevel a:visited{
	background: transparent url(Gx/blue_arrow.gif) no-repeat 0px 3px;		
	color: #2B537D;
	font-weight: bold;
	text-decoration: none;
	line-height: 19px;
	padding: 0 0 0 15px;}
#multilevel a.actif, #multilevel a.actif:link, #multilevel a.actif:visited{
	background: transparent url(Gx/red_arrow.gif) no-repeat 0px 3px;		
	color: #8F5A4E;}
#multilevel a:hover{
	background: transparent url(Gx/red_arrow.gif) no-repeat 0px 3px;		
	color: #8F5A4E;
	text-decoration: underline;}
.docs{
	margin: 0px;
	padding: 0px;
	list-style-type: none; }	
.docs li{
	margin: 0px;
	padding: 0 0 8px 0px;}	
.docs li.title{
	font-weight: bold;}
.docs a, .docs a:link, .docs a:visited{	
	font-weight: normal;
	text-decoration: none;
	color: #4D7085;
	font-size: 11px;
	line-height: 18px;
	/*display: block;*/
	/*width: 90%;*/
	padding: 0 0 3px 30px;}
.docs a:hover{
	text-decoration: underline;}
	

#btnews{
	padding: 0 25px 0 45px;
	width:250px;
}
	
h1{
	font-size: 16px;
	color: #747053;
	display: block;
	padding: 14px 0 0 0;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;}
h1.news{
	background: transparent url(Gx/reddown_arrow.gif) no-repeat 97% 85%;		
	color: #8F5A4E;
	text-transform: none;}
span.news{
	font-weight: normal;}
.newsimg{
	float: left;
	margin: 0 10px 10px 0;
}
h2{
	font-size: 12px;
	color: #747053;
	display: block;
	padding: 6px 0 0 0;
	margin: 0px;
	font-weight: bold;
	text-transform: uppercase;}


.both{clear: both;}


#fournisseur{
width:auto;
}
#fournisseur td{
	border:solid 1px #000;
	text-align:left;
	width:33%;
}
#fournisseur table{
	width:100%;
}

#fournisseur table img{
	border:0;
}
#fournisseur strong{
	font-size:14px;
}
#fournisseur #image{
text-align:center;
height:130px;
}
#alignimage td{ vertical-align:middle; height:120px; border:0}


.ulleft{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 40%;
	/*background: Aqua;*/
}

.ulright{
	float: right;
	margin: 0px;
	padding: 0px;
	width: 55%;
	/*background: Fuchsia;*/
}

table{
	border: none;
	border-collapse: collapse;
	font-size: 11px;
	color: #545037;	}
table td{
	text-align: center;
	padding: 3px 5px;}

#listmembre{
	border: none;
	border-collapse: collapse;
	font-size: 11px;
	color: #545037;
	width: 99%;
	text-align: left;	}
#listmembre th{
	border-right: 2px solid #F5F5F5;
	background: #4D7085;
	color: #FFF;
	padding: 5px 5px 5px 8px;
}	
#listmembre td{
	border-right: 2px solid #F5F5F5;
	width: 34%;
	padding: 4px 5px 4px 8px;
	vertical-align: middle;
	text-align: left;}
#listmembre .mod td{
	background: #E9E9E9;}

dl{
	margin: 0px;
	padding: 0px;	}
dt{
	padding: 0px;
	margin: 0px;}
dd{
	padding: 0px;
	margin: -16px 0 5px 30px;	
}

.colleft{
	float: left;
	width: 260px;}
.colright{
	float: right;	
	width: 260px;	}



#copyrights{ 
	background: Transparent url(Gx/bg_bottom.gif) no-repeat 0px 0px;	
	margin: 0;
	padding: 0px 0 0 6px;
	color: #BEBEBE;}
#copyrights a#vortex, #copyrights a#vortex:link, #copyrights a#vortex:visited{ 
	color: #000000;
	font-weight: bold; 
	text-decoration: none;}
#copyrights a#vortex:hover{
	color: #000000;}

.inputtext{	
	color: #545037;
	border: 1px solid #CCC;
	background: #FFF;
	font-size: 11px;
	width: 250px;
}
.boutonRadio{
	color: #4E677A;
	background: #EEF3F7;
	font-size: 11px;
}
.listeDeroulante{
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
	font-size: 11px;
}
.boiteTexte{
	font-family: "Trebuchet MS";
	font-size: 11px;
	color: #4E677A;
	border: 1px solid #C9D0D6;
	background: #EEF3F7;
}
textarea{
	color: #545037;
	border: 1px solid #CCC;
	background: #FFF;
	font-size: 11px;
	width: 250px;
}
.inputbutton{
	background-color: #FFF;
	color: #545037;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #CCC;
	padding: 2px 5px; 
}
.boutonImage{
	border:0px;
}
.caseaCocher{
	background-color: #FFF;
}
.erreur{
	font-size: 11px;
	color: #FF0000;
}

#headersform{
	width: 500px;
	float: right;
	padding: 9px 15px 0 0;}
#headersform label{
	float: right;
	/*width: 86px;*/
	color: #FFF;
	font-weight: bold;
	display: block;
	padding: 3px 0 0 0;	}
#headersform .logged{
	text-align: right;
	padding: 3px 20px 0 0;
	font-style: italic;	}
#headersform a, #headersform a:link, #headersform a:visited{
	display: block;
	float: right;	
	line-height: 20px;
	text-transform: uppercase;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;}
#headersform a:hover{
	text-decoration: underline;}
#headersform .inputtextheaders{
	background: #698CB2;
	color: #E5E3D4;
	float: right;
	border: none;
	margin: 0 10px;
	padding: 0px 0px;
	height: 21px;}
#headersform .btn{
	float: right;
	border: none;
	margin: 0px;
	padding: 0px;}
	
#boutonRecrutement {
	height: 62px;
	width:370px;
	padding:0;
}
#banner {
	height:162px;
	width:370px;
	padding:0;
}
	

/* LIGHTBOX CONTROL
--------------------------------------------------------------------------------------- */
#lightbox { padding:20px 20px 5px 20px; margin-top:100px;}
#lightboxDetails { padding-top:5px; }	
#lightboxCaption { float:left; color:#fff; font-size:12px;font-weight:bold }
#keyboardMsg { float:right; }
#keyboardMsg a { color:#fff; font-size:11px; text-decoration:none; letter-spacing:2px; text-transform:uppercase; font-weight:bold; }
#lightbox img { border:none; } 
/*#overlay img { border:none; }*/

div#overlay{

	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	/*background-color: #d48bc9; */
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
}
div#loadingDivImage{
	/*display: none;*/
}
img#loadingImage{
	/*width: 32px;
	height: 32px;*/
	/*background: #FFF;*/
	/*border: 1px solid #000;*/
}
/* couleur conter popup produit lightbox */
#lightbox { background:#4D7085; }
/* couleur du fond tranparent */
#overlay{
	background-color: #E9E9E9; 
}