* 
 {
 margin: 0;
 padding: 0;
 list-style: none;
 border: 0;
 background-repeat: no-repeat;
 text-decoration: none;
 outline: none;
 overflow:hidden;
 }

 
 
a:link, a:visited, a:hover, a:active {color: #C8B18B;}
.link:hover {text-decoration: underline;}

a.marron:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #c8b18b; text-decoration: none; text-align: center;}
a.marron:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #c8b18b; text-decoration: none; text-align: center;}
a.marron:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-decoration: none; text-align: center;}
a.marron:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #c8b18b; text-decoration: none;text-align: center;}

a.vert:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none; text-align: center;}
a.vert:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none; text-align: center;}
a.vert:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #985b07; text-decoration: none; text-align: center;}
a.vert:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none;text-align: center;}

a.vertb:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none; text-align: center;}
a.vertb:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none; text-align: center;}
a.vertb:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #ffffff; text-decoration: none; text-align: center;}
a.vertb:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none;text-align: center;}

 img {display: block;}
 input.text, textarea {background-color: #694f47; color: #f8f3ea; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;}
 em {font-style: normal; font-weight: bold;}
 
 body {background:url(./../../images/background.jpg); background-position: top left; height:100%; height:100%; background-repeat:no-repeat; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 21px; }

 .clearer { height: 0.1em; clear: both;}

 #container {width: 1000px; height: 555px; margin: 0 auto;  position: absolute; top: 50%; left: 50%; margin-left: -500px; margin-top: -261px;  }
 #wrapper { background:url(./../../images/bg_middle.gif); }
 #page { background-image:url(./../../images/bg_top.gif);   }
 #page_top {background-image:url(./../../images/bg_bottom.gif); background-position: left bottom; padding: 5px 5px 4px;  }
 #page_bottom {border: 1px solid #ffffff; }
 #real_page {background: #ffffff; height: 494px; position: relative; overflow: hidden; border: 5px solid #ffffff; }
 
 h1 {width: 160px; height: 160px;  position: absolute; top: 10px; left:790px; z-index: 10000; }
 h1 a {text-indent: -3000px; overflow: hidden; background:url(./../../images/espace-terrase.gif); display: block; height: 100%; width: 100%;}
 h2 {width: 246px; height: 248px; position: absolute; top: 0; right: 0; text-indent: -3000px; overflow: hidden; }
 h3 {height: 14px; text-indent: -3000px; overflow: hidden; margin-bottom: 12px;}
 h4 {font-size: 10px;}
 h4.noutati {margin-bottom: 5px;}
 
 #contimg { background-image:url(./../../images/barre.gif); background-repeat:repeat; background-position: center center; height:1px; width: 220px; position: absolute; top: 403px; left:769px; z-index: 10000; display:block; }
 #cont {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align:center; width: 220px; position: absolute; top: 410px; left:763px; z-index: 10000;  }
 p.vert {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; z-index: 10000; color:#5d731a; margin:0; padding:0; }
 p.vertb {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; z-index: 10000; color:#5d731a; margin:0; padding:-10px 0 0 0; }

 #main_menu {width: 142px; position: absolute; top: 202px; left: 805px; padding: 1px 0 0; background:url(./../../images/dot_hor.gif); background-repeat: repeat-x;}
 #main_menu li {padding: 0 0 1px; background:url(./../../images/dot_hor.gif); background-repeat:repeat-x; background-position: left bottom; width: 100%; float: left;}
 #main_menu a:link, #main_menu a:visited, #main_menu a:active {display: block; height: 20px; background-position: -137px 6px; text-indent: -3000px; background-repeat: no-repeat;  }
 #main_menu a:hover, #main_menu a#hovered:link, #main_menu a#hovered:visited, #main_menu a#hovered:active {background-position: 5px 6px;}
 .societe {background:url(./../../images/societe.gif);}
 .produits {background:url(./../../images/produits.gif);}
 .services {background:url(./../../images/services.gif);}
  #main_menu .galerie {background:url(./../../images/galerie-photos.gif); background-repeat: no-repeat; background-position: 5px 6px;}
 .actualites {background:url(./../../images/actualites.gif);}
 .actualitesb {background:url(./../../images/actualites.gif);}
 .boutique {background:url(./../../images/boutique.gif);}
 .contact {background:url(./../../images/contact.gif);} 
 .mb {background:url(./../../images/contact.gif);} 
 .formulaire {background:url(./../../images/contact.gif);} 
 .biographie {background:url(./../../images/biographie.gif);}
 
 #contents_wrapper {width: 764px; height: 494px;  position: absolute; overflow: hidden;}
 #contents {width: 10696px; height: 100%; position: relative;}
 .content {width: 764px;  position: absolute; overflow: hidden; }
 #home {left: 0; top: 0;}
 
 #societe {left: 764px; top: 0; background-color: #5d731a; background-image:url(./../../images/societe-terrassement.jpg); padding: 300px 0 0;}
 #societe h2 { background-image:url(./../../images/societe-h2.gif); background-position: center center; display:none;}
 #societe .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #ffffff; text-align:justify;}
 #societe h3 {background-image:url(./../../images/societe-h3.gif); height: 25px;}
 
 
 #produits {left: 1528px; top: 0; background-color: #5d731a; background-image:url(../../images/terrasse-en-bois.jpg); padding: 300px 0 0;}
 #produits h2 { background-image:url(./../../images/produits-h2.gif); background-position: center center; display:none;}
 #produits .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #ffffff; text-align:justify;}
 #produits h3 {background-image:url(./../../images/produits-h3.gif); height: 25px;}
 
 #services {left: 2292px; top: 0; background-color: #5d731a; background-image:url(../../images/terrasse_en_bois.jpg); padding: 300px 0 0;}
 #services h2 {background-image:url(./../../images/services-h2.gif); background-position: center center; display:none;}
 #services .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #ffffff; text-align:justify;}
 #services h3 { background-image:url(./../../images/services-h3.gif); height: 25px;}
 
 #galerie {left: 3056px; top: 0; height: 494px; overflow: hidden;    }
 #photos_nav {position: absolute; top: 218px; left: 0;  z-index: 20;}
 #photos_nav li {width: 87px; height: 86px; margin-bottom: 1px; float: left; clear: left;}
 #photos_nav  a {display: block; width: 87px; height: 86px; cursor: pointer; }
 #photo_inapoi { background-image:url(./../../images/up.png); visibility: hidden;}
 #photo_inainte { background-image:url(./../../images/down.png);}
 #photos_wrapper {width: 764px; height: 494px; overflow: hidden; position: absolute; top: 0; left: 0;}
 #photos {  width: 764px; position: absolute; top: 0; left: 0;  }
 #photos li { position: relative; left: 0; top: 0; float: left; clear: left; }
 #photos li img {display: block;}
 #photos li span {height: 23px; width: 300px; background-color: #000; color: #fff; line-height: 23px; font-weight: normal;  text-indent: 8px; display: block; position: absolute; left: 0; bottom: 0;}

 
 #photos_nav2 {position: fixed;  top: 50%; left: 50%; z-index: 200; width: 764px; height: 23px;  margin-left: -400px; margin-top: 225px; visibility: hidden; }
 #galerie:hover #photos_nav2 {visibility: visible;} 
 
 #photos_nav2 ul {float: right; padding: 5px;}
 #photos_nav2 li {float: left; padding-right: 1px;}
 #photos_nav2 li a:link, #photos_nav2 li a:visited , #photos_nav2 li a:active, #photos_nav2 li a#selectat {color: #fff; display: block; width: 13px; height: 13px; text-align: center; line-height: 13px; font-family: 'Trebuchet Ms'; background-image:url(./../../images/nav_bg.png);}
 #photos_nav2 li a:hover, #photos_nav2 li a#selectat { background-color: #6ea710 !important; background-image: none !important; }
 #photos_nav2 h4 {height: 23px; width: 300px; background-color: #5d731a; color: #fff; line-height: 23px; font-weight: normal; float: left; text-indent: 8px;} 
 
 
 #actualites {left: 3820px; top: 0; background-color: #5d731a; background-image:url(./../../images/terrasses_en_bois.jpg); padding: 300px 0 0;}
 #actualites h2 { background-image:url(./../../images/actualites-h2.gif); background-position: center center; display:none;}
 #actualites .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #ffffff; text-align:justify;}
 #actualites h3 {background-image:url(./../../images/actualites-h3.gif); height: 25px;}
 #actualites ul {line-height: 19px;}
 

 #contact { left: 4584px;  top: 0; height: 494px; overflow: hidden;}
 #formular_contact {position: absolute; left: 0;  top: 0; background-color: #5d731a; background-image:url(../../images/terrasse_bois.jpg); padding: 300px 0 0; height: 194px; overflow: hidden; width: 764px; }
 #formular_contact h2 { background-image:url(./../../images/contact-h2.gif); background-position: center center; display:none;}
 #formular_contact .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #c8b18b; text-align:justify;}
 #formular_contact h3 {background-image:url(./../../images/contact-h3.gif); position: relative; top: 0; left: 0; display: block;  height: 25px;}
 #contact_link {position: absolute; left: 630px; top: 380px; background-image:url(./../../images/location.gif); display: block; text-indent: -3000px; overflow: hidden; width: 96px; height: 33px; margin-top: 3px;   }
 #contact_link:hover {background-position: 0 -33px;}
 
 #locatie {position: absolute; left: 0; top: 494px; background-color: #2F1312; height: 494px; width: 764px;}
 #locatie img {cursor: pointer;}
 
 #biographie {left: 5348px; top: 0; background-color: #5d731a; background-image:url(../../images/terasses_bois.jpg); padding: 300px 0 0;}
 #biographie h2 { background-image:url(./../../images/biographie-h2.gif); background-position: center center; display:none;}
 #biographie .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #ffffff; text-align:justify;}
 #biographie h3 {background-image:url(./../../images/biographie-h3.gif); height: 31px;}


 /*
 #boutique {left: 6112px; top: 0; background-color: #5d731a; background-image:url(../../images/bois-terrasse.jpg); padding: 300px 0 0;}
 #boutique h2 { background-image:url(./../../images/boutique-h2.gif); background-position: center center; display:none;}
 #boutique .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #ffffff; text-align:justify;}
 #boutique h3 {background-image:url(./../../images/boutique-h3.gif); height: 31px;}
 #boutique dt, #boutique dd {display: inline; padding: 7px 0;}
 #boutique dt { color: #fff;}
 #boutique dl, #boutique p {line-height: 14px ; }
 #tipuri_boutique {padding: 7px 0;}
*/

 #infos {left: 6112px; top: 0; background-color: #5d731a; background-image:url(../../images/terrasse-bois-informations.jpg); padding: 300px 0 0;}
 #infos h2 { background-image:url(./../../images/infos-h2.gif); background-position: center center; display:none;}
 #infos .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #ffffff; text-align:justify;}
 #infos h3 {background-image:url(./../../images/infos-h3.gif); height: 31px;}
 a.infos:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none; text-align: center;}
 a.infos:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none; text-align: center;}
 a.infos:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #985b07; text-decoration: none; text-align: center;}
 a.infos:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none;text-align: center;}


 #envoyer {left: 6876px; top: 0; background-color: #5d731a; background-image:url(../../images/terrassement.jpg); padding: 300px 0 0;}
 #envoyer h2 { background-image:url(./../../images/envoyer-h2.gif); background-position: center center; display:none;}
 #envoyer .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #c8b18b; text-align:justify;}
 #envoyer h3 {background-image:url(./../../images/envoyer-h3.gif); height: 38px;}
 a.envoyer:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none; text-align: center;}
 a.envoyer:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none; text-align: center;}
 a.envoyer:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #985b07; text-decoration: none; text-align: center;}
 a.envoyer:active {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #74ab1a; text-decoration: none;text-align: center;}

 #formulaire {left: 8404px; top: 0; background-color: #5d731a; background-image:url(../../images/terrassement.jpg); padding: 300px 0 0;}
 #formulaire h2 { background-image:url(./../../images/contact-h2.gif); background-position: center center; display:none;}
 #formulaire .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #c8b18b; text-align:justify;}
 #formulaire h3 {background-image:url(./../../images/contact-h3.gif); position: relative; top: 0; left: 0; display: block;  height: 25px;}


 #envoi {left: 9168px; top: 0; background-color: #5d731a; background-image:url(../../images/terrassement.jpg); padding: 300px 0 0;}
 #envoi h2 { background-image:url(./../../images/envoyer-h2.gif); background-position: center center; display:none;}
 #envoi .description {background-color: #5d731a; height: 170px; padding: 7px 40px 38px 40px; color: #c8b18b; text-align:justify;}
 #envoi h3 {background-image:url(./../../images/envoyer-h3.gif); height: 31px;}

.formular {width: 500px;}
 .formular label {display: block; float: left; clear: both;  white-space: nowrap;}
 .formular span {display: block; float: right;  background-color: #5d731a; padding: 3px; margin: 0 0 4px; }
 .formular input.text {width: 260px; background-color: #5d731a; display: block; color: #c8b18b; border-style:solid; border-color:#c8b18b; border-width:1px;}
 .formular textarea {width: 560px; background-color: #5d731a; display: block; color: #c8b18b; border-style:solid; border-color:#c8b18b; border-width:1px;}
  .formular2 {width: 200px; float: left;}
 .formular2 input.text {width: 265px;}
 .formular2 textarea {width: 590px;}
 input.button {float: right; width: 75px; background-color: #5d731a; display: block; color: #c8b18b; border-style:solid; border-color:#c8b18b; border-width:1px;}
 .formular textarea {height: 50px; overflow: auto;}
 #societe .formular  input.text {width: 240px;}
 #societe .nr {width: 100%; float: left;}
 #societe .formular .nr input.text {width: 73px;}
 #societe .nr_1 {float: left; width: 166px;  }
 #societe .nr_2 {float: right; width: 159px;  }
 #societe .nr span { position: relative; top: 0; left: 0;}
 #societe .nr_1 iframe {top: 10px; left: 10px;}
  .societe_select {width: 100%; float: left; position: relative; left: 0; top: 0; padding-bottom: 4px; z-index: 100;}
  iframe {visibility: visible; z-index: 999; position: absolute; top: -5000px; left: -5000px;  width: 205px; height: 194px; overflow: hidden;}
  select { display: block; width: 246px; position: absolute; top: 0; left: 87px; }
  select.replaced { display: none; }
  ul.selectReplacement { overflow: visible; width: 246px; float: right;  position: absolute; top: 0; left: 87px; z-index: 100;}
  ul.selectReplacement li { background: #432C26; color: #fff; cursor: pointer; display: none; font-size: 10px;padding-left: 5px;}
  ul.selectOpen li {display: block;}
  ul.selectReplacement li.selected { background-color: #6A4F48; background-image:url(./../../images/select_arrow.gif); background-position: center right; background-repeat: no-repeat; color: #fff; display: block; }
  ul.selectOpen li.selected { background: #301D17; display: block;}
  ul.selectOpen li:hover, ul.selectOpen li.hover, ul.selectOpen li.selected:hover { background: #301D17; color: #fff; }
 #contact_div {width: 700px;}
 #contact_info {padding-left: 15px; float: left; width: 250px; white-space:normal;  line-height: 18px;}



  #footer {position: relative; top: 0; left: 0;  color: transparent; font-size: 9px;  padding: 8px 5px 0 0;}
  #footer p {float: right; margin: -12px 0 0 0;  padding: 0 0 0 6px;}
  #lang {float: left; margin: -13px 0 0 5px; display: inline;}
  #lang li {float: left; padding: 0 13px 0 0; display:block;}
  .page {width: 200px; height:30px; display:inline;  padding: -10px -10px 0 5px;}
  .pageb {width: 150px; height:10px; display:inline;  padding: -10px 0 0 0; text-align:left;}
  .footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
  
   .alert_wrapper { position: relative; top: 0; left: 0; z-index: 1000; width: 100%; float: left;}


 .loading {width:370px; display:block; height:120px; background-position:center;}
 #societe .loading {color:#5d731a; background-image:url(./../../images/loader_societe.gif); }
 #contact .loading {color:#4C413F; background-image:url(./../../images/loader_contact.gif);}
 .photo {background-image:url(./../../images/loader_contact.gif); background-position: center; background-color: #4C413F;}
 

input.envoyer
{
background-color: #5d731a;
border: 1px solid #c8b18b;
color: #c8b18b;
font-family: Verdana;
font-size: 11px;
text-align:left;
width:160px;
height:15px;
margin:0px;
padding:0px;
}

input.envoyerb
{
background-color: #5d731a;
border: 1px solid #c8b18b;
color: #c8b18b;
font-family: Arial;
font-size: 12px;
text-align: center;
cursor:pointer;
width:60px;
height:18px;
margin:0px;
padding:0px;
}