/*------------------------------------------------------------------------------
    CSS Document (http://www.w3.org/Style/CSS/)

    project:    Natixis
    created:    2009-05-09
    author:     chrand

    summary:    RESET
                GENERIC
				MAIN NAV
				FOOTER
				CORE
                
----------------------------------------------------------------------------- */

/*  =RESET
----------------------------------------------------------------------------- */
* { margin:0; padding:0; vertical-align:baseline; }

body {
    font-family:Arial, sans-serif;
    font-size: 75%; /* :INFO:1em = 12px */
    text-align:center;
    margin:0;
    height:100%;
    color:#666;
	background: #fff;
}

input { height:auto; }
a img, fieldset, form { border:0; }
ins, abbr, acronym { text-decoration:none; border:0; font-style:normal; }
a:hover ins, a:hover abbr, a:hover acronym { text-decoration:underline; }
address { font-style:normal; }
ul { list-style:none; }
q:before, q:after { content:''; }
small { font-size:0.9em; }
textarea { overflow:auto; }
table{ border-collapse:collapse; }

hr,
#access-keys { 
    position:absolute;
    left:-9999em;
}

button {
    width:auto;
    overflow:visible;
    border:0;
    background:none;
    cursor:pointer;
}

input.submit {
    width:auto !important;
    height:auto !important;
    cursor:pointer !important;
    border:0 !important;
    overflow:visible;
}


/*  =GENERIC
----------------------------------------------------------------------------- */

a{ color: #666; }
a:hover{ text-decoration: none; }

a.tooltip-link{ 
	border-bottom: 1px dotted #88abaf;
	text-decoration: none;
}

a.arrow-link{
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 -495px;
	padding-left: 10px;
	display: block;
}

.arrow-link2-list{ margin: 10px 0 10px 6px; overflow:hidden; }
.arrow-link2-list a{
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 -596px;
	padding-left: 18px;
	display: block;
	margin-bottom: 2px;
}

.msie6 .arrow-link2-list a{	float: left; width: 475px; }

a.top-of-the-page{
	float: right;
	background:url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 -795px;
	padding-left: 12px;
	color: #ff4425;
}

.main-container{
	margin: 10px auto;
	width: 980px;
}

.main-container td{ text-align: left; vertical-align: top; }
.main-container .header td{	position: relative; }
.main-container .header img{ display: inline;}
.formule-logo{ float: left; margin: 5px 0 0 25px; }
.natixis-logo{ float: right; margin: 0 25px 0 0; }
.main-visuel{ padding-top: 10px; margin-bottom: -3px; clear: both; } 


/*  =MAIN NAV
----------------------------------------------------------------------------- */

.main-nav{
	position: relative;
	margin-top: -15px;
	padding-left: 56px;
	width: 924px;
	overflow: hidden;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav.png) no-repeat 0 15px;
	height: 60px;
}

.main-nav li a{
	float: left;
	padding-top: 20px;
	color: #666;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

.main-nav li a:hover, .main-nav li.on a{ color: #ff4425; }

.main-nav li, .main-nav li span{
	float: left;
	height: 60px;
	cursor: pointer;
}

.main-nav li a .right{
 	width: 20px;
	background:url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav-item.png) no-repeat -24px -162px;
}

.main-nav li a .right-lite{ width: 10px; }
.main-nav li a .right-wide{ width: 60px; background:url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav-item.png) no-repeat -3px -162px;}
.msie6 .main-nav li a .right-wide{ background-image: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav-item-png8.png); }

.main-nav .on a{
	padding-top: 0;
}

.main-nav .on .left{
	width: 15px;
	background:url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav-item.png) no-repeat 0 0;
}

.main-nav .on .right{
	width: 22px;
	background:url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav-item.png) no-repeat -15px 0;
}

.main-nav .on .middle{ 
	text-align: center;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav-item.png) repeat-x 0 -60px;
	padding-top: 13px;
	height: 47px;
	font-size: 1.2em;
	padding-top: 17px;
}

.main-nav .middle span{
	height: auto;
	padding: 0 0 0 20px;
	background:url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 -199px;
}

.main-nav .on .middle span{
	padding: 0 0 0 26px;
	background:url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 -297px;
	font-size: 1.25em;
}

/*.item1 .middle{ width: 80px; }
.item1-on .middle{ width: 105px; }*/
.item1 .left{ width: 20px; background:url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav-item.png) no-repeat -35px -162px; }

/*.item2 .middle{ width: 165px }
.item2-on { margin-left: -7px; }

.item3 .middle{ width: 120px }
.item3-on .middle{ width: 135px; padding-top: 9px!important; font-size: 1em!important; }

.item4 .middle{ width: 140px }*/

.main-nav .item-bonus{
	float: right;
	padding: 0 25px;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 -82px;
}

.msie6 .main-nav li a .right,
.msie6 .main-nav .on .left,
.msie6 .main-nav .on .right,
.msie6 .main-nav .on .middle,
.msie6 .item1 .left
{ background-image: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_nav-item-png8.png); }

/*  =FOOTER
----------------------------------------------------------------------------- */

.footer td{
	width: 980px;
	height: 45px;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_footer.png) no-repeat left top;
}

.footer td a{
	display: block;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_footer-hilite.png) no-repeat 0 -2px;
	width: 675px;
	height: 45px;
	font-size: 1.16em;
	padding: 8px 0 0 100px;
	text-decoration: none;
}

.footer td a:hover{ text-decoration: underline; }

.footer td a span{ color: #ff4425; } 

.post-footer td{
	text-align: center;
	font-size: 0.8em;
	color: #999;
}
.post-footer td a{ 
	color: #999;
	text-decoration: none;
}

.post-footer td a:hover{ text-decoration: underline; }

/*  =CORE
----------------------------------------------------------------------------- */

.left-col{ width: 692px; }

.left-core{
	position: relative;
	width: 692px;
}

.left-core-container{
	min-height: 258px;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_left-core.png) repeat-x left bottom;
	border-right: 1px solid #c0c0c0;
	margin: 0 17px 0 7px;
	width: 667px;
	overflow: hidden;
}

.left-core-deco{
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/pi_left-core.png) no-repeat 0 0;
	width: 37px;
	height: 37px;
	position: absolute;
	top: 65px;
	right: 0;
}

.left-core-border{
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_left-border.png) no-repeat 0 0;
	width: 7px;
	height: 258px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.left-core-inside{
	padding-right: 30px;
	clear: both;
	overflow: hidden;
}

.paragraphe-deco{
	float: left;
	margin-left: 50px;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 0;
	width: 37px;
	height: 37px;
}

.left-core-section{
	float: right;
	width: 520px;
	overflow: hidden;
	padding: 5px 25px 10px 0;
}

.left-core-section h2{
	font-size: 1.33em;
	font-weight: bold;
	margin-bottom: 5px;
}

.left-core-section h2 span{
	color: #ff4425;
	font-size: 1.13em; /* 18px */
}

.left-core-section p{
	text-align: justify;
	line-height: 1.4em;
	margin-bottom: 1em;
}

.tooltip{ 
	position: absolute;
	display: block;
	width: 313px;
}

.tooltip span{
	overflow: hidden;
	display: block;
	width: 313px;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_tooltip.png) no-repeat 0 0;
}

.tooltip .tooltip-top{ height: 12px; }
.tooltip .tooltip-btm{ height: 19px; background-position: 0 -12px; }

.tooltip .tooltip-middle{
	background-position: -313px 0;
	background-repeat: repeat-y;
	padding: 0 25px;
	width: 263px;
	text-align: left;
	font-weight: normal;
}

.tooltip .tooltip-middle strong{ display: block; font-weight: bold; }

.msie6 .tooltip span{ background-image: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_tooltip-png8.png); }

.left-core-inside2{
	clear: both;
	overflow: hidden;
	width: 100%;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_hr.png) no-repeat center top;
	margin-top: 30px;
	padding-top: 15px;
}

.left-core-deco2{
	float: left;
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 -700px;
	width: 22px;
	height: 22px;
}

.left-core-inside2 h3{
	font-size: 1em;
	font-weight: normal;
	color: #019de0;
	margin: 2px 0 10px 0;
}

.left-core-section2{
	float: right;
	width: 495px;
}

.collapse-me{
	border-bottom: 1px solid #bfbfbf;
	overflow: hidden;
}

.hasJS .numbers h2{ cursor: pointer; }

.numbers .paragraphe-deco{
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_numbers.png) no-repeat 2px 2px;
}

.bullet1 .paragraphe-deco{ background-position: 5px 2px; }
.bullet1.on .paragraphe-deco{ background-position: -38px 0; }

.bullet2 .paragraphe-deco{ background-position: 5px -38px; }
.bullet2.on .paragraphe-deco{ background-position: -38px -38px; }

.bullet3 .paragraphe-deco{ background-position: 5px -74px; }
.bullet3.on .paragraphe-deco{ background-position: -38px -76px; }

.bullet4 .paragraphe-deco{ background-position: 5px -112px; }
.bullet4.on .paragraphe-deco{ background-position: -38px -114px; }

.bullet5 .paragraphe-deco{ background-position: 5px -150px; }
.bullet5.on .paragraphe-deco{ background-position: -38px -152px; }

.bullet6 .paragraphe-deco{ background-position: 5px -188px; }
.bullet6.on .paragraphe-deco{ background-position: -38px -190px; }

.bullet7 .paragraphe-deco{ background-position: 5px -226px; }
.bullet7.on .paragraphe-deco{ background-position: -38px -228px; }

.bullet8 .paragraphe-deco{ background-position: 5px -264px; }
.bullet8.on .paragraphe-deco{ background-position: -38px -266px; }

.bullet9 .paragraphe-deco{ background-position: 5px -302px; }
.bullet9.on .paragraphe-deco{ background-position: -38px -304px; }

.bullet10 .paragraphe-deco{ background-position: 5px -340px; }
.bullet10.on .paragraphe-deco{ background-position: -38px -342px; }

.bullet11 .paragraphe-deco{ background-position: 5px -378px; }
.bullet11.on .paragraphe-deco{ background-position: -38px -380px; }

.bullet12 .paragraphe-deco{ background-position: 5px -416px; }
.bullet12.on .paragraphe-deco{ background-position: -38px -418px; }

.bullet13 .paragraphe-deco{ background-position: 5px -454px; }
.bullet13.on .paragraphe-deco{ background-position: -38px -456px; }

.bullet14 .paragraphe-deco{ background-position: 5px -492px; }
.bullet14.on .paragraphe-deco{ background-position: -38px -494px; }

.bullet15 .paragraphe-deco{ background-position: 5px -530px; }
.bullet15.on .paragraphe-deco{ background-position: -38px -532px; }

.bullet16 .paragraphe-deco{ background-position: 5px -568px; }
.bullet16.on .paragraphe-deco{ background-position: -38px -570px; }

.bullet17 .paragraphe-deco{ background-position: 5px -606px; }
.bullet17.on .paragraphe-deco{ background-position: -38px -608px; }

.bullet18 .paragraphe-deco{ background-position: 5px -644px; }
.bullet18.on .paragraphe-deco{ background-position: -38px -646px; }

.bullet19 .paragraphe-deco{ background-position: 5px -682px; }
.bullet19.on .paragraphe-deco{ background-position: -38px -684px; }

.bullet20 .paragraphe-deco{ background-position: 5px -720px; }
.bullet20.on .paragraphe-deco{ background-position: -38px -722px; }

.bullet6 .collapse-me{ border-bottom: none; }


.collapse-me-top, .collapse-me-btm{
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/bg_synthese.png) no-repeat 0 0;
	height: 10px;
	width: 520px;
	overflow: hidden;
}
.collapse-me-top{ margin-top: 10px; }
.collapse-me-btm{ background-position: 0 -10px; margin-bottom: 10px; }

.collapse-me-mid{ 
	width: 518px;
	overflow: hidden;
	border-left: 1px solid #dfe2e4;
	border-right: 1px solid #dfe2e4;
	background: #fff ;
}

.collapse-me-mid-left, .collapse-me-mid-right{
	float: left;
	width: 258px;
	border-right: 1px solid #dfe2e4;
}
.collapse-me-mid-right{ border: none; }

.collapse-me-mid h3{
	font-size: 1em;
	text-align: center;
	padding-bottom: 8px;
	border-bottom: 1px solid #dfe2e4;
}

.collapse-me-mid ul{ padding: 20px 20px 0 20px; }

.collapse-me-mid ul li{
	background: url(/SiteCollectionImages/Style/skins/skin.playlist/pi_pictos.png) no-repeat 0 -988px;
	display: block;
	margin-bottom: 10px;
	padding-left: 15px;
	text-align: justify;
}

.right-col {
	width: 275px;
	background: url(/SiteCollectionImages/Style/skins/skin.default/bg_right-core.png) no-repeat right bottom;
}

.right-core{
	width: 210px;
	padding-right: 65px;
}

.right-col h2{
	color: #03205f;
	font-weight: bold;
	font-size: 1.5em; /* 18px */
}

.right-col h2 span{ color: #ff4425; }

.right-col h3{
	font-size: 1em;
	color: #03205f;
	font-weight: bold;
	margin-top: 10px;
}

.flash-content{
	border-top: 10px solid #fff;
	padding: 0 0 0 7px;
	clear: both;
	overflow: hidden;
}
.msie6 .flash-content{ border-top: 5px solid #fff; }

.flash-content object{ display: block; }
.flash-content .main-visuel{ margin-left: -5px; }