/* ATTENTION : le code css sur html est TRES IMPORTANT, il permet aux transition entre pages de rester bien noire et d'éviter un éclair blanc lors du changement de page */
html
{
	background-color: #000000;
}

body
{	color: #ffffff;
/*	padding: 0;
	margin: 0;*/
}

img, a, p, div
{
/*
	border: 0px;
	margin: 0px;
	outline: 0px;
*/
	color: #ffffff;
}

ul
{
	margin: 0px 0px 0px 20px;
}
li
{
	margin-right: 30px;
	text-align: justify;
}

#main
{
	background-color: #000000;
	margin:auto;
}
#main_absolute
{
	position: absolute;
}

#trace
{
	color: #000000;
}

.etat_visible
{
	display:block;
	visibility: visible;
}
.etat_invisible
{
	display:none;
	visibility: hidden;
}

/* DEB ====== TEXTES ===================================================================== */
.p_texte
{
/*	margin-top:5px; */
}
.p_texte:first-letter
{
	font-size: 150%;
	font-weight: bold;
	color: grey;
}
.p_justif
{
	text-align: justify;
}
.p_center
{
	text-align:center;	
}
.p_va_bottom
{
	vertical-align:bottom;
}
/* FIN ====== TEXTES ===================================================================== */


/* DEB ====== BOUTONS DE NAVIGATION ================================================ */
.bloc_nav_level_3
{	/* width : 1(bordure)+32+32+1(bordure) = 66 */
	/* height : hauteur de la plus haute image + 2*5 de bordure : 5+47+5 = 57 */
	position: inherit;
	width: 66px;
	height: 57px;
}
.bt_nav
{
	display: block;
	position: inherit;
	background: url(images/bt/bt_sprite.jpg) no-repeat;
	border-top: 5px solid silver;
	border-bottom: 5px solid silver;
}
/* -----------------------------------------------------------------------------------------------------------------  */
.bt_nav_prev
{
	width: 32px;
	height: 47px;
	top: 0px;
	left: 0px;
	border-left: 1px solid silver;
	/* -------------- C S S 3 -------------- */
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	box-shadow: 5px 5px 5px rgba(128,128,128,0.7);
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.bt_nav_prev_inactif
{
	background-position: 0px -47px;
}
.bt_nav_prev_actif
{
	background-position: -32px -47px;
}
.bt_nav_prev_actif:hover
{
	border-top:5px solid grey;
	border-bottom:5px solid grey;
}
/* -----------------------------------------------------------------------------------------------------------------  */
.bt_nav_next
{
	width:32px;
	height:47px;
	top:0px;
	left:32px;
	border-right:1px solid silver;
	/* -------------- C S S 3 -------------- */
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	box-shadow: 5px 5px 5px rgba(128,128,128,0.7);
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.bt_nav_next_inactif
{
	background-position: 0px 0px;
}
.bt_nav_next_actif
{
	background-position: -32px 0px;
}
.bt_nav_next_actif:hover
{
	border-top:5px solid grey;
	border-bottom:5px solid grey;
}
/* FIN ====== BOUTONS DE NAVIGATION ================================================ */