/* --[ Global ]-- */
* {margin:0px; padding:0px}

html {
  background-image: url(../img/fond-html.gif);
  background-repeat:repeat-x;
  background-color:#e3eed4; 
  width:100%; 
  font:12px Trebuchet MS, helvetica, sans-serif;
  color:#607122;
}

.vert {color:#607122 !important}
.orange {color:#be1228 !important}
.marron {color:#765d3b !important}
.gris {color:#666 !important}

.right {float:right}
.left {float:left}
.clear {clear:both}
.center {text-align:center}

.cadran,.cadran2,.cadran-connaitre,.cadran-negoce,.cadran-rabotage,.cadran-annexes {
  background-image: url(../img/cadran-coin.gif);
  background-repeat:no-repeat;
  background-position:bottom left;
  background-color:#eff5e5;
  width:480px;
  margin-bottom:15px
}
.cadran2 {padding:3px 0px 5px 0px}


img {border:none}
p {text-align:justify}
em {font-style:normal}

h1 {font-size:20px; font-weight:normal; color:#765d3b; margin-top:15px}
h2 {font-size:16px; color:#607122; margin-bottom:5px}
h3 {font-size:13px; color:#765d3b; margin-bottom:3px}
h4 {font-size:12px}


/* ============================================== Structure generale ===============================================================================*/
#conteneur {  
  width:970px;   
  margin:0px auto 0px auto;
}

#contenu {padding:15px 0px}

#colonne-droite {background-image: url(../img/colonne-droite.gif)}
#fond-onde {
  background-image: url(../img/pied3.jpg); 
  background-repeat:no-repeat; 
  background-position:bottom; 
  width:435px; 
  padding:10px 35px 20px 20px
}


/* ============================================== Diaporama jquery ===============================================================================*/
#vignettes {background-color:#eff5e5; margin:5px 15px 15px 15px}
#vignettes li {width:59px; float:left; margin:8px; list-style:none; text-align:center; font-size:11px}
#vignettes a {width:59px; display:block}
#vignettes a:focus {outline:none}
#vignettes img {border:none; display:block}
#titre {clear:left}
h3 {clear:both}
#diaporama-boutons {padding:270px 0px 0px 225px}
#diaporama {padding:20px 0px 5px 40px}
#diaporama img {display:none}

#activites-h2 {margin-left:20px}

/* ============================================== Bandeau ===============================================================================*/
#logo {margin:29px 10px 0px 10px}
#photo {margin-top:23px}
#menu-flash {margin-top:88px}


/* ============================================== Accueil ===============================================================================*/
.cadran1-accueil {padding:10px; width:240px}
.cadran2-accueil {padding:10px; width:320px}

#fond-onde em {font-size:11px; color:#765d3b}

.news {width:260px}
#accueil p {width:250px; margin:15px 0px 0px 10px}
#accueil img {margin:15px 0px 30px 0px}


/* ============================================== exploitation forestiere ===============================================================*/
.exploitation {padding:30px 0px 0px 0px}
div > .exploitation {padding:30px 0px}
#exploitation-img1 {margin:10px 40px 0px 40px}
#exploitation-img3 {margin:10px 40px 0px 47px}

#bouton-activites {margin:20px 10px 0px 0px}


/* ============================================== Nos activites ===============================================================*/
.cadran-activites {background-color:#eff5e5; border:1px #607122 solid; padding:5px 10px; color:#765d3b}
.cadran-activites  ul {margin-left:20px}
.cadran-activites  li {list-style-image:url(../img/puce-marron.gif);}

#activites-p1 {width:150px; margin:0px 20px 5px 0px}
#activites-p2 {width:190px; margin:0px 0px 5px 20px}
#activites-img1 {margin-top:5px}
#activites-ul1 {width:220px; margin:10px 0px 0px 30px}

#activites-ul2 {width:180px; margin:5px 10px 0px 20px}
#activites-img2,#activites-img3 {margin-top:3px}

#activites-ul3 {width:240px; margin:5px 10px 0px 20px}

#activites-arbre {margin-top:20px}

/* ============================================== News ===============================================================*/
#news h2 {margin-bottom:0px; width:470px}
.news-date {color:#666; margin-bottom:5px; display:block; font-size:11px}


.cadran-news {width:360px; padding:5px 10px 0px 10px}
.cadran-news p {margin-bottom:5px}

#actualites em {margin-bottom:15px}
#actualites p {margin-bottom:10px}
#actualites img {margin:0px 10px 0px 0px}
#actualites a {color:#765d3b; text-decoration:none; font-weight:bold}

#lien-pdf,#lien-web {
  color:#765d3b; 
  text-decoration:none; 
  font-weight:bold; 
  background-image:url(../img/puce-marron.gif); 
  background-repeat:no-repeat;
  background-position:0px 5px;
  padding-left:15px;
  margin:5px 0px 0px 5px;
}
#actualites a:hover {color:#000}

.oeil {margin-bottom:5px}



/* ============================================== Mieux nous connaitre ===============================================================*/
#itineraire {background-color:#607122; width:475px; height:22px; padding:3px 5px 0px 0px}
#itineraire img {margin-left:10px}
#itineraire a {color:#fff; text-decoration:none}
#itineraire a:hover {text-decoration:underline}

#service {background-color:#eff5e5; padding:0px 0px 0px 100px; width:380px; margin-bottom:20px}

.connaitre-nom li{
  background-image:url(../img/puce-marron.gif); 
  background-repeat:no-repeat;
  background-position:0px 5px;
  width:100px;
  list-style:none;
  padding-left:20px;
  margin:10px 10px; 
  color:#607122;
}
.connaitre-nom b {color:#765d3b}
.cadran-connaitre {border-left:1px solid #607122; border-bottom:1px solid #607122; width:479px}


/* ============================================== contact ===============================================================================*/
fieldset {border:none; width:460px}
label {display:block; float:left; width:100px; margin:0px 10px 10px 0px; text-align:right; padding-top:3px}
#contact-form {margin-left:30px}
#contact-form input {float:left; width:310px; color:#f0a217; background-color:#f1f5fa; font-size:13px}}
#recrutement-form input {float:left; width:280px; color:#f0a217; background-color:#f1f5fa; font-family:arial; font-size:13px}

textarea {width:430px; height:100px; margin:17px 0px 0px 25px; background-color:#f1f5fa; color:#f0a217; font-family:arial; font-size:13px}
.input-vert {border:1px #8a9451 solid; padding:1px}

#contact-titre {margin-bottom:20px}
#envoyer {width:129px; height:21px; margin:10px 21px 10px 0px}

#adresse {background-color:#f1f5fa; border:1px #a2b4ca solid; padding:10px; margin:37px 0px 0px 40px}
#adresse p {text-align:center}

.ok {color:#607122; font-weight:bold; background-color:#fff; width:190px; border:1px #607122 solid; padding:2px 5px; margin:0px 0px 10px 20px}
.error {color:#ff0000; font-weight:bold; background-color:#fff; width:295px; border:1px #ff0000 solid; padding:2px; margin:0px 0px 10px 20px}
.obligatoire {margin-bottom:10px; display:block}


/* ============================================== Negoce ===============================================================================*/
.cadran-negoce {padding:5px 0px 0px 0px; text-align:center}
.cadran-negoce img {margin:5px 15px 5px 15px}

.cadran-negoce2 {background-color:#dbeac6; width:410px; margin-bottom:5px; padding:10px; border:1px #eef5e5 solid}
.cadran-negoce2 ul,.cadran-sciage ul {margin:0px 15px 0px 10px}
.cadran-negoce2 li,.cadran-sciage li {
  background-image:url(../img/puce-marron.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;
  list-style:none;
  padding-left:12px
}


/* ============================================== Sciage ===============================================================================*/
.cadran-sciage {background-color:#dbeac6; width:440px; padding:10px; border:1px #fff solid}
.sciage-img {margin-left:35px}


/* ============================================== Rabotage ===============================================================================*/
.cadran-rabotage {padding:10px; width:460px}
.parquet {width:120px; margin:10px 12px}
.parquet p,.parquet2 p {text-align:center}

#rabotage-ul1 {margin-left:20px; list-style-image:url(../img/puce-marron.gif)}
.rabotage-ul2 li {
  float:left; 
  background-image:url(../img/puce-marron.gif); 
  background-repeat:no-repeat;
  background-position:center left;
  padding-left:15px; 
  margin-left:10px;
  list-style:none
}

.parquet2 {width:63px; margin:10px 8px}

/* ============================================== pied ===============================================================================*/
#pied2 {
  background-image: url(../img/pied2.jpg); 
  width:490px;
  height:63px;
  padding-top:7px;
  text-align:center
}
#pied2 img{margin:0px 5px}

#pied1 {
  background-image: url(../img/pied1.jpg); 
  width:490px;
  height:125px;
  padding-top:12px;
  margin-bottom:20px;
  text-align:center;
  font-size:11px;
  line-height:14px;
}
#pied1 p {text-align:center; color:#765d3b; margin-top:5px}

.pied-lien1 a {text-decoration:none; color:#765d3b}
.pied-lien2 a {text-decoration:none; color:#607122}


/* ============================================== Annexes ==========================================================================*/
.cadran-annexes {padding:10px; width:460px}

/* plan */
#plan {margin-left:10px}
#plan ul{margin-left:30px}
#plan a {color:#765d3b; text-decoration:none}
#plan a:hover {color:#000}
#plan a:hover h2 {color:#000}

a#extras-actif {background-color:#666 !important; color:#fff}
a:hover.liens-extras {text-decoration:underline !important; color:#45103e !important} 

#residence-rapidhome-liens a:hover{background-color:#afafaf}
#residence-nouveautes-liens a:hover{background-color:#afafaf}

/* -- copyright -- */

#lebarts-infos {width:300px}
#lebarts-infos b{margin:0px}
#lebarts-infos p {width:300px !important}
#lebarts-infos a {font-weight:bold; text-decoration:none}
#lebarts-infos a:hover {text-decoration:underline}
#leb-img {margin-left:40px}
.fond-infos {background-color:#fff; margin:5px 0px; padding:5px 0px 5px 20px; width:300px}
.decalage20 {margin-left:20px !important}
#leb {margin:5px 0px 0px 40px}

/* -- Aides -- */
.annexes a {text-decoration:none; color:#db9418}
.annexes img {margin:5px; border:1px #607122 solid}
.annexes a:hover {text-decoration:none; color:#000}
.annexes table {width:460px}
.annexes caption {width:460px; background-color:#607122; color:#fff; padding:1px 0px; font-weight:bold}
.aide-infos{width:460px}
.annexes hr{width:460px; display:block; margin:20px 0px 10px 0px}
.ligne-bleue {background-color:#cbdfae}
.ligne-blanche {background-color:#fff}


#creditsLeb a{text-decoration:none;color:#765D3B}
div.extras{margin:15px}
div.extras .credits1,div.extras .credits2{background-color:#e4e4e4; margin:5px 0px; padding:5px 0px 5px 20px; width:190px}
div.extras .bg1{background-color:#38647f}
div.extras .credits2,div.extras .bg2{background-color:#2e566f}
div.extras td{padding:5px 0;color:#fff;font-size:11px}
div.extras ul li{margin-left:0 !important}

.left{float:left}
.clear{clear:both}

#leb-img img{border:0}
a#leb-img{background:transparent}
a#leb-img:hover{background:transparent}
#creditsLeb h4{color:#8d6875 !important;margin:10px 0}
#creditsLeb ul{padding:8px 8px 5px !important}
#creditsLeb ul li{padding:0 !important;background:transparent !important}