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

html {
  background-image: url(../img/fond_html.jpg);
  background-repeat:no-repeat;
  background-position:bottom center;
  background-color:#8fd1ff; 
  width:100%; 
  font:12px Arial, helvetica, sans-serif;
  color:#076710;
  line-height:18px;
}

.vert {color:#076710 !important}
.vert2 {color:#25a345 !important}
.marron {color:#0d531f !important}
.orange {color:#f28400 !important}
.gris {color:#666 !important}
.blanc {color:#fff !important}
.bleu {color:#0e8dcd !important}
.noir {color:#000 !important}

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

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

b.orange {font-size:14px; margin-bottom:5px; display:block}

h1 {font-size:15px}
h2 {font-size:14px}
h3 {font-size:13px}
h4 {font-size:12px}

.gros {font-size:14px}

/* ============================================== Structure generale ===============================================================================*/
#conteneur {  
  background-image: url(../img/fond_conteneur.gif);
  width:782px;     
  margin:0px auto 0px auto;
}

#nuages {
  background-image: url(../img/nuages.jpg);
  background-repeat:no-repeat;
  background-position:top center;
  width:100%; 
}

#bandeau {
  background-image: url(../img/fond_bandeau.gif);
  background-repeat:no-repeat;
  width:782px;
  height:220px;
  position:relative
}

#lien3 {margin-left:90px}

#logo {position:absolute; top:10px; right:270px}
#options {position:absolute; top:32px; right:35px}
#tableau {margin-left:9px}

#menu {margin-top:40px}
#menu-milieu {background-image: url(../img/menu_milieu.gif); width:443px}
#menu-milieu a{
  display:block;
  width:380px;
  background-image: url(../img/menu_puce.gif); 
  background-repeat:no-repeat;
  background-position:5px 3px;
  list-style:none; 
  padding-left:25px;
  margin-left:20px;
  color:#fff;
  text-decoration:none;
  font-weight:bold
}
#menu-milieu a:hover{background-image: url(../img/menu_puce2.gif); background-color:#3dbe5e}
#menu-milieu a.actif{background-image: url(../img/menu_puce2.gif); background-color:#3dbe5e}

#pied {
  background-image: url(../img/fond_pied.jpg);
  background-repeat:no-repeat;
  width:742px;
  height:145px;
  font-size:11px;
  color:#fff;
  line-height:14px;
  padding:45px 0px 0px 40px
}
#pied a{color:#ffe000; text-decoration:none}
#pied a:hover{text-decoration:underline}

#titre-page {margin:10px 0px 0px 45px}

#fond-contenu {
  background-color:#d6ffe0; 
  margin:0px 0px 10px 45px; 
  border-right:1px #7cf29a solid;
  border-left:1px #7cf29a solid;
  border-bottom:1px #7cf29a solid;
  width:693px;
}

#fond-contenu a {font-weight:bold; text-decoration:none; color:#f28400}
#fond-contenu a:hover {text-decoration:underline}

.contenu-texte {padding:20px}
.contenu-texte ul {margin-left:20px}

.contenu-texte2 {padding:15px}

/* ============================================== Accueil ===============================================================================*/
#accueil-edito {
  background-color:#fff;
  border-top:1px #7bf299 solid;
  border-right:1px #7bf299 solid;
  border-left:1px #7bf299 solid;
  width:375px;
  padding:15px 10px 10px 10px;
  color:#076710;
  margin:50px 0px 0px 40px
}
#accueil-edito p{margin-top:10px}
#accueil-edito-bas {margin-left:40px}

#temoignage {margin-left:19px}
#temoignage-titre {margin:5px 0px 3px 20px}
#temoignage-milieu {
  background-image: url(../img/temoignage_milieu.gif);
  width:326px;
  color:#fff;
  padding-bottom:5px
}
#temoignage-milieu p{width:280px; margin-left:20px}

#accueil-composter {margin:10px 0px 0px 12px}
#accueil-sti {margin:10px 0px 0px 17px}


/* ============================================== Qui sommes nous =====================================================================*/
#logo-sti {margin-bottom:5px}
#logo-sorbial {margin-top:5px}

#sti-gauche {margin:10px 0px 0px 20px}

#sti-contact {
  background-image: url(../img/sti_contact_fond.gif);
  background-repeat:no-repeat;
  width:268px;
  height:188px;
  padding:20px 0px 0px 40px
}


/* ============================================== Domaine d'activité =====================================================================*/
#globe {margin-left:80px}


/* ============================================== le Produit actibio compost ===========================================================*/
ul#produit-ul {margin-bottom:80px}
ul#produit-ul li {list-style-image:url(../img/puce.gif); margin:0px 0px 5px 15px}

#produit-tableau,#domicile-tableau {
  margin-bottom:10px; 
  background-color:#fff9ca; 
  color:#95892c; 
  border:1px #ddd06c solid; 
  border-bottom:2px #ddd06c solid;
  text-align:center; 
  font-size:11px;  
}
#produit-tableau th,#domicile-tableau th{
  color:#666; width:122px; 
  border-bottom:2px #ddd06c solid; 
  border-left:1px #ddd06c solid; 
  border-right:1px #ddd06c solid;
  border-top:1px #ddd06c solid
}
#produit-tableau td,#domicile-tableau td {border-right:1px #ddd06c solid; border-left:1px #ddd06c solid; text-align:center; padding:0px 3px}
#produit-tableau p,#domicile-tableau p {width:110px; text-align:center}

#produit-droite {margin-left:20px; width:380px}
#produit-p {width:380px; margin-bottom:10px}


/* ============================================== Principes actifs ===========================================================*/
#principes-logo-sti1 {margin:10px 0px 0px 20px}


/* ============================================== Pourquoi choisir actibio ===========================================================*/
#actibio-gauche {
  background-image: url(../img/actibio_gauche_fond.gif);
  background-repeat:no-repeat;
  width:375px;
  height:246px;
  padding:20px 0px 0px 20px
}
#actibio-gauche ul{width:280px}
#actibio-gauche li {margin-left:20px}

#actibio-sacs {margin:10px 0px 0px 10px}

#tableau2-titre,#tableau2-titre-revendeur  {background-color:#ddd06c; width:662px; color:#937340; text-align:center; margin:20px 0px 0px 15px}
#tableau2-contenu,#tableau2-revendeur {background-color:#fff9ca; border:1px #ddd06c solid; width:640px; padding:10px; margin:0px 0px 20px 15px}
#tableau2-contenu ul {margin-left:20px}


/* ============================================== Pourquoi composter ? ===========================================================*/
#composter-cadran1 {background-color:#fff9ca; border:1px #dcd67b solid; padding:10px; width:290px; margin:10px 0px 10px 10px}
#composter-cadran1 li {list-style:none; margin:10px 0px}
#composter-cadran1 ul {margin-left:5px}

#composter-droite {
  background-image: url(../img/composter_droite_fond.gif);
  background-repeat:no-repeat;
  width:303px;
  height:153px;
  padding:20px 0px 0px 50px
}

#composter-b {width:330px; margin-top:20px; padding:0px 10px}


/* ============================================== Compostage a domicile ===========================================================*/
#domicile-gauche {
  background-image: url(../img/domicile_gauche_fond.gif);
  background-repeat:no-repeat;
  width:419px;
  height:162px;
  padding:10px 0px 0px 10px
}
#domicile-gauche ul {width:310px}
#domicile-gauche li {margin-left:20px} 

#domicile-droite {
  background-image: url(../img/domicile_droite_fond.gif);
  background-repeat:no-repeat;
  width:202px;
  height:138px;
  padding:15px;
  text-align:justify;
  margin:10px 0px 0px 15px
}
#domicile-composteur {margin-left:20px}
#domicile-p {margin:80px 30px 0px 10px}

#domicile-tableau td {border-top:1px #ddd06c solid}
#domicile-tableau {margin-left:15px}

#domicile-tableau2-titre {background-color:#ddd06c; color:#937340; width:652px; margin:20px 0px 0px 15px; padding:3px 0px 0px 10px}


/* ============================================== Ces déchets que l'on composte ===========================================================*/
#dechets-ok {margin-right:10px}
.dechets-titre,.regles-titre2 {
  background-image: url(../img/dechets_titre.gif);
  background-repeat:no-repeat;
  width:640px;
  height:30px;
  padding:13px 0px 0px 15px;
  margin:10px 0px
}

.dechets-bloc-d,.dechets-bloc-g {width:295px; padding:10px; background-color:#fff9ca; border:1px #dcd578 solid; height:130px}
.dechets-bloc-d {background-color:#f1e795; margin-left:15px}


/* ============================================== Les 3 règles d'or du compostage ===========================================================*/
#regles-gauche {
  background-image: url(../img/regles_gauche_fond.gif);
  background-repeat:no-repeat;
  width:522px;
  height:162px;
  padding:10px 30px 0px 10px;
}
#regles-gauche ul{margin:0px 20px 0px 0px; width:420px}
#regles-gauche li {margin-left:20px}

.regles-titre {
  background-image: url(../img/regles_titre.gif);
  background-repeat:no-repeat;
  width:346px;
  height:31px;
  padding:13px 0px 0px 15px;
  margin:10px 0px
}
.regles-p {width:340px; margin-left:10px}
#regles-droite {margin:60px 0px 0px 20px}

.regles-cadran-haut {background-color:#ddd06c; width:348px; color:#937340; padding:2px 0px 0px 5px; margin:20px 0px 0px 25px}
.regles-cadran {background-color:#fff9ca; width:331px; color:#937340; border:1px #ddd06c solid; padding:10px; margin-left:25px}

.regles-titre2 {margin-left:20px}
.regles-p2 {width:250px; margin-left:15px}
div > .regles-p2 {width:250px; margin-left:30px}
.regles-cadran-haut2 {margin-top:0px}


/* ============================================== Contact ===========================================================*/
#menu ul {margin-left:40px; color:#fff}
#menu li {list-style-image: url(../img/menu_puce.gif);)} 

fieldset {border:none; margin-left:20px}
label {float:left; height:15px;  width:150px; margin-right:10px; text-align:right}
input {float:left; height:15px; width:350px; margin-bottom:4px; color:#25a345}
textarea {margin-left:20px; width:590px; height:100px; color:#25a345}
.input-vert {border:1px #25a345 solid; padding:1px}
#envoyer {margin-left:200px; width:206px; height:39px}
.ok {color:#fff; font-weight:bold; background-color:#25a345; width:614px; padding:2px 0px; text-align:center}
.error {color:#fff; font-weight:bold; background-color:#f28400; width:614px; padding:2px 0px; text-align:center}

#coordonnees-fond {
  background-image: url(../img/contact_fond.gif);
  background-repeat:no-repeat;  
  background-position:30px 45px;  
  padding-top:10px
}
#coordonnees-fond form label{padding:0px 0px 0px 80px}


/* ============================================== Ou trouver actibio ===========================================================*/
#trouver-contact {margin:15px 0px 40px 15px;}

#trouver-droite {
  background-image: url(../img/trouver_droite.gif);
  background-repeat:no-repeat;
  width:254px;
  height:115px;
  padding:20px 20px 0px 50px;
} 
#tableau2-revendeur {padding:0px; width:660px; border:1px #0e8dcd solid; color:#666}
#tableau2-revendeur a {color:#0e8dcd}

#tableau2-titre-revendeur {background-color:#0e8dcd; color:#fff}

.revendeur-couleur1 {background-color:#fff; padding:10px}
.revendeur-couleur1 strong,.revendeur-couleur2 strong{display:block; color:#0e8dcd; font-size:14px; margin-bottom:5px}

.revendeur-couleur2 {padding:10px; background-color:#dbf2fd}


#tableau2-titre-dpt {width:662px; text-align:center; margin:20px 0px 0px 15px; background-color:#47D86C; color:#fff}
#tableau-dpt table {
	margin:0px 0px 20px 15px;
	text-align:center;
	width:662px;
}
#tableau-dpt table tr td {text-align:left; padding:2px;}
#tableau-dpt table tr td a {color:#0E8DCD;}
#tableau-dpt table tr.coul1 td {background-color:#FFFFFF;}
#tableau-dpt table tr.coul2 td {background-color:#DBF2FD;}
#tableau-dpt table tr td.code {background-color:#47D86C; color:#FFFFFF; width:15px;}


/* ============================================== Mentions etc ==========================================================================*/
#leb-img {margin-top:20px}
.fond-infos,.fond-infos2 {background-color:#f0f0f0; margin:5px 0px; padding:5px 0px 5px 20px; width:500px}
.fond-infos2 {background-color:#fff}

.couleur1 {background-color:#f0f0f0}
.couleur2 {background-color:#fff}

#extras caption {width:650px; background-color:#25A345; color:#fff; padding:1px 0px; font-weight:bold}
#extras td {padding:5px 0px}
#extras p{text-align:justify; width:650px}
#extras li{text-align:justify; margin-left:20px}
#extras ul {background-color:#7d7a7a; border:1px #929292 solid; padding:10px}

.annexes h3 {color:#dc9b00;}
.annexes p {display:block; width:650px}
.annexes ul {margin-left:20px}
.annexes li {margin-bottom:5px}

#plan a {display:block; width:650px; padding:5px 0px 5px 5px; background-color:#b5f0ff; margin-bottom:4px; border-right:5px #15749e solid}
#plan a:hover {background-color:#e0f7fd; border-right:5px #dc9b00 solid; color:#dc9b00}