/*CSS*/

* {
margin:0;
padding:0;
border:0;
}
body{ 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0;
padding:0;
background-color:#ffffff;
}
h1 {
font-family:Arial, Helvetica, sans-serif;
color:#ff6600;
font-size:18px;
font-style:italic;
margin:0;
padding:0px 0px 5px 0px ;
}
h2 {
color:#336699;
font-size:16px;
margin:0;
padding:0px 0px 0px 0px ;
}
a {
color : #ff6600;
text-decoration:underline;
}
a:hover {
color:#ff9900;
text-decoration:underline;
}

.violet {
color:#944598;
}
.orange {
color:#ff9900;
}
.bleu {
color:#6699cc;
}
.vert {
color:#399e39;
}

#content p.center {
text-align:center;
}

/* Blocks principaux */
#wrapper {
  width: 918px;
  margin: 30px auto 10px auto;
  padding:0;
  border:1px solid #336699;
  background-color:#ffffff;
}
#header {
  display:block;
  width:918px;
  height:78px;
  background: url(header.jpg) no-repeat 0 0;
  padding:0;
  margin:0;
  border-bottom:1px solid #336699;
}
#rubrique {
  display:block;
  width:918px;
  height:55px;
  padding:0;
  margin:0;
}
#main {
  height:100%;
  padding:0;
  margin:0;
  background-color:#ffffff;
}
#menu {
  float:left;
  margin:0;
  padding:40px 0px 5px 0px;
  margin:5px 0px 5px 0px;
}
#content {
  display:block;
  margin:0;
  padding:17px 20px 80px 20px;
  margin: 0px 0px 0px 180px;
  color:#336699;
}
#footer {
  display:block;
  height:20px;
  background-color:#336699;
  text-align:center;
  margin:0;
  padding:0;
}
.spacer {
clear:both;
padding:0;
margin:0;
}

/* MENU */

#block-menu {
width:160px;
margin:0 0 50px 0;
padding:0;
}

#menu h1 {
display:block;
width:160px;
height:20px;
border-top:1px solid #ff6600;
margin:0px 0 0px 0px;
padding:5px 0 0px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:11px;
}
#menu h1.double {
height:30px;
}
#menu h1.last {
border-bottom:1px solid #ff6600;
}

#menu h1 a {
color:#336699;
margin:0 0 0 10px;
padding:0;
text-decoration:none;

}

#menu h1 a:hover {
color : #ff6600;
text-decoration:none;
}

#menu a.sous-titre{
color:#336699;
font-variant:normal;
text-decoration:none;

}
#menu a.sous-titre:hover{
color : #ff6600;
font-variant:normal;
text-decoration:none;

}

#menu p {
padding: 5px 0px 5px 0px;
margin:0;
}
#menu ul {
padding: 0px 0px 5px 4px;
margin:0;
}

#menu li{
  list-style-type: none;
  line-height:100%;
  background: url(li-menu.gif) no-repeat 3px 2px;
  padding: 3px 0px 3px 20px;
  margin:0;
  border-bottom: 1px solid #ffffff;
}
#menu li:hover{
  background: url(li-menu-hover.gif) no-repeat 3px 2px;
}
#menu li.last{
  border-bottom: none;
}


/* CONTENT */
#content p {
  line-height:20px;
  text-align:justify;
  margin:0;
  padding:0 0 5px 0;
}
#content .image {
border:0;
padding:10px 10px 10px 5px;
margin:0;
}
#content ul {
  padding: 0px 0px 0px 25px;
  margin:0;
}
#content li{
  list-style-type: none;
  line-height:180%;;
  background: url(li.gif) no-repeat 0px 0px;
  padding: 0px 4px 5px 22px;
  margin:0;
}

/* FOOTER */

#footer p {
  text-align:center;
  margin:0;
  padding:4px 0px 0px 0px;
  color:#ffffff;
}
#footer a {
  color:#ffffff;
  text-decoration:none;
}
#footer a:hover {
 color:#ffffff;
 text-decoration:underline;
}

/* TABLE */

table.border {
margin:10px 0px 10px 0px;
padding:0px;
border-top :1px solid #336699 ;
border-left :1px solid #336699 ;
}
table.border td {
border:0;
color:#336699;
margin:0;
padding:4px 2px 4px 2px;
border-right :1px solid #336699 ;
border-bottom :1px solid #336699 ;

}