/* NIVEAU : BODY */

body
{
  margin:0;
  padding:0;
  background:#EEEEEE;
  font-family : Arial, Helvetica, sans-serif;
  font-weight:normal;
  font-size:14px;
}

/* NIVEAU : WRAPPER */

#wrapper
{
  width:1440px;
  margin:20px auto;
  background:white  repeat-y 0 0;
  border:1px solid #FFCC00;
}

/* NIVEAU : HEADER, MAIN et RESET */

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

#header
{
  float:left;
  width:260px;
  color:black;
  background-color:#FFCC00;
}

#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:18px;
  font-weight:bold;
  letter-spacing:2px;
  word-spacing:5px;
}

/* SECTION : MENU */

#menu
{
  font-size:16px;
  font-weight:normal;
  letter-spacing:1px;
  background-color:#FFCC00;
}

#menu ul
{
  margin:0;
  padding:0;
  list-style:none;

}
 
#menu ul li
{
  cursor:pointer;
  padding:5px 8px;
}
 
#menu ul li:hover
{
  background-color:#000000;
  color:gold;
}

#menu a:link {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
color : #ffffff;
text-decoration : none;
}

#menu a:hover {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
text-decoration : underline;
}


#menu a:visited {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
color : #ffffff;
text-decoration : none;
}

/* SECTION : CONTENT */

#content
{
  text-align:justify;
}

#content img
{
  margin:10px 10px 10px 10px; 
}

/* SECTION : FOOTER */

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


a:link {
font-family : Arial;
background-color : transparent;
color : #000000;
text-decoration : none;
}



a:visited {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
color : #000000;
text-decoration : none;
}

a:hover {
font-family : Geneva, Arial, Helvetica, sans-serif;
background-color : transparent;
text-decoration : underline;
}
h1 {
font-family : Geneva, Arial, Helvetica, sans-serif;
font-size : 18px;
color:#FFCC00;
background-color : transparent;
text-align : left;
border-bottom:1px solid #FFCC00;
}

h2 {
font-family : Arial;
font-size : 16px;
color : #FFCC00;
background-color : transparent;
text-align : left;
margin-left : 10px;
margin-right : 10px;
margin-top:10px;
border-bottom:1px solid #FFCC00;
}

h3 {
font-family : Arial;
font-size : 15px;
color : #C0C0C0;
background-color : transparent;
text-align : left;
}

h4 {
font-family : Arial;
font-size : 14px;
color : #C0C0C0;
background-color : transparent;
text-align : left;
}


hr {
color : #DCDCDC;
}