/* -------------------------------------STYLE */

html, body {
	background-image: url(../_images/back_body.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0;
	margin: 0;
}

#site {
	width: 749px;
	margin: 30px auto;
	padding: 0;
	overflow: auto;
	background-image: url(../_images/back_menu_haut.gif);
	background-repeat: no-repeat;
}

#colonne_gauche {
    width: 254px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	float: left;
}

#colonne_droite {
    width: 480px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	float: left;
}

#logo {
	background-image: url(../_images/logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 254px;
	height: 103px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	}
	
#demande_credit {
	background-image: url(../fr/_images/fond_demande_credit.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 254px;
	height: 367px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	}
	
#service_enligne {
	background-image: url(../fr/_images/fond_service_enligne.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 254px;
	height: 450px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	}
	
#approuve_gauche {
	width:254px;
	margin:30px 0 0 0;
	padding:0;
	float:left;
}
	
span{
	display: none;
}


.logo{
display: none;

}

/* -------------------------------------FORM */

form {
width: 240px;
padding : 50px 0 0 0;
margin : 0;
}

textarea {
	padding : 0 .5em 0 .5em;
	font-size: 0.7em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-align: left;
	float: left;
	font-weight: bold;
}


#form-qui input {
	padding: .1em .2em .1em .2em;
	color: #002B47;
	font-size: 0.8em;
	background-color: #FFFFFF;
	border : 1px solid #616161;
}


fieldset{
	width: 240px;
	padding : 0 .5em 0 .5em;
	margin : 0;
	border : 0;

}

.submit{
	padding : 5px 0 0 25px;
	margin : 0;
	border : 0;
	text-align: left;
	float:left;
	overflow: hidden;
}
	
label.droite{
	float: left;
	width: 60%;
	text-align: left;
	color: #FFFFFF;
	font-size: 0.8em;
	margin: 0;
	padding: 0 .5em 0 0;
	font-weight: bold;
	}

legend{
	margin: 0 .7em 0 .5em;
	padding: 0 .5em;
	color: #616161;
	font-size: 0.8em;
	font-weight: bold;
	letter-spacing : .1em;
	background-color: #FFFFFF;
	display:none;
	
	}
	
select{

	color: #002B47;

	font-size: 0.8em;

	margin: 0;

	padding: 0 1px 0 1px;

	border: 1px solid #B2B3B7;

	width: 150px;

	position: relative;

}
	
/* -------------------------------------MENU */

#menu {
	background-image: url(../fr/_images/fond_menu_primaire.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 480px;
	height: 53px;
	margin: 14px 0 0 15px;
	padding: 0;
	position: relative;
	float: left;
}

#menu ul{
	margin: 0;
	padding: 0;
}

#menu ul li{
	margin: 0;
	padding: 0;
	display: inline;
}

#menu a.a_propos{
	background-image: url(../fr/_images/menu/menu_a_propos_fr.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 120px;
	height: 53px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.a_propos:hover{
	background-image: url(../fr/_images/menu/menu_a_propos_fr_over.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 120px;
	height: 53px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.foire{
	background-image: url(../fr/_images/menu/menu_foire_aux_questions_fr.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 120px;
	height: 53px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.foire:hover{
	background-image: url(../fr/_images/menu/menu_foire_aux_questions_fr_over.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 120px;
	height: 53px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.inventaire{
	background-image: url(../fr/_images/menu/menu_inventaire_fr.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 120px;
	height: 53px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.inventaire:hover{
	background-image: url(../fr/_images/menu/menu_inventaire_fr_over.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 120px;
	height: 53px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.recommandations{
	background-image: url(../fr/_images/menu/menu_recommandations_fr.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 120px;
	height: 53px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.recommandations:hover{
	background-image: url(../fr/_images/menu/menu_recommandations_fr_over.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 120px;
	height: 53px;
	margin: 0 0 0 0;
	padding: 0;
	position: relative;
	float: left;
}
	
/* -------------------------------------MENU secondaire */

#nav-secondaire {font-size:70%; list-style-type:none; margin: 0 0 0 110px; padding: 10px 0 0 0; position: relative; float: left;}

#nav-secondaire a {background:url(../_images/puce.gif) 0px 4px no-repeat; float:left; display:block; height:26px; color:#575757; text-decoration:none; padding: 2px 0px 0 20px;}

#nav-secondaire li {float:left; width:auto; display:block; height:26px; margin-left:12px;}

#nav-secondaire a:hover, #nav-secondaire li a.actif {color:#575757; text-decoration:underline;}
/* -------------------------------------TITRES */

h1.vert {
	font-size: 0.9em;
	color: #e84b00;
	line-height: 16px;
	font-weight: bold;
	margin: 5px 0 15px 15px;
	padding: 0;
	text-align:left;
}

h1.blanc {
	font-size: 1em;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: bold;
	margin: 65px 0 15px 34px;
	padding: 0;
	text-align:left;
}

h2 {
	font-size: 0.9em;
	color: #6a6a6a;
	line-height: 16px;
	font-weight: bold;
	margin: 25px 0 15px 15px;
	padding: 0;
	text-align:left;
}

h3.blanc {
	font-size: 0.7em;
	color: #FFFFFF;
	line-height: 10px;
	font-weight: bold;
	margin: 15px 0 15px 34px;
	padding: 0;
	text-align:left;
}

h3 {
	font-size: 0.7em;
	color: #6a6a6a;
	line-height: 10px;
	font-weight: bold;
	margin: 25px 0 15px 15px;
	padding: 0;
	text-align:left;
}

/* -------------------------------------BANDE IMAGE */

#accueil {
	background-image: url(../fr/_images/bande_image/demande_de_credit.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 480px;
	height: 168px;
	margin: 14px 0 0 15px;
	padding: 0;
	position: relative;
	float: left;
	border: 0px solid black;
}

#bandeau {
	width: 480px;
	height: 84px;
	margin: 14px 0 0 15px;
	padding: 0;
	position: relative;
	float: left;
	border: 0px solid black;
}

#chance {
	background-image: url(../fr/_images/fond_2e_chance.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 480px;
	height: 184px;
	margin: 14px 0 0 15px;
	padding: 0;
	position: relative;
	float: left;
	border: 0px solid black;
}
/* -------------------------------------CONTENU */

div.list_contenu {
	margin: 0 0 0 10px;
	width: 480px;
	padding: 0;
	position: relative;
	float: left;
}


div.list_contenu ul{
	margin: 0px 0 5px 10px;
	padding: 0;
	color: #616161;
	font-size: 11px;
	line-height: 17px;
	position: relative;
	float: left;
	
}

div.list_contenu ul li{
	list-style-type: none;
	background-image:url(../_images/arrow.gif);
	background-position:left center;
	background-repeat:no-repeat;
	margin: 0 0 5px 0;
	padding: 0 5px 3px 20px;
	display: list-item;
}

a.list_contenu{
	color: #616161;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	text-align : justify; 
	text-decoration: none;
}

a.list_contenu:hover{
	color: #616161;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	text-align : justify; 
	text-decoration: underline;
}

div.commencer{
	margin: 28px 0 0 33px;
	padding: 0;
	position: relative;
	float: left;
}

#zone_contenu {
	width: 480px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
	text-align: left;
}

p {
	color: #616161;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 5px 20px 10px 15px;
	padding: 0;
	text-align : justify; 
}

p.form {
	color: #616161;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0px 20px 4px 15px;
	padding: 0;
	text-align : justify; 
}

p.chance {
	color: #000000;
	font-size: 0.7em;
	line-height: 1.3em;
	margin: 25px 110px 10px 15px;
	padding: 0;
	text-align : justify;
}

p {
	color: #616161;
	font-size: 0.7em;
	line-height: 1.3em;
	margin: 10px 0 10px 15px;
	padding: 0;
	text-align : justify; 
}

p.small {
	color: #999999;
	font-size: 0.6em;
	line-height: 0.8em;
	margin: 10px 0 10px 15px;
	padding: 0;
	text-align : justify;
	font-style: italic;
}



p.bleu {
	color: #6a6a6a;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	margin: 10px 20px 0 15px;
	padding: 0;
	text-align : justify; 
}

p.bleu2 {
	color: #e84b00;
	font-size: .8em;
	font-weight: bold;
	line-height: 1em;
	margin: 10px 20px 0 15px;
	padding: 0;
	text-align : justify; 
}


p.inventaire2 {
	color: #006600;
	font-weight:bold;
	font-size: 0.8em;
	line-height: 1.3em;
	margin: 0 0 0 15px;
	padding: 0;
	text-decoration: none;
	text-align : justify;
}

p a:hover{
	color: #616161;
	font-weight:bold;
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	text-align : justify; 
}
	
p.copyrightsfooter {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	margin:0;
	padding:0;
}
/* -------------------------------------TITRE */



/* -------------------------------------FOOTER */



#footer {
	background-image: url(../_images/back_footer.gif);
	background-repeat: no-repeat;
	background-position: left;
	width: 749px;
	height: 50px;
	margin: 0 0 0 0;
	padding: 33px 0 0 0;
	text-align: center;
	line-height: 10px;
	position: relative;
	float: left;
}

#footer ul{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#footer ul li{
	margin: 0 4px 0 4px;
	padding: 0;
	display: inline;
}

#footer a{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: #616161;
	font-size: 0.6em;
	line-height: 13px;
	text-decoration: none;
}

#footer a:hover{
	margin: 0;
	padding: 0;
	color: #616161;
	font-size: 0.6em;
	line-height: 13px;
	text-decoration: underline;
}

#footer p{
	margin: 20px 0 0 0;
	padding: 0;
	color: #999999;
	font-size: 0.6em;
	line-height: 10px;
	text-align : center; 
}

#footer p a{
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 0.8em;
	line-height: 10px;
	text-decoration: underline;
	text-align : center; 
}

#footer p a:hover{
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 0.8em;
	line-height: 10px;
	text-decoration: none;
	text-align : center; 
}