@import url(reset.css); 
body { background:url(../img/decors/fond.jpg) top center; font-family:Tahoma; font-size:80%; }

a{ color:#000; font-weight:900; }
a:hover{ color:#fca648; }
#conteneur { width:800px; margin:0 auto; }

/* Header
---------------------------------------------------------------- */
#header { width:799px; height:466px; margin:0 auto; background:url(../img/decors/header.jpg) top right no-repeat; }
#logo { background:#fff; padding:14px 0 0 15px; }
#menu { width:774px; margin:0 auto; }
#menu li { float:left; text-align:center}
#menu li a{ width:129px; height:25px; margin:11px 0 0 0; padding:12px 0 0 0; display:block; float:left; background-image:url(../img/decors/onglets2.png); background-repeat:no-repeat;  text-align:center; text-indent:-10000px; }
#menu li a:hover, #menu li a.active{margin-top:5px; padding-bottom:6px; }
#menu li a#accueil {background-position:0 0; }
#menu li a#accueil.active{background-position:0 -57px; }
#menu li a#particulier {background-position:-129px 0; }
#menu li a#particulier.active{background-position:-129px -57px; }
#menu li a#industriel {background-position:-258px 0; }
#menu li a#industriel.active{background-position:-258px -57px; }
#menu li a#realisation {background-position:-387px 0; }
#menu li a#realisation.active{background-position:-387px -57px; }
#menu li a#societe {background-position:-516px 0; }
#menu li a#societe.active{background-position:-516px -57px; }
#menu li a#devis {background-position:-645px 0; }
#menu li a#devis.active{background-position:-645px -57px; }

/* Contenu
---------------------------------------------------------------- */
#contenu { width:800px; margin:-282px auto 0; display:table; background:url(../img/decors/contenu.jpg) top center no-repeat}
#contenu h2 span{ display:block; margin:-5px 13px 0 -30px; padding:5px 5px 14px 32px; border-bottom:1px dotted #444; background:url(../img/decors/h2.jpg) top left no-repeat; }
.illu { display:block; float:left; position:relative; background-position:top left; background-repeat:no-repeat; text-indent:-9999px; }
.illu.big { width:194px; height:149px; margin:3px 0 0 -207px; background-image:url(../img/decors/illu_big_fond.gif); }
.illu.middle { position:absolute; width:131px; height:101px; margin:-101px 0 0 -1px; background-image:url(../img/decors/illu_middle_fond.gif); }
.illu.middle:hover { background-position:bottom left }
.illu.normal { position:absolute; width:145px; height:111px; margin:-112px 0 0 -1px; background-image:url(../img/decors/illu_normal_fond.gif); }
.illu.small { width:108px; height:83px; margin:0px 0 0 -115px; background-image:url(../img/decors/illu_small_fond.gif); }
.illu.small:hover { background-position:bottom left }


/* Sidebar */
#sidebar { width:164px; height:auto; margin:0 0 0 13px; float:left; background:url(../img/decors/sidebar.jpg) bottom left no-repeat; }
#sidebar h2{ height:41px; padding:18px 0 0 43px; background:url(../img/decors/sidebar.jpg) top left no-repeat; }
#sidebar dl { margin:0 12px 30px 12px; }
#sidebar dt { margin:0 0 10px; }
#sidebar dd.link { text-align:right; margin:5px 7px 0 0; }
/* Particulier */
#sidebar .menu { padding:18px 0 0 0px; background:url(../img/decors/sidebar.jpg) top left no-repeat; }
#sidebar .menu li.first { padding:5px 13px 4px 0px; margin:-5px 0 20px 2px; }
#sidebar .menu li.active.first { margin-bottom:8px; }
#sidebar .menu li.active.last { margin:19px 0 14px 7px; }
body.devis #conteneur #contenu #sidebar .menu li.active.first { margin-bottom:-1px; }
#sidebar .menu li.active { margin-left:7px; padding:5px 13px 5px 0px; font-weight:bold; text-align:right; background:url(../img/decors/s_menuactive.jpg) top left no-repeat; }
#sidebar .menu li.active ul { margin:10px 0px 0 -10px; text-align:right }
#sidebar .menu li.active li { background:none; padding:0; margin:0 }
#sidebar .menu li.active li a{ color:#f08406; text-decoration:none; font-style:italic; font-weight:400; line-height:15px; background:none }
#sidebar .menu li.active li a:hover{ color:#bf6e17 }
#sidebar .menu li { padding:5px 13px 5px 0px; margin:20px 0 12px 2px; text-align:right; background:url(../img/decors/s_menu.jpg) top left no-repeat; }
#sidebar .menu li ul{ display:none }
#sidebar .menu li.active ul{ display:block }
#sidebar .menu li a{ font-weight:bold; text-decoration:none; }

/* Main */
.main { width:597px; height:auto; margin:0 15px 15px 190px; padding:0 0 10px; background:url(../img/decors/main.jpg) bottom center no-repeat; }
.main h2{ height:41px; padding:18px 0 0 43px; background:url(../img/decors/main.jpg) top left no-repeat; }
.main .rouage{ display:block; width:170px; height:45px; margin:0 auto; }
.main p{ margin:0 15px 19px;}
/* Particulier */
.main.particulier div.ref, .main.industriel div.ref { margin-left:13px; padding:10px; width:571px; height:104px; background:url(../img/decors/m_ref.jpg) top left no-repeat; }
.main.particulier div.ref img, .main.industriel div.ref img{ float:left; margin-right:10px }
.main.particulier table, .main.industriel table { width:437px; /*border:1px solid #7e7e7e*/ }
.main.particulier table tr.active, .main.industriel table tr.active { background:#7e7e7e; }
.main.particulier table tr.active td, .main.industriel table tr.active td { text-align:center; padding:3px 0; font-weight:bold; width:33.9% }
.main.particulier table tr td, .main.industriel table tr td { text-align:center; padding:4px 0; /*border-right:1px solid #7e7e7e;*/ }
/* Realisations */
.main.realisations div.real { margin:0 13px; padding:10px; width:571px; height:173px; background:url(../img/decors/m_real.jpg) top left no-repeat; }
.main.realisations div.real img { float:left; margin:4px 15px 0 3px; }
.main.realisations div.real h3 { margin:4px 5px; }
.main.realisations div.real p { margin:10px 23px 0 0; }
.main .pages { margin:0px 30px 0 -25px; text-align:right; }
.main.realisations .pages.real { margin-top:0px; }
.main .pages span { margin-right:7px; color:#f48916; font-weight:bold; text-decoration:underline }
.main .pages a { padding:1px 4px; background:#ddd; border:1px solid #aeadac; color:#515050; text-decoration:none; }
.main .pages a:hover { background:#eee; border:1px solid #93908e; color:#f48916; text-decoration:none; }
/* Devis/Contact */
#coordonnees { margin:20px auto; width:200px; font-size:115% }

.main.devis #contact { width:560px; height:419px; margin:15px auto; background:url(../img/decors/d_fond.jpg) top left no-repeat; }
#contact fieldset.inputs{border:none; padding:15px 0 0 20px}
#contact fieldset.inputs p{padding:5px 0}
#contact fieldset.inputs p.field{padding:5px 0; width:auto; margin:0; clear:left}
#contact fieldset.inputs p label{width:auto; color:#000; cursor:pointer; font-size:13px}
#contact fieldset.inputs p.field label{display:block; padding:0 4px 4px 0; width:140px; float:left; text-align:left}
#contact fieldset.inputs input, #contact fieldset.inputs textarea{color:#000; border:1px solid #fccf9e; padding:3px 2px; font-family:Tahoma; font-size:110%; width:355px; }
#contact fieldset.inputs input:hover, #contact fieldset.inputs textarea:hover, #contact fieldset.inputs input:focus, #contact fieldset.inputs textarea:focus{border-color:#d58f44}
#contact #submit{margin:0 5px 0 278px; width:120px; height:28px; }
p.message { padding:4px 7px; border:1px solid; margin:15px 35px 0 165px }
.message.error { border-color:#ff0000; background:#ffefef; color:#5f0c17 }
.message.valid { border-color:#279f43; background:#bfffce; color:#205f0c }

/* Bottom */
.main.bottom { background-image:url(../img/decors/mainbottom.jpg); }
.main.bottom h2 { background-image:url(../img/decors/mainbottom.jpg); }
.main.bottom #lastproducts { display:table }
.main.bottom #lastproducts li { list-style:none; float:left; margin:5px 8px 10px 13px }

/* Footer
---------------------------------------------------------------- */
#footer { width:770px; height:28px; margin:20px auto 0; clear:both; background:url(../img/decors/footer.jpg) bottom left no-repeat; }
#footer p { color:#a9a9a9; font-weight:900; padding:9px 0 0 15px; }
#footer p#copyright { float:right; margin:-29px 15px 0 0; }
#footer p#copyright img{ vertical-align:middle; margin-right:5px }