/* 
	
	 HP
	
*/

#index #contenu {
	float: left;	
	background: #ccc url(../images/fonds/contenu.jpg) repeat-y scroll top left;
	padding-bottom: 10px;
	
  width: 100%;
}

/* bloc bleu prets personnels */

#prets-personnels {
  background-color: #0b66b5;
  overflow: hidden;
  _height: 1%;
  _overflow: visible;
  border-bottom: 2px solid #fff;
}
#prets-personnels dd {
  display: block;
  float: left;
  height: 218px;
  margin: 0;
  padding: 0;
  _height: 215px;
  margin: -3px;
}
#prets-personnels dd img {
  margin-bottom: -3px;
}
#prets-personnels dd,
#prets-personnels dd a {
  padding: 0;
  margin: 0;
}
#prets-personnels #simulation-demande {
  float: left;
  
}
#index h2.encart-bloc,
#prets-personnels dl dt {
  position: absolute;
  left: 1px;
  top: 118px;
  _top: 115px;
  
  width:auto;
  padding: 0 10px;
  height: 26px;
  
  background-color: #fff;
  color: #1164ac;
  
  font: 1.2em/1.8em Verdana, Geneva, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center;  
  
  font-weight: bold;
}

#prets-personnels dl dt {
  border: 1px solid #3178D4;
}

#prets-personnels #simulation-demande p {
  text-align: center;
  padding: 0;
  padding-bottom: 5px;
  color: #fff;
}
#prets-personnels #simulation-demande p img {
  margin-right: 10px;
}
#prets-personnels #simulation-demande h2 {
  background: #0b66b5 url(../images/accueil/demander-credit.gif) no-repeat top left;
  width: 218px;
  height: 113px;
  text-indent: -1000em;
  overflow: hidden;

  text-align: left;
  padding: 0;
  color: #fff;
}

/* bloc rouge carte but  */

#carte-but {
  background: #d50025 url(../images/accueil/carte-fond-carte.jpg) no-repeat 185px 5px;  
  width: 455px;
  margin-left: 10px;  
  _margin-left: 5px;
}

#index #carte-but h2.encart-bloc {
  top: 348px;
  _top: 345px;
  left: 11px;
  padding-top: 0;
  font-weight: bold;
  color: #d50025;
  width:auto;
  padding: 0 10px;
}
#index #carte-but h2.encart-bloc a {
  color: #d50025;
  text-decoration: none;
}
#index #carte-but h2.encart-bloc a:hover {
  text-decoration: underline;
}
#deja-la-carte,
#pas-carte {
  float: left;
}

#pas-carte {
  margin-left: 5px;
}
#deja-la-carte {
  margin-left: 5px;
}
#pas-carte p {
  text-align: center;
  padding: 0;
}

#carte-but h3 {
  width: 191px;
  height: 53px;  
  margin-top: 55px;
  margin-left: 10px;
}

#carte-but #pas-carte h3#pas-encore img {
	margin-left:3px;
}

#carte-but #pas-carte h3#pas-encore {
  text-indent: 0;
  overflow: hidden;
  width: 167px;
  height: 121px;
  margin-top: 2px;
  margin-left: 10px;  
}
#carte-but #pas-carte p {
  margin: 0;
}
#carte-but ul {
  background: #fff;
  color: #66646c;
  padding: 10px;
  margin-left: 10px;
}
#carte-but ul li a {
  color: #d50025;
  background: #fff url(../images/pictogrammes/fleche-rouge-b.gif) no-repeat center left;
  padding-left: 10px;
}
#carte-but ul li {
  line-height: 1.3em;
}


/* bloc #promo */

div#promo {
	margin-left: 5pt;
	padding: 0;  
	width: 250px;
	height:177px !important;
	height:153px;
	/*version sans Promo*/
	/* height:173px;
	/version sans Promo*/
	background: #fff url(../images/accueil/promo-du-moment.gif) no-repeat 0px 25px;
	text-align:right;
}

div#promo.frais {
  background: #fff url(../images/accueil/promo-frais-offerts.gif) no-repeat 0px 25px;
  border-color: #f7a909;
}
div#promo.Aurore {
  background: #fff url(../images/accueil/promo-aurore.jpg) no-repeat 0px 27px;
}
div#promo .promoAurore {
  padding-left: 110px;
}
div#promo.Aurore p {
  padding:0.4em 0pt;
}

div#promo h2 {
  background-color: #af147d;
  /*background-color: #f7a909;*/
  color: #fff;
  clear: both;
  width: 100%;
  font-size:1.4em;
line-height:1.45em;
}
div#promo h2 a {
  color: #fff;
  text-decoration: none;
}
div#promo h2 a:hover {
  text-decoration: underline;
}
div#promo img.banner-img { margin-right:3px; margin-top:136px; }

div#promo a.promo-lien {
	display:block;
	height:100%;
}


/* blocs partie inférieure */

div.bloc {
  overflow: hidden;
  _height: 1%;
  _overflow: visible;
  clear: none;
  
  float: left;
  
  margin-top: 5px;
  padding: 0;
  padding-bottom: 5px;
  margin: 5px;
  
  margin-top: 10px;
  
}


div.bloc h2 {   
  text-transform: uppercase;
  line-height: 1.7em;
  text-align: center;
  
  font-weight: bold;
  text-align: center;
  
  display: block;
  float: none;
  clear: both;
  overflow: hidden;
  padding: 0;
}

div.bloc p {
  color: #66646C;
  margin: 5px;
}
div.bloc a {
  color: #02276f;
  text-decoration: underline;
}
div.bloc a:hover {
  text-decoration: none;
}


/* couleurs et styles bordure */

div.pointille {
  border-width: 1px;
  border-style: dashed;
  background: #fff;
}

div.jaune {
  border-color: #af147d;
  /*border-color: #f7a909;*/
}

div.bleu {
  border-color: #01276e;
}
div.bleu h2 {
  color: #01276e;
}

div.rouge {
  border-color: #D50025;
}
div.rouge h2 {
  color: #D50025;
}


/* bloc #magasin et #avantages */

div#magasin,
div#avantages {
  width: 27.5em;
  margin-top: 0;
  padding: 0;
  padding: 0 10px 0 10px;
  height: 100px;
  margin-left: 10px;
  margin-top: 10px;
}
div#magasin h2,
div#avantages h2 {
  text-align: left;
  line-height:1.4em;
  padding-bottom: .2em;
  margin-top: 5px;
}

div#avantages {
  width: 350px;
}

/* bloc #magasin */

div#magasin {
  margin-left: 7pt;
  padding: 0;
  width: 330px;
}
div#magasin h2,
div#magasin p {
  /*width: 170px;*/
  font-size:110%;
  margin-bottom: 0;
}
div#magasin h2 {
  padding: 0 2px 0 5px;
  margin: 5px 2px 2px 5px;
}
div#magasin p {
	background:#FFFFFF url(../images/pictogrammes/fleche-rouge-b.gif) no-repeat scroll left 25%;
	margin:2px 2px 5px 10px;
	padding:2px 2px 0 10px;
}

#magasin div, #magasin img {
  float: left;
}

#magasin div {
  width: 133px;
}

#magasin ul {
  background: #fff;
  color: #66646c;
  padding: 10px 30px 10px 10px;
  margin-left: 10px;
}
#magasin a {
  color: #d50025;
}
#magasin div a {
  padding-left: 0;
}

div#magasin iframe {
  outline-width: 0;
  background:white;
  border:0;
  margin: 0;
  padding: 0;  
  float: right;
  
  height: 104px;
  width: 139px;

  _height: 100px;
}

/* bloc #avantages */

div#avantages ul li {
  float: left;
  background: #fff url(../images/pictogrammes/fleche-bleu.gif) no-repeat 0 3px;
  padding-left: 10px;
  padding-right: 8px;
  padding-bottom: 5px;
}
div#avantages ul {
  clear: both;
  padding: 5px;
}
div#avantages p {
  margin: 0;
  padding: 0;
  clear: both;  
}
div#avantages p#logo-carte-aurore {
  float: right;
  clear: none;
  margin-top: 10px;
  margin-right: 5px;
}
div#avantages h2,
div#avantages p {
  clear: left;
}