/* FileName: sq_services.css */
/* FileDesc: Feuille de style par defaut des sections statics. */@import url(../../../../sq-css-static-marketing/css/sq_open_multi.css);
/* FileDesc: Feuille de style par defaut des sections statics. */@import url(../../../../sq-css-static-common/css/sq_static.css);
/* FileDesc: Feuille de style par defaut des sections menu. */@import url(../../../../sq-css-static-services/css/new/css/sq_services_menus.css);
/* Style Service */

body {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
    margin: 0;
    padding: 0;
	color:#333333;
    line-height: 1.5em;
    background-image:url(../images/background_grey2.jpg);
	background-color:#dcdbd7;
    background-repeat: repeat-y;
    background-position: 50% top;
}

h2 {
	color: #333333;
	font-size: 14px;
	margin: 25px 0 10px;
	font-weight: bold;
}
a img {
	border: 0;
}

a.my_account span.m_right, a.my_account span.m_middle, a.my_account span.m_left{
	float:left;
	display:block;
}

a.my_account {
  text-decoration:none;
}
a.my_account span.m_left {
	background-image:url("../images/btn_account_left.png");
	background-repeat:no-repeat;
	color:#4e4c4c;
	font-size:12px;
	font-weight:bold;
	width:30px;
	height:28px;
	padding:0;
}

a.my_account span.m_middle {
	background-image:url("../images/btn_account_middle.png");
	background-repeat:repeat;
	color:#4e4c4c;
	font-size:12px;
	font-weight:bold;
	height:28px;
	line-height:27px;
	padding:0 5px;
}

a.my_account span.m_right {
	background-image:url("../images/btn_account_right.png");
	background-repeat:no-repeat;
	color:#4e4c4c;
	font-size:12px;
	font-weight:bold;
	width:18px;
	height:28px;
	padding:0 5px;
}

h3 {
	color:#333333;
	font-weight:bold;
	font-size:12px;
}

h4 {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	margin:15px 0 0;
	padding:0;
}

#maincontainer {
    width: 980px;
    margin:auto;
}
#topNav {
	width: 973px;
}

#contentwrapper {
	float: left;
	width: 770px;
	margin-left: 10px;
	min-height:600px;

}
#contentwrapper.threeCols{
	width:555px;
}

div.subscriptionBox,
div.advertBox{width:450px !important}

#leftcolumn {
    float: left;
    width: 180px;
	margin:/*auto*/0 0 0 4px;
}
#rightcolumn {
    float: left;
    width: 175px;
}

#title h2.subtitle {
	color:#333333;
	font-size:12px;
	font-weight:bold;
	padding:0 0 0 0;
}

#content .blocscontent .bloc_cadre {
	margin-bottom:10px;
	width:540px;
	padding:10px;
}

#content .pda h3, #content .pda p {
	margin-left:90px;
	margin-right:15px;
}

#content .wap h3, #content .wap p {
	margin-left:105px;
	margin-right:15px;
}

#content .iphone {
	background-image:url("../images/bg_info_dist_iphone.gif");
	background-position:100% 100%;
	background-repeat:no-repeat;
}

#content .pda {
	background-image:url("../images/bg_info_dist_pda.gif");
	background-position:0 50%;
	background-repeat:no-repeat;
}

#content .sms {
	background-image:url("../images/bg_info_dist_sms.gif");
	background-position:bottom right;
	background-repeat:no-repeat;
}

#content .wap {
	background-image:url("../images/bg_info_dist_wap.gif");
	background-position:0 100%;
	background-repeat:no-repeat;
}

.box_information {
	background-image:url("../images/bg_contact.gif");
	background-repeat:no-repeat;
	height:132px;
	line-height:20px;
	padding:14px;
	vertical-align:top;
}

/* Breadcrumb */
ol.bcrumb {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0 0 0 7px;
	height: 35px;
	background: url(../images/bcrumb_bg.gif) no-repeat left bottom;
}
ol.bcrumb li {
	float: left;
	font-size: 12px;
	margin-right: 4px;
	font-weight: bold;
}
ol.bcrumb li a, ol.bcrumb li a:link, ol.bcrumb li a:active, ol.bcrumb li a:visited, ol.bcrumb li a:hover  {
	color: #666666;
	text-decoration: none;
	font-weight:bold;
}
/* Right ad */
div.right_block {
	clear:both;
	border: 1px solid #cccccc;
	position: relative;
	background-color: #fff;
	width: 175px;
	padding: 15px 0 0 10px;
	margin: 20px 0 10px 25px;
	cursor:pointer;
}
div.right_block p {
	font-size: 12px;
	margin-right:5px;
	margin-top:10px;
}

div.right_block h2, .adTitle {color:#ff6633; font-weight:bold;margin:0px;padding:0 }

div.right_block h3 {
	color: #999999;
	font-size: 15px;
	margin-right: 8px;
	margin-top: 0px;
	font-weight: bold;
}

div.right_block img {
	margin: 0;
	margin-left: -10px;
	padding: 0;
}
div.right_block a img {
	border: 0;
}
div.right_block h3 a, div.right_block h3 a:active, div.right_block h3 a:visited, div.right_block h3 a:link, div.right_block h3 a:hover {
	background: url(../images/r_arrow.gif) no-repeat right 50%;
	color: #999999;
	width: 100%;
	height: 100%;
	display: block;
	line-height:18px
}
div.right_block a, div.right_block a:active, div.right_block a:visited, div.right_block a:link, div.right_block a:hover {
	text-decoration: none;
	color: #000;
}

#footerContent {
	font-family:Arial;
	width: 973px;
	font-size:11px;
    clear: left;
    color: #6e6a6a;
	margin:auto;
    padding-top:10px;
}


/* Lists */
#contentwrapper ul li {
	padding-left: 5px;
}

.highlight{
	color:#FF9966;
}

#contentwrapper ul {
	/*width:570px;*/
	text-align:left
}

dl.transFees{margin-left:50px}
.transFees dt{font-weight:bold;margin:0 0 5px 0}
.transFees dd{font-weight:bold;margin:0 0 20px 0}


/*Online Wealth Management*/
#title h2.wealth{
	padding: 0 ;
	font-size:14px;
	color:#333333;
	font-weight:bold;
}


#content .bloc_cadre.wealth_value {
	background-image: url(../images/picto_wealth_value.gif);
	background-repeat: no-repeat;
}

/* bloc fond gris, taille: 31% */
#content .bloc_cadre {
	padding: 10px 0 0 0;
	margin: 0 2% 0 0;
	width: 30%;
	height: 225px;
	float: left;
	border: 1px solid #EAEAEA;
	z-index: 10;
	background-color: #F5F5F5;
	text-align: left;
}

#content .bloc_cadre.owm {
	width: 47%;
}
#content .bloc_cadre.full {
	width: 98%;
}

#content .bloc_cadre h2{
	margin: 0 25px 0 10px;
	padding: 0 0 0 17px;
	background-image: url(../images/puce_fleche_g.gif);
	background-repeat: no-repeat;
	color:#333333;
	font-size:12px;
}

#content .bloc_cadre.wealth_value h2{
	margin: 0 0 5px 50px;
	padding: 0 0 0 17px;
	color:#333333;
	font-size:12px;
}

#content .bloc_cadre.wealth_value p{
	margin: 0 10px 0 50px;
	padding: 0;
	font-size: 11px;
}
#content .bloc_cadre.wealth_value img{
	margin: 30px 0 10px 10px;
	padding: 0;
}

#content .bloc_cadre.profit_loss {
	background-image: url(../images/picto_profit_loss.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#content .bloc_cadre.profit_loss h2{
	margin: 0 0 5px 10px;
	padding: 0 0 0 17px;
}
#content .bloc_cadre.profit_loss p{
	margin: 0 50px 0 10px;
	padding: 0;
	font-size: 11px;
}
#content .bloc_cadre.profit_loss img{
	margin: 30px 0 10px 10px;
	padding: 0;
}

#content .bloc_cadre.trad_sign {
	background-image: url(../images/picto_wealth_trad_sign.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content .bloc_cadre.trad_sign h2{
	margin: 0 0 5px 10px;
	padding: 0 0 0 17px;
}
#content .bloc_cadre.trad_sign p{
	margin: 0 50px 0 10px;
	padding: 0;
	font-size: 11px;
}
#content .bloc_cadre.trad_sign img{
	margin: 30px 0 10px 10px;
	padding: 0;
}

#content .bloc_cadre.optimisation{
	background-image: url(../images/picto_wealth_optimisation.gif);
	background-repeat: no-repeat;
}
#content .bloc_cadre.optimisation h2{
	margin: 0 0 0 50px;
	padding: 0 0 0 17px;
}
#content .bloc_cadre.optimisation p{
	margin: 0 10px 0 50px;
	padding: 0;
	font-size: 11px;
}
#content .bloc_cadre.optimisation img{
	margin: 30px 0 10px 10px;
	padding: 0;
}


#content .bloc_cadre.monitoring {
	background-image: url(../images/picto_wealth_monitoring.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#content .bloc_cadre.monitoring h2{
	margin: 0 0 5px 10px;
	padding: 0 0 0 17px;
}
#content .bloc_cadre.monitoring p{
	margin: 0 40px 0 10px;
	padding: 0;
	font-size: 11px;
}
#content .bloc_cadre.monitoring img{
	margin: 30px 0 10px 10px;
	padding: 0;
}

#content .bloc_cadre.idea {
	background-image: url(../images/picto_wealth_invest_idea.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
#content .bloc_cadre.idea h2{
	margin: 0 0 5px 10px;
	padding: 0 0 0 17px;
}
#content .bloc_cadre.idea p{
	margin: 0 50px 0 10px;
	padding: 0;
	font-size: 11px;
}
#content .bloc_cadre.idea img{
	margin: 30px 0 10px 10px;
	padding: 0;
}


/* tableaux */

.borders {
	width: 49%;
	padding: 0 10px;
	border-left: 1px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-bottom: 0 solid #EEEEEE;
}
.noborder {
	border-left: 0 solid #EEEEEE;
	border-top: 0 solid #EEEEEE;
	border-right: 0 solid #EEEEEE;
	border-bottom: 0 solid #EEEEEE;
}
.borders.two {
	border-left: 1px solid #EEEEEE;
	border-right: 1px solid #EEEEEE;
	border-top: none;
	border-bottom: 0 solid #EEEEEE;
}
.borders.bottom {
	border-bottom: 1px solid #EEEEEE;
}

#content h2 {
	font-weight: bold;
	font-size: 14px;
	color: #f96;
}

/* bloc blanc */
.bloc_white {
	margin: 10px 0 10px 6px;
	padding: 10px;
	border: 1px solid #cccccc;
}

.bloc_white h3{
	margin: 0 0 10px 0;
	padding: 0 0 0 17px;
	background-image: url(../images/puce_fleche_g.gif);
	background-repeat: no-repeat;
	color: #333333;
	font-size:12px;
}

.bloc_white h3 span{
	float: right;
}

.blocscontent  p.highlight {
	margin: 0 0 15px 0;
	padding: 10px 10px 10px 35px;
	font-size: 11px;
	color: #000;
	background-color: #ededed;
	background-image: url('../images/picto_warning.gif');
	background-repeat: no-repeat;
	background-position: 5px 5px;

}