@import url(../../sq-css-common/css/sq_global.css);

body{
	font-family: Verdana, Helvetica;
}

#header {
	margin: 0;
	padding: 0;
}

#header h1 {
  	font-family: arial;
  	color: #f96;
  	font-weight: bold;
  	font-size: 14px;
  	padding: 0 0 4px 0;
  	margin: 0 0 10px 0;
  	border-bottom: 1px solid #ccc;
}

#header h1 span {
 	color: #666;
  	font-weight: bold;
  	font-size: 14px;
}

/* BOX  */
/*-------------------------------*/
.box{
  	margin: 0;
  	padding: 0;
}
/*-------------------------------*/
.box .header{
  	margin: 0;
  	padding: 0;
  	height: 34px;
}

.box .header .right{
  	margin: 0;
  	padding: 0;
  	height: 34px;
  	background-image: url('../images/header_corner_right.gif');
  	background-repeat: no-repeat;
  	background-position: right top;
}

.box .header .left{
  	margin: 0;
  	padding: 0;
  	height: 34px;
  	background-image: url('../images/header_corner_left.gif');
  	background-repeat: no-repeat;
}

.box .header .content{
  	margin: 0;
  	margin-left:11px;
  	margin-right:11px;
  	padding: 0;
  	height: 34px;
  	background-image: url('../images/header_middle.gif');
  	background-repeat: repeat-x;
}
/* personnalisation du titre (h2) des box titre header*/

.box h2{
  	margin: 0;
  	padding: 10px 0 0 0;
  	font-weight: bold;
  	color: #fff;
  	font-size: 13px;
  	text-align: left;
}

.box h2 span{
  	color: #b55a23;
  	font-weight: bold;
  	font-size: 13px;
}

.box span{
  	margin: 0;
  	padding: 0;
  	text-align: right;
  	display: inline;
}

.box .body{
  	margin: 0;
  	padding: 0;
}

.box .body .right{
  	margin: 0;
  	padding: 0;
  	background-image: url('../images/middle_right.gif');
  	background-repeat: repeat-y;
  	background-position: right top;
}

.box .body .left{
  	margin: 0;
  	padding: 0;
  	background-image: url('../images/middle_left.gif');
  	background-repeat: repeat-y;
}

.box .body .content{
  	padding-left:5px;
  	padding-right:5px;
}

.box .footer{
  	margin: 0;
  	padding: 0;
  	height: 11px;
}

.box .footer .right{
  	margin: 0;
  	padding: 0;
  	height: 11px;
  	background-image: url('../images/footer_corner_right_white.gif');
  	background-repeat: no-repeat;
 	background-position: right top;
}

.box .footer .left{
  	margin: 0;
  	padding: 0;
  	height: 11px;
  	background-image: url('../images/footer_corner_left_white.gif');
  	background-repeat: no-repeat;
}

.box .footer .content{
  	margin: 0;
  	margin-left:11px;
  	margin-right:11px;
  	padding: 0;
  	height: 11px;
  	background-image: url('../images/footer_middle_white.gif');
  	background-repeat: repeat-x;
}

/* class pour mettre un footer blanc */
.box .footer.highlight .right {
  	background-image: url('../images/footer_corner_right.gif');
}

.box .footer.highlight .left{
  	background-image: url('../images/footer_corner_left.gif');
}

.box .footer.highlight .content{
  	background-image: url('../images/footer_middle.gif');
}

/* Box */
.box_table{
  	margin: 0;
  	padding: 0;
  	width: 100%;
  	border-collapse: collapse;
  	border-bottom:none;
  	border-right:none;
  	text-align: center;
}

.box_table thead td{
  	padding: 5px 0 5px 10px;
  	border-left: 1px solid #ccc;
  	color: #ffab7f;
  	font-weight: bold;
  	text-align: center;
}

.box_table thead td:first-child {
  	border-left: none;
}

.box_table tbody td{
  	border-top:1px solid #ccc;
  	border-left: 1px solid #ccc;
}

/* text gris */
.box_table tbody td.bold{
  	color: #979797;
  	font-weight: bold;
	font-size: 15px;
}

.box_table tbody td.bold.big{
	font-size: 17px;
}

/* text orange */
.box_table tbody td.bold_text{
  	color: #ffab7f;
  	font-weight: bold;
	font-size: 13px;
}

/* text gris foncé */
.box_table tbody td.bold_important{
	color: #666666;
	font-weight: bold;
	font-size: 17px;
}

.box_table tbody td:first-child {
  	border-left: none;
}

/* fond gris clair */
.box_table tbody td.odd{
  	background-color: #ededed;
}

/* fond orange */
.box_table tbody td.odd_important{
  	background-color: #ffe8d1;
}

.box_table tfoot td {
  	border-top:1px solid #ccc;
  	padding: 15px 0 10px 0;
}

.box_table tfoot tr {
  	background-color:#ffe9d1;
}

.box_table tfoot td.total {
	color: #666666;
	font-size: 17px;
	padding: 7px 0 7px 0;
	font-weight: bold;
}
/*-------------------------------*/
/*-------------------------------*/
/* BOX GRISE */
.box.light .header .right{
  	background-image: url('../images/header_corner_right_grey.gif');
}

.box.light .header .left{
  	background-image: url('../images/header_corner_left_grey.gif');
}

.box.light .header .content{
  	background-image: url('../images/header_middle_grey.gif');
}
/* personnalisation du titre (h2) des box titre header*/

.box.light h2{
  	font-weight: normal;
  	color: #404040;
}

.box.light span{
  	margin: 0;
  	padding: 0;
  	text-align: right;
  	display: inline;
}

.box.light .body .right{
  	background-image: url('../images/middle_right_grey.gif');
}

.box.light .body .left{
  	background-image: url('../images/middle_left_grey.gif');
}

.box.light .footer .right{
  	background-image: url('../images/footer_corner_right_grey.gif');
}

.box.light .footer .left{
  	background-image: url('../images/footer_corner_left_grey.gif');
}

.box.light .footer .content{
  	background-image: url('../images/footer_middle_grey.gif');
}

/* tableau light */
.light_table{
  	margin: 0;
  	padding: 0;
  	width: 100%;
 	border-collapse: collapse;
 	border-bottom:none;
  	border-right:none;
}

.light_table thead td{
  	color: #3c4144;
  	font-weight: bold;
  	padding: 4px 0 4px 0px;
  	background-color: #ffc796;
  	border-left: 1px solid #fea257;
  	text-align: center;
}

.light_table thead td:first-child {
  	border-left: none;
}

.light_table tbody tr.odd{
  	background-color: #ffe7d1;
}

.light_table tbody td{
  	color: #000;
  	font-weight: normal;
  	border-left: 1px solid #fea257;
}

.light_table tbody td:first-child {
  	border-left: none;
}

.light_table tfoot tr{
	background-color: #ededed;
	border-top: 1px solid #c3beb8;
	border-bottom: 1px solid #c3beb8;
}

.light_table tfoot td{
	border: none;
	font-weight: bold;
	border-left: 1px solid #c3beb8;
}

.light_table a:visited, a:link{
	text-decoration: none;
}

.light_table a:hover, a:active {
  	color: #fff;
  	text-decoration: none;
}

/*-------------------------------*/
/*-------------------------------*/
/* POPUP */
.popup{
  	margin: 0;
  	padding: 0;
}
/*-------------------------------*/
.popup .header{
  	margin: 0;
  	padding: 0;
  	height: 23px;
}

.popup .header .right{
  	margin: 0;
  	padding: 0;
  	height: 23px;
  	background-image: url('../images/popup_header_right.gif');
  	background-repeat: no-repeat;
  	background-position: right top;
}

.popup .header .left{
  	margin: 0;
  	padding: 0;
  	height: 23px;
  	background-image: url('../images/popup_header_left.gif');
  	background-repeat: no-repeat;
}

.popup .header .content{
  	margin: 0;
  	margin-left:8px;
  	margin-right:10px;
  	padding: 0;
  	height: 23px;
  	background-image: url('../images/popup_header_middle.gif');
  	background-repeat: repeat-x;
}
/*-------------------------------*/
/* personnalisation du titre (h2) des box titre header*/

.popup .body{
  	margin: 0;
  	padding: 0;
}

.popup .body .right{
  	margin: 0;
  	padding: 0;
  	background-image: url('../images/popup_middle_right.gif');
  	background-repeat: repeat-y;
  	background-position: right top;
}

.popup .body .left{
  	margin: 0;
  	padding: 0;
  	background-image: url('../images/popup_middle_left.gif');
  	background-repeat: repeat-y;
}

.popup .body .content{
  	margin-left: 3px;
  	margin-right: 5px;
  	padding: 10px 15px 10px 15px;
  	background-color: #ebebeb;
  	text-align: left;
}

.popup .footer{
  	margin: 0;
  	padding: 0;
  	height: 11px;
}

.popup .footer .right{
  	margin: 0;
  	padding: 0;
  	height: 11px;
  	background-image: url('../images/popup_footer_right.gif');
  	background-repeat: no-repeat;
  	background-position: right top;
}

.popup .footer .left{
  	margin: 0;
  	padding: 0;
  	height: 11px;
 	background-image: url('../images/popup_footer_left.gif');
  	background-repeat: no-repeat;
}

.popup .footer .content{
  	margin: 0;
  	margin-left:8px;
  	margin-right:10px;
  	padding: 0;
  	height: 11px;
  	background-image: url('../images/popup_footer_middle.gif');
  	background-repeat: repeat-x;

}

/* CLASS TEXTE POPUP */

.popup h2{
   	margin: 0;
  	padding: 4px 0 0 0;
  	font-weight: bold;
  	color: #fff;
  	font-size: 13px;
  	text-align: left;
}

.popup p{
   	margin: 0 0 8px 0;
  	padding: 0;
  	text-align: center;
}

.popup p.h3 {
  	font-weight: bold;
  	color: #727272;
  	font-size: 12px;
}

.popup p.h3.left{
	text-align: left;
}

.popup p.h4{
  	font-weight: bold;
  	color: #f98343;
  	font-size: 16px;
}

.popup .hr {
   	width: 100%;
   	margin: 15px 0 15px 0;
  	padding: 0;
  	border-top: 1px solid #ccc;
}

.popup p.error_msg{
  	margin: 0;
  	padding: 0 0 0 25px;
  	color: #de2219;
  	text-align: left;
 	background-image: url('../images/picto/error.gif');
  	background-repeat: no-repeat;
}

.popup p.small{
  	font-size: 9px;
  	text-align: left;
}

/* DO NOT REMOVE ME PLS */
.popup .em {
	font-weight: bold;
	color: #f98343;
}

.popup .close{
	float:right;
	padding:0;
	margin: 5px 5px 0 0;
	z-index: 1;
	cursor: pointer;
}

/* DO NOT REMOVE ME PLS */
.popup .money {
	float: right;
	position: relative;
	padding: 0;
	right: 5px;
	bottom: 60px;
}

/*-------------------------------*/
/*-------------------------------*/
/* Commun a tout les tableaux contenus dans les div du centre*/

td.text_center{
  	text-align: center;
}

td.text_right{
  text-align: right;
  padding: 0 7px 0 0;
}

td.text_left{
  text-align: left;
  padding: 0 0 0 7px;
}

/* MESSAGE BOX  */
/*-------------------------------*/
.msgbox{
  	margin: 15px 0 0 0;
  	padding: 0;
  	width: 60%;
}
/*-------------------------------*/
.msgbox .first{
  	margin: 0 0 0 15px;
  	padding: 0;
  	height: 18px;
}

.msgbox .first .right{
  	margin: 0;
  	padding: 0;
  	height: 18px;
  	width: 6px;
  	background-image: url('../images/msgbox_first_right.gif');
  	background-repeat: no-repeat;
  	background-position: right top;
  	float: left;
}

.msgbox .first .left{
  	margin: 0;
  	padding: 0;
  	height: 18px;
  	width: 6px;
  	float: left;
  	background-image: url('../images/msgbox_first_left.gif');
  	background-repeat: no-repeat;
}

.msgbox .first .content{
  	margin: 0;
  	padding: 0;
  	height: 18px;
  	float: left;
  	background-image: url('../images/msgbox_first_middle.gif');
  	background-repeat: repeat-x;
}

.msgbox .first h2{
  	margin: 0;
  	padding: 2px 0 0 0;
  	font-weight: normal;
  	color: #9b3c26;
  	font-size: 9px;
}

.msgbox .header{
  	margin: 0;
  	padding: 0;
  	height: 7px;
  	font-size: 1px;
}

.msgbox .header .right{
  	margin: 0;
  	padding: 0;
  	height: 7px;
  	background-image: url('../images/msgbox_header_right.gif');
  	background-repeat: no-repeat;
  	background-position: right top;
}

.msgbox .header .left{
  	margin: 0;
  	padding: 0;
  	height: 7px;
  	background-image: url('../images/msgbox_header_left.gif');
  	background-repeat: no-repeat;
  	background-position: left top;
}

.msgbox .header .content{
  	margin: 0;
  	margin-left:7px;
  	margin-right:7px;
  	padding: 0;
  	height: 7px;
  	background-image: url('../images/msgbox_header_middle.gif');
  	background-repeat: repeat-x;
  	background-position: left top;
}

.msgbox .body{
  	margin: 0;
  	padding: 0;
}

.msgbox .body .right{
  	margin: 0;
  	padding: 5px 0 5px 0;
  	background-image: url('../images/msgbox_middle_right.gif');
  	background-repeat: repeat-y;
  	background-position: right top;
}

.msgbox .body .left{
  	margin: 0;
  	padding: 0;
  	background-image: url('../images/msgbox_middle_left.gif');
  	background-repeat: repeat-y;
}

.msgbox .body .content{
  	padding-left:7px;
  	padding-right:7px;
  	text-align: left;
  	font-size: 11px;
}

.msgbox .footer{
  	margin: 0;
  	padding: 0;
  	height: 7px;
}

.msgbox .footer .right{
  	margin: 0;
  	padding: 0;
  	height: 7px;
  	background-image: url('../images/msgbox_footer_right.gif');
  	background-repeat: no-repeat;
  	background-position: right top;
}

.msgbox .footer .left{
  	margin: 0;
  	padding: 0;
  	height: 7px;
  	background-image: url('../images/msgbox_footer_left.gif');
  	background-repeat: no-repeat;
}

.msgbox .footer .content{
  	margin: 0;
  	margin-left:7px;
  	margin-right:7px;
  	padding: 0;
  	height: 7px;
  	background-image: url('../images/msgbox_footer_middle.gif');
  	background-repeat: repeat-x;
}

/* class image msgbox */

.msgbox .body .content ul{
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0 ;
	list-style-position: inside;
}

.msgbox .body .content li{
	padding: 7px 20px 0 50px;
	margin: 0 0 7px 10px;
	height: auto;
	min-height: 30px;
	_height: 30px;
}

.msgbox .body .content li.money{
	background-image: url(../images/picto/money.gif);
	background-repeat: no-repeat;
}

.msgbox .body .content li.letter{
	background-image: url(../images/picto/letter.gif);
	background-repeat: no-repeat;
}

.msgbox .body .content li.warning{
	background-image: url(../images/picto/warning.gif);
	background-repeat: no-repeat;
}

.msgbox .body .content li.cone{
	background-image: url(../images/picto/cone.gif);
	background-repeat: no-repeat;
}
.msgbox .body .content li.percent{
	background-image: url(../images/picto/percent.gif);
	background-repeat: no-repeat;
}

.msgbox .body .content li.invest{
	background-image: url(../images/picto/invest.gif);
	background-repeat: no-repeat;
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/*MENU*/
.menu {
	padding:0;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	float:right;
}

.menu li {
	float:left;
	padding:0;
	margin:0;
	text-align:center;
	border: none;
}

.menu li span.m_left {
	display:block;
	width: 4px;
	height: 23px;
	max-height: 23px;
	height:auto;
	background:url(../images/menu/menu_left.gif);
	background-repeat: no-repeat;
	float:left;
	padding:4px 0;
	margin-left: -1px;
	_margin: 0 -1px 0 1px;
}

.menu li span.m_left.no{
	width: 1px;
	background-image: none;
	_margin: 0 0px 0 0px;
}

.menu li span.m_middle {
	height: 23px;
	height:auto;
	max-height: 23px;
	background:url(../images/menu/menu_middle.gif);
	background-repeat: repeat-x;
	float:left;
	padding:4px 0;
	_margin-left: 1px;
}

.menu li span.m_right {
	display:block;
	width: 6px;
	height: 23px;
	max-height: 23px;
	height:auto;
	background:url(../images/menu/menu_right.gif);
	background-repeat: no-repeat;
	float:left;
	padding: 4px 0;
}

.menu li span.m_right.no {
	width: 1px;
	background:url(../images/menu/menu_no.gif);
	background-repeat: no-repeat;
	_margin: 0 -4px 0 0;
}

.menu a, .menu a:visited {
	color:#000;
	text-decoration:none;
	font-size:1em;
	cursor:pointer;
}

.menu a:hover {
	color: #000;
	background:#fff;
}

.menu a:hover span {
	background-position:0 -77px;
}

.menu a.active span {
	background-position:0 -77px;
}

.menu.trade li span.m_left {
	background:url(../images/menu/menu_left_trade.gif);
	background-repeat: no-repeat;
}

.menu.trade li span.m_middle{
	background:url(../images/menu/menu_middle_trade.gif);
	background-repeat: repeat-x;
}
.menu.trade li span.m_right {
	background:url(../images/menu/menu_right_trade.gif);
	background-repeat: no-repeat;
}

.menu.trade a:hover span{
	background-position:0 -77px;
}

/*SOUS MENU IBAN */
table.sub_menu{
	width: 100%;
	margin: 0;
	padding: 0;
}

table.sub_menu td h2{
	margin: 0;
  	height: 23px;
 	padding: 5px 0 0 22px;
  	font-weight: normal;
  	font-size: 11px;
  	background-image: url('../images/iban/iban.gif');
  	background-repeat: no-repeat;
  	color: #434343;
  	white-space: nowrap;
}

table.sub_menu td.clock{
	text-align: left;
	padding: 0 0 3px 0;
	color: #555;
}

/* BOX  SEARCH*/
/*-------------------------------*/
.search{
  	margin: 0;
   	padding: 0 10px 0 10px;
}
/*-------------------------------*/
.search .header{
  	margin: 0;
  	padding: 0;
  	height: 6px;
}

.search .header .right{
  	margin: 0;
  	padding: 0;
  	height: 6px;
  	background-image: url('../images/search_header_right.gif');
  	background-repeat: no-repeat;
  	background-position: right top;
}

.search .header .left{
  	margin: 0;
  	padding: 0;
  	height: 6px;
  	background-image: url('../images/search_header_left.gif');
  	background-repeat: no-repeat;
}

.search .header .content{
  	margin: 0;
  	margin-left:6px;
  	margin-right:6px;
  	padding: 0;
  	height: 6px;
  	background-image: url('../images/search_header_middle.gif');
  	background-repeat: repeat-x;
}

.search .body{
  	margin: 0;
  	padding: 0;
}

.search .body .right{
  	margin: 0;
  	padding: 0;
  	border-right: 1px solid #bfbfbf;
}

.search .body .left{
  	margin: 0;
  	padding: 0;
  	border-left: 1px solid #bfbfbf;
}

.search .body .content{
  	padding-left: 7px;
  	padding-right: 7px;
  	background-color: #f7f7f7;
  	text-align: left;
}

.search .footer{
  	margin: 0;
  	padding: 0;
  	height: 6px;
}

.search .footer .right{
  	margin: 0;
  	padding: 0;
  	height: 6px;
  	background-image: url('../images/search_footer_right.gif');
  	background-repeat: no-repeat;
  	background-position: right top;
}

.search .footer .left{
  	margin: 0;
  	padding: 0;
  	height: 6px;
  	background-image: url('../images/search_footer_left.gif');
  	background-repeat: no-repeat;
}

.search .footer .content{
  	margin: 0;
  	margin-left:6px;
  	margin-right:6px;
  	padding: 0;
  	height: 6px;
  	background-image: url('../images/search_footer_middle.gif');
  	background-repeat: repeat-x;
}

.search a, .search a:visited {
	color:#f96;
	text-decoration:none;
}

.search a:hover {
	color: #f96;
	text-decoration: underline;
}

.form{
	margin: 0;
	padding: 0;
}

.input.right{
	text-align: right;
}

.input.error{
	background-color: #fea257;
}

.input {
	border:1px solid #b5b5b5;
	padding: 0;
}

.text_center{
  	text-align: center;
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/
/* bouton*/
a.button{
    display:-moz-inline-box;
    display:inline-block;
    margin:0 0 5px 0;
    padding:0;
    font-size:12px ;
    white-space:nowrap;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
    border:0;
    background:none;
	text-decoration: none;
}

a.button:link, a.button:visited, a.button.important:link, a.button.important:visited{
	text-decoration: none;
}

a.button span{
	margin:0;
    float:left;
    padding:0 0 0 7px;
    vertical-align:middle;
    background:url(../images/button/btn_left.gif) left top no-repeat;
}

a.button span span{
	margin:0;
    padding:0 7px 0 0;
    background:url(../images/button/btn_right.gif) right top no-repeat;
}

a.button span span span{
	margin:0;
    padding:0 10px 0 10px;
    line-height: 25px;
    background:url(../images/button/btn_middle.gif) left top repeat-x;
	font-weight: bold;
	color: #fff;
}

/*--------------------------*/
a.button.important span{
	margin:0;
    float:left;
    padding:0 0 0 7px;
    vertical-align:middle;
    background:url(../images/button/btn_important_left.gif) left top no-repeat;
}

a.button.important span span{
	margin:0;
    padding:0 7px 0 0;
    background:url(../images/button/btn_important_right.gif) right top no-repeat;
}

a.button.important span span span{
	margin:0;
    padding:0;
    line-height: 25px;
    background:url(../images/button/btn_important_middle.gif) left top repeat-x;
	font-weight: bold;
	color: #fff;
}

* html button {width:1%; overflow:visible;}
*:first-child+html button {overflow:visible;}

/*-------------------*/