/*------------------------------------------------------------------------
 * Copyright (c) 2008 LA PLATEFORME DU CREDIT, all rights reserved,
 * tous droits réservés.
 * This file is part of the site, and cannot be use without authorisation.
 * Author : Com'onSoft
 * Date   : 04/03/2008
 * Version: 1.1
 *-----------------------------------------------------------------------*/

/*--------- Layout section -----------------*/
html, body{
	text-align: center;
	margin: 0;
	padding: 0;
	border:none;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:100%;
	background: #BDC4CA url(../img/bg.gif) repeat-x left -2px;
}

#page{
	width: 1038px;
	height: auto;
	margin: 0 auto;
	text-align: left;
	background:url(../img/pro-virgule.gif) right 208px no-repeat;
}

#top{
	margin: 0;
	padding: 0;
	border: none;
	margin-left: 56px;
	height: 118px;
	background: url(../img/pro-bgtop.gif) right top no-repeat;
}

#logo{
	padding: 0;
	margin: 0;
	margin-top:7px;
	float:left;
}
#topmenulogos{
	padding: 0;
	margin: 0;
	float:left;
	height:45px;
}
#topmsgcontainer{
	padding: 0;
	margin: 0;
	width:345px;
	height:73px;
	float:left;
	background:url(../img/bgmsg.gif) left top no-repeat;
}
#topslogan{
	padding: 20px 0 0;
	margin: 0;
	float:left;
	text-align:center;
	width:517px;
	height:53px;
	font-size: 30px;
	color: #B9180F;
	font-weight: 400;
}
#topmenu{
	clear:both;
	margin:0;
	padding:0;
	margin-left: 49px;
	height: 60px;
	border: 0;
}

#leftcol{
	padding: 0;
	margin: 0;
	width:172px;
	height:442px;
	float:left;
	background:url(../img/pro-leftbg.gif) left top no-repeat;
}
div .leftcolcontent{
	width:156px;
	margin:0 auto;
	text-align:center;
	padding:0;
}

#middlecol{
	padding: 0;
	margin: 0;
	width:560px;
	height:442px;
	float:left;
	background:url(../img/centerbg.gif) left top repeat-x #FFFFFF;
}
#rightcol{
	padding: 0;
	margin: 0;
	width:202px;
	height:442px;
	float:left;
	background:url(../img/pro-rightbg.gif) left top no-repeat;
}
#centerarea{
	clear:both;
	color: black;
	font-size:11px;
	text-align:left;
	border:0;
	margin:0 auto;
	padding:0;
	width:934px;
	margin-left:36px;
}

#maintcontentgeneric {
	margin: 0;
	margin-right: 10px;
	margin-left: 10px;
}
#maincontent, #maincontentpp, #maincontentpi, #maincontentrp, #maincontentas, 
#maincontentrp {
	margin: 0;
	margin-right: 10px;
	margin-left: 10px;
	height:328px;
}
#maincontent{
	background:url(../img/bgpro.gif) bottom right no-repeat;
}
#maincontentpp{
	background:url(../img/bg-pret-personnel.gif) bottom right no-repeat;
}
#maincontentpi{
	background:url(../img/bg-pret-immobilier.gif) bottom right no-repeat;
}

#maincontentas{
	background:url(../img/bg-assurances.gif) bottom right no-repeat;
}
#maincontentrp{
	background:url(../img/bg-renegociation-pret.gif) bottom right no-repeat;
}

#validemail {
	text-align:right;
	border:0;
	margin-top:3px;
	margin-right:5px;
}
#logospartners {
	margin:0 auto;
	text-align:center;
	height:90px;
}
#centerleft {
	float:left;
	width:40%;
}
#centerright {
	float:left;
	width:60%;
	margin-top:30px;
}
#centerbottom{
	margin: 0;
	margin-right: 10px;
	margin-left: 10px;
}
#bottommenu {
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
}
#map {
	width:530px;
	height:340px;
	text-align:center;
	font-size: 10px;
	margin:0;
	padding:0;
}
/*--------- Style section -----------------*/
/*- TAG redefinition -*/
h1 {
	font-size:27px;
	color:#74797e;
	margin:0;
	padding:0;
	margin-top:15px;
}
h2 {
	padding:0;
	margin:0;
	font-size:19px;
	font-style:italic;
	font-weight:bold;
	color:#009FE9;
	text-align:right;
}
h3 {
	font-size:25px;
	font-weight:bold;
	color:#C62433;
	margin:0;
	padding:0;
}
h4 {
	font-size:14px;
	font-weight:bold;
	color:#C62433;
	margin:0;
	padding:0;
}
h5 {
	padding:0;
	margin:0;
	font-size:12px;
	color:#74797e;
}
img {
	border:0;
	margin:0;
	padding:0;
	display:block;
}
/*- Private style -*/
#map td {
	text-align:left;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.medium {
	font-size:26px;
	color:#74797e;
}
div .clear {
	clear:both;
	margin:0;
	padding:0;
	border:0;
}
div .accueil {
	height:19px;
}
div .accueilon {
	height:15px;
}
.left{
	text-align:left;
}
.rightalign{
	text-align:right;
}
.centeralign{
	text-align:center;
}


div .leftoptitle{
	background:url(../img/pro-bglefttoptitile.gif) top left no-repeat;
	width:156px;
	height:40px;
	margin:0 auto;
	font-size:12px;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:3px;
	margin-top:5px;
}
div .leftitle{
	background: url(../img/bglefttitle.gif) top left no-repeat;
	width:156px;
	height:40px;
	margin:0 auto;
	font-size:12px;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:3px;
	margin-top:5px;
}
div .rightoptitle{
	background:url(../img/pro-bgrighttoptitle.gif) top left no-repeat;
	width:185px;
	height:40px;
	margin:0 auto;
	font-size:12px;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:3px;
	margin-top:5px;
}
div .rightitle{
	background: url(../img/bgrighttitle.gif) top left no-repeat;
	width:185px;
	height:40px;
	margin:0 auto;
	font-size:12px;
	font-weight:bold;
	color:white;
	text-align:center;
	padding-top:3px;
	margin-top:5px;
}
div .right{
	width:186px;
	margin:0 auto;
}
div .seph {
	background:url(../img/sep.gif) left top repeat-x ;
	height:13px;
	width:100%;
}
div .hr {
	background:url(../img/dash.gif) left top repeat-x ;
	height:1px;
	margin: 0;
	margin-right: 10px;
	margin-left: 10px;
}
#logospartners img {
	margin:0 auto;
	border:0;
	margin-bottom:10px;
	filter:revealTrans(duration=2,transition=6);
}

.list-left{
	list-style-image:url(../img/list-left.gif);
	list-style-position:outside;
	margin:0;
	padding-left:15px;
}
.list-left a {
	color:#969DA3;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
.list-left a:hover {
	text-decoration:none;
}

.list-leftbot{
	list-style-image:url(../img/list-left.gif);
	list-style-position:outside;
	line-height:25px;
	margin:0;
	padding-left:15px;
}
.list-leftbot a {
	color:#969DA3;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}
.list-leftbot a:hover {
	text-decoration:none;
}
.list-check-purple{
	list-style-image:url(../img/check-top.gif);
	list-style-position:outside;
	color:#ac2b62;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding-left:24px;
}

.list-check-blue{
	list-style-image:url(../img/check-bottom.gif);
	list-style-position:outside;
	margin:0;
	padding-left:24px;
}
.list-check-blue a{
	color:#74797e;
	font-size:11px;
	font-weight:bold;
	text-decoration:underline;
}
.list-check-blue a:hover {
	text-decoration:none;
}
.list-pro{
	list-style-image:url(../img/pro-list.gif);
	list-style-position:outside;
	color:#74797E;
	font-size:15px;
	font-weight:bold;
	font-style:italic;
}
.bottom {
	border:0;
	margin:0 auto;
	padding:0;
	vertical-align:bottom;
}

.valign{
	text-align:center;
	vertical-align:middle;
}
.topmsg {
	margin: 0 auto;
	text-align:center;
	vertical-align:middle;
	font-style:italic;
	font-weight:bold;
	color:#74797E;
	height:100%;
}
/*- Menus section -*/
.topmenu{
	height: 30px;
	font-size: 11px;
	color: #42536A;
	vertical-align:middle;
}

.topmenusepitem{
	border:0;
	margin:0;
	padding:0;
	width: 3px;
	height:60px;
	float:left;
	background:url(../img/menusep.gif) top left no-repeat;
}
.topmenuitem {
	margin: 0 auto;
	text-align:center;
	float:left;
	width:127px;
	height:60px;
}
.topmenuitemon {
	margin: 0 auto;
	text-align:center;
	float:left;
	width:127px;
	height:60px;
	background:url(../img/bgmenuon.gif) top left no-repeat;
}
.topmenuitem a {
	color: white;
	text-decoration:underline;
	font-weight:bold;
	font-size:13px;
}
.topmenuitem a:hover {
	text-decoration:none;
}
.topmenuitemon img {
	margin:0 auto;
}
.tabmenu, .tabmenuon {
	border:0;
	margin: 0 auto;
	text-align:center;
	border-spacing:0;
	width:100%;
	border-bottom-color:#D47A74;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
.tabmenu {
	height:41px;
}
.tabmenuon {
	height:45px;
	font-weight:bold;
	font-size:13px;
}
.tabmenu td, .tabmenuon td{
	vertical-align:top;
}
.assurances {
	color:#AC2B62;
}
.pret-immobilier{
	color:#DD2127;
}
.renegociation-pret-immobilier{
	color:#C62433;
}
.pret-personnel{
	color:#E3842D;
}
.rachat-credit{
	color:#C05F8D;
}
.submit{
	background: transparent;
	font-size: 9px;
	font-weight:bold;
	height: 19px;
	border: 1px outset #A0A0A0
}

.bottommenuleft {
	float:left;
	text-align:left;
	font-size:11px;
	color:#74797e;
	font-weight:bold;
}
.bottommenuright {
	float:right;
	text-align:right;
	font-size:11px;
	color:#74797e;
	font-weight:bold;
}
.bottommenuleft a, .bottommenuright a{
	font-size:11px;
	color:#74797e;
	text-decoration:none;
	font-weight:bold;
}
.bottommenuleft a:hover, .bottommenuright a:hover{
	text-decoration:underline;
}
.hline {
	line-height:0px; font-size:0px; height:1px; border-bottom:1px solid #00ADEF;
	width:100%;
}
.rightbig {
	text-align:right;
	font-size:14px;
	font-weight:bold;
	color:#0096e8;
}
.rightbigbig {
	font-size:18px;
	font-weight:bold;
	color:#0096e8;
}

.text{
	padding:0;
	margin:0;
	font-size:11px;
	color:#74797e;
	text-align:left;
}
.txtblock{
	background-color:#e3842d;
	color: white;
	font-size:15px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	margin-left:10px;
	margin-right:10px;
}
.smalltitle {
	font-size:18px;
	color:#ac2b62;
	vertical-align:middle;
}
.subtitle {
	font-size:38px;
	font-weight:bold;
	color:#f2008b;
	vertical-align:middle;
}
.subtitle2 {
	color:#ac2b62;
	font-size:13px;
	font-weight:bold;
}
.phone {
	display:block;
	color:#00a0ea;
	font-size:11px;
	text-align:center;
	margin-top:5px;
}

/*---------- Forms section------------*/
form{ margin:0px;}

.button {
	color: #053982;
	font-weight:bold;
	font-size:11px;
}

.lbut {
	float:right;
	background:url(../img/butleft.gif) left top no-repeat;
	height:21px;
	width:4px;
	border:0;
}
.rbut {
	background:url(../img/butright.gif) left top no-repeat;
	width:4px;
	height:21px;
	border:0;
	float:right;
}
.but {
	color:#74797E;
	font-size:10px;
	font-weight:bold;
	background:url(../img/bgbut.gif) left top repeat-x;
	height:21px;
	border:0;
	float:right;
}
/*- contact form section -*/
.contactformtitle {
	color:#F2008B;
	font-weight:bold;
	font-size:20px;
	text-align:left;
}
#maincontentform {
	margin: 0;
	margin-right: 10px;
	margin-left: 10px;
}
#maincontentform input {
	border:#F6B0C0 solid 1px;
	font-size:12px;
}
#maincontentform select {
	border:#F6B0C0 solid 1px;
	font-size:11px;
}
#maincontentform .button {
	width:125px;
	height:36px;
	text-align:center;
	font-size:19px;
	font-weight:bold;
	color:white;
	border:0;
	margin:0;
	padding:0;
	background:url(../img/bigbutton.gif) top left no-repeat;
}
#maincontentform input {
	border:#F6B0C0 solid 1px;
}
#maincontentform table {
	border:0;
	width:100%;
}
.formrequired{
	color:#F6B0C0;
	font-weight:bold;
}


.textarea {
	width:328px;
	height:147px;
}

.newsletter {
	width:145px;
	color:#AC2B62;
	font-size:10px;
	border:thin #DDE0E4 inset;
}
/*---------------------------------------*/

/*---------- tabview -------------*/
div.TabviewContainer {
	margin:0 auto;
	text-align:center;
	height: auto;
}
div.TabView {
	margin:0 auto;
	text-align:left;
	position:relative;
}
div.TabView div.Tabs {
	height: 30px;
	position:relative;
}

div.TabView div.Tabs a {
	float: left;
	display: block;
	width:  100px;
	text-align: center;
	height:      30px;
	line-height: 30px;
	vertical-align: middle;
	text-decoration: none;
	font-weight: bold;
	font-size:13px;
	color:#74797E;
	border:0;
	background: url(../img/bgtaboff.gif) repeat-x;
	margin-left:5px;
}

div.TabView div.Tabs a.Active {
	background: #C62433;
	color:white;
}


div.TabView div.Tabs a:hover {
	text-decoration:underline;
}


div.TabView div.Pages {
	clear: both;
	padding: 0px;
	margin:0 auto;
	position:relative;
	border:#C62433 solid 1px;
	background:#E3E6E9 url(../img/bgform.gif) bottom left no-repeat;
	height:338px;
}

div.Page {
	padding: 0px;
	display:none;
	margin:0 auto;
	position:relative;
}

div.TabView div.Pages div.Page div.Pad {
	padding: 3px 18px;
	height: auto;
	margin: 0 auto;
	text-align:center;
}

table.plan a {
	line-height:18px;
	color:#969DA3;
	text-decoration:underline;
	font-weight:bold;
}
table.plan a:hover {
	color:#969DA3;
	text-decoration:none;
}
#pg6 {
	font-size:10px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	visibility:hidden;
	width:250px;
	height:470px;
	position: relative;
	bottom:490px;
	left:190px;
	background-color: #FFFFFF;
	padding:10px;
	border: 2px solid #CCCCCC;
	overflow:hidden;	
}
#pg6 a {
	text-decoration:none;
	color:#333333;
}
#pg6 a:hover {
	text-decoration:underline;
}
.pg6 {
	z-index:100;
	font-size:12px;
}