@import "common.css";

body {
	margin: 0px;
	padding: 0px;
	font: 10px Arial;
	color: #666666;
	cursor:auto;
	text-align:justify;
}

#global{
	height: auto;
	width: 1000px;
	margin: 0 auto;
	border: 1px solid #e8e8e8;
}

#global_content {
	background: #ffffff url(../images/bg_footer.jpg) no-repeat bottom left;
	height: auto;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}

ul, div, img, li, a, p {
	margin: 0;
	padding: 0;
	border: 0;
	
}

a{
	font: 10px Arial;
	color: #666666;
	text-decoration: none;
	cursor:pointer;
}

#content {
	clear: both;
	float: none;
	width: 988px;
	height: auto;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 5px;
}

h1 {
	margin-top: 0px;
	font-size: 18px;
	font-weight: bold;
	color: #669900;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	color: #669900;
}

h3{
	color: #669900;
	font: small-caps bold 24px Arial;
	margin: 0;
	padding: 0;
	text-align:left;
}

h4{
	color: #669900;
	font: bold 14px Arial;
	margin-top: 20px;
	text-decoration: none;
}

/* @group header */


#header {
	position: relative;
	height : 63px;
	width: 1000px;
	padding-top: 20px;
	margin-left: 2px;
}

#espace_client {
	background: url(../images/espace_client.png) no-repeat;	
	position : absolute;
	height: 37px;
	width: 169px;
	padding:0px;
	padding-top: 21px;
	top:  0px;
	right: 33px;
	margin: 0;
}

ul#acces_rapide {
	list-style: none;
	line-height:12px;
	padding: 0 0 0 35px;
	margin: 0px;		
}

.acces_rapide {
	color: #999999;
}

/* @group SiteMap */

#sitemap
{
	color: #669900;
	margin: 0 0 0 17.5px;
	font-size: 11px;
	padding: 0;
}

.sitemapLink {
	color: #669900;
	text-decoration: underline;
	font-size: 11px;
}

#sitemap a{
    color: #669900;
    font-size: 11px;
}

/* @end */

/* @group progretis_investissement */

#content_right {
	position: relative;
	width: 188px;
	float: right;
	margin: 0;
}

#content_left {
	width: 781px;
	float:left;
}

#visuel_principal {
	height: 237px;
	width: 781px;
}

#azur1 {
	height: 159px;
	width: 187px;	
	margin-top: 5.5px;
}

#azur2 {
	height: 254px;
	width: 187px;
	margin: 5.5px 0 0;
}

#azur3 {
	height: 25px;
	width: 187px;
	background-image: url(../images/investissement/azur3.png);
}

#azur4 {
	height: 21px;
	width: 187px;
	background-image: url(../images/investissement/azur4.png);
}

#comment_souscrire {
	position:absolute;
	bottom: 7px;
	left:0px
}

#comment_rdv {
	text-decoration: underline;
	color: #fff;
	padding-left: 18px;
	font-size: 10px;
}

.rdv_rappeler {
	height:28px;
	width: 187px;
	background: url(../images/investissement/rappeler.png) no-repeat;
	margin: 5.5px 0 0;
	display: block;
}

.rdv_rappeler:hover {
	height:28px;
	width: 187px;
	background: url(../images/investissement/rappeler_rollover.png) no-repeat;
	margin: 5.5px 0 0;	
}


#publicite {
	height: 160px;
	width: 187px;
	margin-top: 8.5px;
}

#visuels{
	position: relative;
	width: 781px;
	margin: 25px 0 0;
}

#livret_investissement1{
	width: 243px;
	height: 240px;
	float: left;
}

#livret_investissement_haut1 {
	height: 112px;
	width: 243px;
}

#livret_investissement_centre1{
	height: 50px;
	width: 243px;
	line-height: 12px;
	padding: 8px 0 0;
}

.livret_investissement_bas1 {
	height: 26px;
	width: 243px;
	background: url(../images/investissement/vignette_1_bas.png) no-repeat;
	display: block;
}

.livret_investissement_bas1:hover {
	height: 26px;
	width: 243px;
	background: url(../images/investissement/vignette_1_bas_over.png) no-repeat;
}

#livret_investissement2{
	width: 243px;
	height: 240px;
	float: left;
	margin: 0 0 0 26px;
}

#livret_investissement_haut2 {
	height: 112px;
	width: 243px;
}

#livret_investissement_centre2 {
	height: 50px;
	width: 243px;
	line-height: 12px;
	padding: 8px 0 0;
}

.livret_investissement_bas2 {
	height: 26px;
	width: 243px;
	background: url(../images/investissement/vignette_2_bas.png) no-repeat;
	display: block;
}

.livret_investissement_bas2:hover {
	height: 26px;
	width: 243px;
	background: url(../images/investissement/vignette_2_bas_over.png) no-repeat;
}

#livret_investissement3{
	width: 243px;
	height: 240px;
	float: left;
	margin: 0 0 0 26px;
}

* html #livret_investissement3{
	width: 243px;
	height: 240px;
	float: left;
	margin: 0 0 0 23px;
}

#livret_investissement_haut3 {
	height: 112px;
	width: 243px;
}

#livret_investissement_centre3 {
	height: 50px;
	width: 243px;
	line-height: 12px;
	padding: 8px 0 0;
}

.livret_investissement_bas3 {
	height: 26px;
	width: 243px;
	background: url(../images/investissement/vignette_3_bas.png) no-repeat;
	display:block;
}

.livret_investissement_bas3:hover {
	height: 26px;
	width: 243px;
	background: url(../images/investissement/vignette_3_bas_over.png) no-repeat;
}

.lire_suite {
	text-align: right;
	padding: 0 35px 5px 0;
	height :19px;
	color: #669900;
}



#lire_suite1, #lire_suite2 {
	text-align: right;
	padding: 0 65px 0 0;
	height :19px;
}

.lire-suite{
	color: #669900;
}


/*Class permettant de gérer la taille des vignettes 3 et 4 différents des vignettes 1 et 2*/
.images_visuels{
	height:157px ;
	width: 189px;
}

/* @end */

/* @group footer */

#footer1{
	height: auto;
	width: 1000px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 15px;
	padding-bottom: 5px;
	float: left;
}

.menu_footer{
	float:left;
	margin: 0 0 0 15px;
	padding: 0;
	width: 150px;
	text-align:left;
}
/* IE6 */
* html .menu_footer {
	margin-left: 10px;
	text-align:left;
}

#menu_footer_progretis{
	float: left;
	color: #669900;
	margin-left: 5px;
}

/* IE6 */
* html #menu_footer_progretis{
	float: left;
	color: #669900;
	margin-left: 20px;
}

.menu_titre_links{
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bold;
}
/* IE6 */
* html .menu_titre_links{
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
}
/* IE7 */
*+html .menu_titre_links{
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
}

.menu_titre_links_progretis{
	font-variant: small-caps;
	font-size: 14px;
	font-weight: bold;
	color: #006699;
}
/* IE6 */
* html .menu_titre_links_progretis{
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
	color: #006699;
}
/* IE7 */
*+html .menu_titre_links_progretis{
	font-variant: small-caps;
	font-size: 13px;
	font-weight: bold;
	color: #006699;
}

.menu_liste{
	padding: 0;
	margin-top: 2px;
}

.menu_liste ul{
	list-style-type: none;
}

.menu_liste.li{
	display: inline;
}

.links_footer{
	font: 10px Arial;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
}

.links_footer_progretis{
	color: #006699;
}


/* @end */

/* @group footer2 */

#footer2 {
	width: 1000px;
	margin: 0 auto;
	position:relative;
	font-size: 11px;
}

#footer2_copyright{
	color: #999999;
	margin: 15px 0 0 30px;
	float: left;
	font-variant: small-caps;
}

#footer2_links{
	color: #999999;
	margin-top: 15px;
	float:left;
	position: absolute;
	right: 30px;
	font-variant: small-caps;
}

.footer2_links_style{
	font-variant: small-caps;
	font-size: 11px;
}

/* @end */

/* rajout */

#menu_left_content{
    width: 254px;
    position: relative;
    float: left;
}

#menu_left_haut {
    height:10px;
    width: 254px;
    background: url(../images/investissement/menu_left_haut.jpg) no-repeat;
    margin: 0;
    line-height: 1px;
    font-size: 1px;
    padding: 0;
    display: block;
}

#menu_left_milieu{
    width: 254px;
    background: url(../images/investissement/menu_left_milieu.jpg) repeat-y;
}

#menu_left_bas {
    height: 244px;
    width: 254px;
    background:transparent url(../images/investissement/menu_left_milieu.jpg) repeat-y scroll 0 0;
}

.souscrire{
    height: 26px;
    width: 256px;
    display: block;
    margin-top: 12px;
}


#menu_right_content{
    width: 500px;
    float: right;
}

#menu_div_list {
        /*padding-top: 100px;*/
        padding-left: 10px;
        padding-bottom: 10px;
}


.menu_list{
    list-style-type: none;
    width: 230px;
}

#titre_left_menu{
        /*position : absolute */
        font: small-caps 24px Arial;
        color: #fff;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        text-align:left;
}


.menu_left_souscrire {
    height:26px;
    width: 256px;
    margin: 12px 0 0;
    background: url(../images/investissement/souscrire_menu.png) no-repeat;
    display: block;
}


.menu_list li{
    padding-left: 15px;
    border-top-color: #fff;
    border-style: solid;
    border-top-width: 1px;
}

.menu_list li a{
    color: #ffffff;
    font: normal small-caps 16px Arial;
    line-height: 24px;
}

.menu_selected {
    background: url(../images/investissement/bullet.png) no-repeat 0 9px;
}

/* toolbar */

/* BARRE DE BOUTONS FULLDISPLAY */
#toolBar1{
    float: right;
    height: 16px;
    width: 29px;
    background: url(../images/investissement/toolbar_send.jpg) no-repeat;
    margin-right: 20px;
}

#toolBar2{
    float: right;
    height: 16px;
    width: 12px;
    background: url(../images/investissement/toolbar_zoom_in.jpg) no-repeat;
    padding-right: 3px;
    cursor:pointer;
}

#toolBar3{
    float: right;
    height: 16px;
    width: 12px;
    background: url(../images/investissement/toolbar_zoom_out.jpg) no-repeat;
    margin-right: 20px;
    cursor:pointer;
}

#toolBar4{
    float: right;
    height: 16px;
    width: 16px;
    background: url(../images/investissement/toolbar_print.jpg) no-repeat;
    padding-right: 2px;
}

#fiche_intro{
    color: #669900;
    font: normal 14px Arial;
    margin-top: 20px;
    margin-bottom: 45px;
    text-decoration: none;
}
.bold {
    font-weight:bold;
}