/*
Couleurs utilisées :
- bleu clair : #abc
- bleu moyen : #789;
- bleu foncé : #257;
*/
html {
	height: 101%;
}

body {
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size: 11px;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
background-image: url(../imgs/bg_main.gif);
background-repeat: repeat-y;
background-position: center;
}

a {
color:#789;
}
a:hover {
color:#257;
}

#container {
margin-left:auto;
margin-right:auto;
padding: 0px;
padding-left: 44px;
width: 793px;
text-align:left;
}

#header {
padding: 0px;
width:748px;
height: 140px;
border-bottom: 1px solid #000;
background-image: url(../imgs/bg_pic.jpg);
background-repeat: no-repeat;
background-position: right;
}

#navcontainer ul
{
padding: 0px;
margin: 0px;
background-color: #abc;
color: #fff;
float: left;
width: 748px;
}
#navcontainer form
{
padding: 0px;
margin: 0px;
background-color: #abc;
color: #fff;
float: left;
width: 748px;
text-align: right;
border-left: 1px solid #000;
}
#navcontainer ul li { display: inline; }
#navcontainer ul li a
{
padding: 0.2em 1em;
background-color: #257;
color: #fff;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
width: 80px;
}
#navcontainer ul li a:hover
{
background-color: #789;
color: #fff;
}
#navlist #active
{
float: right;
margin-right: 10px;
}

#content {
padding: 5px ;
padding-left: 10px;
width:733px;
}

.titre
{
font-size:16px;
font-weight:bold;
color:#257;
margin:0;
}
.inter
{
font-size:14px;
font-weight:bold;
color:#789;
}
.strongc
{
font-size:11px;
font-weight:bold;
color:#789;
}

.saisie {
background-color:#ffc;
border:1px solid #ccc;
color:#000;
font-family:  Arial, Verdana, Helvetica, sans-serif;
font-size : 11px;}

.bouton{
color:#000;
font-size : 11px; }

.lnk
{
border: 1px solid #257;
}