@import "common.css";

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

#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: #663399;
}

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

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

h4{
	color: #663399;
	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: #663399;
	margin: 0 0 0 17.5px;
	font-size: 11px;
	padding: 0;
}

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

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

/* @end */

/* @group progretis_epargne */

#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/livret/azur3.png);
}

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

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

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

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

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

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

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

#fiche_pratique_azur1{
	height: 182px;
	width: 187px;
	background: url(../images/livret/fiche_pratique_azur1.png) no-repeat scroll;
	margin-left: 8px;
}

#fiche_pratique_azur2{
	position:relative;
	height: 123px;
	width: 187px;
}

#publicite_fiche {
	height: 160px;
	width: 188px;
	margin-top: 15px;
}

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

#livret_left {
	height: 234px;
	width: 278px;
	float : left;
}

#livret_haut{
	/*height : 148px;*/
	width: 278px;
}

#livret_centre {
	height : 45px;
	width: 278px;
	padding-top: 15px;
	font-size: 11px;
}

.livret_bas {
	height : 26px;
	width: 278px;
	background: url(../images/livret/vignette_1_bas.png) no-repeat;
	display: block;
}

.livret_bas:hover {
	height : 26px;
	width: 278px;
	background: url(../images/livret/vignette_1_bas_over.png) no-repeat;
}

.lire_suite {
    text-align: right;
    padding: 10px 20px 10px 0;
    height :19px;
    color: #993366;
}


#livret_right {
	width: 460px;
	float: left;
	margin: 0 0 0 30px;
	text-align:justify;
}

#livret_epargne1{
	width: 375px;
	height: 250px;
	float: left;
}

#livret_epargne2{
	width: 375px;
	height: 250px;
	float: left;
	margin: 0 0 0 31px;
}

#livret_epargne_haut1 {
	height: 126px;
	width: 375px;
}

#livret_epargne_centre1{
	height: 50px;
	width: 372px;
	margin: 0px 0 0 3px;
	line-height: 12px;
	padding: 7px 0 0;
}

.livret_epargne_bas1 {
	height: 26px;
	width: 375px;
	background: url(../images/epargne/livret_epargne1_bas.png) no-repeat;
	display: block;
}

.livret_epargne_bas1:hover {
	height: 26px;
	width: 375px;
	background: url(../images/epargne/livret_epargne1_bas_hover.png) no-repeat;
}


#livret_epargne_haut2 {
	height: 126px;
	width: 375px;
}

#livret_epargne_centre2{
	height: 50px;
	width: 372px;
	margin: 0px 0 0 3px;
	padding: 7px 0 0;
	line-height: 12px;
}

.livret_epargne_bas2 {
	height: 26px;
	width: 375px;
	background: url(../images/epargne/livret_epargne2_bas.png) no-repeat;
	display: block;
}

.livret_epargne_bas2:hover {
	height: 26px;
	width: 375px;
	background: url(../images/epargne/livret_epargne2_bas_hover.png) no-repeat;
}

.lire_suite {
	text-align: right;
	padding: 0 30px 0 0;
	height :19px;
	color: #663399;
}

/*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;
	
}
/* IE6 */
* html .menu_footer {
	margin-left: 10px;
	text-align:left;
}

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

/* IE6 */
* html #menu_footer_progretis{
	float: left;
	color: #006699;
	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/epargne/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/epargne/menu_left_milieu.jpg) repeat-y;
}

#menu_left_bas {
    height: 244px;
    width: 254px;
    background:transparent url(../images/epargne/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/epargne/souscrire_menu.png) no-repeat;
    display: block;
}


.menu_list li{
    padding-left: 15px;
    border-top-color: #cccccc;
    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/epargne/bullet.png) no-repeat 0 9px;
}

/* toolbar */

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

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

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

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

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

.bold {
    font-weight:bold;
}