/* reset */
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* fin reset */

html { font-size: 100%; }
body {
	behavior: url(hover.htc); /* Fichier importe pour permettre a Internet Explorer de comprendre la pseudo-classe :hover */
	background: #fff;
	color: #000;
	font: 0.625em/1em Verdana, Geneva, Arial, Helvetica, sans-serif;
}
iframe { border: 0; overflow: hidden; }
a { color: #000;	text-decoration: none; }
a:hover { text-decoration: underline; }
abbr { cursor: help; }
body { font: 12px Arial, sans-serif; color: #000; }
caption { color: #A44588; font: 1.2em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; margin: 2em 0 1em 0; }
hr {	display: none; }
h1 { font-size: 3em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; }
h2 { padding-top: 0.7em; font-weight: bold; line-height: 100%; font-size:1.2em; }
h3 { clear: both; color: #a44588; font: 1.4em/1em Verdana, Geneva, Arial, Helvetica, sans-serif; }
h4, h4 a { font-size: 1.3em/1em; font-weight:bold; color:#A44588; padding-top: 10px; }
#page .puce { background: transparent url(../images/puce.gif) no-repeat 0 15px; padding-left: 10px; margin-top: 5px; }
.clear { height: 0; clear: both; line-height: 0; }

body#popup { background-color: #F0EAE8; }
#page .encart a, #page .encarts a { text-decoration: underline; }
#page .encart a:hover, #page .encarts a:hover { text-decoration: none; }
#page .par_exemple, #page .savoir_plus { background: transparent url(../images/pictogrammes/triangle-droite.gif) no-repeat 0 .2em; padding: 0; padding-left: 0.9em; }
#page .savoir_plus { padding-bottom: 0.7em; }
#page .savoir_plus a { color: #D70424; }

/* structure de la page */
#wrap { width: 740px; text-align: left; 	margin: 0 auto; position: relative; background-color: #fff;	overflow: hidden; border: 0; border-top: 0; padding: 0; }
iframe.iframeForm { width:740px; height:1150px; frameborder:0; }
iframe.iframeDemande { width:740px; height:1200px; frameborder:0; }
#contenu { min-height: 300px; _height: 300px; margin-top: 5px; background: #ccc url(../images/fonds/degrades.jpg) repeat-y; }
#page { /* min-height: 550px; _height: 430px; */ }
#page p { padding: .7em 0; }
#page p.avant-liste { padding-bottom: 0; }
#page p.intro { font-weight: bold; }
#page p.mention { font-size: 90%; }

/* head : logo + baseline + accessibilite + distributeurs */
#head { 	background: #fff; color: #000; padding-top: 5px; overflow: hidden; }
#head a { color: #000; }
#logo { float: left; margin: 5px 0; }
/*#logo { float: left; margin: 0 30px 5px 10px; }*/
#accessibilite {	position: absolute; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
#baseline { float: right; padding-bottom: 3px; }
#head .suiviDemande a { color: #66646C; margin: 8px; padding-left: 18px; font-weight: bold; background: transparent url(../images/pictogrammes/fleche-grise.gif) no-repeat 5px 50%; }
#head .pub { margin: 8px 0 0 3px; float:right; }

/* retour haut de page */
div.top a { background: url(../images/top.gif) top left no-repeat; width: 12px; height: 12px; display: block; text-indent: -100em; overflow: hidden; float: right; }
.legal { font-size:.95em; }

/* pied : 2 menus institutionnels + imprimer */
#pied {	background: #fff; color: #a44588; overflow: hidden; text-align: center; margin-top:1em; }
#pied ul { margin: 0; padding: 0; padding-bottom: 1ex; }
#pied ul li { display: inline; 	white-space: nowrap; }
#pied ul li, #pied ul li a { margin-right: 0; color: #66646c; font-size: 1em/1em; }
#pied ul li a { text-decoration: underline; }

/* menu */
/*
#menu ul { list-style-type: none; margin: 0; padding: 0; }
#menu ul li { display: inline; 	width: 165px; height: 26px;	font-weight: bold; }
#menu ul li a { display: block; float: left; padding: 6px 5px 7px 16px;	text-decoration: none; color: #66646c;	line-height: 110%; border-left: 2px solid #fff; background: transparent url(../images/pictogrammes/fleche-rouge.gif) no-repeat 5px 50%; }
#menu ul li#menu-accueil a {  border: 0; }
/* menu en cours
body#espace-clients #menu ul li#menu-espace-clients a, body#carte-but #menu ul li#menu-carte-but a, body#avantages-aurore #menu ul li#menu-carte-but a, body#privileges-but #menu ul li#menu-carte-but a, body#rachat-credits #menu ul li#menu-rachat-credits a, body#pret-autres-projets #menu ul li#menu-pret-autres-projets a, body#pret-travaux-deco #menu ul li#menu-pret-travaux-deco a, body#pret-auto-moto #menu ul li#menu-pret-auto-moto a, body#index #menu ul li#menu-accueil a, #menu ul li a:hover { color: #da002e; }
*/
#menu { 	clear: both; height: 26px; background: #d2cbcf url(../images/fonds/menu.jpg) repeat-y top left; color: #66646c;	font-family:"Trebuchet MS",Arial,Sans-serif; }
#Nav { position:absolute; z-index: 100; padding: 0; margin: 0; list-style: none; }

#Nav li { margin: 0; float: left; padding: 0; height:26px; line-height:110%;}
#Nav li a { display: block; background:url(../images/pictogrammes/fleche-rouge.gif) no-repeat 5px 50%; border-left:2px solid #FFFFFF; color:#66646C; font-weight:bold; text-decoration: none; margin: 0; padding: 6px 5px 7px 16px; }
/*#Nav li#menu-espace-clients { display: block; background:url(../images/pictogrammes/fleche-rouge.gif) no-repeat scroll 5px 50% transparent; border-left:2px solid #FFFFFF; color:#66646C; font-weight:bold; text-decoration: none; margin: 0; padding: 6px 5px 7px 16px; }*/
#Nav li a:hover,#Nav li a:active { display: block; color: white; text-decoration: none; margin: 0; }
.ssmenu { padding: 0; margin: 0; list-style: none; display: none; width:106px;}
#Nav .ssmenu li { float:none; padding-left:2px;}
#Nav .ssmenu li.last { border-bottom:none; } 
#Nav .ssmenu li a { background:#d1d8de; border-top:2px solid #FFFFFF; color:#1065AC; border-left: none;}
#Nav .ssmenu li a:hover, #Nav .ssmenu li a:active { background:url(../images/pictogrammes/fleche-blanche.gif) no-repeat 5px 50% #b2c9d9; color:#1065AC; }



/* temoignage en haut de page */
#temoignage { background:#fff; overflow: hidden; }
#temoignage .illustration { padding:0; float:left; width:260px; height:200px; }
#temoignage h2 { color:#a98750; font-size:1.9em; font-weight:bold; margin-bottom:0.5em; }
#temoignage blockquote { color:#1065AC; font-weight:bold; font-size:1.3em; /*font-family:"Trebuchet MS",Arial,Sans-serif;*/ }
#temoignage h2 strong { font-size: 110%; }

/* boutons simulation, demande de credit */
#page .boutons { text-align:right; font-size:1.5em; margin-top:1em; padding:0 0 1em 4em; overflow:hidden; }
.boutons img { vertical-align:center; }
.boutons a:hover { text-decoration:none; }
.boutons a { margin-left:1em;}
#page div.conclusion .boutons {  clear: both; margin-top: 1em; }
.btIndication { font: 0.625em/0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; }

/* trois etapes */
.etapes { color:#fff; float:right; width:225px; }
.etapes h2 { color:#fff; border-bottom: 13px solid #E8E4E5; font-size:1.4em; font-weight:bold; padding:8px 12px; margin:12px; }
.etapes h2 strong { font-size: 110%; }
.etapes h3 { font-size:1.4em; line-height:1.3em; margin:1em 1.5em; color: #fff; font-weight: bold; }
.etapes ol { font-size:1.2em; font-weight:bold; padding-left:0; margin:1em 1.5em; }
.etapes li { margin:3.5ex 0; padding-left:42px; background-repeat:no-repeat; background-position:top left; }
li.etape-1 { background-image:url(../images/pictogrammes/etape-1.gif); }
li.etape-2 { background-image:url(../images/pictogrammes/etape-2.gif); }
li.etape-3 { background-image:url(../images/pictogrammes/etape-3.gif); }
li.etape-4 { background-image:url(../images/pictogrammes/etape-4.gif); }

/* encarts */
.encarts { margin-right:12px; }
.encarts h2, .encarts .encart { width:476px; }
.encarts h2 { background: #000 url(../images/pictogrammes/fleche-titre-carte.gif) no-repeat scroll 0 50%; color:#fff; font-size:1.4em; font-weight:bold; padding:8px 0 8px 25px; margin:12px; }
.encarts h2 strong { font-size: 110%; }
.encart h3 { font-size:1.4em; color:#74737F; font-weight:bold; padding-left:1.5em; clear:none; background: #fff url(../images/pictogrammes/fleche-doree.gif) no-repeat scroll 0 2px; }
.encart h4 { color:#a98750; font-size:1.1em; }
.encart { background:#fff; margin:12px; padding:12px 12px 2px 12px; }
#page .encart .illustration { float:left; padding:0; margin-right:15px; margin-bottom:115px; }
.conclusion { padding:0 21px 1em 21px; }
#page .conclusion .annonce { padding:0; color:#A98750; font-size:1.5em; text-align:center; }
.haut_de_page { text-align:right; font-size:.9em; }
.haut_de_page a { text-decoration:none; }

/* table generique avec informations sur un credit  */
.table-credit { width:100%; float: right; }
.table-credit caption { display: none; color:black; font-weight:normal; font-size:1em; padding:.4em 0; margin:0; }
.table-credit td, .table-credit th { background:#FFF6E5; font-size: 11px; padding: 1px 3px; border-bottom:3px solid white; }
.table-credit thead th { font-weight:bold; color:#fff; background:#1272B4 url(../images/fonds/thead.gif) repeat-x; font-size: 13px; }
.table-credit .col_2 { text-align:center; }
.table-credit .pair td { background:#FEE6B2; }
.table-credit .total td { background:#FBC24E; padding-top:.5ex; padding-bottom:.5ex; }
#page .table-footnote { padding:0; text-align:right; font-size:.95em; clear: both; }
#page p.exemple-tableau { float:left; clear:left; width:80px; margin-left:70px; margin-top:2em; text-align:right; padding: 0; }
#page p.exemple-tableau .premier-mot { background: url(../images/pictogrammes/triangle-droite.gif) no-repeat left; padding-left:12px; }

/* formulaires */
fieldset { border:1px solid #ccc; padding:1em; margin:1em 0; }
legend { font-size:1.4em; color:#74737F; font-weight:bold; border-left:1em solid #D70424; padding:0 1ex; clear:none; }
label { display:block; }

/* formulaire reserve */
#form-montant-reserve { padding-bottom:2em; }
#form-montant-reserve label { padding-top:.5ex; width:20em; clear:right; float:left; }
#form-montant-reserve #goodsCodeLabel { width:20.9em; }
#form-montant-reserve #amountLabel { width:20.9em; }
#page .sideinput { width:25em; float:left; clear:left; padding-right:1em; }

/* Pour blocs idem fieldset: bordure grise */
.bordure { border:1px solid #CCCCCC; margin:1em 0pt; padding:1em; }
.validation { border:1px solid red; background: #FFEEEE; margin:1em 0pt; padding:1em; }
#page .validation p { color: red; padding: 0; }
#page .validation { clear: both; overflow: hidden; padding: .5em .2em; }

/* bloc validation haut de page avec liste
.validation ul li {  padding-top:0.5ex; } */

.errFld { border:1px solid red; background: #FFEEEE; }
.errTxt { float: right; color: red; padding: 0 1em; }
div.validation .errTxt { display: block; }

/*  Encart numéro */
#numero { width: 200px; margin: 15px auto; border: 1px solid #C20029; }
#numero  p { text-align: center; }
#numero strong { font-size: 150%; }
.rouge { color: #C20029; }

/* DCC-RCC */
.exemple strong { font-size:13px !important; }


/*formulaire-contact*/
#formulaire-contact h1 {background: none repeat scroll 0 0 #D70424;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: bold;
    margin: 12px;
    padding: 8px 12px;
	line-height: 100%;
    padding-top: 0.7em;
	width: 692px;}
#formulaire-contact h1#logo{}	
#formulaire-contact h2 {margin: 15px 0 0 0;padding: 0;color: #C20029;
    font-size: 1.1em;font-weight: bold;background:none;}

/*Médiation*/
#charteMediation #titre {text-align:center; background: none 0 0 #D70424;color: #FFFFFF;padding: 8px 12px;padding-top: 0.7em; width: 692px;margin: 12px; font-weight: bold;}
#charteMediation #titre h1 {font-size: 1.4em; font-weight: bold;}
#charteMediation #titre h2 {margin:0;padding:0;width: 692px;font-size: 1.3em;}
#charteMediation .encart h2 {margin: 15px 0 0 0;padding: 0;color: #C20029; font-size: 1.1em;font-weight: bold;background:none;}
#charteMediation .encart h3 {font-size: 1em; padding-left: 18px; padding-top: 3px;margin-top: 10px;}
#charteMediation .encart {width: 692px;}
#charteMediation .encart ul {margin-left:5px; margin-top:5px;}
#charteMediation .encart li {background: url(../../images/pictogrammes/fleche-rouge.gif) no-repeat 0 3px;margin-left: 5px; padding-left: 10px;}
#charteMediation .address {text-align:center;}

/* Ajout page indisponible */
#indisp #contenu {min-height:0; padding:20px;}
#indisp #contenu h3 {padding-bottom:20px;}