/*CSS*/

* {
margin:0;
padding:0;
border:0;
}
body{ 
font-family:"Times New Roman", Times, serif;
font-size:11px;
margin:0;
padding:0;
background: #81a2c3 url(body.jpg) repeat-x 0 0;
}
h1, h2 {
color:#779abe;
font-size:20px;
letter-spacing:1px;
margin:0;
padding:0px 0px 0px 0px ;
}
a {
color : #ffb400;
text-decoration:none;
}
a:hover {
color:#ff5f11;
text-decoration:underline;
}
#content p.center {
text-align:center;
}

/* Blocks principaux */
#wrapper {
  width: 896px;
  margin: 30px auto 10px auto;
  padding:0;
  border:2px solid #779abe;
  background-color:#ffffff;
}
#header {
  display:block;
  width:896px;
  height:155px;
  background: url(header.jpg) no-repeat 0 0;
  padding:0;
  margin:0;
}
#main {
  height:100%;
  padding:0;
  margin:0;
  background-color:#ffffff;
}
#menu {
  float:left;
  margin:0;
  padding:35px 5px 5px 15px;
  margin:5px 5px 5px 5px;
}
#content {
  display:block;
  margin:0;
  padding:37px 20px 50px 20px;
  margin: 0px 0px 0px 220px;
}
#footer {
  display:block;
  height:32px;
  background: url(footer.jpg) no-repeat 0 0;
  text-align:center;
  font-size:11px;
  margin:0px 0 0px 0;
  padding:0px 0 0 0;
}
.spacer {
clear:both;
padding:0;
margin:0;
}

/* HEADER */
#header img.bandeau {
  padding:0;
  margin:0;
  text-align:right;
  visibility:visible;
}
#header #multi {
  padding:10px 10px 0px 0px;
  margin:0;
  text-align:right;
  visibility:visible;
}

#header #accueil {
  margin:95px 0px 0px 130px;
  padding:10px;
  text-align:left;
  font-size:13px;
}
#multi .form-multi {
  border:1px solid #779abe;
}

/* MENU */

#menu h1.titre-menu {
color:#ffb400;
font-size:18px;
font-variant:small-caps;
letter-spacing:1px;
margin:0;
padding: 0px 0px 10px 0px;
}

#block-menu {
margin:0px 0px 30px 0px;
padding:0px 0px 0px 0px;
width:190px;
border:1px solid #779abe;
background: url(bg-menu.jpg) repeat-y 0px 0px;
}

#menu a {
color:#779abe;
font-size:13px;
font-variant:small-caps;
letter-spacing:1px;
text-decoration:none;
}

#menu a:hover {
color : #ffb400;
text-decoration:none;
}

#menu a.sous-titre{
font-size:12px;
letter-spacing:1px;
font-variant:normal;
padding:0px 0px 0px 10px;
}

#menu p {
padding: 5px 0px 5px 0px;
margin:0;
}
#menu ul {
padding: 0px 0px 0px 0px;
margin:0;
}

#menu li{
  list-style-type: none;
  line-height:140%;
  background: url(li-menu.jpg) no-repeat 0px 0px;
  padding: 3px 0px 3px 20px;
  margin:0;
  border-bottom: 1px solid #ffffff;
}
#menu li:hover{
  background: url(li-menu-hover.jpg) no-repeat 0px 0px;
}
#menu li.last{
  border-bottom: none;
}

#menu a.imp {
font-weight:bold;

}


/* CONTENT */

#content p {
  line-height:20px;
  font-size:14px;
  text-align:justify;
  letter-spacing:1px;
  margin:0;
  padding:0 0 15px 0;
}
#content p.bleu {
color:#4464ba;
}
#content .image {
border:0;
padding:10px 10px 10px 5px;
margin:0;
}
#content ul {
  padding: 0px 0px 0px 25px;
  margin:0;
}
#content li{
  font-size:14px;
  letter-spacing:1px;
  list-style-type: none;
  line-height:150%;
  background: url(li.gif) no-repeat 0px 1px;
  padding: 0px 0px 9px 22px;
  margin:0;
}

/* FOOTER */

#footer p {
  text-align:center;
  margin:0;
  padding:8px 0px 0px 0px;
  color:#779abe;
  font-size:13px;
}
#footer a {
  color:#779abe;
  text-decoration:none;
}
#footer a:hover {
 color:#779abe;
 text-decoration:underline;
}





