html, body {padding: 0;	margin: 0; height: 100%; width: 100%; }
* {padding: 0; margin: 0; }
body {font-size: 79%; font-family: "Arial", "Lucida Sans Unicode"; background: #e7e6e2 url(../images/bkg-main.jpg) no-repeat 0 0; color: #736058; }
img {border: 0; }
.img_png, .div_png {behavior: url(iepngfix.htc); }

strong {font-weight: normal; color: #fe9110; }
a {color: #52463e; }
a:hover {color: #fe9110; }

#frame-main {position: relative; width: 987px; margin-left: auto; margin-right: auto; margin-top: 20px; }
#logo {position: absolute; width: 292px; height: 80px; top: 20px; left: 40px; }
#corps {position: relative; width: 1020px; height: 688px; background: transparent url(../images/bkg-central.png) no-repeat 0 0; }
#corps.long {background: transparent url(../images/bkg-central-long.png) no-repeat 0 0; height: 1170px; }
#corps p, #contenusupp p {margin-left: 100px; margin-top: 15px; margin-bottom: 15px; line-height: 1.8em; }
#corps p.fleche, #contenusupp p.fleche {padding-left: 20px; background: transparent url(../images/elements.png) no-repeat 0 -724px; }
#corps ul, #contenusupp ul {margin-left: 120px; list-style: none; }
#corps ul li {padding-bottom: 6px; }
#corps h1 {margin-left: 100px; font-size: 1.2em; margin-bottom: 10px; }
#corps h2 {margin-left: 100px; font-size: 1.0em; }

/* menu haut */
#menu-haut {position: relative; width: 100%; height: 30px; text-align: right; font-variant: small-caps; font-size: 0.9em; font-weight: bold; }
#menu-haut ul {list-style: none; margin-left: 0; }
#menu-haut ul li {display: inline; }
#menu-haut a {text-decoration: none; }
#menu-haut a:hover {text-decoration: none; }

/* menu principal */
#menu-principal {position: absolute; top: 120px; left: 50px; height: 38px; width: 930px; }
#menu-principal ul {margin-left: 0; }
#menu-principal a {text-decoration: none; }
#menu-principal li {width: 217px; height: 38px; background: transparent url(../images/elements.png) no-repeat 0 0; }
#menu-principal, ul.jd_menu, ul.jd_menu li, ul.jd_menu li ul, ul.jd_menu li ul li {z-index: 100;}
#menu-principal li ul li {background: none; height: auto; }
#menu-principal li#societe-fr {background-position: 0 -528px; }
#menu-principal li.selected#societe-fr {background-position: 0 -616px; }
#menu-principal li#societe-fr:hover {background-position: 0 -616px; }
#menu-principal li#realisations-fr {background-position: 0 -176px; }
#menu-principal li.selected#realisations-fr {background-position: 0 -264px; }
#menu-principal li#realisations-fr:hover {background-position: 0 -264px; }
#menu-principal li#produits-fr {background-position: 0 0px; }
#menu-principal li.selected#produits-fr {background-position: 0 -88px; }
#menu-principal li#produits-fr:hover {background-position: 0 -88px; }
#menu-principal li#recrutement-fr {background-position: 0 -352px; }
#menu-principal li.selected#recrutement-fr {background-position: 0 -440px; }
#menu-principal li#recrutement-fr:hover {background-position: 0 -440px; }

/* sous menu paragraphes */
#sousmenu {position: absolute; bottom: 100px; left: 160px; width: 800px; }
#sousmenu a {text-decoration: none; }
#sousmenu a.selected {color: #fe9110; }


/* contenu */
#corps #contenu {position: absolute; top: 210px; left: 50px; width: 930px; height: 350px; overflow: auto; background-color: transparent; }
#corps.long #contenu {height: 880px; }
#corps.index #contenu {overflow: visible; height: 500px; }
#contenusupp {position: relative; float: left; margin-left: 50px; margin-top: -40px; background-color: transparent; }


/* formulaire de contact */
#col-gauche {position: relative; float: left; width: 330px; height: 350px; }
#col-droite {position: relative; float: left; width: 570px; }
#formulaire {}
#formulaire p {margin-left: 0; }
#formulaire p.submit {margin-left: 148px; margin-top: -50px; }
#formulaire fieldset {border: none; }
#formulaire label {position: relative; float: left; width: 200px; text-align: right; padding-right: 15px; }
#formulaire input, #formulaire textarea {border: solid 1px #52463e; }
#formulaire input {height: 20px; }
#formulaire input.submit {background: transparent url(../images/elements.png) no-repeat 0 -800px; width: 52px; height: 44px; border: none; cursor: pointer; }
#formulaire input.submit:hover {background-position: 0 -896px; }

form label.error {color: red; font-style: italic; }
#formulaire label.error {width: 530px; font-size: 0.8em; margin: 0; padding: 0; }
#formulaire label {clear: left; }
#reponse-form {position: absolute; bottom: 120px; left: 100px; text-align: center; color: red; }


/* page des réalisations */
.pagination {position: relative; float: left; width: 900px; margin-bottom: 15px; } 
.pagination a {text-decoration: none; border: solid 1px #382a21; color: #382a21; }
.pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px; }
.pagination a:hover {background-color: #e8e7e4; }
.pagination .current {background-color: #e8e7e4; color: #382a21; border: solid 1px #382a21; }
.pagination .current.prev, .pagination .current.next {color:#bfdbe8; border-color:#bfdbe8; background:#fff; }
#hiddenresult {position: relative; float: left; clear: left; }

.realisation {position: relative; float: left; width: 224px; height: 280px; margin-right: 6px; }
.realisation img {margin-bottom: 10px; padding: 0; }
#corps .realisation p {margin: 0; padding: 0; line-height: 1.1em; }


/* page des produits */
table.produits {position: relative; float: left; width: 800px; margin-left: 100px; padding: 0; }
table.produits td.libelle {position: relative; float: left; clear: left; color: #fe9110; width: 100px; text-align: right; font-weight: bold; margin-right: 20px; }
table.produits td {position: relative; float: left; margin: 0; width: 480px; padding: 0; vertical-align: top; margin-bottom: 15px; }
table.produits td.image {width: 180px; padding-left: 10px; }
#corps table.produits td p {margin: 0; padding: 0; line-height: 1.2em; }
#corps p.technique {color: #fe9110; }

/* liens */
#liens {position: relative; float: left; width: 980px; text-align: right; margin-top: -70px; font-variant: small-caps; color: #b0a8a1; }
#liens a {text-decoration: none; color: #b0a8a1; }
#liens a:hover {color: #736058; }

#corps.long p, #corps.long h1, #corps.long h2 {margin-left: 0; }