

#flashcontent {
		height: 60%;
}

body {
background-color:#000000;
color:#ffffff;
text-align:center;
}

body, td {
	/*font-family: New Roman, Verdana, Arial, sans-serif;*/
	font-family: arial;
	font-style: italic;
   	font-size:12pt;
}
#container {
    position:relative;
    margin:10 auto;
    width:850px;
}
/* HEADER */
#header {
    position:relative;
    background: #cd7a31 url(header.jpg) left top no-repeat;
    height:170px;
}
#header h1 {
    display:none;
}


/* MAIN */
#main {
    position:relative;
    width:850px;
    /*border-left:10px solid #000000;
    border-right:10px solid #bac8e9;*/
    color:#000000;
    /*background:#D4766e;*/
    background:#eee8e2;
    text-align:justify;


}

/* LEFT */
#left {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
height:500px;
width:170px;
background:#cd7a31;
margin:0;
padding-top:400;
text-align:left;
padding-left: 5px;
}

ul {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 0px;
left: 0%;
background: transparent url(newsletter.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 160px;
padding-top: 57px;
text-align: center;
}

/* CONTENT */
#content {
height:1500px;
padding-left:180px;
padding-right:5px;
background:#eee8e2;
color:#500000;


}
#content a,
#content a:link {
    color:#19316f;
    text-decoration:none;
}

#content a:visited {
    color:#19316f;
    text-decoration:none;
}
#content a:link:hover {
    color:#1931ff;
}
#content a:visited:hover {
    color:#ff316f;
}


h2 {  
    margin-top:0px;
    font-family: sans-serif,  "Arial Black", Arial, sans-serif;
    font-size:28px;
    font-style: normal;
    /*color:#503f80;*/
	color:#990000;
    text-align:center;
}
h3 {
    font-family: sans-serif, "Arial Black", Arial, ;
    font-size:14px;
   font-style: normal;
    /*color:#565299;*/
    color:#000000;
}
h4 {
    font-family:  "Arial Black", Arial, sans-serif;
    font-size:20px;
font-style: normal;
    /*color:#565299;*/
    color:#FF00FF;
}

h5 {
    font-family: Arial, sans-serif;
    font-size:12px;
font-style: normal;
    /*color:#565299;*/
    color:#000000;
text-align:center;
}

#content p {
    padding-left:20px;
}

/* FOOTER */
#footer {
    clear:both;
    font-size:0.8em;
    padding-top:24px;
}
#footer a,
#footer a:visited {
    color:#86b2c9;
    text-decoration:none;
}
#footer a:hover {
    color:#008fff;
}

ul, li {	/* utilisation de liste pour le menu */
list-style-type: none;	/* suppression des puces de liste */
margin:0;
padding:0;
}
ul {
position: absolute;	/* positionnement pour IE5 et IE5.5 */
top: 0px;
left: 10px;
background: transparent url(newsletter.jpg) top left no-repeat;	/* arrière-plan général du menu */
width: 160px;
padding-top: 57px;
text-align: left;
}
li {display: inline;}	/* correction pour IE5 et IE5.5 */

li a {	/* dimensions et définitions des boutons */
display: block;	/* mise en block de <a> pour lui donner des dimensions */
height: 30px;
width: 160px;
color: #000000;
font-size: 17px;
font-family: georgia, serif;
text-decoration: none;
line-height: 25px;	/* hauteur de ligne pour éviter les paddings */
}
li a:hover {
color: #fff;
background: transparent url(newsletter.jpg) top left no-repeat;
}
a#lien1:hover {	/* décalage de l'arrière-plan pour chaque bouton */
background-position: 0% -457px;
}
a#lien2:hover {
background-position: 0% -487px;
}
a#lien3:hover {
background-position: 0% -517px;
}
a#lien4:hover {
background-position: 0% -547px;
}
a#lien5:hover {
background-position: 0% -577px;
}
a#lien6:hover {
background-position: 0% -607px;
}
a#lien7:hover {
background-position: 0% -637px;
}
a#lien8:hover {
background-position: 0% -667px;
}
a#lien9:hover {
background-position: 0% -697px;
}
a#lien10:hover {
background-position: 0% -727px;
}
a#lien11:hover {
background-position: 0% -757px;
}

/* mentions et copyright */
div#mentions {
  font-family: verdana, arial, sans-serif;
  position: absolute;
  bottom : 200px;
  left : 10px;
  width: 400px;
  margin: 1em;
  padding: 0.5em;
  background: #FFF7D2;
  -moz-border-radius:10px;
  border-radius:10px;
  line-height: 1.1;
  font-size: 0.9em;
}
div#mentions a {
  text-decoration: none;
  color: #222;
}
div#mentions a:hover {
  text-decoration: underline;
  color: black;
}