/* Mise en forme des formulaires */

select, form {
	margin:0;
	padding:0;
}
label{
	display:block;
	float:left;
	clear:left;
	font: bold 12px Arial, Helvetica, sans-serif;
	width:180px;
	margin-right:10px;
	text-align:right;
	height:26px;
	line-height:16px;
}
label.login{
	margin:0;
	display:inline;
	float:none;
	clear:none;
	height:auto;
}
label.nolimit{
	width:auto;
	text-align:left;
	margin:auto;
}
label.w1
{
	width: 115px;
}
label.w2
{
	width: 100px;
}
label.w3
{
	width: 75px;
}
.input_text{
	float:left;
	font: 9pt Arial, Helvetica, sans-serif;
	vertical-align:middle;
	margin-bottom: 8px;
	border:#c8c8c8 1px solid;}
.input_select.focus, .input_text.focus
{
	background-color:#FFFF99;
}

.input_text.w1
{
	width: 150px;
}
.input_text.w2
{
	width: 99px;
}
.input_select.w3
{
	width: 154px;
}
.input_text.w4
{
	width: 106px;
}
.input_text.w5 /** paper trading **/
{
	width: 50px;
}
.input_text.w6 /** paper trading **/
{
	width: 75px;
}
.input_text.flux /** champ dans une phrase **/
{
	margin-left: 5px;
	margin-right: 5px;
}
.input_text.small{
	width:200px;
}
.input_text_200px{
	width:200px;
	border:#c8c8c8 1px solid;}

.input_invisible{
	border: 0px;
	background-color: transparent;
}
.input_submit{
	float:left;
	margin-left:150px;
}
.input_static{
	float:left;
	font: 12px Arial, Helvetica, sans-serif;
	vertical-align:top;
	height:18px;
	line-height:16px;
	border: 0px solid red;
}
html>body .input_static{
	line-height:16px;
}
.input_text_login{
	width:100px;
	display:inline;
	margin:0;
	font: 9pt Arial, Helvetica, sans-serif;
	border:#c8c8c8 1px solid;}

.input_text_prefix_phone{
	width:30px;
	display:inline;
	text-align: right;
	float:left;
	font: 9pt Arial, Helvetica, sans-serif;
	margin-right: 4px;
	vertical-align:middle;
	border:#c8c8c8 1px solid;}
.input_select{
	float:left;
	line-height:20px;
	font: 9pt Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	margin-bottom:8px;
	border:#c8c8c8 1px solid;}


option{
	margin-right:5px;
}
.form_groupe{
	display:block;
	float:left;
	clear:none;
	padding:0;
}

.form_groupe label, .form_groupe input, .form_groupe .flot, .form_groupe .input_select,.form_groupe .radio_check, .form_groupe .input_static{
	display:block;
	float:left;
	clear:none;
	text-align: left;
}
.form_groupe.nolimit label{
	width: auto;

}
.form_groupe.nolimit br
{
	clear: both;
}
.input_radio_check, .radio_check{
	width:16px;
	height:16px;
	display:block;
	float:left;
	clear:right;
	margin-right:5px;
	margin-top:2px;
}
.input_textarea{
	width:340px;
	height:120px;
	float:left;
	margin-bottom: 10px;
	border:#c8c8c8 1px solid;}
.input_bouton_1{
	display:block;
	float:left;
	clear:both;
	margin-top:10px;
	cursor: pointer;
}
.input_bouton_2{
	display:block;
	float:left;
	clear:both;
	margin-top:0;
	cursor: pointer;
}
.input_bouton_3{
	
	display:block;
	clear:both;
	margin: 0px auto;
	background: url(../images/btn_yellow_1.gif) no-repeat 0 0;
	width: 111px;
	height: 29px;
	color: #000084;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 29px;
	text-decoration: none;
	text-align: center;
	border: 0px;
	cursor: pointer;
}
.input_bouton_3:hover{
	background-position: -111px 0;
}
.input_bouton_3.noclear{
	clear:none;
	margin: auto;
	display: inline;
}
.input_bouton_3_nobkg{

	display:block;
	clear:both;
	margin: 0px auto;
	background: url(../images/btn_yellow_3_nobkg.png) no-repeat 0 0;
	width: 111px;
	height: 29px;
	color: #000084;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 29px;
	text-decoration: none;
	text-align: center;
	border: 0px;
	cursor: pointer;
}
.input_bouton_3_nobkg.blue{
	clear:none;
	margin: auto;
	display: inline;
	background: url(../images/btn_blue_3_nobkg.png) no-repeat 0 0;
}
.input_bouton_3_nobkg:hover{
	background-position: -111px 0;
}
.input_bouton_4{
	display: block;
	float: left;
	clear: none;
	background: url(../images/btn_yellow_2b.gif) no-repeat 0 0;
	width: 166px;
	height: 29px;
	color: #000084;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 29px;
	text-decoration: none;
	text-align: center;
	border: 0px;
	cursor: pointer;
}
.input_bouton_4:hover{
	background-position: -166px 0;
}
.input_bouton_4.nofloat{
	float: none;
}
.input_bouton_4.noclear{
	clear:none;
	margin: auto;
	display: inline;
	float: none;
}
.input_bouton_5{
	display: block;
	float: right;
	clear: none;
	margin-left: 0px;
	border: 0px;
	background: url(../images/btn_yellow_3.png) no-repeat 0 0;
	width: 121px;
	height: 25px;
	color: #000084;
	font-weight: bold;
	line-height: 20px;
	text-decoration: none;
	text-align: center;
	font-size: 11pt;
	cursor: pointer;
}
.input_bouton_5:hover{
	background-position: -121px 0;
}
.input_bouton_6
{
	display:block;
	clear:both;
	margin: 0px auto;
	background: url(../images/btn_yellow_2b.gif) no-repeat 0 0;
	width: 166px;
	height: 29px;
	color: #000084;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 29px;
	text-decoration: none;
	text-align: center;
	border: 0px;
	cursor: pointer;
}
.input_bouton_6:hover
{
	background-position: -166px 0;
}
.input_bouton_ok_yellow,.input_bouton_ok{
	margin-top: -3px;
	margin-left: 2px;
	display:inline;
	background: url(../images/btn_blue_ok.gif) no-repeat 0 3px;
	width: 37px;
	height: 26px;
	color: #000084;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	vertical-align: top;
	font-size: 9pt;
	border: 0px;
	padding-left: 2px;
	cursor: pointer;
}
.input_bouton_ok_yellow:hover,.input_bouton_ok:hover{
	background-position: -37px 3px;
	
}
.input_bouton_ok_yellow
{
	background: url(../images/btn_yellow_ok.gif) no-repeat 0 3px;
}
.input_bouton_forex{
	margin-top: -3px;
	margin-left: 2px;
	display:block;
	clear:both;
	margin: 0px auto;
	background: url(../images/btn_forex_description.gif) no-repeat 0 0;
	width: 446px;
	height: 26px;
	color: #000084;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	font-size: 9pt;
	vertical-align: top;
	text-decoration: none;
	text-align: center;
	border: 0px;
	cursor: pointer;
}
.input_bouton_forex:hover{
	background-position: -446px 0;
}

/* Cadre de mise en évidence */
table.highlight_blue, table.highlight_yellow
{
	width: 520px;
	min-height: 50px;
	border-collapse: collapse;
	background-color: #ded7ed;
	background-image: url(../images/div_highlight_blue_gradient.gif) !important;
	background-position: 6px 0px;
	background-repeat: repeat-x;
	margin: 0px auto;
}
table.highlight_yellow
{
	background-image: url(../images/div_highlight_yellow_gradient.gif) !important;
	background-color: #ffe68f;
}
table.highlight_blue tr, table.highlight_blue tr th, table.highlight_blue tr td,
table.highlight_yellow tr, table.highlight_yellow tr th, table.highlight_yellow tr td
{
	background-color: transparent;
	padding: 0px;
}
table.highlight_blue tr.top, table.highlight_blue tr.bottom,
table.highlight_yellow tr.top, table.highlight_yellow tr.bottom
{
	min-height: 6px;	
}
table.highlight_blue tr td.tl, table.highlight_yellow tr td.tl {
	background-image: url(../images/div_highlight_blue_corner_tl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 7px;
	height: 6px;
}
table.highlight_yellow tr td.tl {
	background-image: url(../images/div_highlight_yellow_corner_tl.gif);
}
table.highlight_blue tr td.tr, table.highlight_yellow tr td.tr {
	background-image: url(../images/div_highlight_blue_corner_tr.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 7px;
	height: 6px;
}
table.highlight_yellow tr td.tr {
	background-image: url(../images/div_highlight_yellow_corner_tr.gif);
}
table.highlight_blue tr td.t, table.highlight_yellow tr td.t {
	background-image: url(../images/div_highlight_blue_border_t.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 6px;
	background-color: white;
}
table.highlight_yellow tr td.t {
	background-image: url(../images/div_highlight_yellow_border_t.gif);
}
table.highlight_blue tr td.bl, table.highlight_yellow tr td.bl {
	background-image: url(../images/div_highlight_blue_corner_bl.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: 7px;
	height: 6px;
	background-color: white;
}
table.highlight_yellow tr td.bl {
	background-image: url(../images/div_highlight_yellow_corner_bl.gif);
}
table.highlight_blue tr td.br, table.highlight_yellow tr td.br {
	background-image: url(../images/div_highlight_blue_corner_br.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: 7px;
	height: 6px;
	background-color: white;
}
table.highlight_yellow tr td.br {
	background-image: url(../images/div_highlight_yellow_corner_br.gif);
}
table.highlight_blue tr td.b, table.highlight_yellow tr td.b {
	background-image: url(../images/div_highlight_blue_border_b.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 6px;
	background-color: white;
}
table.highlight_yellow tr td.b {
	background-image: url(../images/div_highlight_yellow_border_b.gif);
}
table.highlight_blue tr th.ml,table.highlight_blue tr td.ml, 
table.highlight_yellow tr th.ml,table.highlight_yellow tr td.ml {
	background-image: url(../images/div_highlight_blue_border_ml.gif);
	background-repeat: repeat-y;
	background-position: left;	
	width: 7px;	
}
table.highlight_yellow tr th.ml,table.highlight_yellow tr td.ml {
	background-image: url(../images/div_highlight_yellow_border_ml.gif);
}
table.highlight_blue tr th.mr,table.highlight_blue tr td.mr,
table.highlight_yellow tr th.mr,table.highlight_yellow tr td.mr {
	background-image: url(../images/div_highlight_blue_border_mr.gif);
	background-repeat: repeat-y;
	background-position: right;
	width: 7px;
}
table.highlight_yellow tr th.mr,table.highlight_yellow tr td.mr {
	background-image: url(../images/div_highlight_yellow_border_mr.gif);
}
table.highlight_blue tr th.title, table.highlight_yellow tr th.title {
	height: 25px;
	font: 9pt Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 18px;
	color: black;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
table.highlight_blue tr td.content_highlight, table.highlight_yellow tr td.content_highlight {
	font: 9pt Arial, Helvetica, sans-serif;
	/*line-height: 18px;*/
	color:black;
	padding: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	text-align: left;
}
/* Fin des cadres de mise en évidence */

/* Cadre de mise en évidence de form dans les CGVs (ancienne version) */
.div_form_highlight {
	display: block;
	width: 520px;
	margin: 15px auto;
	height: auto;
	background-color: #FFF2BF;
	border-left: 1px solid #FBCB01;
	border-top: 1px solid #FBCB01;
	border-right: 1px solid #AD8B01;
	border-bottom: 1px solid #AD8B01;
	padding: 0px;
	clear: both;
}

.div_form_highlight_bleu,.div_form_highlight_blue {
	display: block;
	width: 520px;
	margin: 0px auto;
	height: auto;
	background-color: #eeeaf6;
	border-left: 1px solid #8080c0;
	border-top: 1px solid #8080c0;
	border-right: 1px solid #000080;
	border-bottom: 1px solid #000080;
	padding: 0px;
	clear: both;
}

.div_form_highlight .title_form_highlight {
	display: block;
	width: 520px;
	margin: 0px auto;
	height: 40px;
	background-color: #FFF2BF;
	line-height: 40px;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: black;
	clear: both;
}

.div_form_highlight_bleu .title_form_highlight_bleu,.div_form_highlight_blue .title_form_highlight_blue {
	display: block;
	width: 520px;
	margin: 0px auto;
	height: 40px;
	background-color: #eeeaf6;
	line-height: 40px;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:white;
	clear: both;
}

.div_form_highlight .content_form_highlight {
	display: block;
	width: 500px;
	margin: 0px auto;
	height: auto;
	background-color: #FFF2BF;
	font: 9pt Arial, Helvetica, sans-serif;
	color:black;
	clear: both;
	padding: 10px;
}

.div_form_highlight_bleu .content_form_highlight_bleu,.div_form_highlight_blue .content_form_highlight_blue {
	display: block;
	width: 500px;
	margin: 0px auto;
	height: auto;
	background-color: #eeeaf6;
	font: 9pt Arial, Helvetica, sans-serif;
	color:black;
	clear: both;
	padding: 10px;
}

.div_form_highlight .content_form_highlight table, .div_form_highlight .content_form_highlight table tr, .div_form_highlight .content_form_highlight table tr td, .div_form_highlight_bleu .content_form_highlight_bleu table, .div_form_highlight_bleu .content_form_highlight_bleu table tr, .div_form_highlight_bleu .content_form_highlight_bleu table tr td, .div_form_highlight_blue .content_form_highlight_blue table, .div_form_highlight_blue .content_form_highlight_blue table tr, .div_form_highlight_blue .content_form_highlight_blue table tr td
{
	background-color: transparent;
}
/** Fin d'ancien block **/

/* Accessoires pour mise en page */
.clear
{
	clear:both;
}
.nodisplay
{
	display:none;
}
.hidden
{
	visibility:hidden;
}
.justified
{
	text-align:justify;
}
.smaller
{
	font-size:smaller;
}