/*CSS*/

* {
margin: 0;
padding: 0;
border:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9pt;
}

/* Caractéristiques générales du tableau*/

body { 
background-color:#FFFFFF;
}

td.entete1 {
background-image: url('bandeau_haut1.gif');
background-repeat:no-repeat;
height:110px;
width:693px;
text-align:center;
}

td.entete2 {
background-image: url('bandeau_haut2.gif');
background-repeat:no-repeat;
width:283px;
height:110px;
text-align:center;
}

td.menu {
background-image: url('bgmenu.gif');
background-repeat:repeat-y;
width:192px;
background-position:left;
}

td.cadre {
background-image: url('bgcadre.gif');
width:192px;
background-repeat:repeat-y;
background-position:top;
border:2px solid #cc0000;
padding:0;
margin:0;
}

/* Caractéristiques de l'ID haut */

#haut h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#000066;
letter-spacing:10px;
font-weight:normal;
font-size:40px;
padding:0px 0px 0px 20px;
margin:0px;
}

#haut h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color:#000066;
font-weight:normal;
font-size:9px;
padding:0px 0px 0px 23px;
margin:0px;
}

/* Caractéristiques de l'ID menu */

#menu {
display:block;
text-align:left;
padding:0px 0px 0px 20px;
margin:0px;
}

#menu img {
padding:0px 0px 0px 0px;
margin:0px;
}

#menu img.line {
padding:0px 0px -20px 0px;
margin:0px;
}

#menu ul {
padding: 0px 0px 0px 15px;
margin:0;
}

#menu li {
list-style:none;
background: url(li-r.gif) 0px -13px no-repeat;
padding: 8px 0px 0px 0px;
margin:0;
}

#menu a {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #000066;
font-size: 12px;
font-variant:small-caps;
letter-spacing:-1px;
text-decoration:none;
padding: 0px 0px 0px 15px;
margin:0;
}

#menu a:hover {
color: #cc0000;
text-decoration:underline;
}

#menu li.sous-menu {
list-style:none;
background: url(li-b.gif) -14px 5px no-repeat;
padding: 0px 0px 0px 0px;
margin:0;
}

#menu a.sous-menu {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #000066;
font-size: 10px;
font-variant:small-caps;

letter-spacing:0px;
text-decoration:none;
padding: 0px 0px 0px 20px;
margin:0;
}

#menu a.sous-menu:hover {
color: #cc0000;
text-decoration:underline;
}

/* Caractéristiques de l'ID contenu */

#contenu {
padding:5px 15px 10px 15px;
margin:0;
text-align:left;
vertical-align:top;
}

#contenu p, #contenu li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9pt;
color:#000000;
text-align: justify;
line-height:14pt;
padding:0px 0px 0px 0px;
margin:0;
}

#contenu img {
padding:-5px 0px 0px 0px;
margin:0;
border:none;
}

#contenu p {
display:block;
padding:0px 0px 10px 0px;
margin:0;
}

#contenu ul {
padding:0px 0px 5px 20px;
margin:0;
}

#contenu li {
list-style:none;
background: url(li2.gif) -2px 6px no-repeat;
padding: 0px 0px 10px 15px;
margin:0;
}

#contenu h1, #contenu h2 {
padding:0;
margin:0;
}

#contenu h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #000066;
font-size: 14pt;
letter-spacing: 0,5px;
font-weight:bold;
font-variant:small-caps;
}

#contenu h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
color: #cc0000;
font-size: 11pt;
letter-spacing: 0,5px;
font-weight:bold;
font-variant:small-caps;
padding:0px 0px 10px 0px;
}

#contenu a {
color: #cc0000;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}

#contenu a:hover {
color: #cc0000;
text-decoration:underline;
}

#contenu img.line {
text-align:center;
position:relative;
bottom:9px;
}

/* Caractéristiques de l'ID contenu */

#cadre {
padding:5px 5px 5px 5px;
margin:0;
}

#cadre p, #cadre li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#000000;
text-align: left;
line-height:10pt;
padding:0px 0px 10px 0px;
margin:0;
}

#cadre ul {
padding:0px 0px 5px 25px;
margin:0;
}

#cadre li {
list-style:none;
background: url(li2.gif) -2px 6px no-repeat;
padding: 0px 0px 10px 15px;
margin:0;
}

#cadre h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
color: #000000;
font-size: 9pt;
font-weight:bold;
font-variant:small-caps;
padding:0px 0px 10px 0px;
margin:0;
}

#cadre a {
color: #000066;
font-size:10px;
text-align:center;
font-variant:small-caps;
font-weight:bold;
text-decoration:none;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
}

#cadre a:hover {
color: #cc0000;
text-decoration:underline;
}

/*Caractéristiques de l'ID du paragraphe en bas du cadre principal*/

#bas {
padding:0;
margin:0;
vertical-align:bottom;
}

#bas p {
text-align:center;
color: #cc0000;
font-size:10px;
font-variant:small-caps;
font-weight:normal;
letter-spacing:-1px;
text-decoration:none;
padding:0px 0px 0px 0px;
margin:0;
position:relative;
top:13px;
vertical-align:bottom;
}

#bas p.copyright {
text-align:center;
color: #000000;
font-size:9px;
font-weight:normal;
font-variant:normal;
text-decoration:none;
padding:5px 0px 0px 0px;
margin:0;
}

#bas a.copyright {
color: #000000;
font-size:9px;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
text-decoration:none;
padding:0;
margin:0;
}

#bas a.copyright:hover {
color: #000000;
text-decoration:underline;
}

#bas a {
color: #cc0000;
font-size:10px;
font-variant:small-caps;
font-weight:normal;
letter-spacing:0px;
text-decoration:none;
padding:0;
margin:0;
vertical-align:bottom;
}

#bas a:hover {
color: #cc0000;
text-decoration:underline;
}

#bas img.line {
text-align:center;
position:relative;
top:5px;
}

/*Caractéristiques de l'ID du paragraphe Contact*/

table.contact {
padding:0px 0px 0px 0px;
margin:0;
}

#contact {
padding:0;
margin:0;
vertical-align:top;
text-align:left;
}

#contact p {
color: #ffffff;
font-size:11px;
font-variant:small-caps;
font-weight:normal;
text-decoration:none;
line-height:12px;
padding:0px 0px 0px 0px;
margin:0;
position:relative;
bottom:3px;
}

#contact h1 {
color: #ffffff;
font-size:12px;
font-variant:small-caps;
font-weight:bold;
letter-spacing:0px;
text-decoration:none;
padding:0px 0px 0px 0px;
margin:0;
}

#contact a {
color: #ffffff;
font-size:12px;
font-variant:normal;
font-weight:normal;
letter-spacing:0px;
text-decoration:none;
padding:0;
margin:0;
}

#contact a:hover {
color: #ffffff;
text-decoration:underline;
}

#contact img.line {
padding:0px 0px 0px 0px;
margin:0px;
position:relative;
bottom:7px;
}