#index {width : 920px}
#index-left {padding-right : 20px}
#index-right {width : 210px}

#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}


#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 32px 6px}
#meilleurtaux p {text-align : center}