body
{
  background: #ff9900 url(images/bg.jpg) repeat-x left bottom;
  color: #444;
  font: normal 62.5% Tahoma,sans-serif;
}

a img
{
  border:none;
}

/* classes flotantes */
.clearer
{
clear: both;
}

.left
{
float: left;
}

.right
{
float: right;
}

/************************/
/***** Haut de page *****/
/************************/

/* le titre */
.header
{
  background: #FFF;
  font-size: 1.2em;
  height: 100px;
  margin: 0 auto;
  padding: 10px 10px 5px;
  width: 780px;
}

.header .left, .header .right
{
  height: 100px;
}

.header .left
{
  width: 230px;
}

.header .right
{
  background: url(images/banniere.jpg) no-repeat;
  width: 527px;
}

/*******************************/
/***** Conteneur principal *****/
/*******************************/

.container
{
  background: #FFF;
  font-size: 1.2em;
  margin: 0 auto;
  width: 800px;
}

/*******************/
/***** Le menu *****/
/*******************/

#nav {margin-top:0px;}

/* navigation : menu horizontal */
.navigation
{
  background: #f1d5ad url(images/nav.gif);
  border: 1px solid #DFEEF7;
  border-color: #DFEEF7 #CFDEE7;
  height: 41px;
}

.navigation li
{
  background: #D9E1E5 url(images/nav.gif);
  border-right: 1px solid #AFBEC7;
  color: #456;
  display: block;
  float: left;
  font: bold 1.1em sans-serif;
  line-height: 41px;
  padding: 0 20px;
  text-align:center;
}

.navigation a
{
  color: #456;
  text-decoration:none;
}

.navigation a:hover
{
  background-position: left bottom;
  color: #234;
}

.navigation li ul li
{
  width:200px;
}

/********************************/
/***** Le Contenu principal *****/
/********************************/

#main
{
  margin:0 auto;
  width:760px;
}

/***** La partie gauche *****/

#sidenav
{
  background:#fff url(images/cadre_photo.png);
  float:left;
  height:500px;
  position:absolute;
  text-align:left;
  width: 270px;
}

/***** Les articles *****/

/* contenu */
#content
{
  float: right;
  margin-left:250px;
  position:relative;
  width: 530px;
}

#content li
{
  list-style: url(images/li.gif);
  margin-left: 18px;
}

#content p
{
  font-family: "Lucida Sans Unicode",sans-serif;
  padding:10px;
}

.titre
{
  color:#FF7220;
  font-size:1.5em;
  font-weight:bold;
  padding:0px 10px;
}

.article
{
  background:#FFFF66;
  margin:10px;
}

/****************/
/***** pied *****/
/****************/

.footer
{
  background: url(images/bgfooter.gif) repeat-x;
  color: #FFF;
  font: bold 1em sans-serif;
  line-height: 39px;
  text-align: center;
}

.footer a,.footer a:hover
{
  color: #FFF;
}

/***** Les formulaires *****/

fieldset
{
  border:1px solid #FF7220;
  width:490px;
}

legend
{
  border:1px solid #FF7220;
  margin-left:10px;
}

label
{
 color:#FF7220;
}

p.deux_colonnes
{
  /* Empêcher le dépassement des flottants */
  overflow: hidden;
  /* Idem pour IE6 */
  width: 100%;
}

p.deux_colonnes label
{
  float: left;
  width: 150px;
  text-align: right;
  font-weight: bold;
  cursor: pointer;
}

p.deux_colonnes input, p.deux_colonnes textarea, p.deux_colonnes select
{
  width: 250px;
  margin-left: 12px;
  border: solid 1px #FF7220;
  padding: 2px 4px;
}

p.deux_colonnes input
{
  cursor:pointer;
}

p.deux_colonnes textarea
{
  padding: 2px 0 0 4px;
  width: 320px;
  height: 6em;
}

p.une_colonne
{
  margin-left: 160px;
}

#log_res
{
  color:#FF7220;
  font-weight:bold;
  font-size:3em;
}