body{
	margin: 0px 0 ;
	padding: 0 px;
	text-align:left;
	height:100%;
	font-size:11px;	
	font-family:Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 1px;	
	background: url(../images/trading/en/bg.jpg);	
	background-repeat: repeat-x;
	background-color: #8c8c8c;
}
#container{
	display:table;
	width: 760px ;
	height:400px;	
	margin: 0 auto ;	
	margin-top:40px;
	text-align: left ;
	border: 0px solid #fff ;
}
#header{
	width:740px;
	top: 0px;
	height: 32px;
	border: 0px solid #fff ;
}

#header a:link {
	color: #aaa;
	text-decoration: none;
}

#header a:visited {
	text-decoration: none;
	color: #aaa;
}

#sidebar {
float:left; /* float the menu to the left */
width:740px;
border:0px solid black;
height:100%; /* so the menu has the height of the main content and
visa versa */
background: url(../images/trading/en/bg_main.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#fff;
}

#main{
	height:100%;
	width: 760px ;
	margin-top: 0px;
	text-align: left ;
	border: 0px solid #fff ;
	display:block;	
	float:left;	
}

#etirable{
	height:100%;
	width: 760px ;
	margin-top: 0px;
	text-align: left ;
	border: 0px solid #fff ;
	display:block;	
	float:left;	
}

/*ACCUEIL*/
#accueil{
	
	height: 368px;
	width: 740px ;
	margin-top: 0px;
	text-align: left ;	
	border: 0px solid #fff ;	
	background:url(../images/trading/en/index_main.jpg);
	background-repeat:repeat-x;
}




#email-section{
	height: 40px;
	width: 350px ;
	text-align: left ;	
	float:left;
	border: 0px solid RED ;	
	padding-left: 45px;
	padding-top: 32px;
	text-align:left;
}
#email img{
border:none;	
	}

.email {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:0.4px;
	text-align:left;
	font-size: 20px;
	padding-right: 0px;
	color: #777;
	margin-bottom: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#betterDeals{
	
	height: 75px;
	width: 125px ;	
	text-align: left ;
	float:left;
	border: 0px solid RED ;
	padding-left: 130px;
	padding-right: 50px;
	padding-top: 10px;
}


#betterDeals ul{ 
width: 125px ;



}

#betterDeals ul li{
padding:0 0 0 10px;
margin-top: 5px;
color:#FFFFFF;
}


.betterDeals {
padding:0 0 0 10px;
margin:0; 
list-style:disc;
color:#FFFFFF;
}

#quicklink{

	height: 150px;
	float:left;
	width: 200px ;	
	text-align: left ;
	padding-left:280px;
	padding-top: 0px;
	border: 0px solid RED ;
	
}
#quicklink a:link{
text-decoration: none;	
color: #ff4800;

}

#quicklink img{
border: 0px;
}

#quicklink a:hover {
text-decoration: underline;
color: #ff4800;
}

#quicklink h1{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bolder;
color: #ff4800;
font-size: 14px;

	letter-spacing: -1px;	
	margin-bottom: 10px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#quicklink p{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:normal;
color: #000;
font-size: 11px;

	letter-spacing: 0px;	
	margin-bottom: 10px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*//////////////////////////////////////////////// NEWS /////////////////////////////////////////////////////*/ 

#new_box{
	text-align: left;
	margin: 3px 0px 3px 0px;
	border: 0px solid red ;
}

#new_box .new_box_title{
	color: #999;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 3px;
}

#new_box .image{
	border: 1px solid #C3C3C4;
	margin-right: 3px;
	padding: 2px 2px 2px 2px;
}

#new_box .image{
}

#new_box .text_preview{
	text-align: justify;
}

#news{	
	
	height: 240px;
	width: 190px ;
	float:right;
	padding-top:28px;
	padding-right:40px;
	text-align: left ;
	border: 0px solid #fff ;
	/*background-color:#00FF00;	*/
}


#news h2{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color: #ffcc00;
	font-size: 11px;
	letter-spacing: 0px;	
	margin-bottom: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#news h3{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color: #ffcc00;
	font-size: 10px;
	letter-spacing: 0px;	
	margin-bottom: 0px;	
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 140px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#news p{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 0px;	
	margin-bottom: 0px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;	
	padding-top: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

#news a:link{
color:#ffcc00;	
}

#news a:hover{
color:#ff4800;	
}
#banner img{
	display:block;
	position: relative;
	vertical-align:top;	
}

/*//////////////////////////////////////////////// NEWS /////////////////////////////////////////////////////*/ 

 /* CONTENT	*/
#content{
	height:100%;
	width: 740px ;
	margin-top: 0px;
	text-align: left ;		
	border: 0px solid #fff ;	
	background: #ffffff;
}


#textePrincipal{	
	height: 100%;
	float:left;	
	width: 680px ;
	margin-top: 0px;
	margin-left: 20px;
	text-align: left ;
	border: 0px solid #000 ;
	color:#000000;	
}



#bas{
	float:left;
	height: 73px;
	width: 740px ;
	margin-top: 0px;
	text-align: left ;
	border: 0px solid #fff ;	
	background: url(../images/trading/en/bas_main.jpg);	

}




/* -----------------------------------------------FOOTER----------------------------------------------------------------------*/
#vdividermenu ul{

margin: 0;
padding: 0px;
float: left;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
height:39px;
width: 434px;
border: 0px solid #625e00;
padding-left:20px;
padding-top:8px;
padding-right:0px;
margin-left:145px;
border: 0px solid #fff ;
background:url(../images/trading/en/menuFooter.jpg);
background-repeat:no-repeat;

}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 454px;
margin-left:50px;


}

#vdividermenu ul li{

display: inline;
}

#vdividermenu ul li a{

float: left;
color:#FFFFFF;
padding: 2px 6px;
text-decoration: none;
/*background: transparent url(../images/trading/en/puce.jpg) right no-repeat;*/

}

#vdividermenu ul li a:visited{
/*color: black;*/
}

#vdividermenu ul li a:hover{
color: black;
background-color:#CCCCCC;
text-decoration:none;

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


#footer{
	
margin: 0;
padding: 0px;
float: left;
color:#FFFFFF;
height:39px;
width: 600px;
border: 0px solid #625e00;
padding-left:20px;
padding-top:0px;
padding-right:0px;
margin-left:80px;
border: 0px solid #fff ;
	
	

}

#footer p{
	font-size:10px;	
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
}
 /* NOUVELLES*/
 
.nouvelle_image{
	float: left; 
	border-width: 1px;
	border-style: solid;
	border-color: #5A5C59;
	padding: 1px 1px 1px 1px;
	margin-right: 15px;
}





h1{
	letter-spacing: 2px;
	font-size: 21px;
	padding-right: 18px;
	color: #777;
	margin-bottom: 10px;
	clear: both;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


a:link {
	color: #ff4800;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #ff4800;
}
a:hover {
	text-decoration: none;
	color: #ff4800;
}
a:active {
	text-decoration: none;
	color: #ff4800;
}

.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:35px; background:#fff url(../images/trading/en/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu2 li {float:left;}
.menu2 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu2 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu2 li.current a {color:#fff; background:url(../images/trading/en/button3.gif);}
.menu2 li.current a b {background:url(../images/trading/en/button3.gif) no-repeat right top;}
.menu2 li a:hover {color:#fff; background:#000 url(../images/trading/en/button4.gif);}
.menu2 li a:hover b {background:url(../images/trading/en/button4.gif) no-repeat right top;}
.menu2 li.current a:hover {color:#fff; background:#000 url(../images/trading/en/button3.gif); cursor:default;}
.menu2 li.current a:hover b {background:url(../images/trading/en/button3.gif) no-repeat right top;}



/* -------------------------------------------------- CLASS -----------------------------------------------------*/
.titre
{
	font-family:Arial, Helvetica, sans-serif;
	color: #ff4800;
	font-size: 11px;
	font-weight: bolder;
	margin: 2px 0px 5px 0px;
}
.date
{
	font-family:Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 9px;
	font-weight: bolder;
	margin: 2px 0px 5px 0px;
}
img{
border:none;
}

.name{
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
}

input.validation-failed, textarea.validation-failed {
	border:1px solid #FF3300;
	color:#FF3300;
}

.validation-advice {
	margin-top:2px;
	color:#FF3300;
}

/*



#footerBtn{



height: 53px;

float: right;

margin-right: 10px;

background: url(img/btn_bg.gif) no-repeat;	

}



#footerBtn h6{



	text-indent: 8px;	

	line-height: 1.7em ;

	letter-spacing: 2px;

	font-size: 12px;

	padding-right: 18px;	

	color: #999999;

	margin-bottom: 10px;	

	clear: both;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	

}



#titre

{

	

	height: 16px;

	margin-top: 15px;

	margin-left: 80px;	

	width: 250px;	

	color: #fff ;

}



#titre h2 {

	font-family: Arial;

	font-size: 16px;

	font-weight: lighter;

	text-align: left;

	margin-left: 30px;

	padding: 0px;

	margin-bottom: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	}

	

#titre h2 a{

font-family: Arial;

	font-size: 15px;

	font-weight: lighter;

	text-align: left;

	padding: 0px;

	margin: 10px 0 0 5px;

	padding-top: 0;

	color: #fff ;

}

	

#navlist { 



margin-top: 15px;

margin-left: 20px;

width: 500px ;

}





ul

{

list-style-type: none;

padding: 0;

margin:0px;

text-align: left;

width: 100px;

}



li

{



background-image: url(img/arrow_small.gif);

background-repeat: no-repeat;

padding-left: 8px;

padding-top: 3px;

background-position: 0px;

padding-top: 10px;

 v1 of the commented backslash hack. This \ character between rules appears to have the effect 

that macIE5 ignores the following rule. Odd, but extremely useful. 

padding-top: 3px;

}



a {

	font-family: Helvetica;

	font-weight: normal;

	color: #f95aae;

	text-decoration: none;

	text-transform: uppercase;

	font-size: 9px	;

	padding-right: 2px;

	padding-left: 2px;

	}



a:hover {

	

	color: #fb77bd;

	text-decoration: underline;

	text-transform: uppercase;	

	padding-right: 2px;

	padding-left: 2px;

	}





p {

	font: 10px "Trebuchet MS", helvetica, sans-serif ;

	letter-spacing: 0px;

	text-align: left;

	color: #666666;

	font-size: 10px	;	

	margin-bottom: 0px;	

	margin-top: 0px;

	margin-right: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	}

		



#footer a {

letter-spacing: 0px;

	font-family: Helvetica;

	font-weight: normal;

	color: #cccccc;

	text-decoration: none;

	text-transform: uppercase;

	font-size:10px	;

	padding-right: 0px;

	padding-left: 0px;

	}



#footer a:hover{

letter-spacing: 0px;

	font-family: Helvetica;

	font-weight: normal;

	color: #cccccc;

	text-decoration: underline;

	text-transform: uppercase;

	font-size:10px	;

	padding-right: 0px;

	padding-left: 0px;

	}
*/