body {
margin: 0;
padding: 0;
font-size: 12px;
font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
background-color: #494949;
color: #464646;
}

p {
margin: 0px;
padding: 0px;
}

#content p {
margin: 5px 0 5px 0;
}

a img, img {
border: 0;
}

a {
text-decoration: none;
}

h1 {
font-family: "Myriad Pro", Myriad, Tahoma, Helvetica, Arial, serif;
text-transform: uppercase;
font-size: 14px;
color: #157036;
margin: 12px 0 18px 0px;
padding: 0 0 5px 0;
background: url('../images/underline.png') no-repeat left bottom;
}

h2 {
font-size: 12px;
font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
color: white;
background: url('../images/titre2.png') no-repeat;
width: 643px;
height: 28px;
padding-top: 2px;
padding-left: 8px;
margin: 11px 0 9px 0;
}

h2 a {
color: white;
}

.green {
color: #157036;
}

.clear {
clear: both;
}

#wrapper {
background: white url('../images/bgbottom.gif') repeat-x left bottom;
padding-bottom: 0px;
margin-bottom: 10px;
}

#background {
background: url('../images/bgtop.gif') repeat-x left 74px;
}

#center {
width: 904px;
margin-left: auto;
margin-right: auto;
}

#header {
height: 305px;
width: 886px;
}

#header_img {
position: relative;
height: 74px;
}

#header_img .address1, #header_img .address2 {
position: absolute;
top: 40px;
text-align: right;
font-family: Verdana, "Verdana Ref", sans serif;
font-size: 10px;
color: #5d5d5d;
}

#header_img .address2 {
right: 0px;
width: 125px;
padding-left: 5px;
border-left: 1px solid #5d5d5d;
}

#header_img .address1 {
right: 140px;
}

#header_img .address a {
color: #5d5d5d;
}

#header_flash {
width: 890px;
height: 300px;
margin-top: 1px;
margin-left: 8px;
}

#middle {
background: url('../images/bgmiddle.png') repeat-y left top;
padding-top: 1px;
padding-bottom: 2px;
position: relative;
}

#menutop {
background: url('../images/menutop.gif') no-repeat left 0px;
width: 667px;
height: 33px;
margin-top: 3px;
padding-top: 1px;
}

#menutop p {
font-size: 14px;
font-family: "Myriad Pro", Myriad, Tahoma, Helvetica, Arial, serif;
margin: 2px 0 0 12px;
}

#menutop p a {
color: white;
padding: 0px 4px 0px 4px;
margin-right: 30px; 
}

#menutop p a:hover, #menutop p a.active {
color: #157036;
background-color: #a0c145;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

#content {
margin: 0 5px 0 20px;
width: 640px;
}

#middleleft {
float: left;
}

#menuright {
float: left;
position: relative;
width: 230px;
padding-top: 44px;
padding-bottom: 80px;
font-size: 11px;
color: #5a5450;
}

#nousrejoindre
{
position: relative;
right: 6px;
margin: 10px 0 10px 0;
}

#menuright .inside {
margin-left: 15px;
width: 200px;
z-index: 10;
position: relative;
}

#menuright h3 {
z-index: 10;
position: relative;
margin: 0 0 5px 0;
padding: 0px;
font-size: 12px;
text-transform: uppercase;
color: #157036;
}

/* Partie dernière actualité */
#menuright p.last_actu img {
float: right;
}

#menuright .button {
float: right;
}

.button {
text-align: right;
height: 28px;
padding-top: 15px;
margin: 0 6px 0 0;
color: white;
font-size: 11px;
}

.button a {
color: white;
cursor: pointer;
}

.button span {
padding-bottom: 28px;
padding-top: 2px;
display: block;
float: left;
}

.button .left {
padding-left: 24px;
background: url('../images/buttonleft.gif') no-repeat;
}

.button .right {
padding-right: 11px;
background: url('../images/buttonright.gif') no-repeat;
}

#content .button .right {
padding-right: 10px;
background: url('../images/buttonright2.gif') no-repeat;
}

.button .middle {
background: url('../images/buttonmiddle.gif') repeat-x top left;
height: 28px;
padding-right: 5px;
margin: 0;
}

#bannieres {
text-align: right;
position: absolute;
right: 30px;
bottom: 0px;
}

#derniere_actu {
position: absolute;
top: 1px;
left: 1px;
z-index: 1;
}

#contactez_nous {
position: relative;
right: 6px;
z-index: 10;
}

#a_saisir {
position: relative;
right: 4px;
}

#espace_personnel {
position: relative;
right: 6px;
}

#bottom {
padding-top: 1px;
margin-left: 1px;
width: 896px;
height: 60px;
background: url('../images/bottom.png') no-repeat left top;
position: relative;
margin-bottom: 100px;
}

#bottom p {
font-size: 10px;
font-family: Verdana, "Verdana Ref", sans serif;
color: #6b6b6b;
margin: 36px 0 0 20px;
}

#subbottom {
position: absolute;
right: 90px;
top: 40px;
text-align: right;
width: 130px;
border-left: 1px solid #191919;
line-height: 18px;
}

#subbottom a {
color: #191919;
text-decoration: none;
}

#plansite {
position: absolute;
left: 0;
top: 35px;
width: 650px;
font-size: 11px;
text-align: center;
}

#plansite a {
color: #191919;
}

table.liste_travaux {
font-size: 11px;
border-spacing: 1px;
color: #131313;
}

table.liste_travaux tr th.maitre_ouvrage {
width: 14%;
}

table.liste_travaux tr th.lieu {
width: 10%;
}

table.liste_travaux tr th.intitule {
width: 44%;
}

table.liste_travaux tr th.classe {
width: 11%;
}

table.liste_travaux tr th.montant {
width: 13%;
}

table.liste_travaux tr th {
text-align: center;
font-weight: bold;
background-color: #D8D8D8;
padding: 4px;
border-bottom: 1px solid black;
}

table.liste_travaux tr th a
{
color: #131313;
}

table.liste_travaux tr.ligne0 {
background-color: #F1F1F1;
}

table.liste_travaux tr.ligne1, table.liste_travaux tr.lastligne {
background-color: #D8D8D8;
}

table.liste_travaux tr.lastligne {
font-weight: bold;
}

table.liste_travaux tr td {
padding: 3px;
border-bottom: 1px solid white;
}

table.recherche_travaux {
margin: auto;
}

table.recherche_travaux th {
text-align: right;
font-size: 12px;
font-weight: normal;
}

/* Réalisations */
.realisations div.active, .realisations div.inactive {
padding: 2px 2px 2px 10px;
margin-top: 4px;
}

.realisations div.active img, .realisations div.inactive img {
margin-left: 10px;
}

.realisations div.active {
background-color: #a7c04c;
color: white;
font-size: 14px;
}

.realisations div.active a {
color: white;
}

.realisations div.inactive {
background-color: #f09c18;
color: white;
font-size: 14px;
}

.realisations div.inactive a {
color: white;
}

#realisations_liste {
margin-bottom: 40px;
}

#stage .photo_avant, #stage .photo_apres {
background: url('../images/avant-apresbg.png') no-repeat bottom right;
text-align: right;
color: white;
font-size: 14px;
padding-right: 9px;
width: 273px;
float: left;
margin-top: 15px;
overflow: hidden;
}

#stage .unique .photo_avant, #stage .unique .photo_apres {
background: none;
text-align: center;
width: 620px;
float: none;
}

#stage .photo_avant a, #stage .photo_apres a {
display: block;
margin: 0;
padding: 0;
}

#stage .unique .photo_avant a, #stage .unique .photo_apres a {
display: inline;
}

#stage .photo_avant p, #stage .photo_apres p {
height: 19px;
margin: 0;
padding: 0;
}

#stage .photo_avant {
margin-right: 12px;
margin-left: 31px;
}

#stage .unique .photo_avant {
margin-right: 0px;
margin-left: 0px;
}

#stage .top {
height: 295px;
border-collapse: collapse;
}

#stage .top td {
vertical-align: bottom;
}

#stage p.description {
margin-top: 15px;
font-size: 11px;
border-bottom: 1px black solid;
padding: 1px 0 3px 0;
float: left;
width: 100%;
}

#stage{width:635px; overflow: auto;overflow-x:hidden; overflow-y:hidden; height:332px; margin:0 auto; float: left; position: relative;}
#realisation_liste{border:0; margin:0; padding:0; left:400px;}
#realisation_liste li{
list-style:none; 
margin:0; 
padding:0; 
border:0; 
margin-right:0px;
float:left;
width:635px;
height:332px;
}

#previous {
position: absolute;
left: 0px;
top: 100px;
}
#next {
position: absolute;
right: 0px;
top: 100px;
}

/* Page d'occasion */
div.occasion h2 {
margin-bottom: 1px;
margin-top: 25px;
position: relative;
}

div.occasion h2 span
{
color: #156f35;
font-size: 11px;
}

div.occasion h2 span.sticker {
position: absolute;
right: 18px;
top: -16px;
}
div.occasion h2 span.sticker img {
margin-right: 5px;
}

div.occasion {
width: 625px;
}

div.occasion .left {
width: 50%;
float: left;
}

div.occasion .right {
width: 50%;
float: right;
}

div.occasion p.images, div.occasion p.image_info, div.occasion p.vers_contact {
text-align: right;
}

div.occasion p.image_info {
font-size: 10px;
color: #808080;
}

div.occasion p.vers_contact
{
padding-top: 15px;
}

div.occasion p.vers_contact a {
font-size: 11px;
color: #157137;
}

/* Actualité */
h3 {
font-size: 18px;
color: #d16f1d;
font-family: Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
margin: 10px 0 3px 0;
}

h3 a {
color: #d16f1d;
}

p.actu_top {
background-color: #e8e8e8;
height: 15px;
padding: 4px 0 3px 10px;
color: #999999;
font-size: 11px;
position: relative;
}

div.actu p.actu_top span {
position: absolute;
right: 8px;
top: 3px;
}

/* Profils d'emplois */
p.textleft {
text-align: left;
}

div.emploibox {
background: url('../images/offrebgmiddle.gif') repeat-y 10px top;
padding: 6px 0 6px 28px;
}

.emploi h2 {
margin: 20px 0 0 0;
background: url('../images/offrebgtop.png') no-repeat;
padding: 13px 0 0 20px;
height: 28px;
font-size: 12px;
}

#content.emploi p.bottomlien {
margin: 0 0 0 7px;
height: 28px;
background: url('../images/offrebgbottom.png') no-repeat;
padding: 12px 0 0 12px;
font-size: 11px;
}

.emploi p.bottomlien a {
color: white;
}

form.job table {
width: 94%;
border-spacing: 4px;
margin: 5px 0 5px 0;
border: 1px solid #afafaf;
padding: 4px 8px 4px 2px;
}

form.job table th {
padding-right: 4px;
}

form.job table.partie3 th {
max-width: 110px;
}

form.job table.partie3 tr td input, form.job table.partie3 tr td textarea {
width: 90%;
}

ul.error_list {
color: red;
list-style: none;
margin:0;
}

form.job table tr th {
text-align: right;
vertical-align: middle;
font-size: 12px;
font-weight: normal;
}

/* Profil */
.profile {
background-color: #E1E1E1;
width: 300px;
float: left;
position: relative;
margin: 0 15px 15px 0;
}

.profil .profil_photo {
float: left;
margin: 5px;
}

.profil .profil_photo img {
border: 4px solid #D1D1D1;
}

.profil .profil_desc {
float: left;
margin-left: 10px;
}

#content.profil .profil_desc p.name {
margin: 0px 0 15px 0;
}

.profil .profil_desc .name span {
text-transform: uppercase;
}

.profil .profil_desc a {
color: #666666;
}

.align_left {
text-align: left;
}

.profile .profil_photo {

}

.profile .profil_desc {
float: none;
margin: 5px 0 8px 120px;
}

.nophoto .profil_desc {
margin-left: 10px;
}

.profile .profil_desc .link a {
text-decoration: underline;
color: #333333;
}

/* Contact */
.contact th, .password_form th {
text-align: right;
padding-right: 4px;
}


.password_form table {
width: 80%;
}

.error {
color: red;
}

/* Map google */
#map {
width: 98%;
height: 400px;
}

/* Plan du site */
ul.sitemap_list {
font-size: 15px;
}

ul.sitemap_list ul {
font-size: 13px;
margin-bottom: 15px;
}

ul.sitemap_list li {
margin: 10px 0 10px 0;
}

ul.sitemap_list a {
color: #333333;
}

/* Agréations */
.fichier_box {
float: left;
width: 40%;
padding: 0 15px 0 15px;
background: url('../images/ligne_g.gif') top left repeat-y;
margin: 0 0 25px 0;
}

.fichier_box h3 {
margin: 0 0 0.5em 0;
}