/* CSS Document */

/* Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size:small;
background-color:#CCCCCC;
background-image:url(img/fond-degrade.gif);
background-position:center;
background-repeat:repeat-y;
}

/*a{display:block;color: #981793;padding:10px}*/

div#header{
margin:0;
padding:0;
}
 
div#sousheader{
height:45px;
margin-top:0;
padding-top:0;
background-image:url(img/corps-haut-fond.gif);
background-repeat:repeat-x;
background-position:top;
}
 
div#container{
width:900px;
margin:0 auto;
text-align:left;
background-color:#FFFFFF;
}

div#content{
float:right;
width:650px;
margin-left:25px;
margin-right:25px;
text-align:justify;
}

div#content p{
line-height:1.5;
}

div#content img
{
float:right;
}
.type1 {
float:right;
padding-left:5px;
padding-bottom:10px;
}

div#content h1{
font-size:x-large;
font-weight:bold;
line-height:1.4;
}

div#content h2{
font-size:large;
line-height:1.4;
padding-top:30px;
}

div#content h3{
font-size:medium;
font-weight:bold;
line-height:1.4;
}

div#content h4{
font-size:normal;
text-decoration: underline;
line-height:1.0;
padding-top:10px;
}

div#content a{
color:#333333;
}

div#content a img{
float:left;
padding-right: 5px;
}

hr {
visibility:hidden;
padding:0;
margin:0;
padding-bottom:15px;
}

div#navigation{
float:left;
width:200px;
height:400px;
background-image:url(img/menu-gauche-barre.gif);
background-position:top right;
background-repeat:no-repeat;
}

div#footer{
clear:both;
width:100%;
/*padding:5px 10px;*/
padding-top:30px;
}

div#footer p, div#footer a{
margin:0;

font-size:x-small;
color:#999999;
text-align:center;
}

#navcontainer{
/*margin-top:50px;*/
height:32px;
display: block;
float: left;
background-image:url(img/menu-haut-fond.gif);
background-repeat:repeat-x;
width:100%;
}

#navcontainer ul li{
list-style-type: none;
padding: 0;
padding-top:8px;
width:100px;
margin: 0;
display: block;
float: left;
text-align: center;
white-space:nowrap;
}

#navcontainer a{
color:#333333;
text-decoration: none;
font-weight:bold;
}

#navcontainer a:hover { 
/*text-decoration:underline;*/
color:#000000;
}

#navcontainer li#eng { 
margin-left:5px;
background-image:url(img/eng.gif);
background-position:left ;
background-repeat:no-repeat;
float:right;
}

#navcontainer li#ru { 
background-image:url(img/ru.gif);
background-position:left;
background-repeat:no-repeat;
float:right;
}

#navcontainer li#log { 
float:right;
}

/*Menu vertical gauche*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

ul {
padding-bottom:10px;
}

#menu {
top: 0;
left: 0;
}

dl#menu {
width: 15em;
}

dl#menu dt {
cursor: pointer;
/*height: 26px;
line-height: 26px;*/
padding-bottom:5px;
text-align: left;
font-weight: bold;
color:#333333;
padding-left:25px;
background-image:url(img/menu-gauche-fleche.gif);
background-position:top left;
background-repeat:no-repeat;
}

/*sous menu*/
dl#menu dd {
/*border: 1px solid gray;*/
}

dl#menu li {
padding-left:35px;
text-align: left;
}

dl#menu li a, dl#menu dt a {
color:#333333;
text-decoration: none;
/*display: block;*/
border: 0 none;
height: 100%;
}

dl#menu li a:hover, dl#menu dt a:hover {
font-weight:bold;
text-decoration:underline;
color:#000000;
}

table {
border-bottom:#CCCCCC 1px solid;
width:100%;
}
.type1 {
border:#CCCCCC 1px solid;
width:90%;
}

table strong {
font-weight:bold;
}

table td {
border-top:#CCCCCC 1px solid;
padding-left:10px;
padding-right:10px;
}