.bbc li, .bbc td {line-height : 19px}
.bbc li {background : url(/images/puces/triangle-orange.gif) 0 6px no-repeat ; padding-left : 10px}
#index {width : 950px}
#index-left {padding-right : 20px}
#index-right {width : 300px}

#index h1 {border-bottom : 1px solid #bbb ; font : bold 16px Trebuchet MS ; color : #d53217 ; font-variant : small-caps ; margin : 0 0 16px ; padding : 0 0 1px 22px ; background :  url(/images/puces/carre-rouge.gif)  1px 5px no-repeat}
#index h2.h1 {border-bottom : 1px solid #bbb ; font : bold 16px Trebuchet MS ; color : #d53217 ; font-variant : small-caps ; margin : 0 0 16px ; padding : 0 0 1px 22px ; background :  url(/images/puces/carre-rouge.gif)  1px 5px no-repeat}

#moteur {border : 0 ; padding : 0 ; margin : 0}
#moteur.ui-widget {font : 11px/18px Verdana}
#moteur .ui-tabs-nav {background : #fff ; border : 0 ; padding : 0}
#moteur .ui-tabs-nav .ui-state-default {border : 1px solid #666 ; font : bold 12px/12px Arial ; text-transform : uppercase ; padding-left : 15px ; padding-right : 15px ; background : url(/images/bg/form.gif)}
#moteur .ui-tabs-nav .ui-state-default a {color : #fff ; outline : 0}
#moteur .ui-tabs-nav .ui-state-active {background : #fff}
#moteur .ui-tabs-nav .ui-state-active a {color : #000 ; outline : 0}
#moteur .ui-widget-content {border : 1px solid #666}
#moteur h5 {font : italic bold 13px Arial ; text-align : center ; margin : 5px 0 20px}
#moteur .moteur-carte {padding : 0 10px}
#moteur .moteur-formulaire {padding : 0 10px}
#moteur .moteur-formulaire li {margin : 16px 0}
#moteur .moteur-formulaire p {margin : 20px 0 ; text-align : center}

.a_la_une_container {background : url(/images/bg/a-la-une.png) ; height : 136px ; width : 300px ; margin-top : 8px ; margin-bottom : 14px ; padding-top : 5px ; position : relative}
.a_la_une_container h5 {color : #707070 ; text-align : center ; font : bold 12px/25px Tahoma}
.a_la_une_container h5 .prev {float : left  ; padding : 8px 10px ; cursor : pointer}
.a_la_une_container h5 .next {float : right ; padding : 8px 10px ; cursor : pointer}
.a_la_une {display : block ; width : 300px ; height : 110px ; overflow : hidden}
.a_la_une li {display : block}
.a_la_une li a {display : block}
.a_la_une li .shadow {display : block ; width : 92px ; height : 92px ; position : absolute ; top : 43px ; right : 9px ; background-color : #ccc}
.a_la_une li .visuel {border : 1px solid #fff ; position : absolute ; top : 40px ; right : 12px}
.a_la_une li .visuel img {width : 90px ; height : 90px}
.a_la_une li .ville     {width : 170px ; margin : 14px 0 6px 8px ; font : bold 11px      Tahoma ; color : #b21f1f}
.a_la_une li .accroche  {width : 170px ; margin :  6px 0 6px 8px ; font :      12px/18px Tahoma}
.a_la_une li .promoteur {width : 170px ; margin :  8px 0 6px 8px ; font : bold 11px/18px Tahoma ; color : #5bb12d ; text-transform : uppercase}

div.actualites div.titre {padding-top : 25px}
div.actualites div.titre span {background : #FFAA00}
div.actualites div.actualite {clear : both ; padding-bottom : 10px ; padding-top : 10px ; border-bottom : 1px dashed #ccc}
div.actualites div.actualite img {float : right ; margin-left : 12px ; margin-top : 6px ; margin-bottom : 8px}
table.magazine {margin-top : 10px}
table.magazine img {margin-right : 10px ; border : 1px solid #aaa}
table.magazine p {text-align : center ; margin : 10px}
table.magazine a {font-weight : bold ; color : #DF0D3D}

#habiter {margin-bottom : 20px}
#photos {padding-top : 8px}
#photos img {margin-bottom : 16px}
#regions {vertical-align : middle ; padding : 0 20px 0 26px}
#cliquez1 {background : url(/images/icones/fleche-gauche.gif) 0 2px no-repeat ; padding : 2px 0 4px 28px ; margin : 0 0 3px 8px ; font-weight : bold}
#cliquez2 {margin : 0 0 3px 56px}
#cliquez3 {background : url(/images/icones/fleche-bas.gif) 0 5px no-repeat ; padding : 4px 6px 6px 24px ; margin : 0 0 3px 14px ; line-height : 16px ; font-weight : bold}
#recherche {margin : 12px 0 12px 10px ; background : #ffd857 ; border : 1px solid #ff6317 ; padding : 8px 20px}
#recherche th {text-align : left ; padding-bottom : 2px}
#recherche td {text-align : left ; padding-bottom : 8px}
#recherche p {text-align : center ; margin : 4px 0 0}
#voir-aussi {text-align : center}
#voir-aussi a {text-decoration : underline}

#investir, #neuf_autrement {margin-bottom : 20px}
#investir h2 , #neuf_autrement h2 {font-weight : bold ; text-align : center ; padding : 3px 0 ; color : #fff ; margin : 2px}
#investir h2 {border : 1px solid #047700 ; background : url(/images/bg/degrade-vert-fonce.gif)}
#investir h2 a {color : #fff}
#neuf_autrement h2 {border : 1px solid #003677 ; background : url(/images/bg/degrade-bleu-fonce.gif)}
#investir td, #neuf_autrement td {width : 25%}
#investir td div, #neuf_autrement td div {margin : 2px ; padding : 4px 8px}
#neuf_autrement td div img {display : block ; margin : 0 20px 5px}
#neuf_autrement tr.images td {text-align : center}
#investir td div {border : 1px solid #b6dfa7 ; background : #e7ffdf}
#neuf_autrement td div {border : 1px solid #95BEEF ; background : #DFEEFF}
#investir td p {text-align : left}
#investir .contenu {height : 143px}
#investir .contenu p {font : 11px Verdana ; margin : 3px 0 6px ; line-height : 16px}
#investir .contenu p a {text-decoration : underline}

.promo {height : 60px}
.promo p {font : 11px Verdana ; margin : 3px 0 6px ; color : #c00}
.promo p a {text-decoration : underline ; color : #000}
#neuf_autrement .promo h2 {border : 1px solid #003677 ; background : url(/images/bg/degrade-bleu-fonce.gif)}
#neuf_autrement .promo h2 a {color : #fff}
#investir       .promo h2 {border : 1px solid #047700 ; background : url(/images/bg/degrade-vert-fonce.gif)}
#investir       .promo h2 a {color : #fff}


#a-la-une, #index .menu, #magazine {margin-bottom : 12px}
#index .titre-accueil {background : url(/images/bg/titre-accueil.gif) right no-repeat ; padding : 2px 0 2px ; text-align : right ; color : #7F5C00 ; font : italic bold 13px Verdana}

#index .menu div {background : url(/images/bg/degrade-gris.gif) ; border : 1px solid #bdbcbd ; border-top : 0 ; padding : 10px 10px 8px}
#index .menu li {background : url(/images/puces/triangle-orange.gif) 0 5px no-repeat ; padding-left : 10px}
#index .menu p {text-align : right ; font : italic 11px Trebuchet MS ; margin : 8px 0 0}
#index .menu p a {text-decoration : underline}

#magazine {margin-top : 10px ; border : 1px solid #ccc}
#magazine td {padding : 6px}

#meilleurtaux {border : 1px solid #ccc ; padding : 8px 0}
#meilleurtaux img {margin : 0 77px 6px}
#meilleurtaux p {text-align : center}

.typo1, .typo1 a {font : bold 18px/24px Helvetica Neue,Arial,Helvetica,sans-serif ; color : #444}
.typo2 {background : #84C342 ; padding : 3px 10px ; color : #fff ; font : bold 14px Helvetica Neue,Arial,Helvetica,sans-serif ; text-transform : uppercase}
.typo3 {background : #799E50 ; padding : 3px 8px 2px ; color : #fff ; font : bold 12px Helvetica Neue,Arial,Helvetica,sans-serif ; text-transform : uppercase}

.rubrique {margin : 10px 0}
.rubrique td.dossier {width : 380px ; vertical-align : top}
.rubrique td.dossier img {float : left ; margin-right : 10px}
.rubrique td.dossier div.contenu {margin-right : 12px ; padding : 10px ; background : #eee}
#index-right .rubrique td.dossier div.contenu {margin-right : 0}
#index-right .articles li {text-align : left ; font : 11px/16px Arial ; padding-right : 5px}
#index-right .articles li a {color : #666}
.rubrique td.dossier p {text-align : left}
.rubrique td.actualites {padding : 3px 5px}
.rubrique td.actualites ul {margin-top : 12px}
.rubrique td.actualites li {font : 11px Arial ; padding-top : 5px ; background-position : 0 5px}
.rubrique div.titre_article {margin : 0}

#index-left h2 {background : #E3FAD1 ; color : #555 ; padding : 2px 8px ; font : bold 18px Arial ; margin : 15px 0 0}


#footer-index {margin:10px 0 0 0; border-top:4px solid #e3fad1;}
#footer-index img {float:left; whidth:45px; height:45px; margin : 5px 5px 0 0;}
#footer-index p {font-size:13px; color:#84c342; font-weight:bold;}
#footer-liens {margin:5px 0 0 0; float:left; width:400px;}
#footer-liens li {float:left; width:45%; padding : 2px 0 2px 20px ; background : url(/images/puces/carre-blanc.gif) 0 5px no-repeat;}
#footer-texte {margin:5px 0 0 0; float:right; width:550px; color:#666;}
#footer-texte p {color:#666; font-size:11px;font-weight:normal;}