/* ! Reset */
/* ! --------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

.date { color: #777; }

.sep {
	margin-top: 12px;
	padding-top:12px;
	border-top: 1px dotted #CCC;
	display:block;
}

.message {
	border: solid 1px #D6E2EC;
	background-color:#F2F4FB;
	color:#037;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	padding:5px 15px 5px 5px;
	margin-bottom:10px;
	font-size:11px;
}
.moderate small{text-align:right;background-color:#F5F5F5;color:Orange}
			
.message.error {
	border: solid 1px #ECE2D6;
	background-color:#FBF4F2;
	color:#703;
}
			
.message b {
	float:right;
	font-size:20px;
	margin-top:-8px;
	margin-right:-10px;
	cursor: pointer;
}

/* remember to define focus styles! */
:focus { outline: 0; }
body {
	line-height: 1;
	color: black;
	background: white;
	-webkit-text-size-adjust:none;
	border-top: 20px solid #eee;
}
ol, ul { list-style: none; }
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
blockquote:before, blockquote:after /*,
q:before, q:after*/ {
	content: "";
}
blockquote /*, q*/ {
	quotes: "" "";
}
img{ -ms-interpolation-mode: bicubic; display: block; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
input { _vertical-align: text-bottom; }
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* ! Styles de base */
/* ! --------------------------------------------------- */
html{ overflow-y: scroll; }
body{
	font-weight: normal;
	line-height: 1.4;
}
body,
input,
textarea{
	color:#333;
	font-size: 12px;
	font-family: Arial, sans-serif;
}
a, .async, a.h1, a.h2, a.h3, a.h4, a.h5, a.h6, span.gothere, .link {
	color: #037;
	text-decoration: none;
	cursor: pointer;
}
a:hover, .async:hover, .link:hover{ color: #002141; }
.color{ color: #037; }

q {
	font-style: italic;
	quotes: "\00AB\0020" "\0020\00BB" "'" "'";
	color: #444;
	*behavior: url(/ui/css/tag-q.htc);
}

q:before,
q:after { color:#000;}

.text-content p{
	font-size: 13px;
	line-height: 1.4;
	text-align: justify;
	color: #222;
}

/* Titres */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6{
	display: block;
	margin-bottom: 10px;
	line-height: 1.1em;
	/* font-weight: bold; */
	text-rendering: optimizeLegibility;
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	color: #111;
}
h1 .color, h2 .color, h3 .color, h4 .color, h5 .color, h6 .color{
	color: #037;
}
h1, h2, h3, h4, h5, h6{ font-weight: bold; }
h1, .h1, .fs1{ font-size: 25px; }
h2, .h2, .fs2{ font-size: 20px; }
h3, h3 a, .h3, .fs3{ font-size: 14px; color: #333; }
p{ margin-bottom: 15px; }
ul, ol{
	list-style: none;
	/* list-style-position: outside; */
	/* margin-left: 20px; */
	margin-bottom: 15px;
}
ul.list,
ol.list{
	list-style-position: outside;
	margin-left: 20px;
}
ul.list{
	list-style-image: url(../img/dot.png);
}
ol.list{ list-style-type: decimal; }
.list{ padding-left: 20px;}
.list li{ margin-bottom: 20px;}


ul ul,
ul ol,
ol ul,
ol ol{
	margin-top: 10px;
}
ul ul,
ol ul{
	list-style-type: circle;
}
li{ margin-bottom: 3px; }

dt{
	margin-bottom: 5px;
	font-weight: bold;
}
dd{ margin: 0 0 10px 10px; }


small{
	display: block;
	font-size: 11px;
	font-weight: normal;
	color: #666;
}


/* ! Structure principale */
/* ! --------------------------------------------------- */

/* Overall */
#overall {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	padding-top: 49px;
	_padding-top: 0;
	border: 1px solid #DDD;
}

#border{
	background-color: #eee;
	padding-top: 4px;
}

/* Popup */
.popup{
	border:0;
}
.popup #overall{
	width: auto;
	/*padding: 10px 10px 0;*/
}

.popup #overall #header{
	margin-bottom: 10px;    
	padding-top: 10px;
	position: relative;
	width: auto;
	background: url("../img/header.png") repeat-x scroll left top #0B5394;
} 


.popup #overall #header h1{
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
	font-size: 22px;
	color: #FFF;
}

.popup #overall .box{
	padding-bottom:0;
	box-shadow: none;
	margin-bottom:0;
}

.popup #overall .box h2{
	font-size: 16px;
}

/* Header */
#header{
	/* display: none; */
	position: fixed;
	top: 0;
	z-index: 10000;
	width: 980px;
	height: 30px;
	padding: 11px;
	background: #0B5394 url(../img/header.png) left top repeat-x;
}
* html #header{ /* Position non fixed pour IE6 ou pour les habillages  */
	position: relative;
	width: auto;
	margin-left: 0;
	zoom: 1;
}
#header-membre-load,
#header-membre-load a{
	color: #FFF;
}

#header h1{ margin: 0; }

#acces-membre{
	position: absolute;
	top: 0;
	right: 0;
	height: 30px;
	line-height: 30px;
	margin: 0;
	white-space: nowrap;
}
#acces-membre ul{
	margin: 0;
	list-style: none;
}
#acces-membre li{
	display: inline;
	padding-left: 8px;
	margin-left: 7px;
	/* border-left: 1px solid #48C; */
	background: url(../img/pipe.png) left center no-repeat;
	*zoom: 1;
}
#acces-membre li:first-child{
	padding-left: 0;
	margin-left: 0;
	border-left: 0;
	background: none;
}

#acces-membre strong{
	display: inline-block;
	margin-right: 5px;
	padding-top: 2px;
	vertical-align: top;
	text-align: right;
	font-size: 11px;
	line-height: 1.2;
}
#acces-membre img{
	vertical-align: middle;
}
#acces-membre .btn{
	padding: 0 5px;
}

#form-search{
	position: absolute;
	top: 0px;
	left: 80px;
}

#form-search .radio {
	font-size:10px;
	line-height:10px;
	position: absolute;
	left:365px;
	top:2px;
	color:#fff;
}

#form-search .radio input {
	margin:0;
	padding:0;
	#height:14px;
}

#form-search .form-text{
	position: absolute;
	left: 85px;
	width: 170px;
	height: 28px;
	line-height: 28px;
	font-size: 16px;
}
#form-search input.btn{
	position: absolute;
	top: 0;
	left: 260px;
	height: 30px;
	font-size: 13px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	*width: 99px;
	*margin-top: -2px;
}
#form-search .select{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	display: none;
}
#form-search .select .btn{
	position: relative;
	top: -1px;
	height: 28px;
	line-height: 28px;
}
#form-search .select .btn .ico{
	height: 28px;
	background-position: -33px -27px;
}
#form-search div{
	position: absolute;
	left: 0;
	top: 0;
	width: 75px;
}
#form-search p{
	margin: 0;
	text-align: right;
}
#header .form-radio .ico{ margin: 0 0 0 5px; }

/* Navigation */
#navigation{
	border-top: 1px solid #317FBC;
	border-bottom: 1px solid #FFF;
	background: #0B5394 url(../img/header.png) left bottom repeat-x;
	
	position: fixed;
	top: 50px;
	z-index: 10000;
	width: 1000px;
	_width: auto;
}
#navigation li{
	margin-bottom: 0;
	border-right: 1px solid #317fbc;
}
#nav{
	margin: 0;
	list-style: none;
}
#nav li,
#nav a,
#nav .a{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#nav li a,
#nav li.off a,
#nav li .a,
#nav li.off .a{
	height: 34px;
	padding: 0 10px;
	font-size: 11px;
	line-height: 34px;
	text-transform: uppercase;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0 -1px 0 #1b4169;
	background: none;
	cursor: pointer;
}

#nav #nav-priv.popin-on a,
#nav .popin-on a,
#nav .on a,
#nav .popin-on .a,
#nav .on .a{
	color: #2C5FAE;
	text-shadow: none;
}

#nav .on{ border-right-color: #FFF; }
#nav .on a,
#nav .on .a{
	background-color: #FFF;
}

#nav #nav-priv.popin-on,
#nav .popin-on{
	border-right-color: #DDD;
}

#nav #nav-priv.popin-on a,
#nav .popin-on a,
#nav .popin-on .a{
	background-color: #DDD;
	background-image: -moz-linear-gradient(top, #F5F5F5, #DDD); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #F5F5F5),color-stop(1, #DDD)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#F5F5F5', EndColorStr='#DDDDDD'); /* IE */
	zoom: 1;	
}

#nav #nav-accueil a,
#nav #nav-accueil .a{
	width: 10px;
	background-color: transparent;
	background-image: url(../img/ico.png);
	background-position: -90px -174px;
	background-repeat: no-repeat;
}
#nav #nav-accueil.on a,
#nav #nav-accueil.on .a{
	background-color: #FFF;
	background-position: -120px -174px;
}
* html #nav #nav-societes .ico{ display: none; }

/* Privilege */
#nav #nav-priv{ border-right-color: #F35716; }
#nav #nav-priv a{
	color: #FFF;
	background: #F35716;
	text-shadow: none;
}

#nav #nav-membre { visibility:hidden; }

.hidden { visibility: hidden !important; }

/* Banner */

#ad-dst-1.off{ display: none; } /* Evite l'affichage bugge du mega menu sous FF */ 
#ad-7clefs { visibility: hidden }

/* Content */
#content{
	clear: both;
	width: auto;
	position:relative;
	zoom:1;
}

#content:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}


/* Footer Partenaires */
#footer-partenaires:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

#footer-partenaires .grid{
	position: relative;
	overflow: hidden;
	width:323px;
}
#footer-partenaires .grid .box{ 
	min-height: 75px; 
}
#footer-partenaires .box{
	height: auto;
}
#footer-partenaires .b-title{
	height: 60px;
	padding: 20px 0;
	text-align: center;
	border-bottom-color: #E0E0E0;
	background: #FFF;
	filter: none;
}
#footer-partenaires .b-title img{
	display: inline;
}
#footer-partenaires strong{
	display: block;
	margin-bottom: 5px;
}
#footer-partenaires p{
	margin-bottom: 0;
}

/* Footer */
#footer{ color: #999; }
#footer span {
	display: block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	color: #000;
}
#site-info,
#sites-groupe{
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #CCC;
	_border-style :solid;
	_border-color: #DDD;
}
#site-info img{
	display: block;
	margin-bottom: 10px;
}
#sites-groupe strong{
	display: block;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
}
#sites-groupe dt,
#sites-groupe dd{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-bottom: 5px;
	vertical-align: top;
}
#sites-groupe dt{
	width: 15%;
	color: #333;
}
#sites-groupe dd{
	width: 84%;
	margin: 0;
}
#sites-groupe ul{
	margin: 0;
	list-style: none;
}
#sites-groupe li{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	*margin-right: 3px;
}
#sites-groupe li:first-child{ padding-left: 0; }
#copy{ margin-bottom: 0; }

/* ! Layout */
/* ! --------------------------------------------------- */

/* GRILLE */
.grid{
	float: left;
	margin-left: 8px;
	*display: inline;
	*zoom: 1;
}

/* Margin differente pour les premiers elements */
.g-first{ margin-left: 7px; }
.grid .g-first{ margin-left: 0; }

/* Tailles */
.g1{ width: 156px; }
.g2{ width: 322px; }
.g3{ width: 488px; }
.g4{ width: 654px; }
.g5{ width: 820px; }
.g6{ width: 986px; }


/* COLONNES */
.col{
/*	overflow: hidden;*/
	float: left;
	min-height: 10px;
	margin-left: 21px;
	*display: inline;
}
.c-first{ margin-left: 0; }
.c145{ width: 145px; }
.c161{ width: 161px; margin-left: 0; }
.c201{ width: 201px; }
.c300{ width: 300px; }
.c312{ width: 312px; }
.c423{ width: 423px; }
.c479{ width: 479px; }
.c645{ width: 645px; }

/* CONTENEURS */
.wrapper{ margin-bottom: 15px; }
.b-title + .wrapper{ margin-top: 7px; }
.wrapper p.more{
	/* background-color: #FFF; */
}
.wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.wrapper{
	display: -moz-inline-box;
	display: inline-block;
}
html[xmlns] .wrapper{ display: block; }
* html .wrapper{ height: 1%; }

.w1{ background: url(../img/sep-v1.gif) 655px top repeat-y; }
.w2{ background: url(../img/sep-v1.gif) 50% top repeat-y; }
.w3{ background: url(../img/sep-v2.gif) 50% top repeat-y; }
.w4{ background: url(../img/sep-v3.gif) 50% top repeat-y; }
.w13{ background: url(../img/sep-v1.gif) 216px top repeat-y; }
.w23{ background: url(../img/sep-v1.gif) 433px top repeat-y; }
.w14{ background: url(../img/sep-v1.gif) 156px top repeat-y; }

/* ! Box */
/* ! --------------------------------------------------- */
.box{
	display: block;
	padding: 10px;
	margin: 0 0 10px 0;
	background: #FFF;
	box-shadow: 0 2px 2px rgba(0,0,0,.05);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,.05);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.05);
	
	/* IE 8 */
	border-bottom: 2px solid #E1E1E1\0/;
	margin-bottom: 8px\0/;

	/* IE 7 & 6 */
	*border-bottom: 2px solid #E1E1E1;
	*margin-bottom: 8px;
}
.box .last{
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
.box .box{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.b-title + .box,
.b-title3 + .box,
.b-visual + .box{
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
}

/* ! Box bleue (.b-high) */
.b-high{
	background-color: #133279;
	background-image: -moz-linear-gradient(top, #1B4E9D, #133279); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #1B4E9D),color-stop(1, #133279)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1B4E9D', EndColorStr='#133279'); /* IE */
	zoom: 1;
}
.b-high,
.b-high a,
.b-high span.gothere{
	color: #FFF;
}

/* ! Box Tetiere (.b-title) */
.b-title{
	position: relative;
	margin-bottom: 0;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
	text-shadow: 0 1px 0 #FFF;
	color: #333;
	border-bottom: 1px solid #D6E2EC;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: #EAF0F4;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EAF0F4); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #EAF0F4)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EAF0F4'); /* IE */
	zoom: 1;
	clear:both;
}

.b-title a { color: #333 }
.b-title img { display:inline }

/* ! Box Tetiere 2 (fond gris - typo noir) */
.b-title2{
	font-weight: bold;
	background: #F2F2F2;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border:solid 1px #fff
}

/* ! Box Tetiere 3 (fond bleu - typo blanche) */
.b-title3{
	font-weight: bold;
	color: #FFF;
	background: #1A4C98;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}


/* Cas particuliers b-title */
.b-title div{
	position: absolute;
	top: 10px;
	right: 10px;
	color: #111;
}
.b-title .btn{
	position: absolute;
	top: 5px;
	right: 5px;
	-moz-box-shadow: 0 1px 0 #FFF;
	-webkit-box-shadow: 0 1px 0 #FFF;
	box-shadow: 0 1px 0 #FFF;
}
.b-title + .tabs{ margin-top: 2px; }

/* ! Box Visuel (.b-visual) */
.b-visual{
	margin: 0;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
}
img.b-visual{
	display: block;
	width: 100%;
}

/* ! Box Forums */
.b-forums{
	padding: 1px;
}
.b-forums .valeurs{
	float: left;
	width: 120px;
}
.b-forums .valeurs .b-title3{
	margin-bottom: 0;
}
.b-forums .valeurs .box{ margin: 0; }
.b-forums .valeurs .content{ border: 0; }
.b-forums .sujets{ margin-left: 120px; }
.b-forums .sujets .list-y{ margin: 0 15px 0; }

.rank{
	display: block;
	width: 59px;
	height: 4px;
	margin-top: 2px;
	font-size: 1%;
	line-height: 0;
	text-indent: -999em;
	background: url(../img/ico.png) left top no-repeat;
}
.r10{ background-position: -120px 0; }
.r9{ background-position: -120px -4px; }
.r8{ background-position: -120px -8px; }
.r7{ background-position: -120px -12px; }
.r6{ background-position: -120px -16px; }
.r5{ background-position: -120px -20px; }
.r4{ background-position: -120px -24px; }
.r3{ background-position: -120px -28px; }
.r2{ background-position: -120px -32px; }
.r1{ background-position: -120px -36px; }
.r0{ background-position: -120px -40px; }

/* ! Onglets (.tabs) */
/* ! --------------------------------------------------- */
.tabs.pagenav { height: 26px; }

.tabs{
	height: 22px;
	margin: 0 0 15px 0;
	padding-bottom: 2px;
	border-bottom: 1px solid #D8DBDD;
	/* *height: 29px; */
	position: relative;

}
.tabs .select
{
	position: static;
}
.tabs .tab{
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 0;
	*display: inline;
	*zoom: 1;
	
	display: block;
	float: left;
}
.tabs-content{
	min-height: 100px;
	_height: 100px;
	overflow: hidden;
}
/* .tabs-content.box{ margin-bottom: 0; } */

.tabs-content.loading{ background: url(../img/ajax-loader.gif) center no-repeat; }
.no-js .tabs-content{
	overflow: auto;
	overflow-x: hidden;
	height: 200px;
}

.pagenav .select.on{
	margin-bottom: 35px;
}
.pagenav .on div.select-content{
	display: block !important;
	width: 100%;
	background: transparent;
	border-top: 0;
	overflow: inherit;
	height: 35px;
}
.pagenav .select ul{
	border: 0;
	margin-top: 1px;
}
.pagenav .on div.select-content li{
	float: left;
	height: 34px;
	line-height: 28px;
	border: 0;
}
.pagenav .on div.select-content li a:hover{ text-decoration: underline !important; }
.pagenav .on div.select-content li.active{
	background: white url("../img/tab-active.gif") no-repeat center bottom;
	height: 35px;
	font-weight: bold;
}
.pagenav .on div.select-content li.active a{ color: #000; }
.pagenav .on div.select-content li.active a:hover{
	background: transparent none;
}
.tabs .btn,
.tabs .btn:hover,
.tabs .btn:focus{
	-webkit-box-shadow: 0 0;
	-moz-box-shadow: 0 0;
	box-shadow: 0 0;
}


/* ! Contenus */
/* ! --------------------------------------------------- */
.content{
	overflow: hidden;
	padding-bottom: 7px;
	margin-bottom: 7px;
	border-bottom: 1px dotted #CCC;
	_border-style :solid;
	_border-color: #DDD;
	*height: 1%;
}
.courtier .stack:last-child .content{
margin: 0;
padding: 0;
border: 0;
}
#subnav .content{
	border: none;
	border-top: dotted 1px #3B4144;
	margin-bottom: 0;
	margin-top: 7px;
	padding-bottom:0;
	padding-top: 7px;
}
#subnav img { display:inline }

#subnav ul { margin-bottom: 0}
#subnav ul li.content:first-child {
	margin: 0;
	padding:0;
	border:none;
}

#subnav .google{margin-top:10px;} 
#subnav .google strong{color:#fff;} 
#subnav .google strong a{color:#fff;border-top: 1px dotted #50585D; padding: 5px 0px!important;} 
#subnav .google a{padding: 3px 0px!important;} 
#subnav .google p{margin-bottom: 5px!important;} 

.content h1,
.content h2,
.content .h1,
.content .h2{
	margin-bottom: 5px;
	font-weight: normal;
}
.content p{ margin-bottom: 8px; }
.content > :last-child{ margin-bottom: 0; }

/* Visuel (photo,video...) */
.visual{
	float: left;
	margin-right: 8px;
}

/* Visual cropper! */
.visual-wrapper{
	float: left;
	overflow: hidden;
	width: 90px;
	height: 54px;
	margin-right: 8px;
}
.visual-wrapper .visual{
	float: none;
	margin-right: 0;
}



/* liste de liens horizontale  */
.links{
	margin-bottom: 0;
	color: #037;
	font-size: 11px;
}

/* contenus membres */
.list-y .memb .date { color: #29aae3; }

/* contenus privileges */
.list-y .priv .date,
.table .priv .date,
.b-priv,
a.b-priv,
span.b-priv,
.b-title.priv{ color: #F35716; }


.box-priv{
	padding: 10px;
	background: #F35716;
	color: #FFF;
	text-align: center;
	text-shadow: 0 1px 0 #b9400e;
}

.select a.box-priv{
	text-align: left;
	text-shadow: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.select a.box-priv:hover{
	background: #F35716;
	color: #FFF;
}

.list-y .hot .date{
	color: #FFF;
	background-color: #A00;
}

/* ! Cover */
/* ! --------------------------------------------------- */
#une .visual-wrapper{
	width: 150px;
	height: 90px;
}
#une .h1{
	font-size: 23px;
	margin-bottom: 0;
}
#une p{
	margin-bottom: 0;
	margin-left: 158px;
}

#headlines{ margin-bottom: 0; }
#headlines p{ margin-left: 98px; }
#headlines .h2{ margin-bottom: 0; }
#tips ul{ margin-bottom: 0; }
#tips strong{
	display: block;
	margin-bottom: 10px;
	padding-left: 5px;
}

#headlines .visual-wrapper {
  width: 150px;
  height: 100px;
}

#headlines .visual-wrapper img {
  width: 100%;
  height: auto;
  }

/* Habillage cover */

#une.dr-p2012 .visual-wrapper,
#une.dr-mid-full .visual-wrapper {
	float: none;
	width: 468px;
	height: auto;
	display: block;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

#une.dr-p2012 .visual-wrapper {
	padding-top: 47px;
	background: url(../img/headline-p2012.jpg) no-repeat 0 0 transparent;
}

#une.dr-p2012 .visual-wrapper img,
#une.dr-mid-full .visual-wrapper img {
	width: 100%;
}

#une.dr-p2012 .h1,
#une.dr-mid-full .h1 {
	font-weight: bold;
}
#une.dr-p2012 p,
#une.dr-mid-full p {
	margin: 5px 0 0;
}

/*Focus Image*/
#une.dr-mid-full .focus-image {
  height: 220px !important;
  
}

.focus-image {
	margin-bottom: 10px;
	position: relative;
}

.focus-image img {
	position:absolute;
	opacity: 0;
	transition: opacity ease .2s;
}


/* #info-dev{ display: none; } */

/* ! Conseils SG */
/* ! --------------------------------------------------- */
#conseils-sg ul a{ color: #000; }
#conseils-sg ul strong{
	display: block;
	color: #E60027;
}

/* ! Demande documentation "Courtiers" */
/* ! --------------------------------------------------- */
/* .c300 #documentation{ padding: 0; } */
#documentation p,
#documentation ul{
	margin-bottom: 5px;
}
#documentation li{
	overflow: hidden;
	margin: 8px 0;
}
.g2 #documentation li,
.c300 #documentation li{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 140px;
}
#documentation li.all{
	display: block;
	width: auto;
	/* margin: 0; */
}
#documentation li input{ margin: 0; }
#documentation label{
	display: block;
	position: relative;
	font-size: 11px;
	color: #037;
}
#documentation img{
	margin-bottom: 3px;
	border: 1px solid #DDD;
	behavior: url(/ui/css/label-img.htc);
}
#documentation li input{
	position: absolute;
	top: 9px;
	left: 100px;
}
#documentation li.all input{ top: 1px; }
#documentation input.btn{
	*width: 135px;
}

/* ! Bloc Bilans Gratuits */
/* ! --------------------------------------------------- */
#bilans-gratuits img{
	display: block;
	width: 120px;
	margin: auto;
}
#bilans-gratuits p{
	margin-bottom: 5px;
}
#bilans-gratuits label{
	font-size: 11px;
}
#bilans-gratuits .form-text{ width: 80px; }
#bilans-gratuits .btn{ padding: 0 5px; }



/* ! Landing Page */
/* ! --------------------------------------------------- */
#landing-page{ margin: 30px 75px; }
#landing-page h1{ margin-bottom: 40px; }
#landing-page h3{ margin-bottom: 5px; }
#landing-page .node{
	padding-bottom: 25px;
	margin-bottom: 25px;
}
#landing-page img.fl{ margin-right: 15px; }
#landing-page img.fr{ margin-left: 15px; }

/* ! Listes */
/* ! --------------------------------------------------- */

/* VIDEOS BEGIN */

/* Style global de la news dans le fil */
.list-y a[href*="-633032.html"],
.list-y a[href*="-633098.html"],
.list-y a[href*="-663055.html"],
.list-y a[href*="-712347.html"],
.list-y a[href*="-675084.html"] {
	display: block;
	height: 60px;
	background-image: url('/Content/Partners/ig-france/img/ig-teaser-small.jpg');
	background-repeat: no-repeat;
	background-size: 90px;
	background-position: 7px top;
	padding-left: 105px;
}

/* ON SET LE BACKGROUND IMAGE */

/* Market Live IG */
.list-y a[href*="-633098.html"] {
	background-image: url('/Content/Partners/ig-france/img/ig-teaser-16-small.jpg');
}

/* SG */
.list-y a[href*="-675084.html"] {
	background-image: url('/Content/Partners/sg/img/sg-teaser-small.jpg');
}
/*BNP Parisbas*/
.list-y a[href*="-712347.html"] {
	background-image: url('/Content/Partners/itw/img/itw-712347-teaser.png');
}

/* ON AJOUTE SI BESOIN UN CONTENT DIFFERENT */

/* style de base pour tous */
.list-y a[href*="-633032.html"]:after,
.list-y a[href*="-633098.html"]:after,
.list-y a[href*="-663055.html"]:after,
.list-y a[href*="-675084.html"]:after,
.list-y a[href*="-712347.html"]:after {
	content: 'Retrouvez les analyses des experts IG sur les march\00E9s ...';
	display: block;
	color:black;
}

/*sg */
.list-y a[href*="-675084.html"]:after {
	content:'Le rendez-vous des march\00e9 s boursiers chaque mercredi de 12h \00e0  12h30';
}
 /*BNP Parisbas*/
.list-y a[href*="-712347.html"]:after{
	content:"Tous les mardis de 12h \00E0  12h30, les experts d\00e9 cryptent pour vous l'actualit\00e9  de la semaine";
}

/* ON MASQUE LES IMAGETTES EN BOUT DE LIGNE SI BESOIN */

.list-y a[href*="-633032.html"] + img,
.list-y a[href*="-633098.html"] + img {
	display: none;
}
/* VIDEOS END */

.ig-logo-devise {
  height: 30px;
  width: 30px;
  position: absolute;
  right: 2px;
  top: 2px;
}

.smc-logo {
  height: auto;
  width: auto;
  position: absolute;
  right: 8px;
  top: 8px;
}

.list-y{
	margin-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.list-y .content{
	overflow: hidden;
	padding: 3px 0;
	margin-bottom: 0;
	_zoom: 1;
}

.list-y small { margin-left: 9px } /* padding+margin de .date */

.table .priv span,
.list-y span{ float: left; }
.list-y span.gothere{ float: none; }
.list-y div{ margin-left: 51px; }

.c201 .list-y div{ margin-left: 12px; }
.g1 .list-y div{ margin-left: 15px; }
.table .priv > .ico,
.list-y li > .ico{
	margin: 5px 5px 0 0;
}
.list-y .date,
.table .date{
	display: block;
	height: 17px;
	line-height: 17px;
	margin: 0 7px 0 2px;
	padding: 0 2px;
	color: #777;
	font-size: 11px;
	min-width: 34px;
}
.list-y .interview .date
{
	margin-right:2px;
}
.list-y div .ico{ float: none; }
.list-y .visual{
	margin-top: 3px;
	margin-bottom: 3px;
}
.list-y .visual + .h3,
.list-y .visual-wrapper + .h3{
	padding-top: 3px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

.listing-home .list-y p {
	width: 300px;
}

.list-y p{
	white-space: nowrap;
	text-overflow: ellipsis;
	height: 17px;
	overflow: hidden;
	margin-bottom: 0;
}
.c300 .list-y p{ width: 150px; }
.g1 .list-y p{ width: auto; }

/* Verticale (.list-y) */
ol.list-y span{ font-weight: bold; }
ol.list-y div{ margin-left: 20px; }

/* list de videos */
.list-videos li.content{ padding: 7px; }
.list-videos img{
	float: left;
	width: 80px;
}
.list-videos span{
	display: block;
	float: none;
	margin-left: 90px;
}
.list-videos h2{ font-size: 14px; font-weight: bold; }

/*################*/
/*Liste Interview*/
/*################*/
.list-y .content.interview a{
	color: #00327a !important;
	cursor: pointer;
	text-decoration: none;
	font-weight: bold !important;
}
.list-y .interview p {
	height: auto;
	margin-bottom: 0;
	overflow: hidden;
	white-space: normal;
	width: auto;
	font-style: italic !important;
}
.list-y .interview div{
	margin-left: 0;
}

.list-y .interview .priv  {
	color: #F35716 !important;
}

.interview .c-first{margin-left: 0;}
.interview .c-second{margin-left: 21px !important;}

.interview .c-first .date span{margin-left: 21px;}



/* ! Boutons */
/* ! --------------------------------------------------- */
/* defaut */

.pagenav .tab .btn {
	line-height: 24px;	/* idem que .btn seul */
	height: 24px;
	font-size: 11px;
 }
.tab .btn {
	line-height: 20px;
	height: 20px;
	font-size: 10px;
}

.btn{
	display: -moz-inline-box;
	display: inline-block;
	height: 24px;
	padding: 0 10px;
	/*font: bold 11px/24px "Trebuchet MS", Arial, sans-serif */;
	font-size: 11px;
	font-weight: bold;
	line-height: 24px;
	cursor: default;
	color: #037;
	text-shadow: 0 1px 0 #FFF;
	background-color: #ECF0F2;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EAF0F4); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #EAF0F4)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EAF0F4'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EAF0F4')"; /* IE8 */
	border: 1px solid #D6E2EC;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	*display: inline;
	*zoom: 1;
}
a.btn{ cursor: pointer; }

input.btn{
	position: relative;
	top: 1px;
	height: 26px;
	line-height: 26px;
	*top: 5px;
	*height: 28px;
}
/*
.form input.btn{
	border-color: #037;
}
*/
#content input.btn{
	text-transform: uppercase;
	border-color: #037;
	border-color: #7891ab;
}


/* taille en 100% */
.btn.block{ display: block; }

/* etat rollover */
.btn:hover,
div.selector:hover .btn,
.select.open .btn{
	text-shadow: 0 -1px 0 #FFF;
	color: #037;
	filter: none;
	background: #F2F4FB;
	/*
	background-image: -moz-linear-gradient(top, #e6e9eb, #FFFFFF);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #e6e9eb),color-stop(1, #FFFFFF));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e9eb', EndColorStr='#FFFFFF');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#e6e9eb', EndColorStr='#FFFFFF')";
	*/
}
/*
.btn:active{
	text-shadow: 0 -1px 0 #FFF;
	color: #037;
	filter: none;
	background-color: #FFF;
}
*/
.btn.b-priv:hover,
.select.open .btn.b-priv{
	color: #FFF;
	filter: none;
	background: #F35716;
	text-shadow: none;
}

/* etat actif */
.btn.b-on,
.on .btn{
	color: #000;
	background: #FFF;
	filter: none;
	-ms-filter: none;
}

.tab.on .btn { height: 24px; _height: 21px; }
.pagenav .tab.on .btn { height: 28px; _height: 25px; }

.on .btn,
.on.open .btn{
	height: 28px;
	_height: 25px;
	border-bottom: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	/*
	*position: relative;
	*top: 3px;
	*/
}

/* select */
.select .btn,
div.selector .btn{
	position: relative;
	padding-right: 32px;
}
.tabs .select .btn{ padding-right: 10px; }
.tabs .btn{
	margin-right: 2px;
	text-align: center;
}
.tabs > :last-child .btn{ margin-right: 0; }
.tabs.autosize .btn,
.tabs.autosize .select .btn{
	display: block;
	padding: 0;
}
.select .btn .ico{
	position: absolute;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	margin-right: 0;
	border-left: 1px solid #DDD;
	background-position: -33px -29px;
}
.select.open .btn .ico{
	background-position: -63px -29px;
}

/* ! Pictos */
/* ! --------------------------------------------------- */
.ico{
	display: -moz-inline-box;
	display: inline-block;
	margin-right: 3px;
	vertical-align: middle;
	background: url(../img/ico.png) -999em no-repeat;
	_font-size: 1%;
}
.i-dot{
	width: 7px;
	height: 7px;
	margin-right: 5px;
	background-position: -15px 0;
}
.i-dot-point{
	width: 7px;
	height: 7px;
	background-position: -15px -7px;
}
.i-dot-priv{
	width: 7px;
	height: 7px;
	background-position: -22px 0;
}
.i-dot-memb{
	width: 7px;
	height: 7px;
	background-position: -15px -14px;
}
.i-dot-hot{
	width: 7px;
	height: 7px;
	background-position: -161px -187px;
}
.i-home{
	width: 10px;
	height: 10px;
	background-position: -185px -184px;
	color:transparent;
	font-size:0;
}
.comments
{
	white-space:nowrap;
}
.i-comments, .comments .ico{
	width: 15px;
	height: 13px;
	background-position: 0 0;
}
.i-forum{
	width: 18px;
	height: 13px;
	background-position: -55px 0;
}
.i-close{
	width: 16px;
	height: 16px;
	background-position: -126px -62px;
}
.i-close2{
	width: 12px;
	height: 12px;
	background-position: -159px -122px;
}
.i-print{
	width: 24px;
	height: 24px;
	background-position: -156px -58px;
}
.i-printsmall{
	width: 16px;
	height: 16px;
	/*background-position: -156px -58px;*/
	background-image: url(../img/print.png);
	float:right;
}



.i-arrd-white{
	width: 9px;
	height: 7px;
	margin-right: 8px;
	background-position: 0 -14px;
	*margin-top: 4px;
	*height: 5px;
}
.i-arrd-blue{
	width: 9px;
	height: 7px;
	margin-right: 8px;
	background-position: -104px -7px;
	*margin-top: 4px;
	*height: 5px;
}
.i-arru-blue,
.on .i-arrd-blue{
	width: 9px;
	height: 7px;
	margin-right: 8px;
	background-position: -41px -69px;
	*margin-top: 4px;
	*height: 5px;
}
.i-arrl-blue{
	width: 5px;
	height: 9px;
	margin-right: 8px;
	background-position: -111px -96px;
}
.i-arrr-blue{
	width: 5px;
	height: 9px;
	margin-right: 8px;
	background-position: -127px -96px;
}
.i-lock,
.i-lock2{
	width: 7px;
	height: 10px;
	margin-right: 3px;
	background-position: -24px -10px;
	*margin-top: 2px;
	*height: 9px;
}
.i-lock2{ background-position: -38px -14px; }
.i-unlock{
	width: 11px;
	height: 13px;
	background-position: -39px -122px;
}
.i-up{
	width: 25px;
	height: 25px;
	background-position: -73px 0;
}
.i-up2{
	width: 17px;
	height: 16px;
	background-position: -63px -91px;
}
.i-eq{
	width: 29px;
	height: 29px;
	background-position: -3px -84px;
}
.i-eq2{
	width: 19px;
	height: 19px;
	background-position: -42px -89px;
}
.i-down{
	width: 25px;
	height: 25px;
	background-position: -90px -56px;
}
.i-down2{
	width: 17px;
	height: 16px;
	background-position: -84px -91px;
}
.i-suppr{
	width: 12px;
	height: 11px;
	background-position: -9px -35px;
}
.i-portefeuille{
	width: 11px;
	height: 13px;
	background-position: -185px 0;
}
.i-portefeuille2{
	width: 10px;
	height: 12px;
	background-position: -130px -153px;
}
.i-liste{
	width: 11px;
	height: 14px;
	background-position: -185px -15px;
}
.i-note{
	width: 11px;
	height: 14px;
	background-position: -185px -32px;
}
.i-alert{
	width: 10px;
	height: 11px;
	background-position: -70px -64px;
}
.i-profil,
.i-profil-priv{
	width: 11px;
	height: 15px;
	margin-top: -2px;
	background-position: -99px -151px;
}
.i-profil-priv{
	background-position: -129px -251px;
}
.i-panel-close{
	vertical-align: text-bottom;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background-image: url(../img/ico-alpha.png);
	background-position: -145px -93px;
}
.popin-on .i-panel-close{
	background-position: -172px -93px;
}
.table .i-suppr{ visibility: hidden; }
.table tr:hover .i-suppr{ visibility: visible; }
.i-message{
	width: 14px;
	height: 12px;
	margin-right: 7px;
	background-position: -68px -124px;
}
.i-rep{
	width: 17px;
	height: 15px;
	margin-right: 7px;
	background-position: -96px -121px;
}
.i-cit{
	width: 23px;
	height: 19px;
	margin-right: 7px;
	background-position: -123px -119px;
}
.i-quote-left{
	width: 12px;
	height: 9px;
	background-position: -10px -254px;
}
.i-quote-right{
	width: 11px;
	height: 9px;
	background-position: -40px -254px;
}
.i-rss{
	width: 13px;
	height: 13px;
	background-position: -68px -252px;
}
td .i-rss{
	vertical-align: middle;
	width: 9px;
	height: 12px;
	height: 9px\0/;
	*height: 9px;
	background-position: -100px -254px;
}

/* Pictos forum */
.ico-forum{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	background: url(../img/ico-forum.png) no-repeat top left;
}
.i-forum_admin_attacher{ background-position: 0 0; width: 22px; height: 19px; } 
.i-forum_admin_depin{ background-position: 0 -69px; width: 22px; height: 19px; } 
.i-forum_admin_deplacer{ background-position: 0 -138px; width: 22px; height: 19px; } 
.i-forum_admin_detacher{ background-position: 0 -207px; width: 22px; height: 19px; } 
.i-forum_admin_editer{ background-position: 0 -276px; width: 22px; height: 19px; } 
.i-forum_admin_fermer{ background-position: 0 -345px; width: 22px; height: 19px; } 
.i-forum_admin_ouvrir{ background-position: 0 -414px; width: 22px; height: 19px; } 
.i-forum_admin_pin{ background-position: 0 -483px; width: 22px; height: 19px; } 
.i-forum_admin_supprimer{ background-position: 0 -552px; width: 22px; height: 19px; } 
.i-forum_citer{ background-position: 0 -621px; width: 22px; height: 19px; } 
.i-forum_editer{ background-position: 0 -690px; width: 22px; height: 19px; } 
.i-forum_lire{ background-position: 0 -759px; width: 40px; height: 24px; } 
.i-forum_msg{ background-position: 0 -833px; width: 22px; height: 19px; } 
.i-forum_pm{ background-position: 0 -902px; width: 22px; height: 19px; } 
.i-forum_pm2{ background-position: 0 -971px; width: 14px; height: 12px; } 
.i-forum_post{ background-position: 0 -1033px; width: 8px; height: 9px; } 
.i-forum_postclosed{ background-position: 0 -1092px; width: 10px; height: 11px; } 
.i-forum_postfixed{ background-position: 0 -1153px; width: 25px; height: 25px; } 
.i-forum_postnew{ background-position: 0 -1228px; width: 8px; height: 9px; } 
.i-forum_profil{ background-position: 0 -1287px; width: 22px; height: 19px; } 
.i-forum_repondre{ background-position: 0 -1356px; width: 22px; height: 19px; } 
.i-forum_saut{ background-position: 0 -1425px; width: 22px; height: 19px; } 


/* Etoiles */
.stars{
	display: -moz-inline-box;
	display: inline-block;
	width: 77px;
	height: 13px;
	text-indent: -999em;
	background: url(../img/ico.png) left 13px no-repeat;
}
.s0{ background-position: 0 -144px; }
.s1{ background-position: 0 -160px; }
.s2{ background-position: 0 -176px; }
.s3{ background-position: 0 -192px; }
.s4{ background-position: 0 -208px; }
.s5{ background-position: 0 -224px; }

/* ! Tableaux */
/* ! --------------------------------------------------- */
.table{
	table-layout: fixed; /* CA C TOP ! */
	width: 100%;
	font-size: 11px;
}
.table img { display: inline }
.b-title + .table{ margin-top: 5px; }
.table caption{ padding: 10px; }
.table th,
.table td{
	padding: 1px 2px;
	border-bottom: 1px dotted #CCC;
	_border-style: solid;
	_border-color: #DDD;
	white-space: nowrap;
}
.table th{
	text-align: left;
	font-weight: bold;
}
.table th label{
	font-size:14px;
	padding-bottom:10px;
}

.table th.tr{ text-align: right; }
.table th.tc{ text-align: center; }
.table tbody tr:hover td,
.table tbody tr:hover th{
	background-color: #F2F4FB;
}
.table tbody td{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.table tbody td p{ white-space: normal; }
.table tbody .rm-ellipsis td{white-space: normal;}
table.free { table-layout:auto }

/* table de devises */
.guide .table tbody td img{ 
	margin-right: 5px; 
	vertical-align:middle;
	position:relative;
	top:-1px;
}
.vm{ vertical-align: middle; }


.caps-uppercase a{
	text-transform:uppercase;
}

/* Calendrier */
table.calendar{
	width: 100%;
	border-collapse: collapse;
}
.calendar caption{
	padding: 3px 0;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}
.calendar th,
.calendar td{
	padding: 3px 0;
	text-align: center;
	border: 1px solid #CCC;
}
.calendar .sel{
	font-weight: bold;
	background: #F2F4FB;
}

/* Tris dans les tableaux */
.tria,
.trid{
	padding-left: 10px;
	background-position: left center;
	background-repeat: no-repeat;
}
.tria{ background-image: url(../img/tria.png); }
.trid{ background-image: url(../img/trid.png); }


/* ! Select */
/* ! --------------------------------------------------- */
.select{
	position: relative;
	z-index: 1;
	zoom: 1;
}
.select .select-content{
	display: none;
	overflow: auto;
	position: absolute;
	top: 25px;
	left: 0;
	margin: 0;	
	border-top: 1px solid #D8DBDD;
	border-bottom: 1px solid #D8DBDD;	
	background: #F2F4FB;
}

.select .rm-ofw{
	overflow:inherit;
}
.select .rm-ofw form input.btn {
	width:39px !important;
	padding:0	
}
.select .rm-ofw form input {
	width: 80%;
	margin: 0 0 7px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	font-size: 11px;
}
.select .rm-ofw form{
	border-left: 1px solid #D8DBDD;
	border-right: 1px solid #D8DBDD;
	border-top: 1px dotted #ccc;
	text-align: left;
	margin: 0;
	padding: 0 7px;
	background: #003377;
}
.select .rm-ofw label{
	font-size: 11px;
	color: #fff;
	margin:  3px 0;
}

.iso-currency{
	float:right;
}

.tabs .select{ z-index: 10; }
.tabs .select .select-content{
	min-width: 150px;
	*width:150px;
	top: 28px;
}
.select.fr .select-content,
.select .select-content.right{
	right: 0;
	left: auto;
}
.no-js .tabs .select:hover .select-content{
	display: block;
}
.select.open .select-content{
	display: block;
}
.select ul{
	max-height: 300px;
	overflow: auto;
	margin: 0;
	list-style: none;
	border-left: 1px solid #D8DBDD;
	border-right: 1px solid #D8DBDD;
}
.select li{
	overflow: hidden;
	display: block;
	margin: 0;
	border-top: 1px dotted #CCC;
	_border-style :solid;
	_border-color: #DDD;
	zoom: 1;
}
.select li a,
.select li span{
	display: block;
	padding: 3px 7px;
	font-size: 11px;
	white-space:nowrap;
	zoom: 1;
}
.select li a:hover,
.select li a.on{
	color: #002141;
	background-color: #FFF;
}
.select li a.on{
	font-weight: bold;
}
.select li:first-child{ border-top: 0; }
.select .btn{ margin-bottom: 0; }

/* ! Formulaires */
/* ! --------------------------------------------------- */
label{ cursor: pointer; }
legend{
	display: block;
	font-size: 14px;
	font-weight: bold;
}


/* Form */
.form{
	padding: 15px;
	margin-bottom: 15px;
	background-color: #F2F4FB;
	/* background-color: #F4F6F7; */
	border: 1px solid #D6E2EC;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.form h2{ font-size: 16px; }
.form strong{
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}

/* Text */
.form-text{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
	color: #444;
	/*font: normal 12px/24px "Trebuchet MS", Arial, sans-serif */;
	font-size: 12px;
	font-weight: normal;
	background-color: #FFF;
	border: 1px solid #D8DBDD;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
	border-radius: 2px;
	*position: relative;
	*top: -2px;
}
input.form-text{
	height: 26px;
	line-height: 26px;
}
textarea.form-text{
	padding: 5px;
	line-height: 1.4;
}
.form-text.calendar{
	background-position: right top;
}

#acces-membre input.form-text{
	line-height: 1;
	line-height: 26px\0/;
	*line-height: 26px;
}

/* Radio */
.form-radio input{
	position: absolute;
	left: -9999em;
}
.form-radio .ico{
	position: relative;
	top: -2px;
	width: 12px;
	height: 12px;
	margin-right: 5px;
}

.form-radio .i-default{ background-position: -31px 0; }
.form-radio .i-checked{ background-position: -43px 0; }

#header .form-radio .i-default{ background-position: -159px -153px; }
#header .form-radio .i-checked{ background-position: -184px -153px; }


/* Textarea */
.form-area{
	display: block;
	padding: 5px;
	color: #444;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
	border-radius: 3px;
}

/* Boutton (style en lien) */
.form-btn-link{
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
	color: #037;
	cursor: pointer;
}
small .form-btn-link{ font-size: 11px; }

/* Sondage */
.form-poll legend{
	display: block;
	font-weight: bold;
	color: #037;
}
.form-poll h2{
	margin-bottom: 5px;
	color: #037;
}
.form-poll ul{
	margin: 0;
	list-style: none;
}
.form-poll li{
	margin: 0;
	padding: 5px 15px 5px 0;
}
.list-y .form-poll li{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

/* ! Pagination */
/* ! --------------------------------------------------- */

body .gsc-control-cse .gsc-results .gsc-cursor-box,
ol.pagine{
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0 0 15px;
	font-size: 11px;
	text-align: center;
	list-style: none;
	border-bottom: 1px solid #D6E2EC;
}
ol.pagine li{
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
	*display: inline;
	*zoom: 1;
	margin-bottom: 0;
}
ol.pagine li.p-prev{ float: left; }
ol.pagine li.p-next{ float: right; }

body .gsc-results .gsc-cursor-box .gsc-cursor-page,
ol.pagine a,
ol.pagine .crypt{
	display: -moz-inline-box;
	display: inline-block;
	padding: 0 4px;
	height: 18px;
	text-align: center;
	line-height: 18px;
}
body .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
ol.pagine a:hover,
ol.pagine .crypt:hover{ background-color: #EEE; }

body #overall .gsc-results .gsc-cursor-box .gsc-cursor-current-page,
ol.pagine .on a,
ol.pagine .on .crypt{
	color: #FFF;
	background-color: #037;
}
ol.pagine .ico{
	margin-top: -2px;
	margin-right: 0;
}

span.pagine a,
span.pagine span.crypt,
span.pagine span.gothere{
	padding: 0 2px;
	font-weight: normal;
	color: #037;
	text-decoration: none;
	white-space: nowrap;
	background-color: #dbe8f0;
}
span.pagine a:hover,
span.pagine .crypt:hover{
	color: #FFF;
	background-color: #037;
}

.form ol.pagine{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

/* ! Popin */
/* ! --------------------------------------------------- */

/* Ma Liste */
#popin-ma-liste{
	width: 300px;
	margin-top: 20px;	
}

#popin-ma-liste h2{ margin-top: 5px; }
#popin-ma-liste ul{ margin-bottom: 0; }
#ma-liste-popin{ margin-top: 5px; }
#popin-ma-liste .popin-close{
	float: right;
	margin-top: 43px;
}

.g7 {
	width: 240px;
}
.tabs-content .more {
	text-align: left;
}

.mes-listes .btn{
				width: 80px !important;
				overflow: hidden;
			}

.mes-listes {
	margin: 0 0 10px;
	zoom: 1;
}
.mes-listes .b-title { 
	position: static;
	*height:16px;
}
.mes-listes .b-title .btn {
	top: auto;
	box-shadow : none;
}
.mes-listes .b-title a {
	color: #111;
}
.mes-listes .select {
	position: relative;
	top: -6px;
	float: right;
	right:-9px;
}
.mes-listes .b-title .select a {
	color: #037;
	font-weight: normal;
}
.mes-listes .b-title .select a:hover {
	color: #002141;
}
.mes-listes #ma-liste {
	margin-top: 0;
}
.mes-listes .more{
	*margin-top:-8px;
}
.mes-listes .tabs-content {
	margin: 0;
	/*padding: 16px 10px 10px;*/
	padding-top:13px !important;
	clear: right;
}

.block-mes-listes-home .b-title{
	background: transparent none;
	border-bottom: 0;
	padding: 0;
}
.block-mes-listes-home .b-title a{ display:  none; }
.block-mes-listes-home .b-title a.async{ display:  block; }
.block-mes-listes-home .box{
	padding: 0;
}
.block-mes-listes-home .mes-listes dl.select{
	float: none;
	left: 4px;
}
.mes-listes .select-content {
	left: auto;
	right: 5px;
}

.mes-liste-right {
	padding:10px 0 0;
}

.mes-liste-right .tabs-content  {
	padding: 0px 10px 10px;	
	height:auto !important;
}

.mes-listes .select-content{
	width:210px !important;
}

.g2 .mes-listes p.more, 
.g7 .mes-listes p.more {
	text-align: center;
}
.g7 .mes-listes p.more {
	padding: 3px 0 0;
}
.g2 .mes-listes p.more,
.g2.mes-listes div.more,
.g7.mes-listes div.more {
	padding: 10px 0 0;
}
.g7 .box > .tabs-content .more{
	*margin-top:-8px;
	*padding-top:-15px;
	*z-index:100;
	*padding-bottom:15px;
	*position:absolute;
}
			
.g7 .box > .tabs-content{
	*zoom:1;
}

.tooltip p{
	*width:210px;
}

/* ! Divers */
/* ! --------------------------------------------------- */
[data-script*=link]{ cursor: pointer; }
.up{ color: #3f9323; }
.eq{ color: #888; }
.down{ color: #D00; }

.metas{
	min-height: 16px;
	_height: 16px;
	font-size: 11px;
}
.metas-loading{ background: url(../img/ajax-loader.gif) left bottom no-repeat; }
.metas-loading .i-arrd-blue{ visibility: hidden; }
.metas .i-arrd-blue{ margin-left: 2px; }

.more{
	padding-top: 10px;
	margin-bottom: 0;
	font-size: 11px;
/*	text-align: right;*/
}
.more a,
.more span.gothere{
	padding-left: 10px;
	margin-right: 10px;
	background: url(../img/more.png) left center no-repeat;
}
.metas{	padding-top: 10px; }
.async-content + img{
	visibility: hidden;
	float: right;
}
.async-content + img.loading{ visibility: visible; }

/* bloc citation */
.citation{
	position: relative;
	padding: 30px 0 10px;
	color: #037;
	_zoom: 1;
}
.citation span{
	position: absolute;
	font-size: 60px;
	font-weight: bold;
	letter-spacing: -3px;
	line-height: 1;
}
.citation .start{
	top: 0;
	left: -4px;
}
.citation .end{
	bottom: -40px;
	right: 0;
}

/* bloc interview */
#article-related .interview
{
	margin-bottom:15px;
}

#article-related .interview small{
	color:#000;
	padding: 0 12px 6px;
	border-bottom:dotted 1px #ccc;
}

#article-related .interview strong {
	display:block;
	padding: 6px 12px 0;
}

.interview-opcvm {
    padding: 0;
}

.interview-opcvm figure {
    width: 100%;
    display: block;
    margin-bottom: 10px;

    overflow: auto;
    zoom: 1;
}

.interview-opcvm figure img {
    width: 15%;
    margin-right: 0;
}

.interview-opcvm figure figcaption {
    width: 85%;
    padding: 0 10px 10px;
    box-sizing: border-box;
}

.interview-opcvm figure figcaption a {
    display: block;
    margin-bottom: 10px;
}

.interview-opcvm figure figcaption blockquote a {
    display: inline;
}

.interview-opcvm figure figcaption a:hover small {
    color: #000;
}

.interview-opcvm figure figcaption small {
    /*display: inline;*/
    font-size: 12px;
}

.interview-opcvm figure img,
.interview-opcvm figure figcaption {
    float: left;
}

@media screen and (max-width: 601px) {
    
    .box.interview figure img {
        width: 30%;
    }
    
    .box.interview figure figcaption {
        width: 70%;
        padding: 0 20px;
        box-sizing: border-box;
    }
}

.box.interview {
    float: left;
}

.interview small{
	color: #037;
}

.interview blockquote{
	position: relative;
	margin-bottom: 10px;
    margin-top: 10px;
	padding-right: 14px;
	font-style: italic;
    float: left;
}
.interview blockquote .ico{ vertical-align: baseline; }
.interview blockquote .i-quote-left{ margin-right: 6px; }
.interview blockquote .i-quote-right{
	bottom: 3px;
	margin: 0 0 0 4px;
}
.interview .more{ padding-top: 0; float: left; }

/**/
.news .list-y{
	padding: 10px;
	border-top: 1px solid #FFF;
}
.news .metas{
	padding: 0 10px 10px;
}


/* bloc Réseaux Sociaux*/
#article .share-box,
#video .share-box { margin-top:-15px; }
.galerie-photo .share-box {margin-top:-5px; }

.share-box 
{
	position:relative;
	top:-1px;
	margin-bottom: 10px; 
	visibility:hidden;
	background-color:#fbfbfb;
	box-shadow: inset 0 1px 3px #ececec;
	-moz-box-shadow: inset 0 1px 3px #ececec;
	-webkit-box-shadow: inset 0 1px 3px #ececec;
	-o-box-shadow: inset 0 1px 3px #ececec;
	-ms-box-shadow: inset 0 1px 3px #ececec;
	border-radius:0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
	-o-border-radius:0 0 3px 3px;
	-ms-border-radius:0 0 3px 3px;
	padding:3px 0 3px;
}

.share-box .priv {
	background-color: #ff8039;
	float:left;
	text-align:center;
	font-size:10px;
	font-weight:bold;
	line-height:11px;
	margin:-3px 0 -3px;
	padding:0;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8039), to(#ef5601)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #ff8039, #ef5601); /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:    -moz-linear-gradient(top, #ff8039, #ef5601); /* FF3.6 */
	background-image:     -ms-linear-gradient(top, #ff8039, #ef5601); /* IE10 */
	background-image:      -o-linear-gradient(top, #ff8039, #ef5601); /* Opera 11.10+ */
	background-image:         linear-gradient(top, #ff8039, #ef5601);

	border-radius:0 0 0 3px;
	-moz-border-radius: 0 0 0 3px;
	-webkit-border-radius:0 0 0 3px;
	-o-border-radius:0 0 0 3px;
	-ms-border-radius:0 0 0 3px;

	text-shadow: rgba(0,0,0,.35) 0 -1px 0;
	box-shadow: inset 0 1px 3px #ef5601;
}
.share-box .priv a,
.share-box .priv span.gothere {
	float:left;
	color:#fff;
	padding:2px 20px 5px 6px;
	background: url(../img/triangle.png) center right no-repeat;
	margin:0;
	border:0;
	*zoom:1;
	height:auto;
}

.share-box .fb_ltr { /* facebook */ margin-top:-1px;}
.share-box img{cursor:pointer; margin-top:1px; }
.share-box ul.fr { margin-right:10px; }
.share-box ul {margin:0; padding:0; }
.share-box li,
.share-box iframe {
	padding:0; 
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;

}
.share-box li:first-child {padding-left:10px;}
.share-box li{ margin: 3px 2px 0 0;  }
.share-box .google {
	margin-top:-3px; 
	*margin-top:8px; 
}
.facebook-share-button{
	width: 70px;
	height: 20px;
	background: url(../img/ico.png) -96px -215px no-repeat;
}


body.loading{ cursor: progress; }
#loader{
	display: none;
	position: fixed;
	top: 0;
	/* left: 50%; */
	right: 0;
	z-index: 10001;
	width: 30px;
	height: 30px;
	margin: 5px;
	font-weight: bold;
	/* background: #FEA url(../img/ajax-loader2.gif) center no-repeat; */
	background: #000 url(../img/ajax-loader3.gif) center no-repeat;
	opacity: .5;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	/*
	border: 1px solid #000;
	border-top: 0;
	*/
}
.loading #loader{ display: block !important; }

/* ! Aides */
/* ! --------------------------------------------------- */
.nod,
.node{
	margin-bottom: 15px;
}
.node{
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
.stack{ margin-bottom: 5px; }
.ib{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
.pointer{ cursor: pointer; }
.tl{ text-align: left; }
.tc{ text-align: center; }
.tr{ text-align: right !important; }
.fl{ float: left; }
.fr{ float: right; }
.cl{ clear: both; }
.clr{ clear: both; }
.clear{
	clear: both;
	display: block;
	width: 100%;
	overflow: hidden;
	height: 1px;
	font-size: 1%;
	line-height: 0;
	padding: 0;
	margin: 0;
	background: none;
}
.b-error{
	background: #ffe5e5;
}
.b-error,
.error{
	color: #D00;
}
.b-valid{
	color: #3F9323;
	background: #E7F2E4;
}
.b-info,.b-message{
	color: #333;
	background: #EEE;
}
.no-margin{ margin: 0; }
.no-padding{ padding: 0; }

/**[title]{ cursor: help; }
a[title]{ cursor: pointer; }*/
body .help { cursor: help; }
/* ! POPINS */
/* ! --------------------------------------------------- */

/* Base */
.popin-box{
	display: none;
	position: absolute;
	z-index: 10001;
	padding: 15px;
	background-color: #FFF;
	border: 5px solid #DDD;
}
.popin-box-on{ display: block; }
.popin{ cursor: pointer; }
.popin-box-loading{
	height: 20px;
	background: #FFF url(../img/ajax-loader.gif) center no-repeat;
}
.popin-fixed{ z-index: 100000; }

/* Nav Societes citees */
#popin-infos-az-mega{
	top:75px !important;
	left: 0 !important;
	margin-left: 0 !important;
	width: 960px;
	padding: 15px;
}
#popin-infos-az-mega.popin-fixed{
	left: auto !important;
}
/* #popin-infos-az-mega.popin-box-on{ display: block; } */
#popin-infos-az-mega.loading{ background: #FFF url(../img/ajax-loader.gif) center no-repeat; }
#popin-infos-az-mega .col{
	overflow: visible;
	width: 225px;
	width: 175px;
	margin-left: 20px;
	*zoom: 1;
}
#popin-infos-az-mega .c-first{ margin-left: 0; }
#popin-infos-az-mega dl{ margin-top: 15px; }
#popin-infos-az-mega .col dl:first-child{ margin-top: 0; }
#popin-infos-az-mega dt{
	/* padding-bottom: 7px; */
	margin-bottom: 2px;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	line-height: 1;
	color: #F00;
	border-bottom: 1px dotted #CCC;
}
#popin-infos-az-mega dd{ margin: 0 0 5px; }
#popin-infos-az-mega dd:last-child{ margin-bottom: 0; }
#popin-infos-az-mega dd h2{
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
}
#popin-infos-az-mega dd ul{
	list-style-position: inside;
	margin: 0;
}
#popin-infos-az-mega dd li{
	color: #CCC;
	margin-bottom: 0;
}
#popin-infos-az-mega dd li a span,
#popin-infos-az-mega dd li a small{
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
	height: 15px;
	line-height: 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#popin-infos-az-mega dd li a span{
	width: 155px;
	width: 170px;
	*margin-left: -15px;
}
#popin-infos-az-mega dd li a small{
	width: 70px;
	text-align: right;
}

/* societes citees  */
	#infos-az-mega dt {
			border-bottom: 1px dotted #CCCCCC;
				color: #FF0000;
				font-size: 16px;
				height: 20px;
				line-height: 1;
				margin-bottom: 2px;
			}

	#infos-az-mega dd li a, #infos-az-mega dd li a span, #infos-az-mega dd li a small {
			display: inline-block;
			 *display: inline; *zoom: 1;
			vertical-align: middle;
			height: 15px;
			line-height: 15px;
			overflow: hidden;
			position: relative;
			text-overflow: ellipsis;
			white-space: nowrap;
				}
	#infos-az-mega dd li {
				color:#666;
	}

	#infos-az-mega dd li a 
	{
		max-width: 170px;
		font-weight:normal;
	}
	
	#infos-az-mega dd li span 
	{
		font-weight:bold;
	}
	
	#infos-az-mega dd li span + a 
	{
		max-width: 135px;
		width: expression(this.offsetWidth > 135 ? "135px" : "auto");
	}

	.i-news {
			background: url(../img/ico.png) no-repeat -158px -252px;
			height: 13px;
			width: 13px;
	}

/* fin societes cites */


/* Sous navigations */
/* #popin-nav-priv{ border-color: #F35716; } */
.popin-box .sous-nav div.fl,
.popin-box .sous-nav{
	min-width: 150px;
}

/* Debut IE 6/7 */
.popin-box .sous-nav{
	*float: left;
	*width: expression( document.body.clientWidth < 150 ? "150px" : "auto" );
}
.popin-box .sous-nav div.fl{ *width: 150px; }
.popin-box .sous-nav .clear{ *display: none; }
/* Fin IE 6/7 */

.popin-box .sous-nav{ background: url(../img/sep-v1.gif) 163px top repeat-y; }
.popin-box .sous-nav .fl{ padding-left: 30px; _display: inline; }
.popin-box .sous-nav .fl-first{ padding-left: 0; }
.popin-box .sous-nav dl{ margin-top: 5px; }
.popin-box .sous-nav dl:first-child{ margin-top: 0; }
.popin-box .sous-nav dt{
	margin-bottom: 0;
	text-transform: uppercase;
}
.popin-box .sous-nav dd{ margin: 0; }

.popin-box .sous-nav a{
	display: block;
	line-height: 1;	
	padding: 4px 2px 4px 20px;
	background: url(../img/dot.png) 5px center no-repeat;
}
.popin-box .sous-nav a:hover{ background-color: #FAFAFA; }
#popin-nav-forums .sous-nav,
#popin-nav-services .sous-nav{
	background: none;
}
#popin-nav-priv .box-priv{
	padding: 8px;
	margin-top: 5px;
	line-height: 1;
}

#popin-index-fortuneo{
	width: 655px;
	height: 500px;
	padding: 0;
	/* margin-top: -30px; */
	margin-left: -1px;
	border: 0;
	border: 1px solid #FFF;
	border-top-width: 0;
	text-align: center;
	/* background: #A3E744; */
}

.popin-over{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#popin-index-fortuneo h1{
	position: absolute;
	top: 40%;
	left: 45%;
}


#index-fortuneo{
	position: relative;
	display: block;
}
#popout-index-fortuneo{
	position: absolute;
	left: 0;
	margin-top: 1px;
}

/* ! Pubs */
/* ! --------------------------------------------------- */

#fb-likebox-300,
#fb-likebox-156{
	position: relative;
	overflow: hidden;
}
#fb-likebox-300{
	height: 270px;
	margin-bottom: 10px;
}
#fb-likebox-156{
	height: 503px;
	padding: 0;
	border: 10px solid #FFF;
	border-top: 0;
}

#fb-likebox-300 iframe,
#fb-likebox-156 iframe{
	position: absolute;
	top: -1px;
	left: -1px;

}

#fb-likebox-30{
	/*position: relative;
	height: 30px;
	padding: 0;
	border: 10px solid #FFF;
	overflow: hidden;*/
}

#ads-loader,
.ads-loader {
	position: absolute;
	left: -9999em;
	top: 0;
}

.ad-holder [id*="rp-"] { line-height: 0 }

#ad-dst-0{
	width: 300px;
	min-height: 250px;
	margin-left: auto;
	margin-right: auto;
}
#banner, .banner {
	text-align:center;
	background-color:#eee;
	padding-top:4px;
	
}

/* Hack pour correction position megaban */
#banner div,
.banner.bottom div {
	margin: 0 auto !important;
	text-align: center !important;
}

#banner img,
.banner.bottom div { display: inline; }

.banner { height: auto; }

.page-sponsors { float:right }

/*#adsense-header{
	display: none;
	float: right;
	width: 242px;
	height: 70px;
	padding: 10px 15px 10px 14px;
	border-left: 1px solid #AAA;
	background-color: #E6E9EB;
	background-image: -moz-linear-gradient(top, #EAF0F4, #FFFFFF); /* FF3.6 */
	/* background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #EAF0F4),color-stop(1, #FFFFFF)); Saf4+, Chrome */
	/* filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EAF0F4', EndColorStr='#FFFFFF'); /* IE */
	/* zoom: 1;
}*/

#adsense-header p{ margin-bottom: 5px; }
.ads iframe,
.ads object,
.ads embed,
.ads img{
	display: block;
}
#ad-iphone{
	min-height: 250px;
	_height: 250px;
	background: #FFF url(../img/ad-iphone.png) left bottom no-repeat;
}
#ad-portefeuille-boursier,
#ad-portefeuille-boursierMT{
	margin: -13px 0 10px;
	border: 2px solid #FFF;
	-webkit-background-clip: padding;
}

#ad-portefeuille-boursier a { color:#fff }
#home-subscribe .box-priv{
	display:inline;
	padding: 0;
	background: none;
}
#ad-partner img{ display: block; }
#ad-partner-right{ height: 96px; }

.ad-google .b-title{ margin-bottom: 10px; }
.ad-google .col{ min-height: 0; }
/* .ad-google .col div{ padding: 10px; } */
.ad-google p{ margin-bottom: 0; }
.adsense p{ margin-bottom: 5px; }
.adsense-frame{ overflow: hidden; }

#bnp-partner{ margin-top: 10px; }

/* ! /!\ Barre d'indices */
/* ! --------------------------------------------------- */
#indexes{
	padding: 0;
	-webkit-background-clip: padding-box;
}
#indexes ul,
#indexes li{
	list-style: none;
	margin: 0;
}
#indexes ul{ height: 30px; }
#indexes li{
	float: left;
	position: relative;
	z-index: 100;
	height: 30px;
	padding: 0 7px;
	line-height: 30px;
	font-size: 11px;
	border-left: 1px solid #eee;
}
#indexes li:first-child{ border: 0; }
#indexes li a{ color: #000; }
#indexes li b:first-child{ padding-right: 10px; }

#indexes h2,
#indexes span{
	display: inline;
	font-size: 12px;
	font-weight: bold;
}
#indexes .ads{
	position: static;
	padding: 1px;
	background: none;
}

/* #indexes li:hover div{ display: block; } */
#indexes div.tooltip{
	display: none;
	position: absolute;
	/* z-index: 999999; */
	top: 43px;
	left: 0;
	padding: 10px;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #FFF;
	-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.1);
	box-shadow: 2px 2px 2px rgba(0,0,0,.1);
}
#indexes .ico{
	position: absolute;
	top: -12px;
	left: 30px;
	width: 22px;
	height: 12px;
	background-position: -4px -63px;
}
#indexes div p{ margin-bottom: 0; }
#indexes div img{ display: block; }

/* ! /!\ HOMEPAGE */
/* ! --------------------------------------------------- */
#daily-stats{
	zoom: 1;
	margin-bottom: 10px;
	padding: 5px 10px;
	/* background: url(../img/sep-v1.gif) 287px top repeat-y; */
	/*
	padding-top: 26px;
	background: #FFF url(../img/fortuneo-hab.png) left top no-repeat;
	*/
}
#daily-stats .left{
	float: left;
	width: 267px;
}
#daily-stats .left .indice{
	font-weight: bold;
	font-size: 14px;
}
#daily-stats .left .tabs{
	margin-bottom:6px;
}
#daily-stats .left .tabs-content{
	min-height:80px;
}
#daily-stats .left .tabs-content ul{
	margin: 0;
	list-style: none;
}
#daily-stats .left li.indice{ float: left; }
#daily-stats .left li.live{
	float: right;
	font-weight: bold;
}
#daily-stats .right{
	float: right;
	width: 180px;
}
#daily-stats .right .b-title{
	padding-top: 7px;
	padding-bottom: 7px;
}

/* Blocage affichage 3 graph en hp*/
#daily-stats .tabs-content div{ display: none; }
#daily-stats .tabs-content div:first-child{ display: block; }

/* ! /!\ FICHE VALEUR */
/* ! --------------------------------------------------- */

/* Fiche Top */
#top-content{
	position: relative;
	margin-bottom: 15px;
	/*
	min-height: 70px;
	_height: 70px;
	*/
	_zoom: 1;
}
#top-content h1,
#top-content .h1,
.c-first h1 {
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 15px;
}

#top-content.cut h1,
#top-content.cut .h1 {
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

#top-content h1 + div,
#top-content .h1 + div{
	font-size: 11px;
}

#top-content div h2{
	font-weight:normal;
	font-size:11px;
	display:inline
}

.breadcrumb{
	line-height: 12px;
	font-size: 11px;
	position:absolute;
	top:10px;
	left:18px;
	z-index:1;
	color: #777
}

.breadcrumb a { color: #777 }
.breadcrumb a:hover { text-decoration:underline }

.breadcrumb span {
	height: 12px;
}



/* Toolbar */
#top-content .toolbar{
	position: absolute;
	right: 0;
	top: -10px;
	_zoom: 1;
}
#top-content .toolbar .btn{
	position: relative;
	padding-left: 25px;
	border-top: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
}
#top-content .toolbar .btn .ico{ position: absolute; left: 10px; top: 6px; }

/* Fiche Cours */
#fiche-cours{
	line-height: 1;
	margin-bottom: 10px;
}

#fiche-cours table {
	vertical-align: text-top;
}
#fiche-cours table tr > td{
	vertical-align: top;
}
#fiche-cours .p10{
	padding:0;
	border-left:1px dotted #d8d8d6;
}

#fiche-cours table th {
	font-size:13px;
}


#fiche-cours table td,
#fiche-cours table th {
	line-height: 1.4;
	padding-left: 8px;
}
/*#tab-volume{line-height:19px;} */

#volume{
	font-size:11px;
	float:left;
}
#datas{
	font-size:11px;
	float:right;
}

#cotation {
	float:left;
}

#cotation th{
	color:#777777;
	font-size:11px !important;
	font-weight:normal;
	text-align: left;
	line-height: 18px;
}
#cotation td{
	font-size:22px;
	*font-size:20px;
	font-weight: bold;
	text-align: left;
}

#fiche-cours
#cotation table td { line-height: 1; padding:0 8px 0 0 }

#fiche-cours
#cotation table th { padding:0 8px 0 0 }

#fiche-ad-priv{ margin-top: 5px; cursor:pointer}
#fiche-ad-priv .b-title{ margin-bottom: 5px; }
#fiche-ad-priv .b-title span{
	font-weight: normal;
}
#fiche-ad-priv ul{
	margin-bottom: 5px;
}
#fiche-ad-priv li{
	padding: 3px 0 3px 30px;
	line-height: 1;
	border-bottom: 1px dotted #CCC;
	background: url(../img/arr.png) 13px center no-repeat;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
	#fiche-cours .volume strong {
		display:inline-block;
		vertical-align: middle;
		text-align: center;
		width:170px;
	}
}


/* ! Article */
/* ! --------------------------------------------------- */
.twitter-tweet {
	margin: 15px auto !important;
}
blockquote.twitter-tweet { display:none }

#article h1, #video h1{
	padding: 5px 0 15px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #2A2A2A;
	border-bottom: 1px dotted #CCC;
	white-space:normal;
}

#article h1 small {
	color:#000;
	font-size:11px;
	font-weight:bold;
	line-height:1;
	margin-bottom:5px;
}

#article h1 cite {
	font-style:italic;
	display:block;
}

#article .sign {
	clear:both; 
	text-align:right;
	color:#999;
	font-size: 11px;
}

#article .sign a {
	color:#999;
}

#article h1 cite:nth-of-type(1) {
	padding:0 15px;
}

#article h1 cite:before
{
	position:absolute;
	content: '"';
	margin-left:-15px;
}

#article h1 cite:after { content: '"'; padding-left:5px }

#article-body.fl{
	float: left;
	width: 420px;
}
#article-related{
	float: right;
	width: 200px;
}

#article-body .share-box{
	margin-bottom: 15px;
}
#article-body .date{
	margin-bottom: 5px;
	font-size: 11px;
	color: #999;
}
#article-content h2{
	margin-bottom: 15px;
	font-size: 18px;
	font-weight: bold;
}

#article-content .baseline {
  font-weight: bold;
  font-size: 13px;
}

#article-content img.nod{ display: block; }
#article-content img.photo-left{
	float: left;
	margin: 0 15px 0 0;
}
#article-content img.photo-logo{
	max-width:150px;
}
#article-content a{ text-decoration: underline; }

#article-related #fiche-cours{
	padding-bottom: 15px;
	border-bottom:1px dotted #CCC;
}
#article-related .tools{ width: 200px; margin-bottom: 10px; }

#article-related #fiche-cours p{
	margin-bottom: 10px;
	padding-top: 10px;
	float: none;
	font-size: 16px;
}
#article-related #fiche-cours p span{ float: right; }

#article-related .list-y div{ margin-left: 40px; }

#article-related .interview{ margin-bottom: 15px; }

#article-related .interview {
	border:solid 1px #D8D8D8;
	border-left:0;
	border-right:0;
}
#article-related .box-photo {
	text-align:center;
	margin:12px 0;
}
#article-related .interview .box-photo img { display:inline; }

/* Commentaires */
#commentaires .b-title span{ font-size: 30px; }
#commentaires ol{
	margin-top: 15px;
	margin-left: 0;
	list-style: none;
}
#commentaires li{
	overflow: hidden;
	position: relative;	
	padding: 0 0 10px 0;
	margin-bottom: 0px;
	border-bottom: 1px dotted #CCC;	
}
#commentaires li .commentaire{ margin: 0 0 0 120px; }
#commentaires .metas{ padding: 0; }
#commentaires li .metas{float: left;width: 100px;text-align: right;}
#commentaires li .metas a{ color: #9B9C9C; }
#commentaires .date{ color: #666; }
#commentaires .author{display: block;	color: #037;}
/*#formCommentaires{overflow: hidden;	margin-top: 20px;}*/
#formCommentaires input.btn{ margin-bottom: 15px; }
#formCommentaires .top{ margin-bottom: 10px; }
#formCommentaires .top a{ float: right; }
#formCommentaires .top strong{ font-size: 20px; }
#formCommentaires p{ margin-bottom: 5px; }
#formCommentaires .form-area{
	width: 633px;
	height: 100px;
	margin-bottom: 10px;
}
#formCommentaires textarea{ overflow: auto; }
#formCommentaires .btn{ float: right; }
/* nouveau integration commentaires*/
#commentaires li .metas a{ color:#003377; }
#commentaires { margin-top: 20px; }
#commentaires h2 {background: url(../img/bulle-comm.png) no-repeat left center #FFF;padding-left: 25px;font-size: 18px;	}
#commentaires .b-title{border-bottom:none; }
#commentaires ol { background-color: #f2f2f2; margin: 0; padding-top: 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }
#commentaires li { border-bottom: none; }
#commentaires li .metas {width: 70px;padding-left: 10px;text-align: center;}
#commentaires .author {overflow: hidden;}
#commentaires .avatar {
	width: 60px;height: 60px;padding: 4px 5px;background: url(../img/back-pic-comm.png) no-repeat 0 0 transparent;
	
	-moz-box-shadow: 1px 1px 3px 0px #e4e4e4;
	-webkit-box-shadow: 1px 1px 3px 0px #e4e4e4;
	-o-box-shadow: 1px 1px 3px 0px #e4e4e4;
	box-shadow: 1px 1px 3px 0px #e4e4e4;
	background-position:center;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}
#commentaires .avatar img {width: 60px;height: 60px;}
#commentaires li .commentaire {margin: 0 10px 0 90px;padding: 15px 10px 5px;background-color: #FFF;border: 1px solid #cdcdcd;position: relative;}
#commentaires li .commentaire img.bulle {position: absolute;top: 13px;left: -10px;}
/*#formCommentaires {	}*/
#formCommentaires .metas {width: 70px;padding-left: 10px;text-align: center;float: left;}
#formCommentaires .add-comm {margin-left: 90px;}
#formCommentaires .form-area {width: 543px;}
/*fin nouveau integration commentaires*/

/* ! VIDEO */
/* ! --------------------------------------------------- */
#player-wrapper{
	margin-bottom: 15px;
}
#player{
	padding: 5px;
	margin: auto;
	text-align: center;
	background-color: #000;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#video-desc{
	margin-bottom: 15px;
	padding: 10px;
	background: #333;
	color: #EEE;
}
#video-desc small{ color: #AAA; }
#video-desc p{ margin-bottom: 0; }

#video .partner{
	margin-bottom: 15px;
}
#video .partner h2{
	font-size: 15px;
	padding: 10px;
	background: #EEE;
}

/* video fortuneo */
#video #fortuneo h2{
	color: #000;
	background: #AAE33A url(../img/logo-fortuneo.png) 535px center no-repeat;
}
#video #fortuneo div{ text-align: center; }

/* video ttv */
#video #ttv h2{
	color: #FFF;
	background: #000 url(../img/logo-ttv.png) 585px center no-repeat;
}
#video #ttv div{ padding: 0 15px; }
#video #ttv ul{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 410px;
	margin: 0 10px 0 0;
	list-style: none;
	*display: inline;
	*zoom: 1;
}
#video #ttv li{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin-bottom: 15px;
	font-size: 11px;
	line-height: 1.1;
	*display: inline;
	*zoom: 1;
}
#video #ttv li img{
	float: left;
	margin-right: 5px;
}
#video #ttv li .date{ color: #5DB0FF; }
#video #ttv a{ color: #333; }
#video #ttv .tease{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	width: 180px;
	padding: 90px 5px 10px;
	font-size: 11px;
	background: url(../img/ttv-back.png) center top no-repeat;
}

/* ! GRAPHIQUE */
/* ! --------------------------------------------------- */
#grp-prms .tabs-wrapper,
#minigraphs{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*zoom: 1;
}
#grp-prms .tabs-wrapper{ width: 560px; }
#minigraphs{
	position: relative;
	width: 37px;
	margin: 43px 0 0 30px;
}
#minigraphs img{
	margin: 3px 3px 7px;
	border: 1px solid #CCC;
	cursor: pointer;
	display:inline;
}
#minigraphs .on{ border-color: #333; }
#v1, #v2{
	position: absolute;
	left: 0;
}
#v1{ top: 349px; }
#v2{ top: 390px; }
#minigraphs .legend{
	margin: 0;
}
#minigraphs #l0,
#minigraphs #l2{
	margin-left: 3px;
	margin-right: 6px;
}

/* ! WARRANTS */
/* ! --------------------------------------------------- */
#der-prms img { display:inline }
#der-prms .ib{ width: 299px; }
#der-prms .ib select{
	display: block;
	width: 90%;
	margin-bottom: 10px;
}

/* ! COURS A   Z */
/* ! --------------------------------------------------- */
#pal-prms label{
	display: block;
}
#pal-prms .ib{
	vertical-align: bottom;
	margin-right: 3px;
}
#pal-prms input.btn{
	position: relative;
	top: -2px;
}

#sicav-palmares #ct{ width: 170px; }
#sicav-palmares .more,
#sicav-fonds .more{
	text-align: left;
}
#sicav-palmares .more a,
#sicav-fonds .more a{
	margin-left: 0;
}
#sicav-fonds #wr{ width: 110px; }

#sicav-interview,
#sicav-interview p{
	margin-bottom: 0;
}
#sicav-interview small{ margin-bottom: 5px; }
#sicav-interview .clear{ display: none; }
#sicav-interview .visual{ width: 50px; }


#news-prms label{
	display: block;
}
#news-prms .ib{
	width: 120px;
	vertical-align: bottom;
	margin-right: 3px;
}
#news-prms .ib select{ width: 100%; }

#sicav-nom label,
#sicav-nom input{
	vertical-align: middle;
}
#sicav-nom label{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	height: 26px;
	line-height: 26px;
}
#sicav-nom .form-text{
	width: 200px;
}

#sicav-selection .ib{
	width: 40%;
	padding: 5px;
}
#sicav-selection .ib select{
	width: 100%;
}
#sicav-selection .check label,
#sicav-selection .check small{
	display: inline;
}

/* ! Blocs modal */
/* ! --------------------------------------------------- */

/* Formulaire de connexion */
/* #connexion-modal{ width: 500px; } */
#connexion-modal .box{
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 0;
}
#connexion-modal .b-error{ margin-bottom: 10px; }
#connexion-form ul{
	list-style: none;
	margin: 0;
}
#connexion-form label{
	display: block;
	font-weight: bold;
	color: #666;
}
#connexion-form .form-text{ width: 250px; }
#connexion-form .submit{
	height: 10px;
	text-align: right;
}
#connexion-form .submit input{
	position: relative;
	top: -30px;
}
#connexion-modal .teasing{
	white-space: nowrap;
	background-color: #E7EFF7;
}

/* Dans le header */
#header #connexion-form{
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#header #connexion-form .form-text{ width: 80px; }

/* ! Zone membre */
/* ! --------------------------------------------------- */


/* Accueil */
.services-membre .box{
	margin-bottom: 0;
	padding-bottom: 0;
}

/* Newsletters */
#m-newsletter h2 span{
	position: absolute;
	bottom: -14px;
	right: 0;
	width: 132px;
	background: url(../img/newsletters-membre.png) left top no-repeat;
}
#m-newsletter h2 .nl-priv{
	height: 86px;
	background-position: left -164px;
}
#m-newsletter h2 .nl-boursier{
	height: 86px;
	background-position: left top;
}
#m-newsletter h2 .nl-mail{
	height: 78px;
	background-position: left -86px;
}
#m-newsletter li{
	padding: 10px;
	border-bottom: 1px dotted #CCC;
}
#m-newsletter li:last-child{ border-bottom: 0; }
#m-newsletter h2{ overflow: visible; }
#m-newsletter li input,
#m-newsletter li label{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
}
#m-newsletter li input{ margin: 0 20px 0 10px; }
#m-newsletter li label{ width: 550px; }
#m-newsletter li strong{ display: block; }
#m-newsletter .submit{
	margin-bottom: 20px;
	padding-left: 56px;
}

/* Profil */
#m-profil li{	 margin-bottom: 12px; }
#m-profil label,
#m-profil .input,
#m-profil .error{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	padding-top: 5px;
}
#m-profil label{
	width: 170px;
	margin-right: 10px;
	/* text-align: right; */
	font-weight: bold;
}
#m-profil .input{ width: 190px; }
/* #m-profil .error{ width: 200px; } */
#m-profil .form-text{
	width: 168px;
	margin-top: -5px;
}
#m-profil select{
	width: 180px;
	margin-top: -1px;
}
#m-profil #jour,
#m-profil #mois,
#m-profil #annee{
	width: auto;
}
#identifiants{
	padding-top: 15px;
	border-top: 1px dotted #CCC;
}
#m-profil .submit{ padding-left: 184px; }
#m-profil span.error{ padding: 5px 0 0 5px; }
#m-profil li .error{ color: #D00; }
#m-profil li .b-error{
	position: relative;
	display: -moz-inline-box;
	display: inline-block;
	width: 220px;
	padding: 5px;
}
#m-profil li .b-error span{
	position: absolute;
	width: 0; height: 0;
	top: 7px; left: -6px;
	border: 4px solid transparent;
	border-left: 0;
	font-size: 0; line-height: 0;
}
#m-profil li .b-error span{ border-right-color: #D00; }

/* correction typeahead */
.elections .form strong { display: inline };
	
#m-profil a strong{
	display: inline;
	font-size: 14px;
	margin-bottom: 10px;
}

#m-profil .legal{
	font-size: 11px;
}
#m-profil .legal label{
	width: auto;
	padding: 0 0 0 7px;
	text-align: left;
	font-weight: normal;
	color: #666;
}
#m-profil .legal div{ margin-bottom: 5px; }
#m-profil .legal input{ margin: 0; }

/* Courtiers */
#m-courtiers li{ margin-bottom: 20px; }
#m-courtiers img,
#m-courtiers label{
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
}
#m-courtiers img{
	margin-right: 40px;
	border: 2px solid #CCC;
}
#m-courtiers label{
	position: relative;
	width: 450px;
	padding-top: 3px;
}
#m-courtiers label input{
	position: absolute;
	top: 6px;
	left: -25px;
	margin: 0;
}
#m-courtiers .submit{ padding-left: 142px; }

/* Portefeuilles */
span.comment{cursor:help;opacity:0.5;}
#m-portefeuilles ul{
	margin: 0;
}
#m-portefeuilles li{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	margin-right: 10px;
	*margin-right: 7px;
}
#m-portefeuilles li.submit{ margin-right: 0; }
#m-portefeuilles li label,
#m-portefeuilles li a{
	display: block;
}
#m-portefeuilles li .form-btn-link{ padding-top: 3px; }
#m-portefeuilles .form-text{ width: 87px; }
#m-portefeuilles select{
	width: 85px;
	*width: auto;
	margin-top: 5px;
}
#m-portefeuilles .submit{
	padding-top: 16px;
	*padding-top: 12px;
}

#m-portefeuilles [name="PurchasePrice"],
#m-portefeuilles [name="Quantity"],
#m-portefeuilles [name="CodeValue"],
#m-portefeuilles [name="Fee"]{
	text-align: right;
	line-height: normal;
}

#m-portefeuilles [name="PurchasePrice"],
#m-portefeuilles [name="Quantity"]{
	width:45px;
}

#m-portefeuilles [name="Comment"]{
	width:180px;
	line-height: normal;
}

/* Espace Privileges : Accueil */
#analyse-technique select{
	width: 100%;
	margin-top: 5px;
}
#strategies-investissements img.fl{ margin-right: 10px; }
#valeurs-jour .list-y .content,
#strategies-investissements .list-y .content,
#infos-exclusives .list-y .content{
	padding: 8px 0;
}
#strategies-investissements .clear{
	margin-bottom: 10px;
	margin-left: 0;
}
#opportunites-lettre h2{ margin-bottom: 10px; }
#opportunites-lettre .btn{ margin-top: 5px; }
#opportunites-lettre img.fr{ margin-top: 5px; }
#opportunites-lettre > form{ margin-bottom: 10px; }
#opportunites-lettre select{ width: 140px; }

/* Forum */
#forum-search strong{
	display: block;
	margin-bottom: 5px;
}
#forum-search label,
#forum-search .form-text,
#forum-search select{
	margin-right: 10px;
}
#forum-search .form-text{ width: 200px; }

.list-forum .google strong a{display:block;} 
.list-forum .google p{margin-bottom:0px!important;} 

.list-forum div{
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
.list-forum .sujet{ width: 405px; }
.list-forum .sujet strong{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.list-forum .stats,
.list-forum .auteur{
	width: 120px;
	text-align: right;
}

.list-messages{
	margin: 10px 0;
	border-top: 2px solid #CCC;
}
.list-messages dt{
	height: 35px;
	line-height: 35px;
	border-bottom: 1px dotted #CCC;
}
.list-messages dd{
	padding: 10px 0;
	margin: 0;
	border-bottom: 2px solid #CCC;
}
/* .list-messages dd .tools{ text-align: right; } 
.list-messages dd .tools a{ padding-right: 10px; }*/
.list-messages dd .tools .fr a{
	padding-right: 0;
	padding-left: 0;
}

.list-messages dd .tools {
	overflow:hidden;
}


.list-messages dd blockquote{
	margin: 0 0 10px 20px;
	padding: 10px;
	font-size: 11px;
	color: #555;
	background-color: #F2F4FB;
	border: 1px dotted #dcdee5;
}
.list-messages dd blockquote img{
	height: expression( this.scrollHeight > 99 ? "100px" : "auto" );
	max-height: 100px;
}

/*fiche profil forum*/
/*
.fiche-profil{ margin-bottom: 15px; }
.fiche-profil .pseudo{ font-size: 20px; }
.fiche-profil img{
	float: left;
	margin-right: 10px;
}*/

.fiche-profil {background-color: #f2f2f2;border-top: 1px solid #CDCDCD;border-bottom: 1px solid #CDCDCD;padding: 15px;}
.avatar-infos {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	-moz-box-shadow: 1px 1px 3px 0px #e4e4e4;
	-webkit-box-shadow: 1px 1px 3px 0px #e4e4e4;
	-o-box-shadow: 1px 1px 3px 0px #e4e4e4;
	box-shadow: 1px 1px 3px 0px #e4e4e4;
	background-position:center;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	background-size: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
}

.infos-profil {margin-left: 15px;width: 190px;float: left;}
.fiche-profil .pseudo {color: #037;font-size: 17px;}
.fiche-profil li {font-size: 11px;clear: left;}
.fiche-profil li strong {display: block;float: left;width: 70px;}
.last-com {width: 245px;padding-left: 10px;float: right;overflow: hidden;}
.last-com .comm {margin: 0;padding: 15px 10px 5px;background-color: white;border: 1px solid #CDCDCD;position: relative;}
.last-com img.bulle {position: absolute;top: 13px;left: -10px;float: none;margin-right: 0;}

/* poster un message */
#pst-prms{ overflow: hidden; }
#pst-prms div label{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}
#pst-prms div{ margin-bottom: 15px; }
#ft{ width: 300px; }
#fc{ width: 500px; }

#pst-prms .tools{ margin-bottom: 0; }
#pst-prms .tools input,
#pst-prms .tools select{
	vertical-align: middle;
	margin-right: 5px;
}
#pst-prms input.btn{ margin-right: 100px; }
#pst-prms .smileys{
	background-color: white;
	border: 1px solid #D8DBDD;
	float: right;
	padding: 5px;
	text-align: center;
	width: 80px;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
#pst-prms .smileys img{
	margin: 0 3px;
	display: inline;
}
#FTitle, #FContent {
	width: 500px;
}

#calendrier-operation .calendar-wrapper{
	width: 150px;
}

.align-center {
	text-align:center;
}

.align-left{
	text-align:left;
}

.align-right{
	text-align:right;
}

.align-justify{
	text-align:justify
}

/* ! Services mobiles */
/* ! --------------------------------------------------- */
/*NOUVELLE PAGE MOBILE*/
.player-app, .apps, .win-phone {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.player-app.second #player-wrapper {
	float: right;
}
#player, #player2 {
	background-color: #000000;
	border-radius: 3px 3px 3px 3px;
	margin: auto;
	padding: 5px;
	text-align: center;
}


.app {
	width: 269px;
	height: 400px;
	padding: 25px 20px 0;
	float: left;
	background: url(../img/back-iphone.jpg) left top no-repeat transparent;
}
.app.android {
	background-image: url(../img/back-android.jpg);
	margin-left: 15px;

}
.app h2 {
	color: #FFF;
	margin-bottom: 27px;
}
.app p.desc {
	color: #FFF;
	height: 120px;
	margin: 0;
}
.app p.download {
	font-size: 11px;
	margin: 0;
	width: 165px;
}
.app .down-img {
	margin: 25px 0 15px;
}
.app .text-app {
	padding-left: 125px;
}
.app.android .text-app {
	padding-left: 0;
	padding-right: 125px;
}



.win-phone{
	padding: 0 10px 20px 20px;
}
.win-phone p{
	margin-bottom: 0;
}

.win-phone .win-back{
	display: block;
	width: 615px;
	height: 213px;
	background: url(../img/win-phone.png) no-repeat scroll left top transparent;
}


.win-phone .win-back a{
	display: block;
	width: 615px;
	height: 213px;
	text-indent: -999em;
}
.win-phone .infos-download img,
.win-phone .infos-download p{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
.win-phone .infos-download img{
	border: 1px solid #CCC;
	margin-right: 10px;
}
.win-phone .infos-download p img{
	border: none;
	display: block;
	margin-bottom: 5px
}
.win-phone .infos-download p a{
	font-size: 11px;
	color: #333;
}

#services-mobiles div{
	min-height: 360px;
	_height: 360px;
	padding-left: 200px;
	background: url(../img/visuel-mobile.png) 30px top no-repeat;
}
#services-mobiles ul li{
	border-top: 1px dotted #CCC;
	padding: 10px 0;
	*zoom: 1;
}
#services-mobiles ul span{
	float: left;
	width: 85px;
	text-align: center;
}
#services-mobiles ul p{ margin: 0 0 0 85px; }

#saisieMobile{
	float: right;
	margin-left: 20px;
}


#saisieMobile .form{
	margin-bottom: 5px;
	border-bottom: 1px solid #D6E2EC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #EAF0F4;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EAF0F4); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #EAF0F4)); /* Saf4+, Chrome*/
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EAF0F4'); /* IE */
	zoom: 1;
}

#service-mobile-sfr div{
	min-height: 310px;
	_height: 310px;
	padding-left: 190px;
	background: url(../img/mobile-vodafone-sfr.gif) left top no-repeat;
}
#service-mobile-sfr div p{ padding-top: 20px; }

#service-mobile div{
	min-height: 310px;
	_height: 310px;
	padding-left: 190px;
	background: url(../img/mobile-bouyguesOrange.gif) left top no-repeat;
}
#service-mobile div p{ padding-top: 20px; }

#iphone{
	position: relative;
	height: 542px;
	text-indent: -999em;
	background: url(../img/iphone.jpg) left top no-repeat;
}

#iphone .zone1
{
	position:absolute;
	left: 255px;
	bottom: 75px;
	width: 130px;
	height: 50px;
}

#iphone .zone2
{
	position:absolute;
	left: 385px;
	bottom: 75px;
	width: 200px;
	height: 50px;
}

#android{
	position: relative;
	height: 449px;
	text-indent: -999em;
	background: url(../img/android.jpg) left top no-repeat;
}

#bloomberg {
	background: url("../img/bloomberg.jpg") no-repeat scroll right 128px transparent;
	height: 371px;
}
#bloomberg ul{ margin-right: 250px; }

/* ! Guide */
/* ! --------------------------------------------------- */
#guide .bigTitle,
#guide .chapter{
	font-size: 29px;
	font-weight: bold;
	text-align: center;
	line-height: 1.2;
	margin-bottom: 15px;
}
#guide .chapter{ text-align: left; }
#guide .num:after{
	content: ' - ';
}
#guide .bigTitle .sub{
	font-weight: normal;
	color: #444;
}
#guide .title{
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
#guide p  + .title,
#guide p  + .sub{ padding-top: 10px; }
#guide .content .sub{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
#guide .content .more{
	text-align: left;
	font-size: 12px;
	margin-bottom: 10px;
	padding-left: 20px;
}
#guide .content .more .num{
	font-weight: bold;
}
#guide .content,
#guide .bottom,
#guide .nav{
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #CCC;
}
#guide .nav{
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 15px;
}
#guide .nav .prev{ float: left; }
#guide .nav .next{ float: right; }
#guide .synopsis .title
{
	margin-top: 20px;
	font-weight: bold;
	margin-bottom: 10px;
}
#guide ol,
#guide ul{
	font-size: 13px;
}
#guide ol{
	list-style: decimal outside;
	margin: 0 0 0 25px;
}
#guide ul{
	list-style: square outside;
	margin: 0 0 0 25px;
}
#guide .copyright,
#guide .update,
#guide .c{
	text-align: center;
}
#guide .copyright,
#guide .update{
	font-size: 11px;
	color: #999;
}
#guide .copyright{ display: none; }
#guide .copyright a{ color: #666; }

#guide .content .table {
	text-align:center;
	margin:15px 0px;
}
#guide .content .table .footer {
	font-size:10px;
	color:gray;
}
#guide .content table {
	font-size:10px;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	border:2px solid black;
	text-align:left;
}
#guide .content table thead th {
	font-weight:bold;
	text-align:center;
	padding:3px 5px;
	border:1px solid black;
	background-color:lightgrey;
	font-size:10px;
}
#guide .content table thead td {
	font-weight:normal;
	text-align:center;
	padding:3px 5px;
	border:1px solid black;
	background-color:#efefef;
	font-size:10px;
}
#guide .content table tbody td,
#guide .content table tbody th {
	background-color:white;
	color:black;
	border:1px solid black;
	padding:3px 5px;
	font-size:10px;
}
#guide .content table tbody td.num {
	text-align:center;
}
#guide .mark{
	margin: 0 30px;
	padding: 10px;
	text-align: justify;
	border-top: 5px solid #DDD;
	background: #F2F2F2;
}
#guide .defs{
	margin-left: 30px;
	padding-left: 10px;
	border-left: 2px solid #DDD;
}
#guide .defs .name{
	margin-bottom: 5px;
	font-weight: bold;
	color: #444;
}
#guide .tip{
	padding: 10px;
	background: #F2F2F2;
	border-left: 2px solid #037;
}
#guide .tip .type{
	margin-bottom: 5px;
}
#guide .tip .type u{
	text-decoration: none;
	font-weight: bold;
}

/* ! Page 404 */
/* ! --------------------------------------------------- */
#page-404,
#page-500{
	position: absolute;
	top: 25%;
	left: 50%;
	width: 440px;
	margin-left: -220px;
}
#page-404 div,
#page-500 div{
	padding: 20px;
	background: url("../img/header.png") repeat-x left bottom #0B5394;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.25);
	box-shadow: 0 0 10px rgba(0,0,0,.25);
}
#page-404 *,
#page-500 *{ color: #FFF; }
#page-404 div p,
#page-500 div p{ margin-bottom: 0; }

#page-500 div{
	background-color: #DD0000;
	background-image: -moz-linear-gradient(top, #DD0000, #AA0000); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #DD0000),color-stop(1, #AA0000)); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#DD0000, #AA0000); /* Chrome 10+, Saf6 */
	background-image: linear-gradient(top, #DD0000, #AA0000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DD0000', EndColorStr='#AA0000'); /* IE6-IE9 */
}

/* ! Debug */
/* ! --------------------------------------------------- */

#popup-direct-loader .popin-close,
#popup-direct-loader ul{
	display: none;
}
#popup-direct .select .btn{ overflow: hidden; }
#popup-direct #refresh-popup .btn{ white-space: nowrap; }
#popup-direct .select{ margin-right: 5px; }
#popup-direct #refresh-popup{ margin-right: 0; }

/* ! Debug */
/* ! --------------------------------------------------- */
#info-dev{
	position: fixed;
	top: 10px;
	left: 10px;
	width: 170px;
	background: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	*border: 1px solid #CCC;
	_display: none;
	opacity: .5;
	filter: alpha(opacity=50);
}
#info-dev dt,
#info-dev dd{
	padding: 5px;
	margin: 0;
}
#info-dev dt{
	font-weight: bold;
	text-shadow: 0 1px 0 #FFF;
	border-bottom: 1px solid #FFF;
	background-image: -moz-linear-gradient(top, #FFFFFF, #DDDDDD); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #DDDDDD)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#DDDDDD'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#DDDDDD')"; /* IE8 */
}
#info-dev dd{
	height: 600px;
	overflow: auto;
	border-top: 1px solid #DDD;
}
#info-dev ul{
	margin: 0;
	list-style: none;
}
#info-dev li{
	zoom: 1;
	margin: 0;
	border-top: 1px dotted #CCC;
}
#info-dev li:first-child{ border: 0; }
#info-dev li a{
	display: block;
	padding: 5px;
	margin: 0;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	zoom: 1;
}
#info-dev li a:hover{ background: #F0F0F0; }
/* bouton admin */
.admin{
	position: fixed;
	top: 0;
	right: 10px;
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	z-index: 99999;
}




/* ########################################*/
/* Nouveau Menu */
#menu,
#menu ul,
#menu li{
	margin: 0;
	list-style: none;
}
#menu{
	position: relative;
	height: 25px;
	padding-bottom: 28px;
	border-top: 1px solid #227ebd;
	border-bottom: 1px solid #EEE;
	background: #FFF url(../img/menu.png) left top repeat-x;
}
#menu img {
	display:inline;
}
#menu.on{
	padding-bottom: 0;
}
#menu li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

/* Menu 1 */
#menu li.menu1{
	border-right: 1px solid #227ebd;
}
#menu a.menu1,
#menu span.menu1{
	display: block;
	height: 25px;
	padding: 0 9px;
	line-height: 25px;
	color: #FFF;
	cursor: pointer;
}

#menu li.on a.menu1,
#menu li.on span.menu1{
	background-color: #FFF;
	color: #2C5FAE;
}

#menu li.active a.menu1,
#menu li.active span.menu1{
	font-weight: bold;
}

/* Menu2 */
#menu ul{
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 20px;
	padding: 4px 0 4px 6px;
	width: 994px;
}
#menu .on ul{
	display: block;
}
#menu ul li{
	margin-top: 1px;
	cursor: default;
}
#menu ul li,
#menu ul a{
	font-size: 12px;
	color: #333;
}
#menu ul a{
	display: block;
	height: 18px;
	line-height: 18px;
	padding: 0 6px;
	border-left: 1px solid #d3e1ec;
}
#menu ul a:hover{ background-color: #f1f4fb; }
#menu ul li:first-child a{
	border-left: 0;
}

/* Specific */
#menu-accueil a{
	width: 10px;
	background: url(../img/ico.png) -90px -179px no-repeat;
}
#menu-accueil.on a{
	background: #FFF url(../img/ico.png) -120px -179px no-repeat;
}
#menu-privileges a.menu1{
	background-color: #F35716;
}
#menu a.priv{
	color: #FFF;
	background-color: #F35716 !important;
}
#menu .popin-on .menu1{
	color: #2C5FAE !important;
	background: #DDD !important;
}

#menu #menu-styles {
	border-left: 1px solid #227EBD;
}

#menu-styles {Float:right;}

#menu-styles a{
	background: url("../img/styles.png") no-repeat scroll 0 0 transparent;
	text-indent: -999em;
	width: 49px;
}


#menu .presidentielle a{
	background: url("../img/menu/back-presidentielle.jpg") !important;
	border: 0;
}

/* Vignette SG sur FV CAC 40 */
.PartnerCAC {
	text-align: right;
}
.PartnerCAC .col {
	display:inline-block;
	*display:inline;
	*zoom:1;
	float:none;
	width: auto;
}

#top-content .PartnerCAC .col:first-child a {
	border-left: 0;
	margin-left: 5px;
	padding-left: 0;
}

#menu .b-new a{
	background: url('../img/new.png') 1px top no-repeat;
	padding-left: 24px;	
}

/*drapeau*/
.pagine .flag,
.flag{
	padding-left:20px;
	margin-left:10px;
	background-position:left center;
	background-repeat: no-repeat;	
}

.f-allemagne{
	background-image:url(../img/drapeaux/allemagne.png)
}

.f-autriche{
	background-image:url(../img/drapeaux/autriche.png)
}

.f-danemark{
	background-image:url(../img/drapeaux/danemark.png)
}

.f-espagne{
	background-image:url(../img/drapeaux/espagne.png)
}

.f-finlande{
	background-image:url(../img/drapeaux/finlande.png)
}

.f-irlande{
	background-image:url(../img/drapeaux/irlande.png)
}

.f-italie{
	background-image:url(../img/drapeaux/italie.png)
}

.f-norvege{
	background-image:url(../img/drapeaux/norvege.png)
}

.f-pays-bas{
	background-image:url(../img/drapeaux/pays-bas.png)
}

.f-portugal{
	background-image:url(../img/drapeaux/portugal.png)
}

.f-royaume-uni{
	background-image:url(../img/drapeaux/royaume-uni.png)
}

.f-suede{
	background-image:url(../img/drapeaux/suede.png)
}

.f-suisse{
	background-image:url(../img/drapeaux/suisse.png)
}


/*Rubique de Vin*/

/* HOMEPAGE
_______________________*/

#vin .brow{
	background: url(../img/vin/line.png) repeat-x;
	padding-top: 13px;
}
#vin h1 + .brow{
	background: none;
}
#vin .brow li{
	width: 199px;
	position: relative;
	display: inline-block;
	vertical-align: top;
	margin-left: 23px;
}
#vin .brow li:first-child{
	margin-left: 0;
}		
#vin .brow p, .brow li{
	margin-bottom: 0;
}
#vin .brow li.hachette{
	margin-left: 222px;
}		
#vin .brow h2{
	width: 199px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
	top: 0;
	left: 0;	
}						
 #vin .brow a{
	color: #FFFFFF;					
	display: block;
	font-size: 13px;
	min-height: 35px;
	line-height: 1.3;
	padding: 8px;
}
#vin .brow p{
	color: #2a2a2a;
}
					
/* ARTICLE
_______________________*/

#vin .col-left{
	width: 445px;
	float: left;
}
#vin .col-left p{
	font-size: 13px;
	text-align: justify;			
}
#vin .col-left p img{
	float: left;
	margin-right: 10px;
}
#vin .col-left ul{
	background-color: #CCC;
	padding: 10px 12px 2px 12px;
}
#vin .col-right{
	width: 180px;
	float: right;
}
#vin .col-right .patenaire{
	margin-bottom: 10px;
	text-align: right;
}
#vin .col-right .patenaire img{
	margin-left: 10px;
}
#vin .col-right .list-y div {
	margin-left: 12px;
}
#vin .col-right-ul{
	float: left;																		
}
#vin .col-right-ul li a{
	font-weight: bold;
	color: #003377;
}
#vin .col-right-ul li{
	background: url(../img/vin/line.png) repeat-x;
}
#vin .col-right-ul  li: first-child{
	background: none;
}


/* convertisseur de devise*/
#convert{
	padding: 0;
	background: #F2F4FB url("../img/converter/fleche-droite.png") center no-repeat;	
}

#convert .box-convert{
	width:244px;
	float:left;
}

#convert .box-convert{
	margin: 10px 10px 2px;
}
#convert .box-convert:first-child{
	margin-right: 124px;
}
#convert .box-convert dt{ text-align: left; }
#convert label{
	display: block;
	margin-bottom: 5px;
}

#convert li{
	padding:4px;
	cursor:pointer;
}

#convert .select { margin-bottom: 7px; }

#convert .select img{
	margin-right: 5px;
	vertical-align: middle;
	display: inline-block;
	*display: inline; *zoom: 1;
}

.box-convert .symbol {
	height: 24px;
	position: relative;
	left: 228px;
	top: -21px;
	width: 24px;
	margin: 0 0 -20px 0;
}

#convert-nfo{
	height: 15px;
	clear: both;
	text-align: center;
}

.box-convert .symbol span {
	display:block;	
	height: 24px;
	width: 24px;
	margin-left:-10px;
}

.symbol .symbolFrom, .symbolTo{
	text-transform: uppercase;
	font-weight:bold;
}
.symbol .eur{
	background: url('../img/converter/euro1.gif') no-repeat;	
}

.symbol .usd{
	background: url('../img/converter/dollar1.gif') no-repeat;	
}

.symbol .jpy{
	background: url('../img/converter/yen1.gif') no-repeat;
}
.focus{background:#dbdedf;}


.box-convert .convert-from, .convert-to{	
	width:200px !important;
	padding-right:40px;	
}

.convert{position:relative;}
.convert label.taux{ position : absolute; top : 35px; left : 50%; margin-left: -25px; color: #003377; font-weight: bold; }

/*----- guide -----*/
/*.guide{width:645px;}

.guide h1{margin-top: 20px;}

.guide table{width:100%;}

.guide table th, td{padding:2px;}

.guide table td{text-align: center;}

.guide table tr.from {background-color: #f2f4f2;}

.guide .from-to td{
	background:url("../img/converter/line.png") repeat-x;
	background-position:bottom;
	background-position:top;
}

.guide .market th, td{
	background:url("../img/converter/line.png") repeat-x;
	background-position:bottom;
}

.guide .from-to td{text-align: center;}*/

/*Fin */

/* Box teaser */
.c300 .b-teaser 
{
	padding: 5px 1px 5px; 
	overflow: hidden;
	zoom: 1;
	font-size:11px;
	line-height: 1.4;
}

.c300 .b-teaser img{ float: left; }
.c300 .b-teaser a {
	float: right; 
	display: block;
	width: 195px; 
	color:#000;
	font-size:1.1em;
}


.g1 .b-teaser {
	overflow: hidden;
	zoom: 1;
	line-height: 1.4;
	font-size:11px;

}
.g1 .b-teaser a {
	float: none; 
	color:#000;
}
.g1 .b-teaser b {
	float: none; 
}


/*box teaser galerie*/
.box-video,
.box-photo{
	position: relative;
	padding: 0;
}
.box-video img,
.box-photo img{
	display: block;
/*	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;*/
}
.box-photo.tc img {
	display:inline;
}

.box-video{
	margin-bottom: 2px;
}
.box-video .text,
.box-photo .text{
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 146px;
	padding: 5px;
	font-size: 11px;
	line-height: 1.1;
	color: #FFF;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;		
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	background-color: #000;
	background-color: rgba(0,0,0,.75);
	*background-color: #000;
}
.box-video .zoom,
.box-photo .zoom{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 33px;
	height: 33px;
	margin: -30px 0 0 -16px;
}
.box-video .zoom{
	background-image: url("../img/gallery/play.png");
}
.box-photo .zoom{
	background-image: url("../img/gallery/zoom-home.png");
}
.box-photo.fl { margin-right:15px; }
.box-photo.fr { margin-left:15px; }

.box-photo.fullsize-photo {
  width: 100%;
  float: none;
}
.box-photo.fullsize-photo img {
  width: 100%;
  margin-bottom: 20px;
}



#article-related
.box-photo .zoom { margin-top:-20px; }

/* MISE EN AVANT DE LA LETTRE OPPORTUNITE */
#opportunites-lettre {
	text-align: center;
	margin-bottom: 10px;
	background-color: #eaf0f4;
	padding-bottom: 10px;
}
#opportunites-lettre h2 {
	text-align: left;
}
#opportunites-lettre strong {
	font-size: 16px;
	line-height: 13px;
	margin-bottom: 10px;
	display: block;
}
#opportunites-lettre .nod {
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#opportunites-lettre .nod strong {
	font-size: 21px;
	margin-bottom: 5px;
}
#opportunites-lettre img.fr {
	float: none;
	margin:auto;
}
#content #opportunites-lettre input.btn.pdf, #content #opportunites-lettre a.btn.pdf {
	border-color: #a73c00;
	color: #FFF;
	background-color: #fc6207;
	background-image: none;
	text-transform: uppercase;
	text-shadow: none;
	font-size: 10px;
}
#content #opportunites-lettre input.btn.zip {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font-weight: normal;
	height: auto;
	padding: 0;
	text-transform: none;
}

/*  Bloc Header Turbos de CitiGRoup */
.wrapper .citi-title {
	background: url("../img/ads/citi_back.jpg") no-repeat scroll left top transparent;
	height: 65px;
	margin-bottom: 5px;
	padding: 0 25px 0 15px;
}
.wrapper .citi-title h2.box.b-title {
	background: url("../img/ads/puce-citi.jpg") no-repeat scroll left center transparent;
	border-bottom: medium none;
	color: #838589;
	float: left;
	font-size: 17px;
	line-height: 65px;
	padding: 0 0 0 15px;
}
.wrapper .citi-title img {
	float: right;
	margin-top: 10px;
}
#sectorsListTitle img {
	float: right;
}

#sectorsListTitle.sector {
	background: none;
	overflow: visible;
	border: none;
	display: block;
	padding: 0;
}

#sectorsListTitle.sector a,
#sectorsListTitle.sector span {
	display: none;
}

img.sector {
	margin-top: -58px;
	margin-right: 5px;
	display:block;
	float:right;
	position: relative;
	z-index: 1;
}

.wrapper .sector-list {
	padding: 10px;
	margin-top:0;
}

.sector-list .c201 {
	width: 194px;
}

/*LA NOUVELLE MISE EN FORME DE L'AGENDA*/
.ag-content {
			margin-bottom: 20px;
		}
		.ag-content h3 {
			text-align: center;
			background-color: #cfe0ef;
			padding: 12px 0;
			color: #000;
			margin-top: 1px;
		}
		.ag-content span {
			font-weight: normal;
		}
		.ag-month {
			float: left;
			width: 170px;
			margin-right: 20px;
		}
		.ag-month p {
			margin: 10px 0 3px;
			font-weight: bold;
		}
		.ag-month table {
			width: 100%;
			text-align: center;
			border-collapse: collapse;
		}
		.ag-month table td,
		.ag-month table th {
			border: 1px dotted #dee3e5;
			padding: 3px 0;
			font-weight: bold;
			cursor:default;
		}
		.ag-month table td.other {
			color: #CCC;
		}
		.ag-month table td.event {
			color: #FFF;
			background-color: #0054ae;
			cursor: default;
		}
		.ag-month table td.event .cartouche {
			position: absolute;
			display: none;
			background-color: #FFF;
			border: 1px solid #CCC;
			border-radius: 2px;
			-moz-border-radius: 2px;
			-webkit-border-radius: 2px;
			box-shadow: 5px 5px 5px #e8e8e8;
			-moz-box-shadow: 5px 5px 5px #e8e8e8;
			-webkit-box-shadow: 5px 5px 5px #e8e8e8;
			padding: 5px;
			margin-left: -30px;
			margin-top: 12px;
			z-index:10;
		}
		/* POUR IE7*/
		*+html .ag-month table td.event .cartouche {
			margin-left: -50px;
			margin-top: 24px;
		}
		.ag-month table td.event .cartouche p {
			color: #003366;
			font-size: 11px;
			font-weight: normal;
			margin: 0;
		}
		.ag-month table td.event .cartouche p span {
			color: #666;
		}
		.ag-month table td.event .cartouche img {
			left: 30px;
			position: absolute;
			top: -12px;
		}
		.ag-month table td.event:hover .cartouche {
			display: block;
		}
		.ag-month table td.event.old {
			background-color: #999;
		}
		.ag-date {
			float: left;
			width: 265px;
			padding-top: 27px;
		}
		.ag-date table td {
			white-space: normal;
			color: #777;
		}
		.ag-date td.event {
			color: #000;
			font-weight: bold;
		}
		.ag-date td.next {
			color: #000;
			font-weight: normal;
		}
		.ag-date td.add {
			text-align: right;
			vertical-align: middle;
		}
	
/* bloc intro Alternativa */	
div.alterna-desc {
		margin-left: 105px;
}
.list-y .date.logo {
	height: auto;
}		

/* bloc Teaser Styles Boursier */	
.t-bStyles{
	background-color: #000;
	background-image: -moz-linear-gradient(top, #444444, #000000); /* FF3.6 */
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #000000)); /* Saf4+, Chrome */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#000000'); /* IE */
				
	color: #FFF;
	text-shadow: none;
}
.t-bStyles a{
	color: #FFF;
	text-shadow: none;
	display: block;
	background: url("../img/t-styles.png") no-repeat left 0;
	height: 19px;
}
#boursierStyles{ padding: 0 0 10px; }
#boursierStyles ul{ overflow: hidden; margin-bottom: 5px; }
#boursierStyles li{ position: relative; float: left; margin-left: 4px; overflow: hidden; height: 131px; }
#boursierStyles .first{ margin-left: 0; }
#boursierStyles li span{
	position: absolute; bottom: 0; right: 0; left: 0;
	padding: 9px 14px; margin: 0;
	background: rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
	color: #FFF; font: bold 12px Arial;
	height:30px;
}
#boursierStyles .more{ display: block; padding-top: 5px; margin: 0 10px; border-top: 1px dotted #CCC; clear: both; }


.zoomPlan{
	background-position: -36px -273px;
	width: 18px;
	height: 17px;
	text-indent: -999em;
}
.vcard{
	background-position: -9px -273px;
	width: 18px;
	height: 17px;
	text-indent: -999em;
}

.play{
	background-position: -63px -273px;
	width: 12px;
	height: 12px;
	text-indent: -999em;
}


/* refonte Menu */
body{ background: #FFF url(../img/menu/back-header.png) repeat-x 0 21px; }
		#overall{ padding-top: 0; }
		#menu{
			padding: 1px 0 0;
			margin-top: 9px;
			border: 0;
			height: 37px;
			background: transparent url(../img/menu/back-menu.png) no-repeat center 0;
		}
		#menu li a{
			float: left;
			height: 37px;
			line-height: 37px;
			padding: 0 10px;
			cursor: pointer;
		}
		#menu a span{
			display: block;
			height: 15px;
			margin-top: 12px;
			text-indent: -999em;
			background-image: url(../img/menu/spite_boursier.png);
			background-repeat: no-repeat;
		}
		#menu .active .bourse span{
			background-position: -325px -12px;
		}
		#menu .active .actualites span{
			background-position: -325px -49px;
		}
		#menu .active .placements span{
			background-position: -325px -86px;
		}
		#menu .active .produits span{
			background-position: -325px -123px;
		}
		#menu .active .forum span{
			background-position: -325px -160px
		}
		#menu .active .services span{
			background-position: -325px -197px;
		}
		#menu .active .privileges span{
			background-position: -325px -234px;
		}
		#menu .active .styles span{
			background-position: -325px -271px;
		}
		#menu .active .presidentielle span{
			background-position: -533px -296px;
		}
		
		#menu .bourse span,
		#menu .active:hover .bourse span{
			background-position: -1px -12px;
			width: 41px;
		}
		#menu .actualites span,
		#menu .active:hover .actualites span{
			background-position: 0 -49px;
			width: 60px;
		}
		#menu .placements span,
		#menu .active:hover .placements span{
			background-position: -1px -86px;
			width: 69px;
		}
		#menu .produits span,
		#menu .active:hover .produits span{
			background-position: -1px -123px;
			width: 112px;
		}
		#menu .forum span,
		#menu .active:hover .forum span{
			background-position: -1px -160px;
			width: 44px;
		}
		#menu .services span,
		#menu .active:hover .services span{
			background-position: 0 -197px;
			width: 52px;
		}
		#menu .privileges span,
		#menu .active:hover .privileges span{
			background-position: 0 -234px;
			width: 58px;
		}
		#menu .styles span,
		#menu .active:hover .styles span{
			background-position: -1px -271px;
			width: 36px;
		}
		#menu .presidentielle span{
			background-position: -20px -296px;
			width: 210px;
			margin-top:0;
			height:37px;
		}
		
		#menu li:hover .presidentielle span
		{
			background-position: -277px -296px;
		}
		
		#menu a.presidentielle {padding:0;}
		
		
		#menu .active .accueil span{
			background: url("../img/ico.png") no-repeat scroll -97px -180px transparent;
		}
		#menu .accueil span,
		#menu .active:hover .accueil span{
			background: url("../img/ico.png") no-repeat scroll -127px -180px transparent;
			width: 16px; margin-top: 11px
		}
		
		#menu li a,
		#subnav a,
		#subnav dt{ color: #FFF; }
		#menu li a:hover{ background: #222a31; color: #FFF; }
		#menu li a.click{
			background-color: #424b53;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#424b53), to(#1A2026)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(top, #424b53, #1A2026); /* Chrome 10+, Saf5.1+, iOS 5+ */
			background-image:    -moz-linear-gradient(top, #424b53, #1A2026); /* FF3.6 */
			background-image:     -ms-linear-gradient(top, #424b53, #1A2026); /* IE10 */
			background-image:      -o-linear-gradient(top, #424b53, #1A2026); /* Opera 11.10+ */
			background-image:         linear-gradient(top, #424b53, #1A2026);	
		}
		#menu .active a{ background: #EDEDED; color: #333; }
		#menu .ads-180x36{
			position: absolute; right: 0; top: 1px;
		}
		#menu .ads-180x36 a{
			padding: 0;
			height: auto;
		}
		
		#menu .ads {
			margin-bottom:2px;
		}
		#menu .ads-180x36 a:hover { background: transparent none; height: auto; }
		#subnav{
			background: #222a31 url(../img/menu/back-subnav.png) repeat-x 0 0;
			width: 1000px;
			overflow: hidden;
			height: 0;
			position: relative;
		}
		
		#subnav .ssmenu { visibility: hidden; opacity: 0; }
		
		#subnav .ssmenu dl{
			width: 140px;
			float: left;
			margin: 16px 0 49px 13px;
			padding-right: 17px;
			border-right: 1px dotted #50585d;
			min-height: 210px;
		}
		#subnav .ssmenu dl.last-child{ border: 0; }
		#subnav dt:first-child{ margin-top: 0; }
		#subnav dt{
			border-bottom: 1px dotted #50585d;
			text-transform: uppercase;
			padding-bottom: 1px;
			padding-left: 5px;
			margin: 15px 0 3px;
			cursor: text;
		}
		body * #subnav .btn{ 
				border: 0;
				background: 0;
				padding: 0;
				margin: 0;
				background: transparent none;
				filter: inherit;
				-ms-filter: inherit;
				display: block;
				color: #FFF;
				height:auto;
		}
		#subnav .btn a, #subnav b.btn,
		#subnav .btn a:hover{
			border: #5e778c 1px solid;
			background: #5e778c none;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#5e778c), to(#26445e)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(top, #5e778c, #26445e); /* Chrome 10+, Saf5.1+, iOS 5+ */
			background-image:    -moz-linear-gradient(top, #5e778c, #26445e); /* FF3.6 */
			background-image:     -ms-linear-gradient(top, #5e778c, #26445e); /* IE10 */
			background-image:      -o-linear-gradient(top, #5e778c, #26445e); /* Opera 11.10+ */
			background-image:         linear-gradient(top, #5e778c, #26445e);
	
			/* Ajoute les dégradés du bouton */
			-webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
			-moz-border-radius: 2px; /* FF1-3.6 */
			border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
			box-shadow : rgba(0,0,0,.35) 1px 1px 5px;
			font: bold 11px/14px arial;
			display: block;
			padding: 5px 9px;
			text-shadow: none;
			text-align: center;
			text-shadow: rgba(0,0,0,.75) 0 -1px 0;
			color:#fff;
			zoom:1;
		}
		#subnav .btn.priv a,
		#subnav .btn.priv a:hover{
			border: #ff8039 1px solid;
			background-color: #ff8039;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8039), to(#ef5601)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(top, #ff8039, #ef5601); /* Chrome 10+, Saf5.1+, iOS 5+ */
			background-image:    -moz-linear-gradient(top, #ff8039, #ef5601); /* FF3.6 */
			background-image:     -ms-linear-gradient(top, #ff8039, #ef5601); /* IE10 */
			background-image:      -o-linear-gradient(top, #ff8039, #ef5601); /* Opera 11.10+ */
			background-image:         linear-gradient(top, #ff8039, #ef5601);
			
			/* Ajoute les dégradés du bouton */
			text-shadow: rgba(0,0,0,.35) 0 -1px 0;
		}
		
		#subnav .btn.presidentielle a{
			background: url("../img/menu/back-presidentielle.jpg") !important;
			border: 0;
		}
				
		#subnav dd{
			margin: 0;
			color: #b9c0ca;
			font-size: 12px;
		}
		#subnav dd a{
			color: #b9c0ca;
			padding: 3px 5px;
			display: block;
			line-height: 1;
		}
		#subnav dd a:hover,
		#subnav dd a.hover{ background: #3e4448; color: #fff }
		#subnav .ssmenu{
			position: absolute; top: 0; left: 0; z-index: 1;
			width: 100%;
		}
		#subnav .ads {
			margin: 12px;
			float: right;
			position: relative;
			z-index: 3;
			width:300px;
			height:250px;
		}
		#ads-menu{
			overflow:hidden;
		}
		#subnav .loading{
			position: absolute;
			bottom: 12px;
			left: 111px;
			background: transparent url(../img/menu/loader.gif) no-repeat 0 0;
			display: block;
			width: 16px; height: 16px;
		}
		#subnav .closed{
			position: absolute;
			bottom: 0;
			right: 310px;
			background: transparent url(../img/menu/btn-closed.png) no-repeat 0 0;
			display: block;
			width: 92px; height: 26px;
			cursor: pointer;
			display: none;
		}
		#subnav .social{
			position: absolute;
			bottom: -5px;
			right: 678px;
			display: block;
			cursor: pointer;
			width:300px;
		}
		#subnav .social img {display:inline;}
			
		#menu .social
		{
			top:7px;
			position: absolute;
			left: 768px;
			display: block;
			cursor: pointer;
		}
		#menu .social a:hover,
		#menu .social a {
			background:none;
			padding: 0 0 0 2px;
			display:block;
			float: left;
		}

		#header{
			position: relative;
			background: transparent none;
			width: 1000px;
			margin: 0 auto;
			height: auto;
			padding-bottom: 0;
		}
		#header .top  
		{
			height: 30px; 
			position:relative;
		}
		
		
		dl.opportunites{ padding-top: 0; cursor:pointer}
		#subnav dl.opportunites dt,
		#subnav dl.opportunites dd{
			border: 1px solid #4c5358;
			background-color: #39424a;
			-webkit-border-radius: 2px; /* Saf3-4, iOS 1-3.2, Android <e;1.6 */
			-moz-border-radius: 2px; /* FF1-3.6 */
			border-radius: 2px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
			padding-top: 5px;
			margin-bottom: 0;
			margin-top: 0;
		}
		#subnav dl.opportunites dt{
			border-bottom: 1px dotted #50585d;
			border-bottom-right-radius: 0; 	-moz-border-radius-bottomright: 0;
			border-bottom-left-radius: 0; 	-moz-border-radius-bottomleft: 0;
		}
		#subnav dl.opportunites dd{ border-top: 0;
			border-top-right-radius: 0; 	-moz-border-radius-topright: 0;
			border-top-left-radius: 0; 	-moz-border-radius-topleft: 0; }
		#subnav .opportunites a.btn,
		#subnav .opportunites a.btn:hover{
			border: 0;
			background-color: #797f89;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#797f89), to(#5c626b)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(top, #797f89, #5c626b); /* Chrome 10+, Saf5.1+, iOS 5+ */
			background-image:    -moz-linear-gradient(top, #797f89, #5c626b); /* FF3.6 */
			background-image:     -ms-linear-gradient(top, #797f89, #5c626b); /* IE10 */
			background-image:      -o-linear-gradient(top, #797f89, #5c626b); /* Opera 11.10+ */
			background-image:         linear-gradient(top, #797f89, #5c626b);
			
			
			/* Ajoute les dégradés du bouton */
			text-shadow: none;
			padding: 8px 0;
			text-align: center;
			height: auto;
			text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
			box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
		}
		#subnav .opportunites dd{ padding: 5px; text-align: center; }
		#subnav .opportunites img{ margin: 10px 0; }
		#subnav .opportunites a{ padding: 5px 0; }
		
		/* porte feuilles */
		#subnav .portes-feuilles .btn,
		#subnav .portes-feuilles .btn:hover{
			border: 0;
			background-color: #fdfdfd;
			background-image: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d7dcdf)); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(top, #fdfdfd, #d7dcdf); /* Chrome 10+, Saf5.1+, iOS 5+ */
			background-image:    -moz-linear-gradient(top, #fdfdfd, #d7dcdf); /* FF3.6 */
			background-image:     -ms-linear-gradient(top, #fdfdfd, #d7dcdf); /* IE10 */
			background-image:      -o-linear-gradient(top, #fdfdfd, #d7dcdf); /* Opera 11.10+ */
			background-image:         linear-gradient(top, #fdfdfd, #d7dcdf);
			
			
			/* Ajoute les dégradés du bouton */
			text-shadow: none;
			height: auto;
			color: #4c5259;
			text-shadow: 0 1px 0 #FFF;
			box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
		}
		#subnav .portes-feuilles dd{
			padding: 5px 0;
			border-bottom: 1px dotted #50585d;
		}
		#subnav .portes-feuilles dd:last-child{ border-bottom: 0; }
		#subnav .portes-feuilles .perf{ font-size: 11px; }
		#subnav .portes-feuilles .indice{ font-size: 11px; }
		
/*****  Style pour les popup cotations ****/
#bulles {
	background-color: white;
	top: 22px;
	left: 50%;
	margin-left: -21px;
	position: absolute;
	height: auto;
	width: auto;
	border: 1px solid #CCC;
	padding: 10px;
	-moz-box-shadow: 5px 5px 0 rgba(0,0,0,.1);
	-webkit-box-shadow: 5px 5px 0 rgba(0,0,0,.1);
	box-shadow: 5px 5px 0 rgba(0,0,0,.1);
	z-index:9999;
}
		
#bulles .ico {
	background-position: -4px -63px;
	height: 12px;
	left: 10px;
	position: absolute;
	top: -12px;
	width: 22px;
}

#cotationPopup {
	width:300px;
}

.noVolume #cotationPopup {
	width:135px;
}

#cotationPopup th{
	color:#777777;
	font-size:11px !important;
	font-weight:normal;
	text-align: left;
}
#cotationPopup td{
	font-size:15px;
	font-weight: bold;
	text-align: left;
	line-height: 1;
}

#cotationPopup table td:first-child, #cotationPopup table td.up { padding:0 5px 0 0 }

#cotationPopup table td.up,
#cotationPopup table td.down,
#cotationPopup table td.eq {
	text-align: right;
}

#cotationPopup table th:first-child { 
	padding:0 5px 0 0;
}

#cotationPopup table td.last,
#cotationPopup table th.last {
	padding-left: 5px;
	border-left: 1px dotted #d8d8d8;
}

/***** fin  Style pour les popup cotations ****/


/*** Evenement */

#presidentielle li.interview .date {
	margin-left: 48px;
}

#presidentielle #listing .i-dot { display: none }
#presidentielle #listing .list-y div { margin-left: 44px }
#presidentielle .tabs-content .list-y span { float:none }
#presidentielle .head { position:relative; margin-bottom: 10px }
#presidentielle .head a {
	display: block;
	width: 645px;
	height: 250px;
	margin:-15px 0 0;
	float:none;
	background-position: left top;
	background-repeat: no-repeat;
}

#presidentielle .head blockquote {
	color: #fff;
	position:absolute;
	width: 290px;
	left:85px;
	top:170px;
	font-style: italic;
	cursor:pointer;
}

#presidentielle .head blockquote .comments {
	font-weight: bold;
	font-style: normal;
}
/*cbanque*/
#top-bcb {height: 20px;background-color: #EEE;border-bottom: 1px solid #CCC; position: absolute; top: 0; left: 0; width: 100%; }
#top-bcb ul {width: 1000px;margin: 0 auto;}
#top-bcb ul li {display: block;float: left;height: 20px;line-height: 20px;border-left: 1px solid #CCC;border-right: 1px solid #CCC;}
#top-bcb ul li:first-child {border-right: none;}
#top-bcb li a {padding: 0 15px;color: #717171;font-size: 11px;}
#top-bcb li a:hover {text-decoration: underline;}
/*sso connect*/
.btn-sso{
	padding: 0 10px;
	line-height: 24px;
	cursor: pointer;
	*zoom: 1;
	border:0;
	padding:0 0 0 10px;
	vertical-align:middle;
}
.submit small{
	display:inline-block;
	text-decoration:underline;
	margin-left:10px;
}


.list-optin li{
	padding-bottom:10px;
}

.list-optin li label{
	display: block;
	padding-left: 20px;
	text-indent: -16px;
}

.list-optin .submit label{
	display: inline;
	padding-left: 0;
	text-indent: 0;
}

.list-optin li input{
	vertical-align:middle;
	margin:0;
}

#popin-step2 #septcles{
	height:180px;
	position:absolute;
	float:left;
	top:10px;
	right:7px;	
}
#popin-step2 a.cgu  {
	font-size:10px;
	color:#777;
	text-align:right;
	position:relative;
	top:120px;
	right:-60px;
}


/*Legend photo*/
.box-photo .legend {
	font-size: 10px;
	width: 100%;
	position: absolute;
	bottom: 0;
	margin: 0;
	left:0;
	padding: 65px 0 5px;
	text-indent: 10px;
	color: white;
	text-align: left;
	overflow:hidden;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Saf4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

#article-related .box-photo .legend {
	bottom: 0;
	padding-top:45px;
	white-space:nowrap;
}

#cboxContent .legend {
	bottom: 0;
	margin: 0;
	position: absolute;
}

/*fin*/

/*Nouvelle page courtiers*/
/* ---------------- Bloc Home Page --------------- */

#doc-partenaires.box-right-col {
	padding: 0;
	margin-top:10px;
	margin-bottom : 10px;
}

#doc-partenaires .box-3 ul{
	margin-bottom: 12px;
}
#doc-partenaires .box-3 li{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
	width: 90px;
	height: 40px;
	margin-left: 12px;
	margin-bottom: 0;
	border: 1px solid #ccc;
}
#doc-partenaires .box-3 li a{
	display: block;
}
#doc-partenaires .box-3 li:first-child{
	margin-left: 0;
}

/************* Slider ************/
#slider{
	display: block;
	width: 300px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	zoom: 1;
}
#slider .slider-content{
	overflow: hidden;
	position: relative;
	height: 250px;
}
#slider ul{
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: relative;
	top: 0;
	left: 0;
	width: 4500px;
}
#slider .slider-content li a{
	display: block;
	height: 250px;
	text-align: center;
}
#slider li{ 
	float: left; 
	width: 300px;
	height: 250px;
	margin-bottom: 0;
	background-color: #000;
}
#slider .current-item{
	opacity : 1; 
	-moz-opacity : 1;
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	filter : alpha(opacity=100); /* IE < 8 */
}
#slider span{
	display: block;
	color: #333;
	margin-bottom: 12px;
	padding: 10px 0;
	width: 300px;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
	font: bold 14px/14px Arial,sans-serif;
}
#slider span a{ color: #333; }

/* Boutons */
#slider .fleche{
	display: block;
	cursor: pointer;
	width: 8px;
	height: 11px;
	position: absolute;
	background: url("/ui/img/ads/sprite-new.png") no-repeat scroll  -2px -3px transparent;
}
#slider .f-prev{
	top: 11px;
	right: 25px;
}
#slider .f-next {
	top: 11px;
	right: 0;
	background-position: -24px -3px;
}

/*IE */
#slider,
#slider .slider-content,
#slider ul,
#slider li { 
	zoom: 1;
}
/*fin*/
.tableOST{
	font-size: 11px;
	border-top: 1px solid #e2e2e2;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
}
.tableOST th{
	color: #333;
	font-weight: bold;
	text-align: left;
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-left: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background-color: #f2f4f4;
}
.tableOST th:first-child{
	border-left: none;
}

.tableOST td{
	font-size: 11px;
	text-align: left;
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e2e2e2;
}
.tableOST thead th{
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	padding: 5px 10px;
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #e2e2e2;
	background-color: #d7dbdf;
}
.tableOST thead td{
	text-align: left;
	font-weight: bold;
	padding: 5px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #e2e2e2;
	background-color: #f2f4f4;
}

/*Nouvelle css courtier sur les fiches valeurs*/

/* Courtiers */
.courtiers{
	margin-bottom: 12px;
	font-weight: bold;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	font-size: 12px;
	color: black;
}
.courtiers p{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 6px 0 4px;
	margin-bottom: 5px;
	vertical-align:top;
	width: 310px;
}
.courtiers p:first-child{
	padding-right: 10px;
	border-right: 1px dotted #CCC;
}
.courtiers a{
	font-weight: normal;
}
.courtiers img{
	position: relative;
	top: 3px;
	margin-bottom: 0;
	margin-left: 2px;
	vertical-align: middle;
}

.courtiers p > span { display: block; }
.courtiers p img{
	border: 1px solid #ccc !important;
	width: 93px;
	height: 22px;
	float: left;
	margin: 4px 3px;
}
.courtiers > p:first-child a{
	float: left;
	border: 1px solid #fff;
	border-bottom: 0;
	background-color: #FFF;
	position: relative; z-index: 2;
	padding: 0 0 6px;
}
.courtiers p:first-child .selected {
	border-color: #AAA;
	padding-bottom: 8px;
}
.passage {
	border: 1px solid #AAA;
	background: #fff;
	height: 105px;
	margin-bottom: 15px;
	padding: 7px;
	position: relative; top: -10px; z-index: 1;
	display: none;
}
.courtiers .passage p {
	background-color: #EEE;
	display: block;
	font-size: 15px;
	line-height: 30px;
	margin-top: 5px;
	margin-right: 0;
	padding: 10px 10px 10px 20px;
	width: auto;
}
.courtiers .passage p:first-child {
	margin-top: 0;
	border:none;
}
.courtiers .passage p span { display: inline; }
.passage p a {
	border: 1px solid #000;
	color: #FFF;
	display: block;
	float: right;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 110px;
	background: #555555; /* Old browsers */
	background: -moz-linear-gradient(top, #555555 0%, #343434 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#343434)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #555555 0%,#343434 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #555555 0%,#343434 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #555555 0%,#343434 100%); /* IE10+ */
	background: linear-gradient(to bottom, #555555 0%,#343434 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#343434',GradientType=0 ); /* IE6-9 */	
}
/**/
}


.part-bnp {
	margin: 0;
}

.part-bnp img {
	float: left;
	margin: 4px 10px 4px 0;
}
.table tbody td .part-bnp span {
	font-weight: bold;
	line-height: 0.8;
	color:Black;
}
.part-bnp span strong {
	color: #3d9e6b;
}

.part-conseil
{
	font-weight: bold;
}

/* TODO passer dans les fichiers LESS */
 .s-hidden { padding-right: 10px; }

   div.select {
		display: inline-block;
		*display: inline; *zoom: 1;
		cursor: pointer;
		position: relative;
		font: bold 11px/15px "Trebuchet MS", Arial, sans-serif;
		color: #555;
		z-index: 1;
   }
   div.select.selected { z-index: 2; }
		div.select select{ 
			margin-top: 0;
			height: 23px;
		}
			.select select.input-validation-error{ margin-top: 2px; }
div.select .ico{
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	width: 24px;
	height: 24px;
	margin-right: 0;
	border-left: 1px solid #DDD;
	background-position: -33px -29px;
}
div.selected .ico {
	background-position: -63px -29px;
}

   .styledSelect {
		position:absolute;
		top:0; right:0;
		bottom:0; left:0;
		padding: 4px 10px;
		margin-top: 0;
		height: 15px;
		text-shadow: 0 1px 0 #FFF;
		background-color: #ECF0F2;
		background-image: -moz-linear-gradient(top, #FFFFFF, #EAF0F4); /* FF3.6 */
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #EAF0F4)); /* Saf4+, Chrome */
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EAF0F4'); /* IE6,IE7 */
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EAF0F4')"; /* IE8 */
		border: 1px solid #D6E2EC;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-ms-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		
   }
   .styledSelect:hover {
		text-shadow: 0 -1px 0 #FFF;
		color: #037;
		filter: none;
		background: #F2F4FB;
	}
   .styledSelect.input-validation-error{ 
			margin-left: -5px;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			-ms-border-radius: 7px;
			-o-border-radius: 7px;
			border-radius: 7px;
			margin-top: 2px;
			border: 5px solid #bf7476; 
		}
			.styledSelect.input-validation-error + ul.options{ 
				margin-top: 2px; 
				margin-left: -5px;
			}

   .styledSelect:active,
   .styledSelect.active {
		background-color: #eee;
   }

   .options {
		display: none;
		position: absolute;
		top: 25px; right: 0;
		left: 0;
		margin: 7px 0 0;
		padding: 0 0 4px 0;
		list-style: none;
		background: #f2f4fb;
		z-index: 999;
		border-top: 1px solid #D8DBDD;
		border-bottom: 1px solid #D8DBDD;
   } 
		.options li{
			padding: 0 6px;
			margin: 0;
			padding: 4px 10px;
		}
			.options li:hover { background-color: #e0e2e3; }
			
			
/* Teaser Argent et Vous HP Boursier */			

/* footer de HP Argent et Vous */	
#aev li{
	float:left;
	width: 46%;
	margin: 1% 2%; padding: 0 0 10px;
	border: 0;
	vertical-align: top;
	position: relative;
	height: 256px;
}
#aev li .logo{
	display: block;
	float: none;
	padding: 0;
	margin: 0 0 5px;
	height: 130px;
	overflow: hidden;
}
#aev li img{ width: 100%; }
#aev .more{
	text-align: left;
	background: url("../img/logo-argentetvous.png") no-repeat right bottom;
	height: 18px;
	border-top: 1px dotted #ccc;
	clear:both;
}
#aev .more a {display: block;}
#aev div.alterna-desc{ margin-left: 0; }
#aev .alterna-desc span{
	width: auto;
	float: none;
	padding: 4px 5px;
	margin-bottom: 4px;
	text-transform: uppercase;
	font: bold 10px arial, sans-serif;
	color: #fff;
}
#aev div.alterna-desc a span{
	position: absolute;
	top: 0; left: 0;
}
#aev div.alterna-desc a:first-child + a{
	font-size: 16px;
	line-height: 1.2;
	font-weight:bold;
	min-height: 60px;
}
#aev .alterna-desc a{ display: block; }
#aev div.alterna-desc p{
	margin-top: 5px;
	height: auto;
	white-space: normal;
}
#aev div.alterna-desc p a { color: #000; }
.impots span{ background-color: #f15a25; }
.immobilier span{ background-color: #29aae3; }
.quotidien span{ background-color: #77c941; }
.epargne span{ background-color: #424faf; }
.passion span{ background-color: #c1272d; }
/* FIN TODO LESS */

/* devises */
.tabs-panel .left
	{
		width: 292px;
		float: left;
		margin: 0 30px 0 0;
	}
	
	.tabs-panel .right
	{
		width: 644px;
		float: left;
	}
	
	.tabs-panel a.h2
	{
		font-size: 21px;
	
	}

	.tabs-panel .left .media
	{
		/*height: 203px;
		background-color: #000000;*/
		margin: 0 auto 20px;
	}
	
	.tabs-panel .left .media img
	{
		display: block;
		border: none;
		width: 100%;
	}
	
	.tabs-panel .left .home-content
	{
		padding-left: 10px;
	}
	
	.tabs-panel .right #filinfo
	{
	/*	max-height: 202px;
		height: 202px;*/
		border-bottom: solid 1px #cccccc;
	}
	
	.tabs-panel .right #filinfo .list-y{
		overflow: hidden;
	}
	
	.tabs-panel .right .links-container 
	{
		margin-top: 35px;
	}
	
	.tabs-panel .right .links-container .link-content 
	{
		float: left;
		background-color: red;	
		border-radius: 3px;
		background-color: #F1F1F1;
		height: 75px;
		position: relative;
		line-height: 75px;
	}
	
	.tabs-panel .right .links-container .first
	{
		width: 370px;
		margin: 0 20px 25px 3px;
	}
	
	.tabs-panel .right .links-container .media
	{
		position: absolute;
	}
	
	.tabs-panel .right .links-container .first .media
	{
		width: 113px;
		top: -20px;
	}
	
	.tabs-panel .right .links-container a
	{
		display: inline-block;
		text-decoration: none;
		color: #000000;
		vertical-align: middle;
		line-height: 1:2;
		line-height: 14px;
	}
	
	.tabs-panel .right .links-container .first a
	{
		padding-left: 120px;
	}
	
	.tabs-panel .right .links-container a strong
	{
		display: block;
		line-height: 16px;
		font-size: 14px;
		margin-bottom: 5px;
	}
	
	.tabs-panel .right .links-container .second
	{
		width: 250px;
	}
	
	.tabs-panel .right .links-container .second .media
	{
		left: 10px;
		top: 40px;
	}
	
	.tabs-panel .right .links-container .second a
	{
		padding-left: 30px;
	}
	
	.tabs-panel .right .links-container .second a strong
	{
		text-transform: uppercase;
	}
	.tabs-panel .right .links-container .second a span
	{
		display: block;
		padding-left: 60px;
	}
	
	
	.icon-dailyfx
	{
		display: inline-block;
		height: 16px;
		width: 53px;
		background: transparent url('/ui/img/fxcm.png') center center no-repeat; 
		padding-left: 20px;
	}
	
	.list-y .icon-dailyfx
	{
		float: none;
	}
	/* fin devises */
	
	/* pave devises home */
	#devises .news .media, #devises .news .h2
		{
			display: inline-block;
			width: 140px;
			vertical-align: top;
		}
		
		#devises .news .title
		{
			margin: 0 auto 10px;
		}
		
		#devises .news .h2
		{
			font-weight: 400;
			font-size: 17px;
			line-height: 18px;
			margin: 0 0 0 10px;		
		}
		
		#devises .news .media
		{
			max-width: 140px;
			width: 140px;
			/*height: 84px;*/
			overflow: hidden;
/*			background-color: #000000;*/
		}
	
		#devises .news p 
		{
			margin: 0;
		}
		
		#devises .table 
		{
			border-top: 1px dotted #CCCCCC;
		}
	
		#devises .table tr td
		{
			vertical-align: middle;
		/*	height: 32px;*/
		}
		
		#devises table img 
		{
			margin:-2px 0;
			height:20px;
			display:inline;
		}
		
		#devises .table tr .tl b
		{
			vertical-align: middle;
			font-weight: normal;
			margin-left: 6px;
/*			font-size: 12px;
			
			text-transform: uppercase;*/
		}
		
		#devises .table tr .tl img, #devises .table tr .tc
		{
			vertical-align: middle;
			position: relative;
		}

		.icon
		{
		display: inline-block;
		vertical-align: middle;
		margin-left: 10px;
    margin-top: -2px; /*Pour aligner l'icon S&Mid*/
		}
		/*
		.icon-up
		{		
			height: 11px;
			width: 11px;
			background: url('../img/up.png') center center no-repeat;
		}
		
		.icon-down
		{		
			height: 11px;
			width: 11px;
			background: url('../img/down.png') center center no-repeat;
		}
		*/
		.icon-chevron-right
		{
			height: 11px;
			width: 11px;
			background: url('../img/chevron-right.png') center center no-repeat;
		}

		#devises .table tr .tr small
		{
			display: inline;
			font-size: 10px;
			vertical-align: bottom;
			color: #000000;
		}
		
		#devises .fl
		{
			float: none;
			margin-bottom: 15px;
		}
		#devises .tools
		{
			background-color: #f7f7f7;
			padding: 10px;
		}
		
		#devises .tools ul
		{
			margin: 0;
		}
		
		#devises .tools ul li
		{
			margin: 0;
			vertical-align: middle;
		}
		
		#devises .tools li a{
			color: #000000;
			font-size: 13px;
			font-weight: bold;
		}
		
		#devises .tools .icon-chevron-right{
			padding-top: 2px;
			margin-left: 0px;
		}
		
		#devises .tools li a:hover{
			color: #003377;
		}
		.b-title .icon-dailyfx
		{
			float: right;
		}
	/* fin pavé devises home */	
	
	/* guide des devises */
		#devises  .guides { overflow: hidden; }
		#devises .guides li{
			display: inline-block;
			*display: inline; *zoom: 1;
			vertical-align: top;
			width: 146px;
			margin: 0 5px 10px;
			font-size: 11px;
			font-family:"Open Sans",Arial,sans-serif;
			font-weight: 600;
		}
		#devises .guides  li a{ color: #000; }
		#devises .guides  li img{
			border: 3px solid #ccc;
		}
		#devises .guides  li.on{
			font-weight: bold;
		}
		#devises .guides  li.on img,
		#devises .guides  li a:hover img{
			border-color: #29aae3;
		}
/* fin guide des devises */

.clickable,
.crypt{
	cursor: pointer;
	display: block;
}
	
.Simulator26 #top-content h1 { display:none }
.Simulator27 .wrapper iframe {
	margin-left:-10px;
	margin-right:-10px;
	width:986px;
}
/*Nouvelle intégration du bloc ma liste / palmares / pub fortuneo + binck + cortal */
.tabs2 .mes-listes{ height: 211px; margin-bottom: 0; }
.box .box{ border: 0; }
.tabs2 .mes-listes.box-listes{ height: 201px; }

.tabs2 .mes-listes .select{
	top: auto; right: auto;
	margin-bottom: 10px;
}
.tabs2 .mes-listes .select-content{
	left: -5px; right: auto;
}
.tabs2 > .tabs:first-child{ margin-bottom: 0; overflow: hidden; height: auto; padding: 0; border: 0; }
.tabs2 > .tabs:first-child h2{ margin-bottom: 0; width: 100%; }
.tabs2 > .tabs:first-child h2 a{
	display: block;
	height: 34px;
	font-size: 13px;
	font-weight: bold;
	line-height: 34px;
	text-align: center;
	text-shadow: 0 1px 0 #FFF;
	color: #333;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	background-color: #EAF0F4;
	background-image: -moz-linear-gradient(top, #FFFFFF, #EAF0F4);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #EAF0F4));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EAF0F4');
	zoom: 1;
}
.tabs2 > .tabs:first-child h2.on a{ background: #fff none; }
.tabs2 > .tabs:first-child h2{
	float: left;
	width: 50%;
	margin: 0;
}
.courtier .content small{
	color: #7f7f7f;
	font-weight: bold;
	line-height: normal;
}
.courtier .content img{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Bandeau */

.bloc-guide 
{
	position: relative;
	margin-top: -16px;
	margin-botom: 20px;
	width: 100%;
	height: 176px;
	border-top: 20px solid #f1f1f1;
	border-bottom: 20px solid #f1f1f1;
}

.bloc-guide:after {
	content:"";
	position: absolute;
	top: -20px;
	right: -21px;
	height: 176px;
	width: 25px;
	border-top: 20px solid #f1f1f1;
	border-bottom: 20px solid #f1f1f1;
}

.bloc-guide:before {
	content:"";
	position: absolute;
	top: -20px;
	left: -21px;
	height: 176px;
	width: 25px;
	border-top: 20px solid #f1f1f1;
	border-bottom: 20px solid #f1f1f1;
}

.bloc-guide img {
	float: left;
	margin-left: 42px;
	margin-top: 29px;
}

.bloc-guide .bloc-p {
	float: left;
	margin-top: 42px;
	margin-left: 47px;
	width: 220px;
	height: 95px;
}

.bloc-guide p 
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

.bloc-guide p span 
{
	float: left;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
}

.bloc-guide a 
{
	float: left;
	display: block;
	margin-left: 38px;
	margin-top: 68px;
	width: 120px;
	height: 38px;
	line-height: 38px;
	color: #fff;
	background-color: #35424e;
	border-bottom: 3px solid #1e272f;
	text-align: center;
}

.bloc-guide a:hover {
	background-color:  #1e272f;
}