body
{ margin: 0px;
  padding: 0px;
  background-color: #7CBA66;
  background-image: url('images/fond.gif');
  background-position: center;
  background-repeat: repeat-y;
  font-family: Arial, Helvetica, sans-serif;

}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

p.spip span img { margin: 15px; }

#page
{ margin-left: auto;
  margin-right: auto;
  width: 950px;
}

form, div
{ margin: 0px;
  padding: 0px;
}

.site_link
{ text-decoration: underline;
  color: #354E2D;
}

h1.spip
{ font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #354E2D;
  font-weight: bold;
  text-align: center;
}

h2.spip
{ font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #354E2D;
  font-weight: bold;
  text-align: center;
}

h3.spip
{ font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #354E2D;
  font-weight: bold;
  text-align: center;
}

/* -------------------------------  HEADER ------------------------------------- */

#header
{ height: 254px;
  background-image: url('images/bandeau.gif');
}

#recherche
{ margin: 0px;
  padding: 206px 0px 0px 741px;
  height: 47px;
  width: 209px;
}

#recherche_input
{ float: left;
  padding: 0px;
  margin: 19px 0px 0px 22px;
  border: solid 1px #ffffff;
  width: 135px;
  height: 14px;
  font-size: 12px;
  color: #614B53;
  vertical-align: middle;
}

.recherche_submit
{ padding: 0px;
  margin: 14px 0px 0px 10px;
  border: none;
  width: 24px;
  height: 23px;
}

/* -------------------------------  LEFT + CENTER + RIGHT ------------------------------------- */

#main
{	float: left;
  background-color: #ffffff;
  background-image: url('images/bord.gif');
	background-position: 741px;
	background-repeat: repeat-y;

}

/* -------------------------------  LEFT ------------------------------------- */

#left
{ float: left;
  width: 204px;

}

    #left h2
	  { background-color: #FF8A00;
	    font-weight: bold;
	    color: #ffffff;
		  font-size: 13px;
		  padding-left: 20px;
		  height: 20px;
	  }

    #menu li
	{ 
	}

    #menu li.top
	  { background-color: #FFDCB3;
	    font-weight: bold;
		  font-size: 13px;
	    padding: 0px;
		  padding: 0px;
	  }
	  
	  #menu li.sub
	  { background-color: #FFFFFF;
	    font-weight: normal;
		  font-size: 13px;
	    padding: 0px;
		margin: 0px;
        border-bottom: solid 1px #ffffff;
	  }

	  #menu li a
	  { text-decoration: none;
	    display: block;
/*	    height: 20px; */
       border-bottom: solid 1px #FF8A00;
	    color: #45563F;
		  line-height: 20px;
		  padding-left: 20px;
	    padding: 0px;
		margin: 0px;
	  }

	  #menu li.top a:hover
	  { background-color: #FFB966;
	  }

	  #menu li.sub a:hover
	  { background-color: #FFCB8D;
	  }

	  #menu li.top a
 	  { padding-left: 20px;
	  }

	  #menu li.sub a
 	  { padding-left: 40px;
	  }

    #breves li
	  { background-color: #FFDCB3;
	    font-weight: normal;
		  font-size: 13px;
		  padding: 0px;
        border-bottom: solid 1px #FF8A00;
	  }

	  #breves li i
	  { height: 20px;
	    color: #45563F;
		  line-height: 20px;
		  padding-left: 20px;
	  }

	  #breves li a
	  { text-decoration: none;
	    font-weight: bold;
	    display: block;
/*	    height: 20px; */
	    color: #45563F;
		  line-height: 20px;
		  padding-left: 20px;
        padding-bottom: 0px;
		margin-bottom: 0px;
	  }

	  #breves li a:hover
	  { background-color: #FFB966;
	  }

	  ul#orange_links
	  { list-style-image: none;
      list-style-type: none;
 		  margin: 20px 0px 0px 10px;
		  padding: 0px;
	  }

    ul#orange_links li
	  { display: inline;
	    padding-left: 20px;
		  font-size: 12px;
	  }
	  
	  li#o_link1
	  { background-image: url('images/rss2.0.gif');
	    background-repeat: no-repeat;
	  }

	  li#o_link2
	  { background-image: url('images/spip.gif');
	    background-repeat: no-repeat;
		  font-weight: bold;
	  }

	  li#o_link3
	  { background-image: url('images/simtic.gif');
	    background-repeat: no-repeat;
	  }

    #orange_links li a
	  { text-decoration: none;
	    color: #000000;
	  }

/* -------------------------------  CENTER ------------------------------------- */

#center
{ float: left;
  width: 497px;
  margin: 20px;
}

    #hierarchie
	  { display: inline;
	    background-image: url('images/partenaires_sep.gif');
	    background-repeat: repeat-x;
		  background-position:  bottom;
/*		  margin: 0px 0px 0px 20px; */
		  padding: 0px 0px 5px 0px;
		  color: #45563F;
		  font-size: 10px;
		  line-height: 20px;
	  }

#hierarchie a
{ text-decoration: none;
  color: #45563F; 
}

#hierarchie a:hover
{ text-decoration: underline;
}

    .cartouche
	  { clear: both;
      margin: 20px 0px 20px 0px;
		  background-color: #FFDCB3;
	    border-bottom: solid 1px #FF8A00;
		  padding: 0px;
	  }

    .part_type
	  { float: left;
      background-color: #FF8A00;
		  color: #ffffff;
		  margin: 0px;
		  padding: 0px 10px 0px 10px;
		  text-align: center;
		  line-height: 20px;
		  width: 100px;
		  font-weight: bold;
		  font-size: 12px;
      height: 20px;
	  }

	  .titre_cartouche
	  { display: inline;
      padding: 0px 0px 0px 10px;
	    font-size: 12px;
		  line-height: 20px;
		  color: #45563F;
		  font-weight: bold;
		  margin: 0px;
		  background-color: #FFDCB3;
	  }
	  
	  .titre_sous_rubrique
	  { clear: both;
      margin: 0px 0px 0px 0px;
	    color: #FF8A00;
	    font-size: 12px;
		  font-weight: bold;
		  border-bottom: dotted 1px #FF8A00;
	  }

    .er_ul
	  { clear: both;
	    margin: 0px 0px 0px 0px;
	  }

    .er_a
	  { text-decoration: none;
      background-image: url('images/puce.gif');
      background-repeat: no-repeat;
      background-position: 0px 5px;
      padding-left: 20px;
	    border-bottom: dotted 1px #354E2D;
		  font-size: 12px;
      line-height: 30px;
		  font-weight: bold;
		color: #45563F;
	  }

    .er_a:hover
	  { text-decoration: none;
      background-image: url('images/puce_over.gif');
      background-repeat: no-repeat;
      background-position: 0px 5px;
	  }

    .er_a_doc
	  { text-decoration: none;
      background-image: url('images/doc.gif');
      background-repeat: no-repeat;
      background-position: 0px 0px;
      padding-left: 30px;
	    border-bottom: dotted 1px #354E2D;
		  font-size: 12px;
      line-height: 30px;
		  font-weight: bold;
  		color: #45563F;
	  }

    .er_a_doc:hover
	  { text-decoration: none;
      background-image: url('images/doc.gif');
      background-repeat: no-repeat;
      background-position: 0px 0px;
	  }

    .er_a_article
	  { text-decoration: none;
      background-image: url('images/article.gif');
      background-repeat: no-repeat;
      background-position: 0px 0px;
      padding-left: 30px;
	    border-bottom: dotted 1px #354E2D;
		  font-size: 12px;
      line-height: 30px;
		  font-weight: bold;
  		color: #45563F;
	  }

    .er_a_article:hover
	  { text-decoration: none;
      background-image: url('images/article.gif');
      background-repeat: no-repeat;
      background-position: 0px 0px;
	  }

    .er_a_rubrique
	  { text-decoration: none;
		  font-size: 12px;
		  font-weight: bold;
  		color: #45563F;
	  }

    .er_a_rubrique:hover
	  { text-decoration: underline;
	  }

    .er_par
	  { margin: 0px 0px 0px 20px;
	  }

    .er_par font
	  { border-bottom: dotted 1px #354E2D;
		  font-size: 12px;
	  }

	  #contenu p
	  { font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
		  color: #354E2D;
		  text-align: justify;
		  padding: 0px;
		  margin: 20px 0px 20px 0px;
	  }

      #contenu table
	  { text-align: left;
        width: 100%;
	    font-size: 12px;
        color: #354E2D;
		margin: 20px 0px 20px 0px;
	  }

      .row_first th
	  { background-color: #FF8A00;
        color: #ffffff;
        padding-left: 10px;
	  }

      .row_even
	  { background-color: #FFFFFF;
	  }

      .row_odd
	  { background-color:#FFDCB3;
	  }

	  .chapo
	  { font-family: Arial, Helvetica, sans-serif;
	    font-size: 12px;
		color: #354E2D;
		text-align: justify;
		padding: 0px;
		margin: 20px;
	  }

/* -------------------------------  RIGHT ------------------------------------- */

#right
{ float: left;
  width: 209px;

}

ul#main_links
{ height: 20px;
  background-color: #5A834C;
  list-style-image: none;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 209px;
}

#main_links li a
{ text-decoration: none;
  color: #ffffff;
  font-size: 12px;
  line-height: 20px;
  vertical-align: top;
}

li.r_link
{ display:inline;
  margin: 0px;
  padding: 0px;
  background-image: url('images/link.gif');
  margin-left: 2px;
  height: 20px;
  text-align: center;
}

li.r_link_over
{ display:inline;
  margin: 0px;
  padding: 0px;
  background-image: url('images/link_over.gif');
  margin-left: 2px;
  height: 20px;
  text-align: center;
}

#link1 { float: left; width: 53px; }
#link2 { float: left; width: 48px; }
#link3 { float: left; width: 34px; }
#link4 { float: left; width: 64px; }

#photo
{ position: relative;
  float: left;
  height: 145px;
  width: 209px;
  background-image: url('images/randonneur.gif');
  z-index: 50;
}

#right h2
{ position: relative;
  float: left;
  margin: 0px 0px 10px 0px;
  padding: 0px;
  background-image: url('images/partenaires.gif');
  height: 20px;
  width: 203px;
  color: #ffffff;
  font-size: 12px;
  font-weight: normal;
  padding: 5px 0px 0px 6px;
  z-index: 51;
}

#partenaires
{ position: relative;
  width: 209px;
  height: 220px;
  clip: rect(0px 209px 250px 0px);
  overflow: hidden;
  float: left;
}

#partenaire1, #partenaire2, #partenaire3
{ position: absolute;
  margin-top: 10px;
  font-size: 12px;
  width: 209px;
  height: 100px;
}

#partenaire1 { top: 0px; }
#partenaire2 { top: 120px; }
#partenaire3 { top: 240px; }

#partenaire_sep1, #partenaire_sep2
{ position: absolute;
  clear: both;
  width: 209px;
  background-image: url('images/partenaires_sep.gif');
  background-repeat: no-repeat;
  background-position: center center;
  height: 20px;
}

#partenaire_sep1 { top: 100px; }

#partenaire_sep2 { top: 220px; }

.partenaire_description
{ float: left;

}

.partenaire_description p
{ width: 90px;
  margin-left: 10px;
  color: #888888;
  font-weight: normal;

}

.partenaire_description h3
{ width: 90px;
  margin-left: 10px;
  color: #5A834C;
  font-weight: bold;

}

.partenaire_logo
{ float: left;
  margin-left: 10px;

}

.partenaire_logo a img
{ float: left;
  margin-left: 10px;
  width: 80px;
}

/* -------------------------------  FOOTER ------------------------------------- */

#footer
{ clear: both;
  background-image: url('images/footer.gif');
  background-repeat: no-repeat;
  text-align: center;
  font-size: 10px;
  padding-top: 0px;
}

#footer_text
{ color: #ffffff;
  padding: 0px;
  margin: 0px;
  line-height: 50px;
}

ul#footer_links
{ list-style-image: none;
  list-style-type: none;
  padding: 0px;
  margin-top: 15px;
  color: #7CBA66;
}

ul#footer_links li
{ display: inline;
}

#footer_links li a
{ text-decoration: none;
  color: #7CBA66;
}