/* ----------------------- */
/*          Global         */
/* ----------------------- */
*{
	font-family:Verdana;
	font-size:10px;
}

/* Suprime le bord autour des liens firefox */
a{outline: none;}
a:focus{-moz-outline-style: none;}

html,body{height:100%; width:100%;}	

body {
	padding:0; 
	margin:0;
	background:url(back.jpg) no-repeat center top;
	background-color:#6ba41e;
	color:#535254;
}


/* ----------------------- */
/*      positionnement     */
/* ----------------------- */

/* Contient la box contact */
#header{
	width:1003px;
	margin:0 auto 0 auto;
}

/* Permet de fixer les limites de la page */
#contener{
	overflow:auto;
	width:1003px;
	margin:167px auto 0px auto;
	/*Pb de décallage de 1px à gauche sous Firefox
	Le padding Ă  gauche n'a pas d'influence sous IE*/
	padding-left:1px;
}

/* Colonne de droite : conteneur */
#droite{
	position:relative;
	float: right;
	width: 257px;
}

/* Colonne de droite : box */
.box {
	width: 257px;
	background-color:#FFFFFF;
}		
		

/* box de contact + ami + newsletter */
#box_contact{
    position:absolute;
    top:0px;
	margin:6px 12px 0px 776px ;
	padding:9px 8px 5px 5px;
	background:#FFFFFF;			
}


/* ----------------------- */
/*          Centre         */
/* ----------------------- */


#centre {
	text-align:left;
	margin-left:26px;
	float:left;
}

/* Contenu du centre : simulateur */
#module_flash{
	position:relative;
	margin-top:-2px;
	margin-bottom:10px;
	background-color:#FFFFFF;
	width:534px;
}

/* Contenu du centre : simulateur */
#module_flash_full{
	position:relative;
	margin-top:2px;
	background-color:#FFFFFF;
	width:534px;
}

/*maison*/
#maisonJS{
	width:180px;
	height:121px;
}

/* Contenu du centre : témoignages */
#temoins{
	position:relative;
	background-color:#FFFFFF;
	width:534px;
}

/* Contenu du centre : biens */
.biens{
	position:relative;
	background-color:#FFFFFF;
	margin-left:0px;
	width:534px;
	min-height:165px;
	padding:0 10px 10px 10px;
}

/* Contenu du centre : programmes groupés */
.programmes{
	position:relative;
	background-color:#FFFFFF;
	width:534px;
	padding-bottom:10px;
}

/* Contenu du centre : biens (contact) */
#contact{
	position:relative;
	background-color:#FFFFFF;
	margin-left:0px;
	width:534px;
}

/* Contenu du centre : Finances */
#finance {
	width:535px;
	padding-bottom:15px;
	margin-bottom:0px;
	position:relative;
	background-color:#FFFFFF;
}

.ombre_bas{
	left:8px;
	height:8px;
	width:527px;
	line-height:1px;
	font-size: 1px;
	background:url(bas.png) repeat-x bottom;/*dégradé du bas*/
	position:relative;
}


.ombre_droite {
	background:transparent url(droite.png);
	height:100%;
	right:-8px;
	top:0px;
	width:8px;
	display:block;
	position:absolute;
}

.ombre_bd{
	background:transparent url(img/bd.png);
	top:0px;
	height:100%;
	right:-8px;
	width:8px;
	display:block;
	position:absolute;
}

.ombre_bg{
	background:transparent url(img/bg.png);
	top:0px;
	height:100%;
	left:-8px;
	width:8px;
	display:block;
	position:absolute;
}

.zone_click{
	position:absolute;
	width:500px;
	height:100px;
	left:300px;
	cursor:pointer;
}

.zone_click_home{
	/*position:absolute;
	width:672px;
	height:106px;
	margin:0 auto;
	left:0px;
	cursor:pointer;*/
}


/* ----------------------- */
/*          Footer         */
/* ----------------------- */

#footer{
	width:1003px;
	margin:0 auto;	
	font-family:Verdana;
	font-size:10px;
	color:#FFFFFF;
	padding-top:15px;
	padding-bottom:15px;
}

#footer, #footer a{
	width:1003px;
	margin:0 auto;	
	font-family:Verdana;
	font-size:10px;
	color:#FFFFFF;
	text-decoration:none;
}
			
#footer a:hover{
	text-decoration:underline;
}	
	

/* ----------------------- */
/*            Menu         */
/* ----------------------- */	
	
#menu {
	width:151px;
	float:left;
	background-color:#FFFFFF;
	padding:8px 0px 9px 8px;
	font-size:1px;
}



#menu a{
	font-family:Verdana;
	font-size:10px;
	color:#848585;		
	text-decoration:none;
}	
#menu a:hover{
	color:#40b7cd;	
}	

#menu .open ul {
	display: block;
}

#menu ul {
	font-weight: bold;
	font-size: 12px;
	margin:0;
	padding:0;
}

#menu ul li a {
   display: block;
}

#menu ul li ul {
	display: none;
	font-weight: normal;
	font-size: 11px;
}

#menu ul li ul li a {
	padding: 3px 0px 3px 10px;
}

#menu .on{
	color:#40b7cd;	
}
		
/* désactive les style des listes */
ul, li {
	list-style-type: none;
	margin:0;
	padding:0;	
}				
	
	
		
/* ----------------------- */
/*         Formulaire      */
/* ----------------------- */		
input, textarea,select {
	font-size: 11px;
	border:1px solid #a5aeb5;
	background-color:#FFFFFF;
	color:#3757a0;
}



/* ----------------------- */
/*  mise en page du texte  */
/* ----------------------- */	

/*Page des finances (bleu)*/
#finance .titre{
	color:#40b7cd;
	font-size:12px;
	font-weight:bold;
	margin:22px 0px 0px 0px;
}
#finance .gras{
	color:#285fa7;
	font-size:10px;
	font-weight:bold;
}

#finance .texte{
	margin-top:14px;
}



/*Page des biens (orange)*/
.biens .titre{
	color:#ff9100;
	font-size:12px;
	font-weight:bold;
}
.biens .gras{
	color:#ffb400;
	font-size:10px;
	font-weight:bold;
}


/*Formulaire de contact*/
#contact td,tr,table{
	font-size:10px;
	color:#535254;
}
#contact td{
	height:27px;
}
#contact .titre{
	color:#ff9100;
	font-size:12px;
	font-weight:bold;
}



/* page programmes groupés */
.programmes .intro{
	color:#535254;
	font-size:12px;
	margin-bottom:28px;
}
.programmes .gras{
	color:#535254;
	font-size:10px;
	font-weight:bold;
}
.programmes .texte{
	color:#535254;
	font-size:10px;
	margin-left:15px;
	font-weight:normal;
}
.programmes .prix{
	color:#ff9100;
	font-size:17px;
	font-weight:bold;
	margin-top:30px;
	margin-bottom:24px;
}
.programmes .conditions{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:9px;
	color:#535254;
	padding-left:10px;
	padding-bottom:5px;
}
.programmes .plus{
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:9px;
	color:#535254;
	padding-left:500px;
	padding-bottom:15px;
}




.texte{
	color:#535254;
	font-size:10px;
	font-weight:normal;
	text-decoration:none;
}
a:hover.texte{
	text-decoration:underline;
}

.texte_bold{
	color:#535254;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}
a:hover.texte_bold{
	text-decoration:underline;
}

.grand_turquoise{
	color:#40b7cd;
	font-family:Arial;
	font-size:24px;
}