/* NUANCIER
Jaune : #FF0
Gris : #FFF #999 #666 #454545 #252525 #000

*/

*{margin: 0px; padding: 0px;}
a{text-decoration: none;}
body{background-image: url(images/bg-points.gif); font:0.6em Verdana, Geneva, sans-serif; color:#666; min-width:960px;}
html{font-size:100%;}
.page{margin-left:auto; margin-right:auto; margin-top:28px; width:960px;}

/* HEADER */
.header{color:#FF0; position:absolute; width:960px; margin-left:-480px; left:50%; top:14px;}
.header a{color:#FF0; text-transform:uppercase; outline:none; letter-spacing:1px;}
.header a:hover{background-color:#FF0; color:#000;}
	
/* CONTENU */
.contenu{background-color:#000; width:960px; height:570px; border-top:solid 1px #FF0; margin-top:2px;}
	
	/* MENU */
	.menu{position:absolute; width:228px; height:350px; left:50%; top:69px; margin-left:-452px; border-right:dashed 1px #252525;}
	.menu ul .grd{font:1.4em "Arial Black", Gadget, sans-serif; text-transform:uppercase; color:#999; list-style-type:none; border-top:solid 1px #FF0; display:inline;}
	.menu ul li ul li{font:0.7em Verdana, Geneva, sans-serif; list-style-type:none;}
	.menu ul li ul li a{color:#666; display:block; padding-left:13px; outline:none; width:198px;}
	.menu ul li ul li a:visited{background:url(images/croix.png) no-repeat 3px 3px;}
	.menu ul li ul li a:hover{background-color:#FF0; color:#000;}
	.menu ul{margin-bottom:14px;}
	.menubas{margin-top:85px;}
	
	/* ANCRES */
	.ancres{position:absolute; width:658px; margin-left:-206px; left:50%; top:49px; text-align:center; height:14px; padding-top:2px; background-image:url(images/bg-ancres.gif);}
	.ancres a{font-family:Verdana, Geneva, sans-serif; text-transform:uppercase; color:#999; outline:none;}
	.ancres a:hover{color:#FF0;}
	
	/* VISIONNEUSE */
	.visionneuse{position:absolute; margin-left:-206px; left:50%; top:68px; width:658px; height:350px; background-image:url(images/bg-traits.gif); white-space:nowrap; overflow:auto;}
	.visionneuse .der{ padding:0 15px; margin:0;}
	.visionneuse a{outline:none;}
	.visionneuse a img{border: none;}
		.normal img{margin:15px 30px 0px 30px;}
		.affiche img{margin:15px -193px 0 -193px; padding:0 223px;} /*margin=[(658-largeur)/2]-30 padding=margin+30*/
		.identite img{margin:15px -58px 0 -58px; padding:0 88px;}
		.typographie img{margin:15px -124px 0 -124px; padding:0 154px;}
		.illustration img{margin:15px -82px 0 -82px; padding:0 112px;}
		.webhtml img{margin:15px -119px 0 -119px; padding:0 149px;}
		.webhtml a{margin:15px -119px 0 -119px; padding:0 149px;}
			
	
	/* TEXTE */
	.texte{position:absolute; width:658px; height:140px; top:435px; left:50%; margin-left:-206px; text-align:justify; line-height:1.5em;}
	.texte p{color:#454545;}
	.texte a{color:#454545; outline:none; text-decoration:underline;}
	h1{font:1.4em "Arial Black", Gadget, sans-serif; color:#000; background-color:#FF0; display:inline; padding:0px 4px;}
	h2,h3{font:1.1em Verdana, Geneva, sans-serif; margin-top:8px; font-weight:normal;}
	h1,h2,h3{text-transform:uppercase; letter-spacing:1px;}
	h2{color:#FFF;}
	h3{color:#FF0;}
	.gauche{width:308px; float:left;}
	.droite{width:308px; float:right; margin-top:18px;}

/* SIGNATURE */
.signature{position:absolute; width:960px; margin-left:-480px; left:50%; top:605px; font:0.8em/13px Verdana, Geneva, sans-serif; color:#666; text-align:center; text-transform:uppercase; background-color:#000;}
.signature a{color:#666;}