/***************************************************
   HTML Element Styles
 ***************************************************/

body {
margin : 0; 
text-align : center; 
font : 0.62em verdana, arial, sans-serif; 
line-height : 170%; 
color : #eee; 
background : #585858 url(../images/bg_body.jpg) repeat-y top center; 
} 
p {
padding-top : 10px !important; 
padding-top : 3px; 
padding-bottom : 10px !important; 
padding-bottom : 3px; 
} 
a {
color : #ffce4b; 
} 
a:visited {
color : #aaa; 
} 
a:hover {
color : #fff; 
} 
acronym {
cursor : help; 
border-bottom : 1px solid #777; 
} 
input {
width : 70%; 
} 
textarea {
width : 98%; 
} 
input, textarea {
padding : 1px 3px; 
margin : 5px 0; 
font : 1em verdana, arial, sans-serif; 
color : #eee; 
background-color : #777; 
border : 1px solid #999; 
} 
input:hover, input:focus, textarea:hover, textarea:focus {
color : #fff; 
background-color : #999; 
border : 1px solid #eee; 
} 
h1 {
clear : both; 
margin : 10px 0; 
font : 700 1em verdana, sans-serif; 
text-transform : uppercase; 
color : #7bd32c; 
background : #686868 url(../images/rounded_tr.gif) no-repeat top right; 
} 
h1 span {
display : block; 
padding : 2px; 
background : url(../images/rounded_br.gif) no-repeat bottom right; 
} 
#sideBar h1 {
text-align : right; 
background : #686868 url(../images/rounded_tl.gif) no-repeat top left; 
} 
#sideBar h1 span {
display : block; 
padding : 2px; 
background : url(../images/rounded_bl.gif) no-repeat bottom left; 
} 
#content ol li {
color : #9be4ff; 
} 
#content ol li span {
color : #eee; 
} 
#content ul {
padding-bottom : 10px; 
} 
#content ul li {
list-style-image : url(../images/li_bullet.gif); 
} 
blockquote {
margin : 0; 
background : #686868 url(../images/rounded_tr.gif) no-repeat top right; 
} 
blockquote span {
display : block; 
padding : 5px; 
background : url(../images/rounded_br.gif) no-repeat bottom right; 
} 
#header {
width : 100%; 
height : 3em; 
background : #585858 url(../images/bg_header.jpg) repeat-y top center; 
} 
#menu {
width : 767px; 
margin : 0 auto; 
text-align : left; 
} 
#menu ul {
margin : 0; 
padding : 0; 
line-height : normal; 
} 
#menu ul li {
display : inline; 
float : left; 
padding-top : 0.8em; 
list-style : none; 
text-align : center; 
} 
#menu ul li a {
display : block; 
text-decoration : none; 
text-transform : uppercase; 
padding-bottom : 1.0em; 
color : #222; 
} 
#menu ul li a:hover, #menu ul li a.active {
font-weight : bold; 
color : #111; 
background : url(../images/menu_tab.gif) no-repeat bottom center; 
} 
#title {
padding : 0.6em 40px 0.6em 0; 
margin-right : 0.5em; 
float : right; 
background : url(../images/drapeau-gb2.gif) no-repeat top right; 
} 
#title h1 {
display : inline; 
color : #050505; 
font : 400 0.9em verdana, sans-serif; 
background-color : #fedf8d; 
background-image : none; 
} 
#title2 {
padding : 0.6em 40px 0.6em 0; 
margin-right : 0.5em; 
float : right; 
background : url(../images/drapeau-fra2.gif) no-repeat top right; 
} 
#title2 h1 {
display : inline; 
color : #050505; 
font : 400 0.9em verdana, sans-serif; 
background-color : #fedf8d; 
background-image : none; 
} 

#title3 h1 {
display : inline; 
color : #050505; 
font : 400 0.9em verdana, sans-serif; 
background-color : #fedf8d; 
background-image : none; 
} 
#content {
clear : both; 
width : 767px; 
margin : 0 auto; 
text-align : left; 
} 
#text {
float : left; 
width : 410px !important; 
width : 437px; 
padding : 10px 5px 20px 20px !important; 
padding : 20px 5px 20px 20px; 
} 
#image {
float : left; 
width : 170px; 
vertical-align : top; 
} 
#sideBar {
float : right; 
width : 145px !important; 
width : 160px; 
padding : 10px 15px 20px 0 !important; 
padding : 20px 15px 20px 0; 
} 
.upArrow {
clear : both; 
display : block; 
text-align : right; 
} 
.upArrow a img {
margin-top : 6px; 
border : 0; 
background-color : #7bd32c; 
} 
.upArrow a:hover img {
border : 0; 
background-color : #b0afaf; 
} 
.sideMenu {
padding : 10px 0; 
} 
.sideMenu a {
display : block; 
text-align : right; 
text-decoration : none; 
margin-bottom : 1px; 
} 
.sideMenu a span {
display : block; 
padding : 1px; 
} 
.sideMenu a:hover {
background : #686868 url(../images/rounded_tl.gif) no-repeat top left; 
} 
.sideMenu a:hover span {
background : url(../images/rounded_bl.gif) no-repeat bottom left; 
} 
strong, .subHeading {
font-size : 1em; 
text-transform : uppercase; 
color : #00aa9e; 
} 
.subHeading {
display : block; 
} 
#comments p {
padding : 0 5px; 
margin-bottom : 0; 
background : #686868 url(../images/rounded_tl.gif) no-repeat top left; 
} 
#comments p span.author {
display : block; 
margin-top : 5px; 
text-align : right; 
font-weight : 700; 
} 
#comments img {
margin-top : -1px; 
} 
#comments a {
color : #7bd32c; 
} 
#comments a:visited {
color : #aaa; 
} 
#comments a:hover {
color : #fff; 
} 
.imgRight, .imgLeft {
border : 0 solid #888888; 
} 
.imgRight {
float : right; 
margin : 0 0 10px 10px; 
} 
.imgLeft {
float : left; 
margin : 0 10px 10px 0; 
} 
#footer {
clear : both; 
float : left; 
width : 500px; 
padding : 10px 20px; 
color : #888; 
} 
#footer p {
padding-top : 0 !important; 
padding-top : 10px; 
} 
#footer a {
color : #888; 
} 
#footer a:hover {
color : #eee; 
} 
.center {
text-align : center; 
} 
.noPad {
padding : 0; 
margin : 0; 
} 
.left {
float : left; 
} 
.right {
float : right; 
} 
img.left {
padding : 5px 5px 5px 0; 
} 
img.right {
padding : 5px 0 5px 5px; 
} 
.button {
width : auto; 
cursor : pointer; 
} 
.date {
display : block; 
font-weight : 700; 
}