@charset "UTF-8";
/* CSS Document */

body    
	{
	width			: 760px;
	margin-top		: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
	margin-bottom		: 20px;    /* Idem pour le bas du navigateur */
	background-image	: url(images/fond.png); /* Une petite image de fond pour éviter d'avoir un vieux fond blanc :p */
	background-color	: #ffffff;
	background-repeat	: repeat-y;
	background-position	: 100px 0px;
	}

/*style */

a 	
	{
	color			: #1C4573;
	text-decoration		: none;
	font-weight		: bold;
	}

a:hover,active,visited 
	{
	color			: #7F4F9B;
	text-decoration		: none;
	}
img	
	{
	border-style		: none;
	}

h1 
	{
        font-family		: Verdana, Arial, Helvetica, sans-serif;
        font-size		: 24px;
	font-weight		: bold;
	color			: #6B1A6A;
	background-color	: transparent;
        text-align		: center;
	}
h2
	{ 
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	font-size		: 18px;
	font-weight		: bold;
	color 			: #6B1A6A;
	}

/*Menu*/
div.menu
	{
	position		: absolute;
	background-image	: url(images/fond_bouton.png); 
	left			: 100px;
	top			: 215px;
	font-family		: Geneva, Arial;
	font-size		: 12px;
	padding			: 8px;
}
a.bouton_menu
{
	color			: #FFFFFF;
}

a.bouton_menu:hover
{
	color			: #CCCCCC;
}

.digicode
	{
	position		: absolute;
	left			: 770px;
	top			: 210px;
	}

.maison
	{
	position		: absolute;
	left			: 120px;
	top			: 10px;
	}

.archives
	{
	position		: absolute;
	left			: 730px;
	top			: 40px;
	}

.actualites
        {
        position                : absolute;
        left                    : 530px;
        top                     : 100px;
        }

.texte_forum
	{
	position		: absolute;
	left			: 155px;
	top			: 40px;
	}

/* Mise en page */
div.page
	{
	margin-top		: 10px;
	margin-left		: 90px;
	margin-bottom		: 20px;
	width			: 700px;
	position		: absolute;
	top 			: 230px
}
	
div.texte
	{	
	font-family		: Verdana, Arial, Helvetica, sans-serif;
	width			: 650px;	
	color			: #333333;
	padding			: 10px;
	margin-left		: 20px;
	margin-right		: 20px;
	margin-top		: 10px;
	margin-bottom		: 20px;
	text-align		: justify;
	font-style		: normal; 
	font-weight		: normal;
	font-size		: 12px;
	}

div.pied
	{
	position 		: relative;
	margin-left		: 0px;
	margin-top		: 15px;
	}


/* Ajout pour zoom sur les images */ 
a.galerie:hover
        {
        background      	: none;
        z-index         	: 500;
        }

a.galerie span 
	{
       display			: none;
	}

a.galerie:hover span 
	{
       display			:  block;
       position         	: absolute;
       z-index          	: 500;
       top	             	: 500px;
       left	  		: 210px;
       border-style		: solid;
       border-width		: 2px;
       border-color		: #646464;
       padding-left		: 5px;
       padding-top		: 5px;
       padding-bottom		: 5px;
       padding-right		: 5px;
       width			: 334px;
       height			: 470px;
       background-color		: #FFFFFF;
   }