/********************** SELECTEURS  GENERAUX ******************/

body, html{
background-color: #9E9E9E;
font: 12px Arial, Helvetica, sans-serif;
color:#564b47;  
text-align:center;
margin:0px;
padding:0px;
height:100%;

}

ul,li{
margin:0;
padding:0;
}
		
img{
margin:0;
padding:0;
}

a{
color:none;
text-decoration:none;
font-style:normal;
border:0px;
}

a:hover {
color:none;
text-decoration:none;
background-color:transparent;
font-style:normal;
border:0px;
} 


/***********************  DIV ****************************/

	
#global {
width:934px;
margin: 0px auto;
padding:0px;
background-color:white;
text-align:left;
min-height:100%;
border-left:2px solid #E1E8E0;
border-right:2px solid #E1E8E0;
}

#content {
min-height:100%;
height:100%;
width:580px;
padding:0px;
padding-left:10px;
float:left;
background-color:white;

}

#content p{
margin-left:2%;
margin-right:2%;
}

#content hr{
border-color:green;			   /* intérprétation Opéra et Safari */
color: green;                               /* intérprétation IE */
background-color: green;		   /* intérprétation Firefox */
height: 1px;
border: 0;
margin-top:20px;
margin-bottom:20px;
}

#frame {
min-height:100%;
height:100%;
width:680px;
padding:0px;
margin-left:50px;
float:left;
background-color:white;
}
#frame p{
margin:0 90px 0 0;
}

.h1frame{
	font-size: 20px;
	font-weight:bold;
	margin:20px 0 20px 0;
}

#bienvenue_cadre{
height:110px;
width:570px;
float:left;
background-image:url(img/bienvenue_cadre.jpg);
margin-bottom:15px;
}

#bienvenue_cadre img{
float:left;
display:inline;
padding:0 10px 0 0;
}


#bienvenue_cadre2{
height:150px;
width:570px;
float:left;
background-image:url(img/bienvenue_cadre2.gif);
margin:20px 0 30px 0;
}

#bienvenue_cadre2 img{
float:left;
display:inline;
padding:0 10px 0 0;
}

#head {
/*background-image:url(img/header.jpg);*/
width:934px;
height:113px;
margin:2px 0 0 2px;
}

#head img{
border:0;
margin:0;
padding:0;
}

#head a:hover {
background-color:transparent;
}

#head2 {
width:622px;
height:113px;
background-color:transparent;
position:relative;
top:-103%;
left:32.7%;
}

#jscroll{
position:absolute;
top:80px;
left:500px;
}

#menu{
width:930px;
height:34px;
background-color:white;
}

#simul{
width:116px;
height:48px;
background-color:blue;

}

#left {
position:relative;
width:200px;
height:500px;
padding:0;
background-color:white;
float:left;

}

#left_cadre {
width:200px;
float:left;
z-index:2;
position:absolute;
margin-bottom:10px;
}

#left_cadre .top {
background:url(img/cadre_bonplan_top.jpg);
height:11px;
width:200px;
}

#left_cadre .middle {
background:#F5F5F5 none repeat;
margin:0;
padding:0 0 3px 0;
width:200px;
}

#left_cadre .bottom {
background: url(img/cadre_bonplan_bottom.jpg);
}



#pub_gauche{
width:200px;
height:300px;
padding:0px;
background-color:white;
float:left;
margin-top:210px;
position:absolute;
z-index:1;
}

#pub_cadre {
width:200px;
padding:0px;
float:left;
text-align:center;
}
#pub_cadre .top{
	height: 11px;
	width: 200px;
	background: url(img/cadre_bonplan_top.jpg);
}
#pub_cadre .bottom{
	height: 13px;
	width: 200px;
	background: url(img/cadre_bonplan_bottom.jpg);
}
#pub_cadre .middle{
	margin: 0;
	padding: 0;
	padding-bottom: 3px;
	width:200px;
	background: #F5F5F5;
}
#pub_cadre .middle h2{
	padding-top: 0;
	margin-top: 0;
}
#pub_cadre img{
text-decoration:none;
border:0;
margin:0 0 8px 0;
padding:0;
}

#pub_cadre a:hover{
background-color:transparent;
border:0;
}

#right {
width:140px;
float:left;
background-color:white;
min-height:100%;
}

#pied{
clear:both;
width:934px;
height:45px;
background-color:#494949;
}

#pied p{
color:white;
font-weight:bold;
font-size:16px;
text-align:center;
line-height:45px;
background-color:#494949;
}

#pied a:link, a:visited, a:active{
color:white;
text-decoration:none;
}

#pied a:hover{
color:black;
background-color:transparent;
}


/************************** FIN DES BLOCS PRINCIPAUX *****************************/


#left li{
	text-decoration:none;
	margin-right:0px;
	display:block;
	text-align:center;
	
	}
	
#right img {
float:left;
background-color:transparent;
border:0;

}

/*#right a:link, a:visited{
text-decoration:none;
background-color:transparent;
color:white;
}
*/


#menu ul {

    list-style-type: none;
	margin-left:2px;
}

#menu li, #menu li a{
	text-decoration:none;
	margin:0;
	padding:0;
	text-align:center;
	float: left;
	height: 47px;
	width: 116px;
	background-repeat:no-repeat;
	background-position:bottom;
	position:relative;
	bottom:5px;
	
}
#menu li a:hover{
background-color:transparent;
}


#menu img{
	float:right;

}

#liensmenu{
	display:none;

}


/**********  MENU HORIZONTAL ROLLOVER CSS **********/



#menu_0 a, #menu_0 a:visited, #menu_0 a:link, #menu_0 a:active  {background-image: url(img/bt_simulation_out.jpg);}
#menu_0 a:hover {background-image: url(img/bt_simulation_over.jpg);}


#menu_1 a, #menu_1 a:visited, #menu_1 a:link, #menu_1 a:active  {background-image: url(img/bt_accueil_out.jpg);}
#menu_1 a:hover {background-image: url(img/bt_accueil_over.jpg);}

#menu_2 a, #menu_2 a:visited, #menu_2 a:link, #menu_2 a:active  {background-image: url(img/bt_reserveargent_out.jpg);}
#menu_2 a:hover {background-image: url(img/bt_reserveargent_over.jpg);}

#menu_3 a, #menu_3 a:visited, #menu_3 a:link, #menu_3 a:active  {background-image: url(img/bt_creditperso_out.jpg);}
#menu_3 a:hover {background-image: url(img/bt_creditperso_over.jpg);}

#menu_4 a, #menu_4 a:visited, #menu_4 a:link, #menu_4 a:active  {background-image: url(img/bt_automoto_out.jpg);}
#menu_4 a:hover {background-image: url(img/bt_automoto_over.jpg);}

#menu_5 a, #menu_5 a:visited, #menu_5 a:link, #menu_5 a:active  {background-image: url(img/bt_credittravaux_out.jpg);}
#menu_5 a:hover {background-image: url(img/bt_credittravaux_over.jpg);}

#menu_6 a, #menu_6 a:visited, #menu_6 a:link, #menu_6 a:active  {background-image: url(img/bt_rachatcredit_out.jpg);}
#menu_6 a:hover {background-image: url(img/bt_rachatcredit_over.jpg);}

#menu_7 a, #menu_7 a:visited, #menu_7 a:link, #menu_7 a:active  {background-image: url(img/bt_creditimmo_out.jpg);}
#menu_7 a:hover {background-image: url(img/bt_creditimmo_over.jpg);}

#menu_8 a, #menu_8 a:visited, #menu_8 a:link, #menu_8 a:active  {background-image: url(img/bt_creditimmo_out.jpg);}
#menu_8 a:hover {width:125px ;background-image: url(img/bt_creditimmo_over.jpg);}


/********* GROS BT PAGE IMMOBILIER   /**********************/

#immo {
margin:280px 0 40px 50px;  
display:block;
float:left;
}

#immo a{
text-decoration:none;
background-color:transparent;
}

.decale {
padding-top:-10px;
}

/********* MENU DEROULANT VERTICAL   **********************/


dl, dt, dd, ul, li {                                              
margin: 0;
padding: 0;
list-style-type: none;
}

#menuv {
height:200px;
width:120px;
padding-left:35px;
float:left;
}
#menuv{
width: 130px;
}

#menuv dt {
cursor: pointer;
margin: 2px 0;
height: 15px;
line-height: 15px;
/*padding-left:30px;*/
padding: 0 0 1px 0;
font-weight: bold;
color:#564B47;
border-top: 1px solid #DDD;
text-indent:30px;
}

#menuv dt.premier {
border-top: none;
}
#menuv dt a {
color:#5BB5DF;
letter-spacing: 1px;
}

#menuv dt a:hover {
color:#478CAD;
letter-spacing: 1px;

}

dl#menuv dt a:hover {
background-color:transparent;
}

#menuv dd {
position: absolute;
z-index: 100;
left: 130px;
margin-top: -1.4em;
width: 10em;
background: #A9BFCB;
border: 1px solid #CCC;
}


#menuv li {
text-align: center;
background: #F5F5F5;
height: 18px;
line-height: 18px;
color: #FFFFFF;
}

#menuv li a{
color: #444;
text-decoration: none;
display: block;
border: 0 none;
height: 15px;
}

#menuv li a:hover{
text-decoration: none;
background: #eee;

} 

/************************************************ FIN DES MENUS *******************************************/




/************************************************ H1 H2 TITRES *********************************************/

#partenaires {

font-size: 20px;
font-weight:bold;
text-align:center;
}

#bienvenue {

font-size: 20px;
font-weight:bold;
margin:20px 0 0 20px;
}

#petit {
margin:6px 0 4px 0;
font-size: 12px;
font-weight:bold;
text-align:center;
text-transform:uppercase;
}


/***************************************  NEWSLETTER ***************************************/

#newsletter{
width:930px;
height:45px;
background-color:white;
}


#cadre_newsletter{
width:320px;
height:31px;
position:absolute;
margin-top:8px;
margin-left:595px;
background-image:url(img/newsletter_cadre.jpg);
}

#news{
width:500px;
height:31px;
background-color:transparent;
position:absolute;
margin:5px 0 0 0;
}

#news p{
margin:10px 0 0 0;
padding:0;
text-align:center;
}


input{
display:inline;
width:150px;
height:14px;
float:right;
margin-right:13px;
margin-top:7px;
border:0;
}

label{
display:inline;
float:right;
margin-top:8px;
margin-right:5px;
font-size:15px;
font-weight:bold;
}

.bt_envoi {
background-image:url(img/bt_ok.jpg);
width:38px;
height:16px;
border:0;
float:right;
cursor:pointer;
}


/************************************ BLOCS PARTENAIRES (carré, titre, description) **************************/



#partner{
clear:both;
width:560px;
height:70px;
margin-bottom:40px;
}

#partner li{
	list-style-type:decimal;
	display:block;
}

#partner2{
clear:both;
width:560px;
min-height:100%;
margin-bottom:40px;
}

#carre{
float:left;
width:120px;
height:70px;
background-color:white;
margin:18px 0 0 15px;
text-align:center;
}

#carre a, #bt_click a:visited, #bt_click a:link, #bt_click a:active{
margin:0;
padding:0;
background-color:white;
border:0;
}

#carre a:hover {
margin:0;
padding:0;
background-color:white;
border:0;
}

#carre img {
margin-left:auto;
margin-right:auto;
padding:0;
background-color:white;
border:0;
}


#titre{
float:left;
width:300px;
height:30px;
background-color:white;
padding-left:10px;
}

#titre a, #bt_click a:visited, #bt_click a:link, #bt_click a:active{
padding:0;
margin:0;
font-weight:bold;
color:#262C76;
}

#titre a:hover {
color:#525FFF;
background:white;
}


#titre2{
padding-left:30px;
font-weight:bold;
font-size:16px;
color:black;
}


#description{
float:left;
width:300px;
height:70px;
background-color:white;
}

#description p{
padding:0;
margin:0;
margin-left:10px;
margin-top:5px;

}


#description2{
float:left;
width:400px;
min-height:100%;
background-color:white;
}


#bt_click a, #bt_click a:visited, #bt_click a:link, #bt_click a:active{
float:left;
display:inline;
width:100px;
height:33px;
background-image:url(img/bt_cliquez_out.jpg);
padding:0;
margin:0;
margin-left:20px;
}

#bt_click a:hover {background-image: url(img/bt_cliquez_in.jpg);}

#info { 
width:550px;
margin-bottom:15px;

}

#info h2{
background-color:#38A7DF;
width:30%;
color:white;
text-indent:5px;
font-size: 20px;
font-weight:bold;
margin-top:20px;
margin-left:20px;
}

#info p{
margin-left:20px;
}

#info a{
color : #262C76;
text-decoration : none;
font-style : normal;
font-weight:bold;
border:0px;
}

#info a:hover {
color : white;
text-decoration : none;
background-color : black;
font-style : normal;
border:0px;
}