body {
background:#F3F0E1 url(../gfx/fonds/back.gif) repeat-x;
}
#main {
background:url(../gfx/fonds/main.gif) no-repeat 0 16px;
margin:0 auto;
padding:10px 4px 0;
width:936px;
}
#header {
background:url(../gfx/fonds/header.gif) no-repeat;
height:129px;
margin-left:1px;
padding:28px 5px 0;
position:relative;
width:916px;
}
#header h1 {
float:left;
margin-top:5px;
position:relative;
z-index:2;
}
#header h1 a {
background:url(../gfx/logos/ecop-constructeur-morbihan.gif) no-repeat;
display:block;
height:112px;
width:146px;
}
#header h2 {
background:url(../gfx/deco/puces/fleche.gif) no-repeat left center;
color:#2a2728;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:normal;
left:30px;
padding-left:17px;
position:absolute;
top:5px;
}
#header h2 strong {
font-weight:normal;
}
#header h2 a {
color:#2a2728;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
}
#top {
background:url(../gfx/fonds/top.jpg) no-repeat;
float:left;
height:30px;
left:-4px;
margin-right:-4px;
padding:93px 0 0 43px;
position:relative;
top:0;
width:729px;
z-index:1;
}
#header #telephone {
background:url(../gfx/fonds/telephone.gif) no-repeat;
display:block;
height:26px;
position:absolute;
right:12px;
text-indent:-9999px;
top:10px;
width:135px;
}
#menu {
background:url(../gfx/fonds/menu.gif) repeat-x;
height:22px;
padding:8px 0 0 10px;
width:712px;
}
#menu li {
background:url(../gfx/deco/puces/menu.gif) no-repeat 0 4.5px;
float:left;
margin-right:17px;
padding-left:23px;
}
#menu li a {
color:#414d36;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
text-decoration:none;
}
#menu li a:hover,#menu li.active a {
color:#000;
}
#contenu_t {
background:url(../gfx/fonds/contenu_t.gif) no-repeat;
padding-top:9px;
width:926px;
}
#contenu_m {
background:url(../gfx/fonds/contenu_m.png) repeat-y;
padding:0 6px;
}
#contenu {
background:#E9E5C3 url(../gfx/fonds/contenu.gif) repeat-x left bottom;
padding:0 4px;
position:relative;
min-height:518px;
}
#bien_etre {
left:2px;
position:relative;
z-index:98;
}
#actus {
background:url(../gfx/fonds/actus.gif) no-repeat;
height:47px;
margin:0 auto 2px;
padding:4px 250px 0 185px;
position:relative;
top:-1px;
width:467px;
z-index:99;
}
#actus a {
color:#333;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:15px;
text-decoration:none;
}
#actus a strong {
color:#d88317;
font-size:16px;
}
#actus img  {
left:115px;
position:absolute;
top:-6px;
}
#actus a b {
color:#597545;
font-weight:normal;
}
#compteur {
background:url(../gfx/fonds/compteur.jpg) no-repeat;
height:109px;
position:absolute;
right:-32px;
text-indent:-5000px;
top:-12px;
width:146px;
z-index:100;
}
#maisons {
background:url(../gfx/fonds/maisons.gif) no-repeat;
float:left;
height:216px;
position:relative;
width:452px;
}
#maisons a, #loft a {
bottom:6px;
left:7px;
position:absolute;
}
#loft {
background:url(../gfx/fonds/loft.gif) no-repeat;
float:left;
height:216px;
margin:0 0 2px 3px;
position:relative;
width:450px;
}
#maisons h2, #loft h2 {
display:none;
}
#choix_t {
background:url(../gfx/fonds/choix.gif) no-repeat;
clear:left;
height:14px;
width:910px;
}
#choix {
background:#C8C8C4;
border-left:2px solid #FCFCF8;
border-right:2px solid #FCFCF8;
margin-left:4px;
overflow:hidden;
width:898px;
}
#photos {
background:#D9D8D4 url(../gfx/fonds/photos.gif) repeat-x;
clear:left;
left:-22px;
overflow:hidden;
margin:12px 0 -12px;
padding:55px 0 0 0;
position:relative;
width:761px;
}
.photo {
float:left;
margin:0 0 0 32px;
position:relative;
width:210px;
}
.photo img {
display:block;
}
.infos {
background:url(../gfx/fonds/infos.gif) no-repeat;
height:35px;
left:-10px;
padding:0 0 9px 9px;
position:absolute;
text-align:left;
top:-27px;
width:141px;
}
.infos h3, .infos p, .infos a {
font-family:Arial, Helvetica, sans-serif;
}
.infos a {
display:block;
padding-top:11px;
text-decoration:none;
}
#centre_m .infos h3,#centre_m .infos a,.infos a {
color:#fff;
font-size:13px;
margin:0;
}
#centre_m .infos p {
color:#CACACA;
font-size:11px;
}
#bas {
background:url(../gfx/fonds/bas.jpg) no-repeat;
color:#444;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
height:99px;
left:-3px;
line-height:13px;
padding:2px 17px 0 0;
position:relative;
text-align:right;
width:915px;
z-index:10;
}
#footer {
background:url(../gfx/fonds/footer.gif) repeat-x;
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
height:22px;
margin-bottom:-3px;
padding-top:12px;
position:relative;
text-align:center;
top:-9px;
z-index:5;
}
#baseline {
color:#656565;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:12px;
margin:0 auto;
padding-bottom:8px;
text-align:center;
width:920px;
}
#baseline a {
color:#656565;
}
#centre_t {
background:url(../gfx/fonds/centre_t.gif) no-repeat;
height:58px;
margin-bottom:-3px;
position:relative;
top:-3px;
}
#centre_m {
background:url(../gfx/fonds/centre_m.gif) repeat-y;
min-height:408px;
overflow:hidden;
padding:10px 32px 12px 35px;
width:839px;
}
#contact #centre_m {
background:url(../gfx/fonds/centre_m_contact.jpg) no-repeat left bottom;
padding:20px 0 50px;
}
#srub #centre_m {
background:url(../gfx/fonds/srub_m.gif) no-repeat;
padding:20px 0 12px 165px;;
position:relative;
top:-1px;
width:741px;
z-index:50;
}
#srub #smenu {
left:6px;
position:absolute;
top:54px;
width:139px;
z-index:51;
}
#srub #smenu li a {
background:#756F3F url(../gfx/fonds/smenu_li.gif) no-repeat -139px 0;
color:#fff;
display:block;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
line-height:13px;
padding:7px 5px 10px 20px;
text-decoration:none;
text-transform:uppercase;
width:114px;
}
#srub #smenu li a:hover,#srub #smenu li a.active:hover {
background:#4B814B url(../gfx/fonds/smenu_li.gif) no-repeat -278px 0;
}
#srub #smenu li.active a {
background:#BC6511 url(../gfx/fonds/smenu_li.gif) no-repeat;
}
#centre_b {
background:url(../gfx/fonds/centre_b.gif) no-repeat left bottom;
padding-bottom:7px;
}
#contact #centre_b {
background:url(../gfx/fonds/centre_b_contact.gif) no-repeat left bottom;
}
#srub #centre_b {
background:url(../gfx/fonds/srub_b.gif) no-repeat left bottom;
padding-bottom:17px;
}
#centre_t h2 {
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
padding:11px 0 0 17px;
text-transform:uppercase;
}
#centre_m p.intro {
color:#212121;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
margin:0 10px 9px 0;
}
#centre_m p.intro a {
color:#212121;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
text-decoration:none;
}
#centre_m p.intro strong {
font-weight:normal;
}
#centre_m p, #centre_m li, #centre_m h3, #centre_m p a {
color:#636363;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}
#centre_m p, #centre_m h3 {
margin-top:18px;
}
#centre_m blockquote p {
margin-top:0;
}
#centre_m h3 {
color:#DE8D00;
}
#centre_m h3 a {
color:#DE8D00;
font-size:13px;
text-decoration:none;
}
#centre_m li {
background:url(../gfx/deco/puces/puce.gif) no-repeat 0 4px;
padding-left:16px;
}
#centre_m p.no_margin {
margin:0;
}
#centre_m img {
float:right;
margin:10px 13px;
}
#form {
margin:0 auto;
width:387px;
}
#form_contact li {
background:none;
padding:0;
}
#adresse,#form_contact {
background:url(../gfx/deco/lignes/green_dots.gif) repeat-x;
padding-top:10px;
}
#centre_m #adresse p,#form_contact fieldset {
background:url(../gfx/deco/lignes/green_corner.gif) no-repeat right top;
padding:6px 9px 0 13px;
}
#centre_m #adresse p {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
margin-top:0;
text-align:right;
}
#adresse p strong {
color:#85a90d;
font-size:13px;
font-weight:normal;
}
#adresse p b {
background:url(../gfx/fonds/tel.gif) no-repeat right top;
color:#FFF;
display:block;
font-size:13px;
height:18px;
padding:1px 7px 0 0;
width:360px;
}
#centre_m #adresse img {
float:none;
margin:2px 0 0;
}
#form_contact ul li {
clear:left;
position:relative;
margin-bottom:4px;
}
#form_contact label {
display:block;
float:left;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:3px;
width:81px;
}
#form_contact strong {
color:#749E3C;
font-weight:normal;
}
#form_contact label,#form_contact p {
text-align:right;
}
#form_contact p {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:5px 0 0 72px;
}
input,select,textarea {
background:#f1efe7;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border:1px solid #8F8F8F;
width:279px;
}
#form_contact button {
background:url(../gfx/deco/boutons/submit.gif) no-repeat left center;
border:none;
color:#FFF;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:17px;
padding-left:20px;
text-align:left;
width:74px;
}
#form_contact button:hover {
cursor:pointer;
}
.fValidator-msg {
background:url(../gfx/fonds/bulle.gif) no-repeat;
color:#FFFFFF;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 0 -20px;
padding:5px 5px 5px 25px;
position:relative;
right:-365px;
top:-18px;
width:118px;
z-index:20;
}
#emailrequired_msg {
top:0;
margin:0;
}
.textarea .fValidator-msg {
margin:0 0 -45px;
top:-63px;
}
.textarea textarea {
height:59px;
}
#form_contact p.confirmation {
text-align:left;
}
#bt_plans {
background:url(../gfx/textes/boutons/plans.gif) no-repeat;
display:block;
height:110px;
position:absolute;
right:6px;
text-indent:-9999px;
top:569px;
width:107px;
z-index:100;
}
#link_cgv {
background:url(../gfx/textes/boutons/contrat.gif) no-repeat;
display:block;
height:112px;
left:11px;
position:absolute;
text-indent:-9999px;
top:610px;
width:111px;
z-index:100;
}
.bt_plans {
height:45px;
margin:20px auto 0;
width:270px;
}
.bt_plans a {
background:url(../gfx/fonds/bt_illus.gif) no-repeat;
color:#fff;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
height:13px;
padding:16px;
text-decoration:none;
width:248px;
}
#plans_photos {
clear:both;
}
#centre_m #plans_photos img {
float:none;
margin:0;
}
#centre_m #plans_photos .maison {
float:left;
margin:10px 0;
text-align:center;
width:180px;
}
#centre_m  .maison p {
margin:0;
text-align:center;
}
#etude, #concept, #chiffrage, #financement{
float:left;
height:222px;
}
#etude h2, #concept h2, #chiffrage h2, #financement h2 {
position:relative;
}
#etude h2 a, #concept h2 a, #chiffrage h2 a, #financement h2 a {
display:block;
height:230px;
left:0;
position:absolute;
text-indent:-9999px;
top:0;
width:222px;
}
#etude p, #concept p, #chiffrage p, #financement p {
background:url(../gfx/deco/puces/dfleches.gif) no-repeat 0 0.3em;
color:#474747;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:62px 0 0 17px;
padding:0 62px 0 0;
text-indent:10px;
text-decoration:none;
width:145px;
}
#etude p a, #concept p a, #chiffrage p a, #financement p a {
font-size:12px;
text-decoration:none;
}
#etude {
background:url(../gfx/fonds/etude.jpg) no-repeat;
}
#concept {
background:url(../gfx/fonds/concept.jpg) no-repeat;
}
#chiffrage {
background:url(../gfx/fonds/chiffrage.jpg) no-repeat;
}
#financement {
background:url(../gfx/fonds/financement.jpg) no-repeat;
}
#etude h2 {
width:226px;
}
#concept h2 {
width:227px;
}
#chiffrage h2 {
width:227px;
}
#financement h2 {
width:222px;
}
#modes h2 {
background:#F5EEE9 url(../gfx/deco/puces/3.gif) no-repeat 180px center;
color:#000;
padding:4px 0 0 25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
height:24px;
text-align:center;
text-transform:uppercase;
width:638px;
}
#modes h2 strong {
display:none;
}
#modes {
background:#fff;
border-bottom:1px solid #A2A2A2;
overflow:hidden;
margin:0 3px;
padding-bottom:7px;
width:663px;
}
.mode {
background:url(../gfx/fonds/mode.gif) no-repeat;
border:1px solid #969696;
float:left;
margin:7px 3px 0 3px;
padding:3px;
width:206px;
}
.mode p {
background:#F7F7F7;
color:#3d2700;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
height:106px;
line-height:13px;
padding:4px 8px;
text-align:justify;
}
.mode h3 {
color:#303030;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
text-align:center;
}
.mode h3 strong {
color:#006205;
display:block;
font-size:18px;
font-weight:normal;
text-transform:uppercase;
}
#solar, #toiture, #maison_portable {
margin-bottom:2px;
padding:1px 0 0 22px;
width:203px;
}
#solar{
background:url(../gfx/fonds/solar.jpg) no-repeat;
height:119px;
}
#toiture {
background:url(../gfx/fonds/toiture.jpg) no-repeat;
height:122px;
}
#maison_portable {
background:url(../gfx/fonds/portable.jpg) no-repeat;
height:122px;
}
#solar a, #toiture a, #maison_portable a {
color:#474747;
display:block;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
height:112px;
line-height:13px;
padding-top:7px;
text-decoration:none;
text-transform:uppercase;
}
#solar a strong, #toiture a strong, #maison_portable a strong {
display:block;
font-size:18px;
font-weight:normal;
}
#materiaux {
background:#fff;
border-bottom:1px solid #A2A2A2;
height:164px;
margin:3px;
overflow:hidden;
width:663px;
}
#materiaux h2 {
background:#F5EEE9;
color:#000;
padding:4px 0 0 25px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:normal;
height:24px;
text-align:center;
text-transform:uppercase;
width:638px;
}
#mob {
background:url(../gfx/fonds/mob.jpg) no-repeat center bottom;
}
#brique {
background:url(../gfx/fonds/brique.jpg) no-repeat center bottom;
}
#thermopierre {
background:url(../gfx/fonds/thermopierre.jpg) no-repeat center bottom;
}
.mater {
float:left;
padding-top:10px;
text-align:center;
width:221px;
}
.mater h3 {
color:#fff;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
height:17px;
padding-top:53px;
text-transform:uppercase;
}
.mater p {
color:#3d2700;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:14px;
margin:2px 37px;
}
.tip {
color:#fff;
position:relative;
width:300px;
z-index:1000;
}
.tip-title {
font-weight:bold;
font-size:11px;
margin:0;
color:#6FBC30;
padding:8px 8px 4px;
background:url(../gfx/fonds/bubble.png) top left;
}
.tip-text {
font-size:11px;
padding:4px 8px 8px;
background:url(../gfx/fonds/bubble.png) bottom right;
}
#choix_b {
background:url(../gfx/fonds/choix_b.gif) no-repeat;
height:37px;
margin-left:4px;
padding:10px;
width:881px;
}
#choix_b h2 {
color:#fff;
float:left;
font-size:15px;
font-weight:normal;
line-height:20px;
text-transform:uppercase;
width:300px;
}
#choix_b ul {
float:left;
}
#choix_b li {
background:url(../gfx/fonds/choix_li.gif) no-repeat;
color:#fff;
font-size:15px;
height:24px;
margin-bottom:-5px;
position:relative;
padding:2px 0 0 26px;
top:-5px;
width:371px;
}
#choix_b li strong {
font-weight:normal;
}
#bt_contact {
background:url(../gfx/deco/puces/contact.gif) no-repeat left center;
color:#fff;
display:block;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
margin:6px auto 0;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:174px;
}
#centre_m .infos h3, #centre_m .infos p {
margin-top:0;
}
#centre_m #photos img {
float:none;
margin:0;
}
#centre_m img.logo  {
float:none;
margin-left:80px;
}
.accroche {
background:url(../gfx/textes/titres/unique.gif) no-repeat;
height:32px;
position:absolute;
right:12px;
text-indent:-9999px;
top:22px;
width:609px;
}
.nav_lofts {
float:right;
}
#centre_m .nav_lofts li {
background:url(../gfx/deco/boutons/lofts.gif) no-repeat;
float:left;
height:26px;
margin-right:15px;
padding:0 0 9px 9px;
width:132px;
}
#centre_m .nav_lofts li a, #centre_m .nav_lofts li p {
font-family:Arial, Helvetica, sans-serif;
}
#centre_m .nav_lofts li a {
color:#fff;
font-size:13px;
font-weight:bold;
margin:0;
text-decoration:none;
}
#centre_m .nav_lofts li p {
margin-top:0;
}
#centre_m .nav_lofts li p a {
color:#CACACA;
font-size:11px;
font-weight:normal;
margin-top:0;
}
#presse {
background:#F0ECE1;
	border-bottom:1px solid #D9D4C6;
	border-top:1px solid #D9D4C6;
	clear:both;
	height:500px;
	margin-left:-33px;
	margin-top:15px;
	overflow:hidden;
	width:902px;
}
#presse .bg1, #presse .bg2 {
	float:left;
	height:250px;
	text-align:center;
	width:225px;
}
#presse .bg1 {
background:#CEC5AC;
}
#presse .bg2 {
background:#E3DED0;
}
#presse .bg1 p , #presse .bg2 p {
margin-top:0;
}
#presse .bg1 a img , #presse .bg2 a img {
border:1px solid #9D9990;
float:none;
}
#baseline .mention {
font-size:10px;
}
#baseline .mention strong {
color:#DF28A6;
}