@import url(default.css);


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#777777;
	text-align:justify;
}

body{
		background-color:#d8e0e4;}

#wrapper-01{
		width:100%;
		height:225px;
		background-image:url(../images/wrapper-01.jpg);
		background-repeat:repeat-x;
		background-color:#fbfbfb;
		}

#header{
		width:1078px;
		height:225px;
		margin:auto;
		}

#wrapper-02{
		width:100%;
		background-image:url(../images/wrapper-02.jpg);
		background-repeat:repeat-x;
		background-position:bottom;
		min-height:200px;
		background-color:#fff;
		}
		
#site{
		width:1078px;
		margin:auto;
		}	
		
#gauche{
		width:235px;
		float:left;
		min-height:1px;
		}
		
#centre{
		width:568px;
		float:left;
		background-image:url(../images/wrapper-03.png);
		background-repeat:repeat-y;
}

#contenu{
		width:536px;
		padding:0 16px;
		margin-bottom:16px;
		}
		
#droite{
		width:275px;
		float:left;
		min-height:1px;
		}		

#wrapper-03{
		clear:both;
		width:100%;
		min-height:22px;
		background-color:#fff;
		background-image:url(../images/wrapper-plan.jpg);
		background-repeat:repeat-x;
		}
		
#footer{
		width:1078px;
		height:22px;
		margin:auto;
		}		

#wrapper-04{
		width:100%;
		background-image:url(../images/wrapper-04.jpg);
		background-repeat:repeat-x;
		background-position:top;
		background-color:#c5c3c4;
		min-height:63px;
		}

#ecartement{
		width:100%;
		min-height:80px;
		}
		
#plan-site{
		width:1000px;
		margin:auto;
		padding:8px 0 0 78px;
		}		
#clic{
		cursor:pointer;
		}	
		
#w3c{
		width:106px;
		height:20px;
		margin:16px auto;
		}	
		


#form .field label { width:42%; display:block; float:left;}
#form .field { clear:both; margin:0.25em 0;}
.field div.two-cols { float: left; width:58%;}
#form label.required { font-weight: normal;}
#form label.required:before {
	content: '';
}
#form label.required:after {
	content: ' *';
	color: #c00;
}
#form .cost_immo{display:none;}
.two-cols span.col:first-child input {width:85%; margin-right:1%;}
.two-cols span.col input{width:85%;}
.two-cols span.col:first-child {width:49%; margin-right:1%;}
.two-cols span.col {width:49%;}
#form .vos_credits > label, #form .tresorerie + .field label{width:60%}
#form .field textarea {width:100%}


#hypothese1 p, #hypothese2 p { text-align:left }
#hypothese1 input[type=text], #hypothese2 input[type=text]{ text-align:right }
.response {padding:1em; background-image:url(../images/fond-reponse-simulation.png); background-repeat:no-repeat; padding-left:66px;}
.response p, .response span {color:#FFF;}
.response span.total, .response span.mensualite { background-color:#FFF; border:1px solid #333; font-weight:bold; color:#777; padding:2px 8px }

h1 {
		text-shadow:#000 2px 2px 2px;
		background-image:url(../images/pcb-finance-titre.jpg);
		background-repeat:no-repeat;
		width:517px;
		min-height:52px;
		height:52px;
		margin:0 0 0 -16px;
		padding:14px 40px 0 16px;
		}

.ombre{
		font-size:1.5em;
		text-shadow:#000 2px 2px 2px;
		color:#fff;
		}



h2 {
		font-size:1.2em;
		color:#005b9a;
		}
		
h3{}		

p {
		font-size:1em;
		}

ul{
		margin-top:0;
		}
ul li {
	font-size:1em;
	list-style-image:url(../images/puce.png);
	list-style-position:outside;
}

a:link, a:visited {
		text-decoration:underline; 
		color:#005b9a;
		}

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

#carte-france{
		margin-left:0px;
		}


.bloc-formulaire{}

.paragrapheOnOff{
		cursor:pointer;
		width:526px;
		height:27px;
		padding:4px 0 0 34px;
		background-image:url(../images/onoff.png);
		background-repeat:no-repeat;
		background-position:0 4px;
		}
		
.accordeon{
		padding-left:35px;
		}		

.formulaire{
		color:#ff0000;
		font-weight:bold;
		}
		
.encadre{
		background-image:url(../images/encadre.jpg);
		background-repeat:repeat-y;
		border: #c3c3c3 1px solid;
		padding:8px;
		}		
		
.bloc-ul li{
		display:inline;
		}
		
.partenaire{
		float:right;
		border:#CCC solid 1px;
		padding:4px;
		margin:17px 0 8px 16px;
		}		
		
.formulaire-60{
		cursor:pointer;
		margin-bottom:26px;
		}		
/*		
#form p:first-child{
		background-image:url(../images/encadre.jpg);
		background-repeat:repeat-y;
		border: #c3c3c3 1px solid;
		padding:8px;
		font-weight:bold;
	}		
*/

fieldset{
		background-color:#f5f0ef;
		}
		
.gras-rouge{
		font-weight:bold;
		color:#ff0000;
}


sup {
  vertical-align: super;
  font-size: 8px;
  line-height: normal;
}	

label acronym {
	color: #222;
	cursor: help;
	border-bottom: 1px dotted #222;
}	

		
#lien-villes li a:link, #lien-villes li a:visited {
		text-decoration:none; 
		color: #777;
		}

#lien-villes li a:hover {
		text-decoration:none;
		color: #333;
		}