/* --- CONTAINER --- */
@import url("content.css");

@import url("superfish.css");

div.ombre {
    background: url('../images/effet-ombre.jpeg') top center no-repeat;
    height: 15px;
}

body {
    margin: 0;
    padding: 0;
    color: #000;
    background: url('../images/bg-body.jpeg') center top no-repeat;
    background-color: #eeeae9;
}

br.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

#container {
    width: 1000px;
    margin: 0 auto;
    background: #FFF;
    padding: 5px;
}

a.retour,a.retour:link,a.retour:visited {
    font-size: 15px;
    color: #2D2D2D;
    text-decoration: none;
    float: right;
    margin-top: 8px;
}

a.retour:hover {
    font-size: 15px;
    color: #2D2D2D;
    text-decoration: underline;
}
/* --- HEADER --- */
#header {
    height: 110px;
    padding-bottom: 10px;
    border-bottom: 4px solid #d30000;
    margin-bottom: 0px;
}

#header_left_suite,#header_left {
    text-align: left;
    float: left;
    width: 400px;
}

#header_mid {
    float: left;
}

#header_mid h1 {
    position: relative;
    text-align: center;
    color: #CC0000;
    font-family: 'Trebuchet MS';
    font-size: 24px;
    text-transform: uppercase;
}

#header_left img {
    margin-top: 20px;
}

#header_left_suite img {
    margin-top: 30px;
    margin-left: 5px;
}

#header_right {
    float: right;
    height: 100px;
    font-size: 12px;
}

#header_background {
    text-align: center;
}

#header ul {
    margin: 0;
}

#header ul li {
    display: inline;
    list-style: none;
    margin: 0;
    background: #B5D45D;
}

#header ul li a,#header ul li a:link,#header ul li a:visited {
    text-decoration: none;
    color: #333;
    padding: 10px 20px;
    font-size: 12px;
    border-left: 1px solid #FFF;
    border-top: 1px solid #ACC958;
}

#header ul li.on a,#header ul li.on a:link,#header ul li.on a:visited {
    background: #ACC958;
    color: #FFF;
}

#header ul li li a,#header ul li li a:link,#header ul li li a:visited {
    padding: 5px 20px;
    font-size: 11px;
}

#header ul li a:hover {
    background: #333;
    color: #FFF;
}

/* --- SIDEBAR --- */
#sidebar {
    float: left;
    width: 180px;
    background: #DDD;
}

#sidebar ul {
    margin: 0;
}

#sidebar li {
    list-style: none;
    width: 180px;
}

#sidebar ul li a,#sidebar ul li a:link,#sidebar ul li a:visited {
    text-decoration: none;
    color: #333;
    display: block;
    padding: 5px 0 5px 10px;
    border-bottom: 1px dotted #FFF;
}

#sidebar ul li.on a,#sidebar ul li.on a:link,#sidebar li.on a:visited {
    background: #ACC958;
    color: #FFF;
}

#sidebar ul li a:hover {
    background: #333;
    color: #FFF;
}

#sidebar ul li:hover ul,#sidebar ul li.sfHover ul {
    left: 180px;
    top: 0;
}

/* --- CONTENT --- */
#content {
    max-width: 1000px;
    padding: 0px 30px;
    text-align: left;
    min-height: 200px;
}

#content.event {
    padding: 0px 10px;
}

div#left_content {
    float: none;
    padding: 0 14px;
    width: auto;
}

div#left_content span p {
    font-size: 14px;
    margin: 0px 0px 14px 0px;
    line-height: 1.5em;
}

div#intro p {
    font-size: 14px;
    line-height: 1.5em;
}

img.encadree {
    margin-right: 10px;
}

div#left_content div.date {
    color: #828282;
}

div#right_content { /* background: url("../images/grey-1px-tl.gif") repeat-y scroll left top transparent;*/
    float: left;
    padding: 0 8px 0 17px;
    width: 296px;
    border-left: 1px dotted #aaa;
    margin-left: -1px;
}

a.send-to-friend {
    background: url("../images/send-to-friend.png") no-repeat;
    width: 32px;
    height: 32px;
    border: none;
    display: inline-block;
    margin-right: 10px;
    margin-top: -7px;
}

#page_title {
    border-bottom: 1px solid #474D4D;
}

#presentation {
    width: 100%;
    margin: 20px 0px;
}

/* --- COPYRIGHT --- */
#copyright {
    margin-top: 20px;
    margin-bottom: 10px;
    background: #dcdcdc;
    padding: 5px 0px;
    text-align: center;
    color: #000;
    font-size: 10px;
}

#copyright a,#copyright a:visited,#copyright a:link,#copyright a:active,#copyright a:hover,#copyright a:focus {
    color: #000;
    text-decoration: none;
}

#copyright img {
    vertical-align: middle;
}

/* ====== media ====== */
h1.titre {
    font-size: 18px;
    color: #656565;
    margin: 0.2em 0 0;
}

h2.titre {
    font-size: 21px;
    font-weight: normal;
    margin-top: 0;
    font-family: Georgia;
    display: inline;
    text-transform: none;
    border: none;
}

h3.titre {
    font-family: Georgia, "Trebuchet MS", Helvetica, sans-serif;
    font-size: 1.666em;
    font-weight: normal;
    margin: 0;
    display: inline;
    text-transform: none;
}

h1.theme {
    font-size: 16px;
    color: #656565;
    font-weight: normal;
}

h4.theme {
    margin: 0.2em 0 0;
}

h2 a {
    text-decoration: none;
}

h2 a:hover {
    text-decoration: none;
}

.media h4 {
    margin-bottom: 2px;
}

.media p {
    margin-top: 12px;
}

.media {
    padding-top: 10px;
}

.media,.bd {
    overflow: hidden;
    _overflow: visible;
    zoom: 1;
}

.media .img {
    float: left;
    margin-right: 10px;
}

.media .img img {
    display: block;
}

.media .imgExt {
    float: right;
    margin-left: 10px;
}

div.a_venir {
    background: #e3e3e3;
    padding: 12px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

div#passe {
    background: url("../images/fond-event.jpg") no-repeat center top transparent;
    width: 930px;
    padding-right: 15px;
    padding-top: 5px;
    margin-top: 7px;
}

div#passe div.vignette {
    margin-top: 20px;
    margin-left: 20px;
    float: left;
}

div.a_venir div.vignette {
    margin-left: 8px;
    float: left;
}

div#passe div.bd {
    margin-top: 15px;
    margin-right: 30px;
}

div.media div.titre a {
    text-decoration: none !important;
}

div.media div.invite {
    font-weight: bold;
    font-size: 1.4em;
    color: #828282;
}

div.media div.theme {
    color: #828282;
}

div.pointilles {
    margin-top: 7px;
    margin-left: 30px;
    width: 810px;
    background: url("../images/pointille.jpg") repeat-x center center transparent;
    height: 9px;
    float: left;
}

div.lire_suite {
    float: left;
    margin-left: 3px;
    color: #d60044;
    margin-top: 4px;
}

div.lire_suite a {
    color: #d60044;
}

div.a_venir div.date {
    padding-bottom: 2px;
}

div#passe div.date {
    color: #828282;
}

div#carre_rouge {
    width: 18px;
    float: left;
    padding-top: 10px;
}

p.contact_evenement {
    margin-bottom: 15px;
}

p.lieu_evenement {
    margin: 5px 0px;
    text-align: center;
    font-weight: bold;
}

p.date {
    color: #474D4D;
    margin-top: 2px;
    margin-bottom: 5px;
    font-weight: bold;
}

a.picto-contact {
    margin-left: 5px;
    position: relative;
}

div.inscrivez_vous {
    padding-top: 10px;
    text-align: center;
}

/* ==== J'aime ==== */
#evenement {
    margin-top: 10px;
    width: 100%;
}

h5.nomargin {
    margin-bottom: 0px;
}

div#likebutton {
    float: right;
}

h2 a,h2 a:link,h2:visited {
    color: #000;
    text-decoration: none;
}

h2 a:hover {
    color: #000;
    text-decoration: underline;
}

/* formulaire */

/*.publiformulaire input, .publiformulaire textarea {
    width   : 300px;
}*/
input.formulairesubmit {
    width: 100px;
}

span ul {
    display: inline-block;
    margin-left: 30px;
    margin-top: 6px;
    margin-bottom: 6px;
}

span li {
    list-style-image: url(../images/puce.gif);
    margin: 3px 0;
}

span a,span a:link,span:visited {
    color: #D60044;
    text-decoration: underline;
}

span a:hover {
    color: #474D4D;
    text-decoration: none;
}

/* Tabbed ! IEs */
.ranked {
    margin: -5px 0 -10px 0;
}

#ventre .ranked .meta,#ventre .ranked .socials {
    float: none;
    margin: 5px 0 0;
}

.ranked  ul {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.ranked  ul li {
    margin: -1px 0 0;
    padding: 10px 0;
    background: url(http://www.lesechos.fr/css/dt/grey-1px-tl.gif) repeat-x;
}

.ranked {
    font-size: 12px;
}

.ranked a {
    text-decoration: none;
    color: #000;
}

.ranked a:hover {
    text-decoration: underline;
}

.meta {
    margin: 0 0 2px;
    font-weight: bold;
    font-size: 11px;
    color: #858585;
}

.meta strong,.meta a {
    color: #262626;
    font-size: 11px;
}

.tabbed .tabs {
    display: table;
    width: 100%;
}

.tabbed .tabs ul {
    display: table-row;
}

.tabbed .tabs ul li {
    cursor: pointer;
    display: table-cell;
    width: 25%;
    text-align: center;
    line-height: 100%;
    white-space: nowrap;
    border: 1px solid #A6A6A6;
    border-left-width: 0;
}

.tabbed .tabs ul li:first-child {
    border-left-width: 1px;
}

.tabbed .tabs ul li a {
    display: inline-block;
    vertical-align: middle;
    color: #C1C1C1;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    margin: 10px 0;
    text-decoration: none;
}

.tabbed .tabs ul li a .imaged {
    display: inline-block;
}

.tabbed .tabs ul li a .legend {
    display: block;
    margin: 2px 0 0;
    font-size: 0.833em;
    color: #858585;
    text-transform: uppercase;
}

.tabbed .tabs ul li .arrow {
    display: none;
    position: relative;
    margin: 0 auto -11px;
    width: 21px;
    height: 12px;
    background: url(bg/tabbed-arrow.gif) no-repeat;
}

.tabbed .tabs ul li.hover a {
    color: #000;
}

.tabbed .tabs ul li.hover a .imaged {
    background-position: 0 0;
}

.tabbed .tabs ul li.hover a .legend {
    color: #000;
}

.tabbed .tabs ul li.on {
    background: url(bg/tabbed-on.gif) repeat-x;
}

.tabbed .tabs ul li.on .arrow {
    display: block;
}

.tabbed .tabs ul li.on a {
    color: #000;
}

.tabbed .tabs ul li.on a .imaged {
    background-position: 0 0;
}

.tabbed .tabs ul li.on a .legend {
    color: #000;
}

.col-300 .tabbed .typetitle {
    margin: 0 0 5px;
    border: 0;
}

.col-300 .tabbed {
    margin: 20px 0 0;
}

.partial .tabs {
    width: auto;
}

.partial .tabs ul li {
    padding: 0 15px;
}

.tabbed .tabcontent,.classictab .tabcontent {
    display: none;
    margin: -1px 0 0;
    padding: 10px;
    height: auto;
    overflow: hidden;
    background: #ECECEC;
    border: 1px solid #A6A6A6;
}

.tabbed .tabcontents .on,.classictab .tabcontent {
    display: block;
}

.tabbed .tabcontent .tinies {
    float: left;
    margin: 0 15px -10px 0;
    width: 220px;
}

.tabbed .tabcontent .mediadeco {
    float: right;
}

.tabbed .graph {
    margin: 5px 0 10px;
    text-align: center;
}

.tabbed .tablink {
    padding: 7px 8px;
    background: #A6A6A6;
}

.tabbed .tablink a.dotted {
    padding: 0 0 0 10px;
    text-transform: uppercase;
    font-size: 0.916em;
    font-weight: bold;
    background: url(dt/dark-tri-tram-right.gif) no-repeat left;
}

.tabbed .tablink a.dotted strong {
    color: #FFF;
}

.tabbed .tablink a.dotted .imaged {
    display: inline-block;
    text-decoration: none;
}

.tabbed .tablink a.dotted:hover {
    text-decoration: none;
}

.tabbed .blogger {
    float: left;
    margin: 0 20px 0 0;
    width: 210px;
}

.tabbed .chatter {
    float: left;
    width: 430px;
}

.tabbed .postlist {
    float: right;
    width: 180px;
}

.tabbed .postlist .meta {
    margin-top: 5px;
}

.tabbed .postlist .all {
    margin-top: 8px;
}

.tabbed .cercle {
    width: 60px;
    height: 23px;
    background: url(btn/cercle.png) no-repeat 0 -23px;
}

.tabbed .blogredac {
    width: 71px;
    height: 23px;
    background: url(btn/blog-redaction.png) no-repeat 0 -23px;
}

.tabbed .blogexpert {
    width: 61px;
    height: 23px;
    background: url(btn/blog-experts.png) no-repeat 0 -23px;
}

.tabbed .cribleechos {
    width: 54px;
    height: 23px;
    background: url(btn/crible-echos.png) no-repeat 0 -23px;
}

.tabbed .blogimmo {
    width: 74px;
    height: 23px;
    background: url(btn/blog-immobilier.png) no-repeat 0 -23px;
}

.tabbed .chats {
    width: 35px;
    height: 23px;
    background: url(btn/chats.png) no-repeat 0 -23px;
}

.tabbed .pariscac40 {
    width: 39px;
    height: 27px;
    background: url(btn/paris-cac40.png) no-repeat 0 -27px;
}

.tabbed .marchesetrangers {
    width: 67px;
    height: 27px;
    background: url(btn/marches-etrangers.png) no-repeat 0 -27px;
}

.tabbed .chiffrescles {
    width: 52px;
    height: 27px;
    background: url(btn/chiffres-cles.png) no-repeat 0 -27px;
}

.tabbed .lus {
    width: 32px;
    height: 15px;
    background: url(btn/lus.png) no-repeat 0 -15px;
}

.tabbed .partages {
    width: 65px;
    height: 15px;
    background: url(btn/partages.png) no-repeat 0 -15px;
}

.tabbed .commentes {
    width: 78px;
    height: 15px;
    background: url(btn/commentes.png) no-repeat 0 -15px;
}

.tabbed .blogloisir {
    width: 75px;
    height: 9px;
    background: url(btn/blog-loisirs.gif) no-repeat 0 -9px;
}

.tabbed .anniecooperman {
    width: 109px;
    height: 9px;
    background: url(btn/annie-cooperman.gif) no-repeat 0 -9px;
}

.tabbed .judithbenamou {
    width: 134px;
    height: 10px;
    background: url(btn/judith-benamou.gif) no-repeat 0 -10px;
}

.sift .typetitle {
    position: relative;
    margin: 0 0 -12px;
    padding: 5px 10px 18px;
    background: url(bg/sift.gif) no-repeat left bottom;
    border: 1px solid #A6A6A6;
    border-bottom: 0;
}

.sift .all {
    padding: 8px 0;
    text-align: center;
    background: #A6A6A6;
}

.sift .all a {
    padding: 0 0 0 12px;
    color: #FFF;
    font-weight: bold;
    text-transform: uppercase;
    background: url(dt/dark-tri-tram-right.gif) no-repeat left;
}

.sift .all a span {
    color: #000;
}

.stocks .typetitle {
    margin: 0 0 5px;
    border: 0;
}

.stocks .typetitle .meta {
    float: none;
    display: inline;
    font-size: 0.611em;
}

.stocks .tabs ul li {
    width: 20%;
}

.stocks .tabs ul li.hover a {
    color: #000;
}

.stocks .tabs ul li.hover a .imaged {
    background-position: 0 -24px;
}

.stocks .tabs ul li.on a {
    color: #FFF;
}

.stocks .tabs ul li.on a .imaged {
    background-position: 0 0;
}

.stocks .tabs ul li.on a .legend {
    color: #F99F9F;
}

.stocks .tabs ul li .arrow {
    background: url(bg/stocks-arrow.gif) no-repeat;
}

.stocks .tabs ul li.on {
    background: url(bg/stocks-on.gif) #A80000 repeat-x;
}

.stocks .tabcontent {
    color: #FFF;
    background: #3E4042;
}

.stocks .tabcontent .category,.stocks .tabcontent a {
    color: #FFF;
}

.stocks .tabcontent .texts {
    color: #858585;
}

.stocks .tabcontent .fullversion {
    background: url(dt/white-fast-forward.gif) no-repeat right 7px;
}

.stocks .tabcontent .largesubs {
    margin: -10px;
    padding: 10px;
    width: 435px;
    background: url(bg/stocks-bg.png) no-repeat right bottom;
}

.stocks .tabcontent .minies {
    margin: 0;
}

.stocks .tabcontent .minies .mini {
    margin: 0 0 10px;
    padding: 0;
    background: none;
    border-bottom: 1px solid #858585;
}

.stocks .tabcontent .all {
    padding: 10px 0 0;
}

.stocks .tabcontent .all a {
    padding: 0 12px 0 0;
    text-transform: uppercase;
    font-weight: bold;
    background: url(dt/white-tri-tram-right.gif) no-repeat right;
}

.stocks .stock .bestprogression,.stocks .stock .worstprogression {
    color: #858585;
    font-weight: bold;
}

.stocks .stock .category {
    margin: 10px 0 0;
}

.stocks .stock caption {
    padding: 8px 0;
}

.stocks .stock table {
    margin: 5px 0 0;
    background: url(dt/grey-1px-tl.gif) repeat-x;
}

.stocks .stock table th {
    font-weight: normal;
}

.stocks .stock table th,.stocks .stock table td {
    padding: 3px 0;
    color: #FFF;
    background: url(dt/grey-1px-tl.gif) repeat-x bottom;
    border: 0;
}

.stocks .stock .up {
    color: #50C507;
}

.stocks .stock .down {
    color: #F04747;
}

.stocks .stock .evo {
    width: 75px;
}

.stocks .stock .up .icon {
    background-image: url(bg/stock-up-w.gif);
}

.stocks .stock .down .icon {
    background-image: url(bg/stock-down-w.gif);
}

.stocks .totalsubs {
    margin: 0 0 -10px;
}

.stocks .totalsubs .sub {
    margin: -1px 0 0;
    padding: 5px 0;
    font-size: 0.857em;
    background: url(dt/grey-1px-tl.gif) repeat-x;
}

#ventre .stocks .totalsubs .sub h2 {
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.750em;
}

.palmares table {
    width: 100%;
}

.palmares th,.palmares td {
    padding: 5px 0;
    color: #FFF;
}

.palmares thead th {
    padding-left: 20px;
    text-transform: uppercase;
    font-weight: bold;
    white-space: nowrap;
    border-bottom: 1px solid #2D2E2E;
}

.palmares thead th:first-child {
    padding-left: 0;
}

.palmares tbody th,.palmares tbody td {
    background: url(dt/dark-1px-tl.gif) repeat-x;
}

.palmares tbody th {
    color: #858585;
    width: 99em;
}

.palmares .tabcontent tbody th a {
    color: #858585;
}

.palmares tbody td {
    padding-left: 20px;
    white-space: nowrap;
}

.palmares tbody td .imaged {
    float: right;
}

.palmares tr .integer {
    text-align: right;
}

.palmares tbody td .icon {
    float: none;
    display: inline-block;
    margin: 0 2px 0 0;
    width: 8px;
    height: 8px;
}

.palmares .up {
    color: #50C507;
    font-weight: bold;
}

.palmares .up .icon {
    background-image: url(bg/stock-up-w.gif);
}

.palmares .down {
    color: #F04747;
    font-weight: bold;
}

.palmares .down .icon {
    background-image: url(bg/stock-down-w.gif);
}

.palmares .all {
    text-align: right;
}

.subtables {
    margin: 0 0 0 -15px;
    height: auto;
    overflow: hidden;
}

.subtable {
    float: left;
    width: 33%;
}

.subtable table {
    margin: 0 0 0 15px;
    width: auto;
}

.subtable tbody td {
    padding-left: 10px;
    width: 50px;
}

.subtable tbody td.up,.subtable tbody td.down {
    width: 70px;
    text-align: right;
}

.stocks .paris {
    width: 32px;
    height: 12px;
    background: url(btn/paris.png) no-repeat 0 -12px;
}

.stocks .newyork {
    width: 60px;
    height: 12px;
    background: url(btn/newyork.png) no-repeat 0 -12px;
}

.stocks .londres {
    width: 52px;
    height: 12px;
    background: url(btn/londres.png) no-repeat 0 -12px;
}

.stocks .francfort {
    width: 67px;
    height: 12px;
    background: url(btn/francfort.png) no-repeat 0 -12px;
}

.stocks .tokyo {
    width: 38px;
    height: 12px;
    background: url(btn/tokyo.png) no-repeat 0 -12px;
}

.stocks .courtterme {
    width: 139px;
    height: 12px;
    background: url(btn/palmares-court-terme.png) no-repeat 0 -12px;
}

.stocks .moyenterme {
    width: 142px;
    height: 12px;
    background: url(btn/palmares-moyen-terme.png) no-repeat 0 -12px;
}

.stocks .longterme {
    width: 133px;
    height: 12px;
    background: url(btn/palmares-long-terme.png) no-repeat 0 -12px;
}

.stocks .courtterme {
    width: 139px;
    height: 12px;
    background: url(btn/palmares-court-terme.png) no-repeat 0 -12px;
}

.stocks .moyenterme {
    width: 142px;
    height: 12px;
    background: url(btn/palmares-moyen-terme.png) no-repeat 0 -12px;
}

.stocks .longterme {
    width: 133px;
    height: 12px;
    background: url(btn/palmares-long-terme.png) no-repeat 0 -12px;
}

.stocks .dujour {
    width: 46px;
    height: 12px;
    background: url(btn/du-jour.png) no-repeat 0 -12px;
}

.stocks .plusconsultes {
    width: 119px;
    height: 12px;
    background: url(btn/plus-consultes.png) no-repeat 0 -12px;
}

.stocks .parpays {
    width: 57px;
    height: 12px;
    background: url(btn/par-pays.png) no-repeat 0 -12px;
}

.stocks .consensus {
    width: 155px;
    height: 12px;
    background: url(btn/palmares-consensus.png) no-repeat 0 -12px;
}

.stocks .bna {
    width: 110px;
    height: 12px;
    background: url(btn/palmares-bna.png) no-repeat 0 -12px;
}

.stocks .per {
    width: 108px;
    height: 12px;
    background: url(btn/palmares-per.png) no-repeat 0 -12px;
}

.stocks .variations li {
    float: left;
    margin: 0 25px 0 0;
    text-transform: uppercase;
    font-weight: bold;
    color: #858585;
}

.stocks .variations li.pub {
    margin: 0;
}

.stocks .variations li span {
    display: block;
    font-size: 2.5em;
    color: #F1F1F1;
}

.stocks .variations li span.up {
    color: #50C507;
}

.stocks .variations li span.down {
    color: #F04747;
}

.stocks .graph {
    margin: 10px 0 0;
    padding: 0 0 10px;
}

.stocks .linked {
    display: table;
    margin: 8px 0 0 0;
    width: 100%;
}

.stocks .linked ul {
    display: table-row;
}

.stocks .linked ul li {
    display: table-cell;
    width: 25%;
    text-align: center;
    vertical-align: middle;
    background: url(dt/grey-1px-tl.gif) repeat-y;
}

.stocks .linked ul li:first-child {
    background: none;
}

.stocks .linked ul li a {
    color: #858585;
    font-weight: bold;
    text-transform: uppercase;
}

.stocks .valuesearch {
    margin: 15px 0 0;
    padding: 0 0 0 185px;
    height: auto;
    overflow: hidden;
    background: url(txt/rechercher-valeur.gif) no-repeat 20px center;
}

.stocks .valuesearch label {
    z-index: 2;
    float: left;
    margin: 1px -180px 0 0;
    padding: 5px 6px 4px 6px;
    width: 168px;
    font-size: 0.916em;
    color: #858585;
    background: #FFF;
}

.stocks .valuesearch .inputtext {
    z-index: 3;
    float: left;
    position: relative;
    margin: 0 0 5px;
    padding: 4px 5px;
    width: 168px;
    background: url(bg/dummy.gif);
    border: 1px solid #B0ADAD;
}

.stocks .valuesearch .filled {
    background: #FFF;
}

.tabbed .createechoswalet {
    width: 257px;
    height: 11px;
    background: url(txt/creer-portefeuille-boursier.png) no-repeat;
}

/* onglets */
.tabs {
    display: table;
    width: 100%;
}

.tabs ul {
    display: table-row;
}

.typetitle {
    display: none;
}

.tabs li {
    position: relative;
    border-top: 1px solid #a6a6a6;
    font-weight: bold;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 12px;
    color: #C1C1C1;
    cursor: pointer;
    display: table-cell;
    line-height: 100%;
    text-align: center;
    white-space: nowrap;
    width: 25%;
}

.tabs li.on {
    color: #000;
    border-top: 2px solid #000;
}

.tabs li:hover {
    color: #000;
}

.tabs li.on .arrow {
    display: block;
}

.tabs li .arrow {
    position: absolute;
    left: 3px;
    top: 9px;
    background: url(http://www.lesechos.fr/css/bg/tabbed-arrow.gif) no-repeat;
    display: none;
    height: 12px;
    margin: 0 auto -11px;
    position: relative;
    width: 21px;
}

/*** Footer ***/
.footer {
    height: auto;
    overflow: hidden;
    font-size: 0.916em;
    background: #FFF;
}

.footer .inner {
    margin: auto;
    padding: 25px 15px 0;
    width: 980px;
    text-align: left;
}

.footer .group {
    float: left;
    width: 770px;
    height: auto;
    overflow: hidden;
}

.footer .group .title {
    float: left;
}

.footer .group ul {
    float: right;
    width: 564px;
}

.footer .group ul li {
    float: left;
    padding: 2px 10px 3px 10px;
    width: 168px;
    background: url(http://www.lesechos.fr/css/dt/grey-1px-tl.gif) repeat-y;
    list-style-type: none;
}

.footer .group ul li a {
    color: #2D2D2D;
}

.footer .legals {
    float: left;
    width: 209px;
}

.footer .legals ul li {
    padding: 2px 10px 3px 10px;
    color: #C00;
    background: url(http://www.lesechos.fr/css/dt/grey-1px-tl.gif) repeat-y;
    list-style-type: none;
}

.footer .legals ul li a {
    color: #2D2D2D;
}

.footer .cnil {
    float: left;
    padding: 20px 0;
    width: 100%;
    color: #B5B5B5;
    text-align: center;
}