* {font-family: Arial, Helvetica, Verdana, sans-serif;}
body, object, div, h1, h2, ul, li, p {padding:0; margin:0; }
body {margin-top:0; position:relative; width:780px; margin-left:auto; margin-right:auto; text-align:center; background-color:#000000; color:#ccc; top:20px;}

#accueil { position:relative;  }

#haut {position:relative; margin-top:0; background:url(fond/noblesse-oblige.jpg) top left no-repeat; width:100%; height:188px; border-top:1px solid #000; }

#menu {position:relative; background-color:#5a4e40; margin-top:155px; width:779px; height:50px; }
#menu ul { height:50px; margin-left:20px; }
#menu li { list-style-type:none; float:left; padding:10px 6px;}
#menu li a { color:#fff; text-decoration:none; }
#menu li a:hover {  text-decoration:underline; }

#menualt {position:relative; top:170px; font-size:0.8em; text-align:center; }
#menualt a {text-decoration:none; color:#ccc; padding:0 6px 0 6px; font-weight:bold;}
#menualt a:hover { color:#900;}


#corps {position:relative; margin-top:0; background:url(fond/fond-page.jpg) top left no-repeat; width:780px; height:554px; }

#altern_index {background:url(images/facade_intro.jpg) top left no-repeat; width:780px; height:760px; text-align:left; }
#altern_index h1 {font-size:1.5em; padding-top:200px; padding-left:340px; }
#altern_index h2 {font-size:1.2em; padding:0; padding-left:340px; }
#altern_index p {font-size:0.8em; padding-left:340px; }

#index #navHtml {font-size:0.6em; color:#666; text-align:center; }
#index #navHtml a {text-decoration:none; color:#666; padding:0 6px 0 6px; }
#index #navHtml a:hover { color:#900;}

#noflash { position:relative; color:#333; text-align:left; width:780px; }
h1 {font-size:1.2em; margin-top:1em;}
h2 {font-size:1.1em;  margin-top:1em;}
#noflash p {font-size:0.9em;  margin-top:1em; }

#pied {font-size:0.6em; text-align:left; color:#666; width:780px; margin-top:10px; }
#pied a {text-decoration:none; color:#666;}
#pied a:hover {color:#900;}
#plug {display:block; float:left;}
#conception {display:block; float:right;}