body {
margin:0 0 19px;
padding:0;
background:#301410 url(../img/fdBodyTop.png) 0 0 repeat-x;
/*font-family:Arial, Helvetica, sans-serif;*/
font-family:Verdana, Geneva, sans-serif;
font-size:0.7em;
color:#1a171b;
}
/* RTE + generiques */
.align-justify {text-align:justify;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-left {text-align:left;}
input, select, textarea {
/*font-family:Arial, Helvetica, sans-serif;*/
font-family:Verdana, Geneva, sans-serif;
font-size:1em;
color:#1a171b;
}
p {
margin:0;
padding:0 0 10px;
}
a {
color:#a38977;
text-decoration:none;
}
a:hover {
color:#1a171b;
text-decoration:underline;
}
.clear {
clear:both;
width:100%;
height:0;
overflow:hidden;
}
/* BANDEAU HAUT */
#bando {
background:#301410;
}
#bando .inner {
width:940px;
margin:19px auto 0;
background:url(../img/fdBando.png) 0 0 no-repeat;
height:147px;
position:relative;
}
#bando h1 {
display:inline;
padding:0;
font-size:1.25em;
}
#bando #logo {
position:absolute;
top:40px;
left:9px;
}
#bando #baseline {
position:absolute;
display:block;
background:#301410 url(../img/fdBaseline.png) 0 0 repeat-x;
color:#fff;
text-transform:uppercase;
padding:6px 0 0 150px;
width:773px;/*923-150*/
height:30px;/*36-6*/
top:4px;
left:9px;
}
#bando #deco {
position:absolute;
left:230px;
top:40px;
}
/* PAGE */
#page {
background:#d1d1c9;
}
#page .inner {
width:940px;
margin:0 auto;
background:url(../img/fdPage.png) 0 0 repeat-y;
}
/* MENU HAUT */
ul#menu {
font-family:Arial, Helvetica, sans-serif;
margin:0 auto 9px;
padding:0;
width:923px;
list-style:none;
height:36px;
background:url(../img/fdMenu.png) 0 0 repeat-x;
text-align:center;
font-size:1.3em;
}
ul#menu li {
display:inline;
}
ul#menu li a {
display:inline-block;
padding:8px 8px 0;
height:28px;/*36-8*/
text-decoration:none;
color:#fff;
}
ul#menu li a:hover, ul#menu li a.act {
background:url(../img/fdMenuOn.png) 0 0 repeat-x;
}
/* COLONNES */
#gauche {
float:left;
padding:0 0 0 9px;
width:201px;/*210-9*/
}
#centre {
float:left;
width:550px;
min-height:400px;
font-size:1.1em;
}
#ariane {
height:30px;
}
#ariane ul {
margin:0;
padding:0;
list-style:none;
font-size:0.9em;
font-style:italic;
}
#ariane ul li {
display:inline;
color:#a38977;
}
#cGauche {
float:left;
padding:0 25px 0 0;
width:340px;/*365-25*/
text-align:justify;
}
#cDroite {
float:left;
padding:0 0 0 4px;
width:181px;/*185-4*/
}
#droite {
float:left;
padding:0 0 0 5px;
width:175px;/*180-5*/
}
/* Version 3 col */
.cMid {
padding:0 10px 0 0;	
}
#footer {
background:#301410 url(../img/fdFooter.png) 0 0 repeat-x;
}
#footer .inner {
width:940px;
margin:0 auto;
background:url(../img/fdFooterInner.png) 0 0 no-repeat;
height:61px;
}
#footer .inner ul {
margin:0;
padding:70px 0 0;
list-style:none;
text-align:center;
font-size:0.9em;
color:#fff;
}
#footer .inner ul li {
margin:0;
padding:0;
display:inline;
}
#footer .inner ul li a {
color:#fff;
}

/* CONTENU */
#centre h2 {
margin:0;
padding:0 0 12px;
font-size:1.5em;
}
/* LIEN BOUTONS */
a.bouton {
display:inline-block;
width:167px;
height:23px;/*27-4*/
margin:0 0 9px;
font-family:Arial, Helvetica, sans-serif;
padding:4px 0 0;
background:url(../img/fdBouton.png) 0 0 no-repeat;
color:#fff;
text-decoration:none;
text-align:center;
font-weight:bold;
font-size:1.3em;
}
a.bouton:hover {
background:url(../img/fdBoutonOn.png) 0 0 no-repeat;
text-decoration:none;
color:#fff;
}
/* TEASERS */
.teaser {
font-size:1.1em;
}
.teaser h2 {
margin:0;
padding:0;
font-size:0.9em;
}
.teaser h2.bouton {
width:167px;
height:23px;/*27-4*/
margin:0 0 4px;
padding:4px 0 0;
background:url(../img/fdBouton.png) 0 0 no-repeat;
color:#fff;
text-align:center;
font-size:1.2em;
}
.teaser h2 a.bouton {
margin:0 0 4px;
color:#fff;
}
.teaser p {
padding:0 0 5px;
}
.teaser .bottom {
width:168px;
background:url(../img/fdTeaserBottom.png) 0 100% no-repeat;
padding:0 0 10px;
margin:0 0 9px;
}
.teaser .top {
background:url(../img/fdTeaserTop.png) 0 0 no-repeat;
padding:10px 0 0;
}
.teaser .int {
background:url(../img/fdTeaserMid.png) 0 0 repeat-y;
padding:0 7px;
}
.teaser a {
color:#a38977;
font-weight:bold;
}
/* Teaser 2 */
.teaser2 {
background:url(../img/teaser2bottom.png) 0 100% no-repeat;
padding:0 0 10px;
width:167px;
margin:15px 0 9px;
}
.teaser2 .top {
background:url(../img/teaser2top.png) 0 0 no-repeat;
padding:8px 0 0;
}
.teaser2 .bottom {
background:url(../img/teaser2top.png) 0 0 no-repeat;
padding:10px 0 0;
}
.teaser2 .int {
padding:0 3px;
}
#centre .teaser2 h2,
#gauche .teaser2 h2,
#droite .teaser2 h2 {
text-transform:none;
color:#fff;
margin:0;
padding:0 0 7px;
text-align:center;
font-size:1.1em;
}
.teaser2 img {
display:block;
margin:0 auto;
}
/* Teaser liens simulation et pret */
a.lienSimul {
display:block;
background:url(../img/icoSimulateur.png) 0 0 no-repeat;
padding:0 0 0 24px;
min-height:19px;
}
.teaser a.lienSimul span {
font-weight:normal;
font-size:0.85em;
}
a.lienPret {
display:block;
background:url(../img/icoPret.png) 0 0 no-repeat;
padding:0 0 0 24px;
min-height:19px;
}
/* Menu Boutons */
ul.boutons {
font-family:Arial, Helvetica, sans-serif;
margin:0;
padding:0;
list-style:none;
}
ul.boutons li {
margin:0;
padding:0;
}
ul.boutons li a {
display:inline-block;
width:167px;
height:23px;/*27-4*/
margin:0 0 9px;
padding:4px 0 0;
background:url(../img/fdBouton.png) 0 0 no-repeat;
color:#fff;
text-decoration:none;
text-align:center;
font-weight:bold;
font-size:1.3em;
}
ul.boutons li a:hover, ul.boutons li a.act {
background:url(../img/fdBoutonOn.png) 0 0 no-repeat;
text-decoration:none;
color:#fff;
}
/* niveau supplémentaire Actus */
ul.boutons li ul {
margin:0 0 10px;
padding:0;
list-style:none;
width:167px;
}
ul.boutons li ul li {
margin:0 0 3px;
padding:0 0 2px;
}
ul.boutons li ul li a {
display:block;
width:auto;
height:auto;
margin:0;
background:none;
color:#fff;
padding:2px 0 0 2px;
background:#2f130f;
text-align:left;
font-weight:normal;
font-size:1.2em;
}
ul.boutons li ul li a:hover, ul.boutons li ul li a.act {
text-decoration:none;
background:#a38977;
font-weight:bold;
color:#fff;
}

/* MENU GAUCHE */
ul#menuG {
margin:0;
padding:0;
list-style:none;
width:167px;
font-size:1.2em;
}
ul#menuG li {
margin:0;
padding:0;
}
ul#menuG li a {
display:block;
padding:2px 0 2px 2px;
background:#301410;
text-align:left;
color:#fff;
}
ul#menuG li a:hover, ul#menuG li a.act {
background:#a38977;
text-decoration:none;
}
ul#menuG li ul {
margin:0;
padding:0;
list-style:none;
}
ul#menuG li ul li {
margin:0;
padding:0;
}
ul#menuG li ul li a {
display:block;
color:#301410;
padding:2px 0 2px 15px;
background:#d1d1c9;
text-align:left;
}
ul#menuG li ul li a:hover, ul#menuG li ul li a.act {
text-decoration:none;
background:#d1d1c9;
font-weight:bold;
}

/* FORMULAIRE DE CONTACT */
div.lisere {
width:540px;
padding:0 0 8px;
background:url(../img/lisereFormB.png) 0 100% no-repeat;
}
div.lisere div.top {
padding:8px 0 0;
background:url(../img/lisereFormH.png) 0 0 no-repeat;
}
div.lisere  div.top div.mid {
padding:8px 0 0 8px;
background:url(../img/lisereFormC.png) 0 0 repeat-y;
}
form#mailform {
margin:0;
padding:10px 0;
}
form#mailform input,
form#mailform select,
form#mailform label {
vertical-align:middle;
font-size:1.1em;
}
form#mailform textarea {
vertical-align:top;
width:300px;
height:200px;
border:1px solid #a38977;
font-size:1.1em;
}
form#mailform input,
form#mailform select {
width:170px;
border:1px solid #a38977;
}
form#mailform label {
display:inline-block;
text-align:right;
width:170px;
}
form#mailform span.req {
font-weight:bold;
color:#dd2319;
}
form#mailform input.csc-mailform-submit {
border:0;
width:auto;
margin:0 0 0 180px;
}
/* variante calculette */
form#mailform.calc label {
display:inline-block;
text-align:right;
width:250px;
}

/* Teasers ACTU */
.teaserActu {
clear:both;
padding:0;
}
#centre .teaserActu h2 {
margin:0;
padding:0 0 2px;
font-size:1.4em;
}
#centre .teaserActu img {
float:left;
margin:0 10px 5px 0;
}
#centre .teaserActu p img {
float:none;
}
