@charset "utf-8";
/*--------------*/
/* CSS Document */
/*--------------*/
/* ---------------------------------------------------------------- */
/* Feuille de style du squelette sophielutherie.com pour SPIP 2.0  */
/* ---------------------------------------------------------------- */


/* ------------------------------------------
/* elements caches
/* ------------------------------------------ */
.cache {
	display: none;
	position: absolute; 
	top: -3000em; 
	height: 1%;
}

/*
  Suppression des bordures autour des images qui sont des liens
  Invisible dans les feuilles de style par defaut de spip
*/
.en-tete .logo {
	border: 0;
}
a img {
	border: 0;
}
img {
	margin: 5px;
}
/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { 
	font-size: 0.8125em; 
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	color: #000000; 
   margin: 0; /* pour éviter les marges */
   text-align: center; /* pour corriger le bug de centrage IE */
   background-color: black;
}

/*---------------------------------------------- */
/* Couleurs des liens
---------------------------------------------- */
a { 
	color: #52160e; 
	text-decoration: none; 
}

a:focus,a:hover,a:active {
	color: #1856d4;
	text-decoration: none; 
}

/*---------------------------------------------- */
/* Page + fond
/*---------------------------------------------- */
div#page {
	position: relative;
	border: none;	
	margin-left: auto;
   margin-right: auto;
	width: 950px;
	background: url(images/fond_page.jpg) top center no-repeat;
	background-color: #fbebb0;
	text-align: left; /* on retablit l'alignement normal du texte */
}

/* ----------------------------------------------------------------*/
/* Menu avec boutons graphique + rollover
/*   	conforme "pour aveugles = contenu des menu parlé"
/* 	 le texte parlé est caché pour les voyants cf: a.btadmin span
/*---------------------------------------------------------------- */
a.btadmin{
	display: block;
	position: absolute;
	left: 840px;	
	top: 0px;
	width: 80px;
	height: 90px;
	background: url(images/admin.png) no-repeat 0 0;
}

a.btadmin span {
	display: none;
	position: absolute;        /* pour ie qui ne comprends pas display */
	left: -9000px;					/* pour ie qui ne comprends pas display */
	top: -9000px;					/* pour ie qui ne comprends pas display */
	text-indent: -9000px;		/* pour ie qui ne comprends pas display */
}

a.btadmin:hover{
	background: url(images/admin_h.png) no-repeat 0 0;
}

a.btaccueil{
	display: block;
	position: absolute;
	left: 125px;	
	top: 160px;
	width: 94px;
	height: 51px;
	background: url(images/accueil.png) no-repeat 0 0;
}

a.btaccueil span {
	display: none;
	position: absolute;        /* pour ie qui ne comprends pas display */
	left: -9000px;					/* pour ie qui ne comprends pas display */
	top: -9000px;					/* pour ie qui ne comprends pas display */
	text-indent: -9000px;		/* pour ie qui ne comprends pas display */
}

a.btaccueil:hover{
	background: url(images/accueil_h.png) no-repeat 0 0;
}

a.btcreations{
	display: block;
	position: absolute;
	left: 252px;	
	top: 160px;
	width: 123px;
	height: 51px;
	background: url(images/creations.png) no-repeat 0 0;
}

a.btcreations span {
	display: none;
	position: absolute;        /* pour ie qui ne comprends pas display */
	left: -9000px;					/* pour ie qui ne comprends pas display */
	top: -9000px;					/* pour ie qui ne comprends pas display */
	text-indent: -9000px;		/* pour ie qui ne comprends pas display */
}

a.btcreations:hover{
	background: url(images/creations_h.png) no-repeat 0 0;
}

a.btreglages{
	display: block;
	position: absolute;
	left: 395px;	
	top: 160px;
	width: 113px;
	height: 51px;
	background: url(images/reglages.png) no-repeat 0 0;
}

a.btreglages span {
	display: none;
	position: absolute;        /* pour ie qui ne comprends pas display */
	left: -9000px;					/* pour ie qui ne comprends pas display */
	top: -9000px;					/* pour ie qui ne comprends pas display */
	text-indent: -9000px;		/* pour ie qui ne comprends pas display */
}

a.btreglages:hover{
	background: url(images/reglages_h.png) no-repeat 0 0;
}

a.btlocations{
	display: block;
	position: absolute;
	left: 530px;	
	top: 160px;
	width: 127px;
	height: 51px;
	background: url(images/locations.png) no-repeat 0 0;
}

a.btlocations span {
	display: none;
	position: absolute;        /* pour ie qui ne comprends pas display */
	left: -9000px;					/* pour ie qui ne comprends pas display */
	top: -9000px;					/* pour ie qui ne comprends pas display */
	text-indent: -9000px;		/* pour ie qui ne comprends pas display */
}

a.btlocations:hover{
	background: url(images/locations_h.png) no-repeat 0 0;
}

a.btcontact{
	display: block;
	position: absolute;
	left: 670px;	
	top: 160px;
	width: 110px;
	height: 51px;
	background: url(images/contact.png) no-repeat 0 0;
}

a.btcontact span {
	display: none;
	position: absolute;        /* pour ie qui ne comprends pas display */
	left: -9000px;					/* pour ie qui ne comprends pas display */
	top: -9000px;					/* pour ie qui ne comprends pas display */
	text-indent: -9000px;		/* pour ie qui ne comprends pas display */
}

a.btcontact:hover{
	display: block;
	width: 112px;
	height: 55px;
	background: url(images/contact_h.png) no-repeat 0 0;
}

/*---------------------------------------------- */
/* entete
/*---------------------------------------------- */
#entete {
	display: block;
	border: none;
	width: 950px;
	height: 260px;
	
}

/*---------------------------------------------- */
/* Chemin
/*---------------------------------------------- */
#chemin {
	display: block;
	position: absolute;
	left: 150px;	
	top: 240px;
	width: 950px;
	
}
#chemin_rub {
	display: block;
	position: absolute;
	left: 150px;	
	top: 240px;
	width: 950px;
}
/*---------------------------------------------- */
/* Contenu
/*---------------------------------------------- */
#contenu {
	display: block;
	border: none;
	margin-left: 80px;
   margin-right: 80px;
}
#ps{

}
/*---------------------------------------------- */
/* Contenu de la page index
/*---------------------------------------------- */
#cont_index {
	position: relative;
	border: none;	
	margin-left: auto;
   margin-right: auto;
	width: 950px;
	height: 613px;
	text-align: left; /* on retablit l'alignement normal du texte */
	background: url(images/fond_acc.jpg) no-repeat 0 0;
}

#cont_index a{
	position: relative;
	left: 500px;
	top: 550px;
	color: #fbe494; 
	text-decoration: none; 
	font-size: 2em;
}

#cont_index a:hover{
	color: #1856d4;
	text-decoration: none; 
	font-size: 2em;
}

/* ----------------------------------------------*/
/* Pied de page
/*---------------------------------------------- */
div#pied {
	display: block;
	border: none;
}

ul#menu_texte {
	display: block;
	margin: 2px;
	padding: 0px;
	font: bold 1em Georgia, Times, serif;
	list-style-type: none;
	text-align: center;
	color: black;
}

ul#menu_texte li {
	display: inline;
	margin: 0 0px;
	color: #black;
}
ul#menu_texte li a{
	display: inline;
	margin: 0 0px;
	color: #black;
}

p#t_pied {
	color: #68460b;
	font-size: 1.3em;
	text-align:center;
}

p#concept {
	color: #68460b;
	font-size: 0.7em;	
	text-align:center;
}