Content-Type: text/javascript; charset=utf-8
/* NIVEAU : BODY */

body
{
  margin:0;
  padding:0;
  background:white url('images/bg_page.jpg');
  font-family:Tahoma, Verdana, Helvetica, Arial, sans-serif;
  font-weight:normal;
  font-size:14px;
}

/* NIVEAU : WRAPPER */

#wrapper
{
  width:1440px;
  margin:20px auto;
  background:white url('images/bg_2col.jpg') repeat-y 0 0;
  border:1px solid #00a2e8;
}

/* NIVEAU : HEADER, MAIN et RESET */

#header, #main
{
  padding:20px;
}

#header
{
  float:left;
  width:260px;
  color:white;
}

#main
{
  float:right;
  width:1100px;
}

#reset
{
  clear:both;
}

/* SECTION : LOGO et SLOGAN */

#logo-et-slogan
{
  text-align:center;
  border-bottom:1px solid white;
  margin-bottom:20px;
}

img#logo
{
  width:160px;
}

#slogan
{
  font-size:24px;
  font-weight:bold;
  letter-spacing:3px;
  word-spacing:10px;
}

/* SECTION : MENU */

#menu
{
  font-size:15px;
  font-weight:normal;
  letter-spacing:2px;
}

#menu ul
{
  margin:0;
  padding:0;
  list-style:none;
}
 
#menu ul li
{
  cursor:pointer;
  padding:5px 8px;
}
 
#menu ul li:hover
{
  background-color:#008ac5;
  color:gold;
}

/* SECTION : CONTENT */

#content
{
  text-align:justify;
}

#content img
{
  float:right;
  width:300px;
  margin:0px 0px 10px 20px; 
}

/* SECTION : FOOTER */

#footer
{
  clear:both;
  font-size:12px;
  border-top:1px solid #f0f0f0;
  margin-top:30px;
  text-align:center;
  padding:30px 0px;
  color:#c0c0c0;
}