BODY
 {
	FONT-SIZE: small; FONT-FAMILY: verdana
}
img {display:block;}
.back {
	 background:url(images/back.gif);
	 background-repeat:repeat-x;}
	 
.slogan {
font-size: 13px;
}
/**********Emplacement de l'image d'actualité *********/
div#pic {
	position:relative;
	width:160px;
	left: 30px;
	top: -37px;
	height: 100px;
}
div#pic1 {
	position:relative;
	width:160px;
	left: 17px;
	top: -45px;
	height: 100px;
}
div#pic a {
  text-align:left;
  FONT-SIZE: xx-small;
  FONT-FAMILY: verdana;
  display:block;
}
li.title{
display: block;
text-align:left; 
list-style-type:none
}
li.img {
list-style-type:none
}

/******************************************************/
a {
  color:#004785;
  FONT-SIZE: 10px;
  font-family:verdana;
  text-decoration:none;
  padding:0;
  margin:0;
}
a:hover{
	color:#F9A13A;
	text-decoration:none;
	text-align: center;
}
/********* Présentation de la partie gauche du menu******/
#nav {
  margin:0;
  padding:0;
  height:300px;
}


ul.menu1 li.drop a {
  background-image: url(images/close.gif);
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 18px;

}

ul.menu2 li.drop a{
  background-image: url(images/close.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 18px;

}
ul.menu1 li.drop a:hover{
  background-image: url(images/open.gif);
  background-repeat: no-repeat;
  padding-right: 18px;
  background-position: right;
}

ul.menu2 li.drop a:hover{
  background-image: url(images/open.gif);
  background-repeat: no-repeat;
  padding-left: 18px;
  background-position: left;
}

ul.menu1, ul ul {
  padding:0; 
  margin:0; 
  border:0; 
  list-style-type:none; 
  overflow:hidden; 
  text-align:right;
  color:#fff; 
  }

ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {}
ul.menu1 li a {display:block;  height:2em;line-height:1.9em; text-decoration:none; color:#369 text-align:right;font-weight:bold;}
ul.menu1 li a:visited {display:block;  height:2em;line-height:1.9em; text-decoration:none; color:#369 text-align:right;}
ul.menu1 li a.last,ul.menu1 li a.last:visited {display:block; width:14em; height:14em; line-height:2em;}
ul.menu1 li ul {display:none;}
ul.menu1 li:hover a,ul.menu1 li a:hover { color:#F9A13A;font-weight:bold; text-align:right;}
ul.menu1 li:hover ul,
ul.menu1 li a:hover ul {display:block; text-align:right;}
ul.menu1 li:hover ul li a,ul.menu1 li a:hover ul li a {background:#fff; color:#369; font-weight:normal; text-align:right;}
ul.menu1 li:hover ul li:hover a,
ul.menu1 li a:hover ul li a:hover {background:#fff; color:#F9A13A;}


/********* Présentation de la partie droite du menu******/
#nav1 {
  margin:0;
  padding:0;
  height:220px;
  margin-left:50px;

}
ul.menu2, ul ul {
  padding:0; 
  border:0; 
  list-style-type:none; 
  overflow:hidden; 
  text-align:left;
  color:#fff; 
  }
ul.menu2 {  margin-left:0px;  }

ul.menu2 li a,
ul.menu2 li a:visited {
display:block; height:2em; line-height:1.9em; text-decoration:none; color:#369 text-align:left; font-weight:bold}
ul.menu2 li a.last,
ul.menu2 li a.last:visited {display:block; width:14em; height:14em; line-height:2em;}
ul.menu2 li ul {display:none;}
ul.menu2 li:hover a,
ul.menu2 li a:hover { border:0; color:#F9A13A;; font-weight:bold; text-align:left;}
ul.menu2 li:hover ul,
ul.menu2 li a:hover ul {display:block; width:15em; margin-top:-1px; text-align:right;}
ul.menu2 li:hover ul li a,ul.menu2 li a:hover ul li a { height:2em; background:#fff; color:#369; font-weight:normal; text-align:left;}
ul.menu2 li:hover ul li:hover a, ul.menu2 li a:hover ul li a:hover {background:#fff; color:#F9A13A;}

/******************** Le pied de page **********************/
#bloc1 {
  float:left;
  top:0;
  vertical-align:bottom;
   width:20%;

}
#bloc2 {
  float:left;
  width:60%;
  text-align:center;
}
#bloc3 {
  width:19%;
  float:right;
  text-align:right;
}
div#footer{
  position:relative;
  font-size:xx-small;
  font-family: verdana;
  padding:8em 0;
  background: url('images/back_footer.gif') repeat-x;
  width:100%;
  

}