/* Tous droits réservés © 2009-2010 | http://www.RenePaul.net */

body{
	/*width:100%;
	height:100%;*/
	background:#fff;
	margin:0;
	padding:0;
	font-family:arial;
	/*text-align:center;*/
	/*overflow:hidden;*/
}

/***** FOND *****/
#fondnoir {
	display:none;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#000;
	/* opacity: 0.7; FireFox */
	/* -moz-opacity:0.70; Safari, Opera */
	/* filter: alpha(opacity=70); IE */
}

/***** SECTIONS *****/
#header{
	display:block;
	position:fixed;
	left:0;
	top:0;
	right:0;
	background:#fff;
	padding:5px 0;
	text-align:center;
	white-space:nowrap;
	z-index:1;
}
#titre1{font-size:16px;font-weight:bold}
#titre2{font-size:12px}
#header a[class^="tab"]{cursor:pointer;text-decoration:underline}
#header a[class^="tab"]:hover{
	color:#fff;
	background:#a00;
	text-decoration:none;
}
#header a[class^="tab"].tabselect{
	color:#fff;
	background:#000;
	text-decoration:none;
}

#section{
	display:block;
	/*position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;*/
	padding:30px 10px 25px 10px;
	/*overflow-x:hidden;
	overflow-y:auto;*/
}

#footer{
	display:block;
	position:fixed;
	left:0;
	bottom:0;
	right:0;
	background:#fff;
	padding:5px 0;
	font-size:11px;
	text-align:center;
	white-space:nowrap;
	/*z-index:1;*/
}

/***** CLASS NIVEAU *****/
.n1{
	display:block;
	float:left;
	width:125px;
	height:132px;
	margin:5px;
	padding:2px;
	font-size:10px;
	text-align:center;
	border:solid 1px #ddd;
	overflow:hidden;
}
.n1a{
	display:block;
	float:left;
	width:102px;
	/*height:auto;*/
	height:118px;
	margin:5px;
	padding:2px;
	font-size:10px;
	text-align:center;
	border:solid 1px #ddd;
	overflow:hidden;
}
.n1:hover{
	background:#000;
	color:#fff;
	cursor:pointer;
	border:solid 1px #000;
}
.n1a:hover{
	background:#000;
	color:#fff;
	/*cursor:pointer;*/
	border:solid 1px #000;
}
.n2{
	display:table-cell;
	width:125px;
	height:106px;
	vertical-align:middle;
	/*border:solid 1px #f00;*/
}
.n2a{
	display:table-cell;
	width:102px;
	height:106px;
	vertical-align:middle;
	/*border:solid 1px #f00;*/
}
.n2 img,.n2a img{
	/*border:none;*/
	border:solid 1px #fff;
}
.letter {
	display:block;
	position:absolute;
	/*left:0; /* IMPORTANT de désactiver */
	/*top:0; /* IMPORTANT de désactiver */
	width:12px;
	height:12px;
	line-height:12px;
	/*background:#fff;*/
	color:#a00;
	font-size:11px;
	font-weight:bold;
	text-align:center;
}

/***** LIENS *****/
a,a.mypopup,a.mypopupi{color:#000;text-decoration:underline}
#footer a{font-weight:bold}
a:hover{background:#000;color:#fff;text-decoration:none}

/***** LISTES *****/
ul{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}

/***** DIVERS *****/
*{outline:0}

.clearfloat{
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
}

/***** POPUP *****/
.section1{color:#000;padding:2px 0}
.section1 a{color:#000;text-decoration:underline}
.section1 a:hover{background:#000;color:#fff;text-decoration:none}
.section{background:#000 url(../images/top_black.png) repeat-x;color:#fff;cursor:pointer;padding:1px}
.section:hover{background:#a00 url(../images/top_red.png) repeat-x;color:#fff}
.cadre{color:#000;margin:2px 5px;padding:5px;border:solid 1px #ddd}
.cadre:hover{background:#eee;border:solid 1px #ddd}
.cadre a{color:#000;text-decoration:underline}
.cadre a:hover{background:#000;color:#fff;text-decoration:none}