/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 10
   ============================================== */

/* --- STYLES POUR SITES SECONDAIRES --- */

/* --- MENU DE NAVIGATION  --- */
#navigation-secondaire {
  float: left;
  /*width: 184px;*/
  width: 160px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 16px;
  text-decoration: none;
}
#navigation-secondaire .separateur {
  height: 1px;
  border-top: 2px solid #003366;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 16px;
}
#navigation-secondaire hr {
   display:none;
}
#navigation-secondaire a {
  text-decoration: none;
  padding-left: 8px;
  display: block;
  line-height: 12px;
  padding-top: 2px;
  padding-bottom: 2px;
  /* Internet Explorer seulement */ height: 100%;
  color: #188080;
}
/* Pour Navigateurs dernieres generations */
#navigation-secondaire>ul a {
  height: auto;
}
#navigation-secondaire ul {
  margin: 0 0 5px 0;
  padding: 0;
  list-style-type: none;
}
#navigation-secondaire li {
  padding: 0;
  margin: 0;
}
/* EXPOSE */
#navigation-secondaire ul#home li.item1on, #navigation-secondaire ul#liens li.item1on {
  background-color: #F0F0F0;
  margin: 0 0 5px 0;
}
#navigation-secondaire ul#part1 li.item1on, #navigation-secondaire ul#part1 li.item2on, #navigation-secondaire ul#part1 li.item3on, #navigation-secondaire ul#part1 li.item4on {
  background-color: #CC33333;
}
#navigation-secondaire ul#part2 li.item1on, #navigation-secondaire ul#part2 li.item2on, #navigation-secondaire ul#part2 li.item3on, #navigation-secondaire ul#part2 li.item4on {
  background-color: #33CC00;
}
#navigation-secondaire ul#part3 li.item1on, #navigation-secondaire ul#part3 li.item2on, #navigation-secondaire ul#part3 li.item3on, #navigation-secondaire ul#part3 li.item4on {
  background-color: #3399FF;
}
#navigation-secondaire ul#part4 li.item1on, #navigation-secondaire ul#part4 li.item2on, #navigation-secondaire ul#part4 li.item3on, #navigation-secondaire ul#part4 li.item4on {
  background-color: #FF9900;
}
#navigation-secondaire ul#part5 li.item1on, #navigation-secondaire ul#part5 li.item2on, #navigation-secondaire ul#part5 li.item3on, #navigation-secondaire ul#part5 li.item4on {
  background-color: #663366;
}
#navigation-secondaire ul#part6 li.item1on, #navigation-secondaire ul#part6 li.item2on, #navigation-secondaire ul#part6 li.item3on, #navigation-secondaire ul#part6 li.item4on {
  background-color: #FF6600;
}
#navigation-secondaire ul li.item1on, #navigation-secondaire ul li.item2on, #navigation-secondaire ul li.item3on, #navigation-secondaire ul li.item4on {
  color: #333333;
  padding-left: 16px;
  margin-left: -16px;
}
#navigation-secondaire ul#home li.item1 a, #navigation-secondaire ul#home li.item1on a  {
  font-weight: bold;
}
#navigation-secondaire ul#part1 li.item1on a, #navigation-secondaire ul#part2 li.item1on a, #navigation-secondaire ul#part3 li.item1on a, #navigation-secondaire ul#part4 li.item1on a,  #navigation-secondaire ul#part5 li.item1on a, #navigation-secondaire ul#part6 li.item1on a {
  padding-left: 8px;
  color: #333333;
  font-weight: bold;
}
#navigation-secondaire ul#part1 li.item2on a, #navigation-secondaire ul#part2 li.item2on a, #navigation-secondaire ul#part3 li.item2on a, #navigation-secondaire ul#part4 li.item2on a,  #navigation-secondaire ul#part5 li.item2on a, #navigation-secondaire ul#part6 li.item2on a {
  padding-left: 24px;
  color: #333333;
}
#navigation-secondaire ul#part1 li.item3on a, #navigation-secondaire ul#part2 li.item3on a, #navigation-secondaire ul#part3 li.item3on a, #navigation-secondaire ul#part4 li.item3on a,  #navigation-secondaire ul#part5 li.item3on a, #navigation-secondaire ul#part6 li.item3on a {
  padding-left: 40px;
  color: #333333;
}
#navigation-secondaire ul#part1 li.item4on a, #navigation-secondaire ul#part2 li.item4on a, #navigation-secondaire ul#part3 li.item4on a, #navigation-secondaire ul#part4 li.item4on a,  #navigation-secondaire ul#part5 li.item4on a, #navigation-secondaire ul#part6 li.item4on a {
  padding-left: 50px;
  color: #333333;
}
#navigation-secondaire ul#part1 li.item1 a, #navigation-secondaire ul#part2 li.item1 a, #navigation-secondaire ul#part3 li.item1 a, #navigation-secondaire ul#part4 li.item1 a, #navigation-secondaire ul#part5 li.item1 a, #navigation-secondaire ul#part6 li.item1 a {
  font-weight: bold;
}
#navigation-secondaire ul#part1 li.item2 a, #navigation-secondaire ul#part2 li.item2 a, #navigation-secondaire ul#part3 li.item2 a, #navigation-secondaire ul#part4 li.item2 a, #navigation-secondaire ul#part5 li.item2 a, #navigation-secondaire ul#part6 li.item2 a {
  padding-left: 24px;
}
#navigation-secondaire ul#home a:hover, #navigation-secondaire ul#liens a:hover {
  color: #333333;
  background-color: #ECECE0;
  width: auto;
}
#navigation-secondaire ul#home li.item1on a:hover, #navigation-secondaire ul#liens li.item1on a:hover {
  color: #333333;
}
#navigation-secondaire ul#part1 li.item2 a:hover, #navigation-secondaire ul#part2 li.item2 a:hover, #navigation-secondaire ul#part3 li.item2 a:hover, #navigation-secondaire ul#part4 li.item2 a:hover, #navigation-secondaire ul#part5 li.item2 a:hover, #navigation-secondaire ul#part6 li.item2 a:hover {
  padding-left: 24px;
  margin: 0;
}
#navigation-secondaire ul#part1 li.item3 a, #navigation-secondaire ul#part2 li.item3 a, #navigation-secondaire ul#part3 li.item3 a, #navigation-secondaire ul#part4 li.item3 a, #navigation-secondaire ul#part5 li.item3 a, #navigation-secondaire ul#part6 li.item3 a {
  padding-left:40px;
}
#navigation-secondaire ul#part1 li.item3 a:hover, #navigation-secondaire ul#part2 li.item3 a:hover, #navigation-secondaire ul#part3 li.item3 a:hover, #navigation-secondaire ul#part4 li.item3 a:hover, #navigation-secondaire ul#part5 li.item3 a:hover, #navigation-secondaire ul#part6 li.item3 a:hover {
  padding-left:40px;
  margin: 0;
}
#navigation-secondaire ul#part1 li.item4 a, #navigation-secondaire ul#part2 li.item4 a, #navigation-secondaire ul#part3 li.item4 a, #navigation-secondaire ul#part4 li.item4 a, #navigation-secondaire ul#part5 li.item4 a, #navigation-secondaire ul#part6 li.item4 a {
  padding-left:50px;
}
#navigation-secondaire ul#part1 li.item4 a:hover, #navigation-secondaire ul#part2 li.item4 a:hover, #navigation-secondaire ul#part3 li.item4 a:hover, #navigation-secondaire ul#part4 li.item4 a:hover, #navigation-secondaire ul#part5 li.item4 a:hover, #navigation-secondaire ul#part6 li.item4 a:hover {
  padding-left: 50px;
  margin: 0;
}
/* Liens navigation */
#navigation-secondaire #home a {
  color: #666666;
  padding-left: 16px;
  text-align: right;
}
#navigation-secondaire ul#home li.item1on a {
  color: #333333;
}
#navigation-secondaire ul#liens li.item1on a {
  color: black;
}
#navigation-secondaire ul#part1 li.item1on a:hover, #navigation-secondaire ul#part2 li.item1on a:hover, #navigation-secondaire ul#part3 li.item1on a:hover, #navigation-secondaire ul#part4 li.item1on a:hover, #navigation-secondaire ul#part5 li.item1on a:hover, #navigation-secondaire ul#part6 li.item1on a:hover {
  margin-left: -8px;
  padding-left: 16px;
  width: auto;
}
#navigation-secondaire ul#part1 li.item2on a:hover, #navigation-secondaire ul#part2 li.item2on a:hover, #navigation-secondaire ul#part3 li.item2on a:hover, #navigation-secondaire ul#part4 li.item2on a:hover, #navigation-secondaire ul#part5 li.item2on a:hover, #navigation-secondaire ul#part6 li.item2on a:hover {
  margin-left: -8px;
  padding-left: 32px;
  width: auto;
}
#navigation-secondaire ul#part1 li.item3on a:hover, #navigation-secondaire ul#part2 li.item3on a:hover, #navigation-secondaire ul#part3 li.item3on a:hover, #navigation-secondaire ul#part4 li.item3on a:hover, #navigation-secondaire ul#part5 li.item3on a:hover, #navigation-secondaire ul#part6 li.item3on a:hover {
  margin-left: -8px;
  padding-left: 48px;
  width: auto;
}
#navigation-secondaire ul#part1 li.item4on a:hover, #navigation-secondaire ul#part2 li.item4on a:hover, #navigation-secondaire ul#part3 li.item4on a:hover, #navigation-secondaire ul#part4 li.item4on a:hover, #navigation-secondaire ul#part5 li.item4on a:hover, #navigation-secondaire ul#part6 li.item4on a:hover {
  margin-left: -8px;
  padding-left: 58px;
  width: auto;
}
#navigation-secondaire #part1 {
  padding-left: 8px;
  background-color: #CC3333;
}
#navigation-secondaire #part1  li {
  background-color: white;
}
#navigation-secondaire #part1  a {
  color: #CC3333;
}
#navigation-secondaire ul#part1 li a:hover{
  color: white;
  background-color: #CC3333;
  margin-left: -8px;
  padding-left: 16px;
  width: auto;
}
#navigation-secondaire #part2 {
  padding-left:8px;
  background-color: #33CC00;
}
#navigation-secondaire #part2  li {
  background-color: white;
}
#navigation-secondaire #part2 a {
  color: #33CC00;
}
#navigation-secondaire ul#part2 li a:hover{
  color: white;
  background-color: #33cc00;
  width: auto;
  margin-left: -8px;
  padding-left: 16px;
}
#navigation-secondaire #part3 {
  background-color: #3399FF;
  padding-left: 8px;
}
#navigation-secondaire #part3  li {
  background-color: white;
}
#navigation-secondaire #part3 a {
   color: #3399FF;
}
#navigation-secondaire ul#part3 li a:hover{
  width: auto;
  color: white;
  background-color: #3399FF;
  margin-left: -8px;
  padding-left: 16px;
}
#navigation-secondaire #part4 {
  padding-left:8px;
  background-color:#FF9900;
}
#navigation-secondaire #part4  li {
  background-color: white;
}
#navigation-secondaire #part4 a {
  color: #FF9900;
}
#navigation-secondaire ul#part4 li a:hover{
  color: white;
  background-color: #FF9900;
  width: auto;
  margin-left: -8px;
  padding-left: 16px;
}
#navigation-secondaire #part5 {
  padding-left:8px;
  background-color:#663366;
}
#navigation-secondaire #part5  li {
  background-color: white;
}
#navigation-secondaire #part5 a {
  color: #663366;
}
#navigation-secondaire ul#part5 li a:hover{
  color: white;
  background-color: #663366;
  width: auto;
  margin-left: -8px;
  padding-left: 16px;
}
#navigation-secondaire #part6 {
  padding-left:8px;
  background-color:#FF6600;
}
#navigation-secondaire #part6  li {
  background-color: white;
}
#navigation-secondaire #part6 a {
  color: #FF6600;
}
#navigation-secondaire ul#part6 li a:hover{
  color: white;
  background-color: #FF6600;
  width: auto;
  margin-left: -8px;
  padding-left: 16px;
}
#navigation-secondaire #liens a {
  font-size: 10px;
  line-height: 12px;
  color: #666666;
  font-weight: normal;
  padding-left: 16px;
}