@charset "utf-8";
/* CSS Document */

html, body {
	padding: 0;
	margin:0;
	height:100%;
}
body{
	margin:0;
	background-color:#aba198;
	background-image:url(../theme/fond.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font: 0.625em/1em Verdana, Arial, "Times New Roman";
	color:#000;
}

h1{
	text-indent:-2000px;
	float:left;
}
h2{
	color:#FFFFFF;
	padding:0 10px;
	border-left:4px solid #222222;
	font-size:1.4em;
	font-weight:bold;
	line-height:1em;
	margin:10px 0 20px 0;
}
h3{	font-size:1.3em; }
h4{	font-size:1.2em; }
p{
	margin:5px 0;
	padding:0;
	text-align:justify;
}
ol li{	list-style-position:inside;}
table{
	border-collapse:collapse;
	text-align:center;
	margin:5px auto;
}

kbd {
	font-size : 1.1em;
	padding: 0px 2px;
	border: 1px solid #000;
	background-color:#fff
}

/*=============================*/
/**  Classes de mise en page  **/
/*=============================*/
.bnull{border:0;}
.clear{clear:both; height:0; line-height:0;}
.gras{font-weight:bold;}
.souligne{text-decoration:underline;}
.left{float:left;}
.right{float:right; margin-left:10px;}
.tright{text-align:right}
.tleft{text-align:left}
.tcenter{text-align:center}
.tjustifie{text-align:justify}
.italic{font-style:italic}
.tpetit{font-size:0.8em}
.none{display:none}
.sup{vertical-align:super; font-size:0.8em;}
.vignette{margin:5px; border:1px solid #05183d; float:left;}
.vignette2{margin:5px; border:1px solid #05183d; float:right;  margin-left:10px;}
.minih2{color:#222222; font-size:0.7em;}

.erreur{color: #C52024;font-size:1.1em;	font-weight:bold;
}
.reussite {	color: #207100;font-size:1.1em;	font-weight:bold;
}

a.externe {
	background: url(../theme/externe.gif) no-repeat right;
	padding:0 1.1em 0 0;
	border-bottom: 0;
}
a.plus{
	position:absolute;
	bottom:10px;
	right:0;
	background-color:#05183d;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:5px;
}
a.plus:hover{text-decoration:underline;}
a.plus:hover{text-decoration:underline;}
a.tnoir{color:#000000; font-weight:bold; text-decoration:none;}
a.tnoir:hover{color:#307aa7;}
.tbleu{ color:#97b9cd;}
a.tbleu{ color:#97b9cd; text-decoration:underline; font-weight:bold;}
a.tbleu:hover{ text-decoration:none;}
.tbleu2{ color:#307aa7;}
.tblanc{color:#FFFFFF;}
a.tblanc{color:#FFFFFF; text-decoration:none}
a.tblanc:hover{text-decoration:underline}
.bvert{
	padding:5px 0;
	margin:0 40px 20px 40px;
	text-align:center;
	width:150px;
	background-color:#60b801; /* CHANGER COULEUR */ 
    border:1px solid #fff;
	display:block;
	float:left;
	color:#FFFFFF;
	font-variant:small-caps;
	font-weight:bold;	
}
/*=============================*/
/**  Mise en Forme du design  **/
/*=============================*/
#conteneur{
	position:relative;
	width:100%;
	min-height:100%;
	font-size:1.1em;
	line-height:1.2em;
}
#fg{
	position:absolute;
	height:100%;
	width:35%;
	top:0;
	left:0;
	background-image:url(../theme/f_jaune.jpg);
}
#fd{
	position:absolute;
	height:100%;
	width:65%;
	top:0;
	right:0;
	background-image:url(../theme/f_gris.jpg);
}
#hg{
	position:absolute;
	background-image:url(../theme/fjs.jpg);
	height:5px;
	width:35%;
	top:60px;
	left:0;
	font-size:0;
	line-height:0;
}
#bg{
	position:absolute;
	background-image:url(../theme/fjs.jpg);
	height:5px;
	width:35%;
	bottom:60px;
	left:0;
	font-size:0;
	line-height:0;
}
#hgg{
	position:absolute;
	background-image:url(../theme/fgs.jpg);
	height:5px;
	width:65%;
	top:60px;
	right:0;
	font-size:0;
	line-height:0;
}
#bgg{
	position:absolute;
	background-image:url(../theme/fgs.jpg);
	height:5px;
	width:65%;
	bottom:60px;
	right:0;
	font-size:0;
	line-height:0;
}
#tete{
	position:absolute;
	width:100%;
	height:59px;
	top:0;
	left:0;
	background-color:#307aa7;
	border-bottom:1px solid #9abac5;
}
#pied{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:59px;
	background-color:#307aa7;
	border-top:1px solid #9abac5;
}
#site{
	position:relative;
	width:850px;
	margin:0 auto;
	padding:0 0 60px 0;
}
#access{
	position:relative;
	width:800px;
	height:35px;
	background-image:url(../theme/tete.jpg);
	line-height:30px;
	padding:0 25px;
	margin-bottom:25px;
	text-align:right;
}
#menu{
	position:relative;
	width:350px;
	float:left;
	padding:10px 0 5px 0;
	margin-right:20px;
}
#page{
	position:relative;
	width:480px;
	float:left;
	padding:50px 0 20px 0;
	background-image:url(../theme/hpage.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#logo{
	position:absolute;
	top:-55px;
	left:26px;
}
#contban{
	position:absolute;
	width:850px;
	top:0;
	left:50%;
	margin-left:-425px;
	height:100%;
	font-size:1.2em;
	line-height:1.2em;
}
#ban{
	position:absolute;
	height:100%;
	width:200px;
	background-color:#317aa6;
	top:0;
	left:150px;
}
#banflash{
	margin-top:40px;
}
#cartezone{
	position:relative;
	text-align:center;
	padding:0 65px;
}

.bban{
	position:absolute;
	height:6px;
	width:200px;
	background-color:#317aa6;
	top:-6px;
	left:150px;
}
#bsite{
	position:relative;
	width:850px;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:right;
}
.colmoitie{
	position:relative;
	width:46%;
	margin:10px 1%;
	float:left;
}

/*=============================*/
/**           Menu            **/
/*=============================*/
ul.ligne{
	position:relative;
	list-style-type:none;
	padding:0;
	margin:0;
}
ul.ligne li{
	padding:0;
	margin:0;
	display:inline;
}
ul#ulmenu{
	margin:110px 0 5px 0;
	padding:0;
	list-style-type:none;
}
ul#ulmenu li{
	margin:0;
	padding:0 0 0 10px;
	background-image:url(../theme/cmenu.jpg);
	height:50px;
	line-height:50px;
	text-align:left;
	width:140px;
	font-weight:bold;
	color:#FFFFFF;
}
#bmenu{
	position:absolute;
	bottom:5px;
	left:0;
	width:150px;
	height:5px;
	font-size:0;
	line-height:0;
	background-image:url(../theme/bmenu.jpg);
}

/** ACCUEIL **/
.cbleu{
	position:relative;
	padding:10px;
	border:1px solid #05183d;
	background-image:url(../theme/f_bleu.jpg);
	color:#222222;
	text-align:left;
	margin:0 0 0 10px;
	width:448px;
}
.h3act{
	margin-top:0;
	font-variant:small-caps;
}
ul.ulcvert{
	position:relative;
	margin:10px 0 0 22px;
	padding:0;
}
ul.ulcvert li{
	margin:1px 0;
	padding:0;
	font-size:0.9em;
}
.cvert{
	position:relative;
	background-image:url(../theme/cvert.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	color:#222222;
	text-align:left;
	height:132px;
	margin:20px -10px 10px 0;
	padding:0 10px;
	font-size:1.1em;
	line-height:1.2em;
}
.tcvert{
	font-size:1.2em;
	font-variant:small-caps;
	color:#FFFFFF;
	font-weight:bold;
}
#projet{
	position:relative;
	width:290px;
	height:56px;
	color:#FFFFFF;
	background-image:url(../theme/projet.jpg);
	padding:22px 190px 0 0;
	font-size:1.4em;
	font-weight:bold;
	line-height:1em;
	text-align:right;
	margin:10px 0;
}
p.bnoir{
	padding:0 0 0 10px;
	border-left:4px solid #222222;
	text-align:justify;
}
/*** garanties ***/
.imga{
	float:left;
	padding-right: 2px;
	
}
/*** pass foncier et taux 0% ***/
p.encadre{
	border: 1px solid #000 ;
	padding : 2px
}

.cvert p{
	position:relative;
	margin:12px 32px 10px 15px;
	padding:0;
}
.fcase{
	background-image:url(../theme/f_bleu.jpg);
}
table,td,th{
 border:1px solid #000; 
}
/*table.tabb0{
 border-width:0;
}
table.tabb0 th.tbl{
	border-style:none;
	border-width:0;
}*/
/*** page contact ***/
#formulaire fieldset {
    padding-top:20px;
    padding-bottom:20px;
    margin-bottom: 20px;
	border: 1px solid #fff;
}
legend{
	color:#fff;
	font-weight:bold;
	background-color:#999;
}
form p{
    float: left;
     display: inline;
     text-align: right;
     width: 230px;
     margin: 5px 0;
}
	#formulaire p.message{	
	     width:427px
	}
	#formulaire p.long{	
	     width:355px;
		 text-align:justify;
		 margin-top:15px;
		 margin-left:20px
	}
	#formulaire p.tlong{	
	     width:450px;
		 text-align:justify;
	}
	#formulaire p.mail  {
	     width:247px
	}
#formulaire textarea,input,select{
     vertical-align: middle;
     background-color: #fff;
	 color: #000;
}
#choix1, #choix2, #choix3{
     width:20px;
	 margin-right:15px
}
#budget,#lancer,#dispo_terr,#dest,#origine{
	margin-left:63px;
	width:343px
}
#civilite{
	width:145px
}
#formulaire a.aide {	
	text-decoration: none;
}
	#formulaire a.aide img {
		margin: 0;
		padding: 0;
		border: 0;
	}
	#formulaire a.aide:hover {	
		cursor: help;
	}	
form p#valid{
	width:268px
}
	.valid{
    background-color:#60b801; /* CHANGER COULEUR */ 
    border:1px solid #fff;
    color:#fff;
    cursor:pointer;
    font-weight:600;
    height:21px;
    padding-bottom:4px;
    text-align:center
}
	.valid:hover, .valid:focus, .valid:active{
	    background-color:#74DF00; /* CHANGER COULEUR */
		color:#fff;  
	    border-color:#fff;/* CHANGER COULEUR */
	}

/*=============================*/
/**           Hack            **/
/*=============================*/
* html #conteneur{height:100%;}
*+html #contban{margin-left:-426px;}
*+html .bvert{margin:0 30px 20px 25px;}
* html .bvert{margin:0 30px 20px 25px;}
* html body{background-image:url(../theme/fond2.jpg);}