*{  margin: 0;  padding: 0;   }
html, body {	height: 100%;   width: 100%; }
img {  border: none;  }
body{  background: url('../images/bg_up.jpg') repeat-x; }

/* Le #corps enveloppe la page pour donnerl'espace au footer */
#corps{
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -100px;
  width: 990px;
}

#header{
  width: 100%; padding-top: 40px; height: 90px;
  background: url('../images/grad_left_small.jpg') no-repeat;
  background-position: 0px 105px;
  font: bold 0.7em Verdana, sans-serif;
  color: #8cc63f;
}
/* ---------------- ELEMENTS DU HEADER ---------------- */
#logo{
  display: inline; position: relative; left: 100px;
  height: 90px; width: 170px;
  float: left;
}
#header form{  float: right;  height: 40px;  margin-top: 25px; }
#links{
  float: right; width: 720px; padding-top: 5px;
  background: url('../images/grad_right_long.jpg') no-repeat;
  background-position: 0px 0px; }
#links a{  color: #8cc63f; }
#links a:hover{  color: #336600; text-decoration: none; }
#links p{  float: left;  padding-left: 15px; }
#links ul{
  width: auto; font-size: 1em;
  float: right; list-style: none; display: inline; }
#links li{
  float: left; padding: 0px 7px 0px 10px;
  background: url("../images/triangle.gif") center left no-repeat; }
#links li.first{
  background: none; display: block; }

/* ---------------- FIN ELEMENTS DU HEADER ---------------- */

/* Le #contents contient tous les elements entre le header et le footer */
/* Les deux regles suivantes correspondent a un hack IE min-height */
#contents {
  height: 18em;
  z-index: 30;
}
html>body #contents {
  height: auto;
  min-height: 18em;
}

/*------------------------ Decorations -----------------------*/
#decofilets, #updeco1, #updeco2, #updeco3 {
  height: 10px; float: left;
  line-height: 10px; overflow: hidden;  }
#decofilets{  width: 990px;
  background: url('../images/grad_left_small.jpg') no-repeat;
  background-position: 80px 0px; }
#updeco1{  width: 180px; 
  background: url('../images/corner_top_right.jpg') top right no-repeat; }
#updeco2{  width: 14px; 
  background: url('../images/corner_top_left.jpg') top left no-repeat;
  background-position: 4px 0px; }
#updeco3{  width: 790px; 
  background: url('../images/grad_right_long.jpg') top left no-repeat; }
  

/*------------------------ Menu -----------------------*/
#menu{
  float: left; width: 205px; height: 300px;
  background: url('../images/curve.jpg') top left no-repeat;
  background-position: 0px -10px;
}
#menu ul{
  width: 205px; height: 300px;	list-style: none; 
  background: url('../images/grad_down_double.jpg') top no-repeat; 
  background-position: 179px -50px; 
}
#menu li{
  width: 205px; height: 30px;
  float: right; display: inline;
}
#menu a, #menu a.active, #menu a:hover{
  font: bold 1em Verdana, sans-serif;
  text-decoration: none; padding: 5px 42px 0px 0px;
  float: right;  height: 25px;  overflow: hidden;
}
#menu a{
  background: url('../images/balls.jpg') no-repeat;
  background-position: right top;
  color: #8cc63f;  }
#menu a:hover {
  background-position: right -30px; 
  color: #336600; }
#menu a.active {
  background: url('../images/balls.jpg') no-repeat;
  background-position: right -30px; 
  color: #336600;  }


/*------------------------ Main -----------------------*/
#main{
  float: left; width: 780px;
  /*background-color: lightgray;*/
}
          /*------ Barres d'onglets -------*/
#onglets1{  
  width: 100%;  height: 25px;  list-style-type: none;
  background: url('../images/grad_right_long2.jpg') no-repeat;
  background-position: left bottom;  }
/* Voir la feuille ie6hack.css ... */
#onglets1 li{  
  width: 155px;  height: 25px;  float: left;  display: inline; }
#onglets1 a{
  font: bold 0.9em Verdana, sans-serif;  
  height: 21px;  width: 159px; 
  padding: 4px 1px 0px 1px;
  background: url('../images/onglet.gif') no-repeat;
  background-position: left top;  }
#onglets1 a:hover, #onglets1 a.active{
  padding: 3px 1px 1px 1px;
  background-position: left -25px;  }

#onglets1 a, #onglets2 a{
  color: #336600 ;
  text-align: center;
  text-decoration: none;
  float: left;
  }

#onglets2{  
  /*width: 100%;*/  list-style-type: none; 
  border-left: 1px solid #336600;  float: left;  }
#onglets2 li{  
  width: 155px;  /*height: 20px;*/  float: left; }
#onglets2 a{
  font: 0.7em Verdana, sans-serif;
  /*border-right: 1px solid #d4e6de;
  border-bottom: 1px solid #d4e6de;*/
  text-decoration: underline;
  background-color: #e9f5f0;
  /*height: 17px;*/  width: 151px;
  padding: 2px 2px 1px 2px;  }
#onglets2 a:hover, #onglets2 a.active{
  padding: 2px 2px 1px 2px;
  background-color: #f7f5a6;  }

/*---------------- Decorations (si pas d'onglets) ----------------*/
#no_onglets, #noo {
  height: 10px; float: left;
  line-height: 10px; overflow: hidden;  }
#no_onglets{  width: 780px;
  background: url('../images/grad_right_long.jpg') no-repeat;
  background-position: 10px 0px; }
#noo{  width: 10px; 
  background: url('../images/corner_top_left.jpg') top left no-repeat; }
  
              /*------ Bloc Central -------*/
#texte{
  padding: 15px 30px;  border-left: 1px solid #336600;
  clear: both;
  width: 719px;  /* Main(780) - (paddingsL,R + border) */
  background: url('../images/grad_up_small.jpg') no-repeat;
  background-position: right bottom;
}

#texte p{
  font: 0.9em Verdana, sans-serif;
  margin: 0.5em 0 0.5em 0;
  line-height: 1.4em;
  /*text-indent: 1.5em;*/
}
#texte h1{
  font: 1.7em Times, serif;
  color: #336600;
  margin-bottom: 0.3em;
}
#texte h2{
  font: italic 1.5em Times, serif;
  color: #336600;
  margin-bottom: 0.1em;
}
#texte h2 span{
  font: 0.7em Times, serif;
  color: #336600;
  margin-bottom: 0.1em;
}
#texte h3{
  font: 1.3em Times, serif;
  text-indent: 0.4em;
  color: #8cc63f;
  margin-bottom: 0.1em;
}
#texte h1, #texte h2, #texte h3{  clear:both;  }

#texte a{
  font: 1em Verdana, sans-serif;
  color: #8cc63f;
}
#texte a:hover{
  text-decoration: none;
}
#texte ul{
  list-style-type: none; 
  margin: 0 0 0.5em 1.5em;
  padding: 0;
}
#texte li{
  font: 0.9em Verdana, sans-serif;
  padding: 0 0 0.2em 1.2em;
  background: url('../images/puce.gif') no-repeat;
  background-position: 0px 0.3em ;
}
#texte table{
  margin: 0 0 5px 0;
  padding: 0 0 15px 0;
  border: none;
  width: 699px;
}
#texte table ul{
  list-style-type: none; 
  margin-bottom: 0;
  margin-left: 0.4em;
}
#texte table li{
  background: white;
}
#texte table h3 {
  text-indent: 0;
}
#texte td, #texte th{
  padding: 0 0.4em;
  text-align: left;
}
#texte img{
  padding: 2px 8px;
  /*float: left;*/
}

#texte form{
  font: 0.9em Verdana, sans-serif;
}

#texte .optimal{
  text-align: center;
}
#texte .optimal img{
  padding: 2px 8px;
  float: none;
}

#texte p.simple{
  text-indent: 0;
  margin-bottom: 0.5em;
  line-height: 1.1em;
}
#texte p.contact{
  text-indent: 0;
  margin-bottom: 0.5em;
  line-height: 1.1em;
}
#texte p.contact a{
  font: 0.7em Verdana, sans-serif;
}

#texte .clients{
	float: left;
	margin-right: 1em;
	margin-left: 0 ;
	padding-bottom: 1em;
}

#texte li.categorie{
  font-weight: bold;
  padding: 0.5em 0 0.2em 0em;
  background-image: none ;
}

#texte .warning{
  color: red;
}

.stylebloc{
  background: url('../images/grad_corner_left_top.jpg') no-repeat;
  background-position: 0 5px;
  padding: 15px 10px 0 10px ;
  width: 699px;
  margin: 15px 0;
}
.endbloc{
  background: url('../images/grad_corner_right_bottom.jpg') no-repeat;
  background-position: bottom right;
  margin: 0 0 5px 0;
  padding: 0 0 15px 0;
}
.bloc{  display: block;  }



          /*------ Bas du Bloc Central -------*/
#downfilets{  height: 10px;  width: 780px;  clear: both;  }
#downdeco1, #downdeco2, #downdeco3 {  float: left; overflow: hidden;  }
#downdeco1{
  height: 10px;  width: 10px; 
  background: url('../images/corner_bottom_left.jpg') no-repeat;  }
#downdeco2{
  height: 9px;  width: 760px;
  border-bottom: 1px solid #336600; }
#downdeco3{
  height: 10px;  width: 10px; 
  background: url('../images/corner_bottom_right.jpg') no-repeat;  }


/*------------------------ Footer -----------------------*/
#push{	height: 100px; clear: both;  }
#footer{
  height: 100px;  background: url('../images/bg_down.jpg') bottom repeat-x; 
}
#fcontents{
  width: 990px; height: 60px;  margin: 0 auto 0;
  background: url('../images/grad_corner_right_bottom.jpg') right bottom no-repeat;
}
#fdeco{
  background: url('../images/plouf.jpg') no-repeat;
  height: 60px; width: 260px;  float: left;
  background-position: 95px 0px;
}
#fcontents p{  
  font: bold italic 1em Times, serif;
  text-align: right;  float: right;
  color: #336600;
  width: 500px;
  padding: 30px 25px 6px 0px;
}
#fcontents img{  margin-left: 10px;  }