/* 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, a
{
	color: #ffffff;
}

#trace
{
	color: #ffffff;
}
.etat_visible
{
	display:block;
	visibility: visible;
}
.etat_invisible
{
	display:none;
	visibility: hidden;
}

li
{
	/* ATTENTION ruse
		ORIGINAL /
		background : url(images/sprites/sprite_monitor_png.png) no-repeat 15px 15px;
		background-position: 0px -750px;
		+> Je diminue background-position(.top) à -746 et j'agrandis background(.height) à 19 pour décaler la puce vers le bas 
	*/
	list-style:none;
	padding:0px 0px 0px 21px;
	margin: 0px 0px 0px 0px;
}


/* DEB ====== ATTENTION : toute la gestion de la transition sur les liens se gère ici */
a
{
	/* -------------- C S S 3 -------------- */
/*
	-moz-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
	transition: color 0.3s ease-in-out, opacity 0.3s ease-in-out;
*/
	-moz-transition: color 0.3s ease-in-out;
	-webkit-transition: color 0.3s ease-in-out;
	-o-transition: color 0.3s ease-in-out;
	-ms-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}
/*
a:link      {color:rgba(255, 255, 255,1); opacity: 0.9; filter:alpha(opacity=90);}
a:visited   {color:rgba(255, 255, 255,1); opacity: 0.9; filter:alpha(opacity=90);}
a:hover     {color:rgba(175, 137,  63,1); opacity: 1.0; filter:alpha(opacity=100);}
a:active    {color:rgba(175, 137,  63,1); opacity: 1.0; filter:alpha(opacity=100);}
a:focus     {color:rgba(175, 137,  63,1); opacity: 1.0; filter:alpha(opacity=100);}
*/
a:link      {color:rgba(255, 255, 255,1);}
a:visited   {color:rgba(255, 255, 255,1);}
a:hover     {color:rgba(175, 137,  63,1);}
a:active    {color:rgba(175, 137,  63,1);}
a:focus     {color:rgba(175, 137,  63,1);}
/* DEB ====== ATTENTION : toute la gestion de la transition sur les liens se gère ici */


/* DEB ====== HEADER ===================================================================== */
header
{
}
header > nav
{
	border : 1px white dotted;
	/* -------------- C S S 3 -------------- */
	border-radius: 10px;
}
header > nav ul
{
	padding: 6px;
	margin: 0px;
}
header > img
{
	/* -------------- C S S 3 -------------- */
		border-radius: 10px;	
}
/* FIN ====== HEADER ===================================================================== */


/* DEB ====== FOOTER ===================================================================== */
footer
{
	margin: auto;
}
#footer_info
{
	border: 1px dotted #ffffff;
		/* -------------- C S S 3 -------------- */
	border-radius: 10px;
}
#footer_contact_fermer
{
	display: inline;
	position : relative;
	float:right;
	top: 2px;
	width: 32px;
	height: 32px;
	color: black;
}
#footer_thanks_fermer
{
	display: inline;
	position : relative;
	float:right;
	top: 2px;
	width: 32px;
	height: 32px;
	color: black;
}
/*-----------------------------------*/
#footer_social_network
{
		/* -------------- C S S 3 -------------- */
	border-radius: 10px;
	position: absolute;
	border: 1px dotted #FFFFFF;
}
#footer_social_network a
{
	display: inline-block;
	width: 32px;
	height: 32px;
}

/* FIN ====== FOOTER ===================================================================== */


/* DEB ====== SECTION ===================================================================== */
section > a
{
	width: 270px;
	height: 210px;
	display: block;
}
#section-title > div
{
	/* -------------- C S S 3 -------------- */
	border-radius: 10px;
}

.gal_pos0
{
	left:-560px;
}
/* -------------------------------------------- */
.bt_prev{
	position:absolute;
	width:40px;
	height:30px;
	top:165px;
	left:0px;
	background: url(images/bt/bt_boussole_pp.gif) no-repeat;
}
/* -------------------------------------------- */
.bt_next{
	position:absolute;
	width:40px;
	height:30px;
	background: url(images/bt/bt_boussole_ps.gif) no-repeat;
}
/* Bouton Next sur la 3ème vignette */
.bt_next_3
{
	top:165px;
	left:790px;
}
/* Bouton Next sur la 2ème vignette */
.bt_next_2
{
	top:165px;
	left:510px;
}
/* Bouton Next sur la 1ème vignette */
.bt_next_1
{
	top:165px;
	left:240px;
}
/* -------------------------------------------- */
.gal_case{
	display: block;
	position:absolute;
	width:255px;
	height:198px;
	border-radius: 10px;
}
.gal_case > span
{
	display: block;	
	position:absolute;
	top:170px;
	width:255px;
	text-align: center;
	text-decoration: underline;
}

.gal_pos1
{
	left:0px;
}
.gal_pos2
{
	left:280px;
}
.gal_pos3
{
	left:560px;
}
/* -------------------------------------------- */

/*
html5-ready
{
	opacity: 0; filter:alpha(opacity=0);
	-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;
}
.html5-ready:hover
{
	opacity: 1; filter:alpha(opacity=100);
}
*/
/* FIN ====== SECTION ===================================================================== */