body {
background-color:#EEE;
margin:0;
padding:0;
text-align:center
}

#container {
background-color:#FFF;
border:1px solid #CCC;
border-top:none;
border-bottom:none;
color:#444;
font-family:Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:21px;
margin:0 auto;
padding:10px 10px 5px;
text-align:left;
width:760px
}

/* Basic */
h1 {
color:red;
font-size:32px;
font-weight:400;
margin-bottom:30px
}

h2 {
font-size:17px;
font-variant:small-caps;
margin-left:0px;
border-bottom:1px solid #eaeaea;
width:532px;
}

h3 {
font-size:11px;
font-variant:small-caps;
margin-left:0px;
font-weight:bold;
margin-bottom:1px;
}

a {
border-bottom:1px dotted red;
color:red;
text-decoration:none
}

a:hover {
border-bottom:none;
color:#00398C;
}

.button {
padding:2px
}

/* Header */
#header {

clear:both;
margin-bottom:5px
}

#header p {
color:#999;
margin-left:30px;
margin-top:-20px
}

/* Formulaires */
form {
margin:0;
padding:0
}

input,textarea,select {
background-color:#FAFAFA;
border:1px solid #ccc;
color:#666;
font-family:Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
padding:0.2em
}

input:focus,textarea:focus {
background-color:#FFF;
border:1px solid red;
color:red
}

/* Navigation elements */
#navigation ul {
float:left;
list-style-type:none;
margin-left:0px;
padding-left:0px;
width:160px;
font-variant:small-caps;
letter-spacing:1px;
background-color:#fafafa;
border:1px solid #eaeaea;
padding-top:5px;
}

#menu a {
border-bottom:1px solid #f5f5f5;
display:block;
padding:1px;
width:154px;
font-variant:small-caps;
letter-spacing:1px;
color:red;

padding-left:5px;
}



#menu a:link,#menu a:visited {
text-decoration:none
}

#menu a:hover {
background:#fff url(./images/arrow.gif) 94% 50% no-repeat;
color:#00398C;
}


#navigation p {
border-bottom:1px solid #F5F5F5;
border-top:1px solid #F5F5F5;
margin-top:30px;
padding:5px
}

/* Content */
#content {
margin-left:190px;
padding-bottom:5px;
padding-left:10px;
width:532px;
Line-height:19px;
text-align:justify;
padding-top:5px;
}

#content blockquote {
color:#666;
padding:5px;
text-align:center
}

#note {
font-size:8px;
line-height:10px;
margin-left:10px;
margin-top:-5px;
text-align:center
}

#content img {
border:1px solid #666;
margin:12px;
padding:3px
}

#content img.guillemet {
border:none;
margin:0;
padding:0 5px
}

#content img.rien {
border:none;
margin:0;
padding:0
}

#content ul {
list-style-type:circle;
list-style-position:outside;
margin:0;
margin-left:25px;
padding:0;
}

#content ul li {
margin:0;
padding:0;
}

#content ol li {
margin:0;
padding:0;
}

table {
border:1px solid #00398C;
border-collapse:collapse
}

#noborder {
border:none
}

table th {
background-color:#f2f6f8;
border:1px solid #00398C;
padding:4px
}

#noborder th {
background-color:#fff;
border:none;
color:#666
}

table td {
background-color:#fff;
border:1px solid #00398C;
padding:4px;
}

#noborder td {
background-color:#fff;
border:none;
color:#666;
text-align:left
}

/* Footer */
#footer {
background:#fff url(images/logosmall2.gif) 0 0 no-repeat;
clear:both;
font-size:9px;
height:50px;
margin:0;
padding-left:120px;
padding-top:37px;
text-align:center;
color:red;
margin-top:10px;
}

#footer p {
color:#89817f;
}

#footer p a {
border-bottom:1px dotted red;
color:red
}

#footer p a:hover {
border-bottom:1px solid white;
color:#00398C
}