@CHARSET "UTF-8";

html { font-size: 100%; }

body {
  background-color: #000;
  font: 0.625em/1em Arial, Helvetica, sans-serif;
  color: #fff;
  text-align: left;
}

* { margin: 0; padding: 0; }
a { color: #fff; text-decoration: none; }
img { border: none; }
a:hover { color: #fff; text-decoration: underline; }
.spacer { clear:both }
*.cl { clear: both; }

/* Logo */
h1#logo { float: left; padding: 9px 0 0 76px; }
h1#logo a { display: block; width: 71px; height: 182px; }
h1#logo a:hover { text-decoration: none; }
h1#logo span { display: none; }

/* navigation gauche */
div#menu { float: left; clear: left; }
div#menu ul, div#menu li { list-style: none; }
div#menu li { 
	text-align: right;
	text-transform: uppercase;
	font: 1.2em/2.3em Arial; 
}

/* Mise en page */
p.lnk { 
	margin: 18px 0 10px;
	padding-bottom: 18px;
	font: 1.3em/1.5em Arial;
	text-transform: uppercase;
	text-align: right; 
}
div#menu-plat ul, div#menu-plat li { list-style: none; } 
div#menu-plat li { 
	text-align: right;
	height: 35px;
	margin: 3px 0 0;
	font: 1.3em/1.1em Arial;
	text-transform: uppercase; 
} 
div#menu-plat li a { 
	display: block;
	height: 32px;
	padding: 3px 3px 0 0;
	background-color: #262626;
	background-repeat: no-repeat;
	background-position: top left; 
}
div#menu-plat li a:hover { text-decoration: none; background-color: #fff; color:#000; }



/* Pied de page */
div#bottom { 
	clear: both;
	position: relative;
	top: -20px;
	height: 45px;
	padding: 45px 0 0 242px;
	background: transparent url('../images/logo-bot.jpg') no-repeat top left;	  
}
	
div#bottom div#menu-bot { 
	font: 1.2em/2em Arial;
	float: left;
	width: 742px;
	height: 28px;
	padding: 12px 0 0;
	text-align: right;
	text-transform: uppercase;	
}
div#menu-bot span { display: none; }

/* Logo impectoonga */
a#impecToonga { display: block; float: right; margin: -4px 0 0 12px; width: 30px; height: 30px; }