body
{
	background-color:#242426;
	background-image:url(https://f14578.claudeassets.com/20250418183417im_/http://librairiespirale.com/images/background.jpg);
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}
a{ border:0px; }
.group4{border:0;}
img{border:0;}
p
{
	margin-top:20px;
	margin-bottom:20px;
	padding-left:70px;
	padding-right:70px;
	text-align:center;
	font-size:18px;
	font-weight: lighter;
	color:black;
	text-align:center;
	line-height:18px;
}
h1
{
	margin-bottom:0px;
	text-align:center;
	color:red;
	font-size:12px;
	line-height:15px;
}
h1 a {
	color: red;
	text-decoration:none;
	font-size:12px;
	text-align:center;
}
h1 a:hover
{
	color:red;
	text-decoration:underline;
	font-size:12px;
	text-align:center;
}
#navigation
{
	height:30px;
	margin-bottom:22px;
	padding-left:1px;
	padding-right:1px;
	width:806px;
	background-color:#FFFFFF;
}
#header
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	height:117px;
}
#tetiere
{
	margin-left:auto;
	margin-right:auto;
	width:810px;
	height:117px;
	background: url(https://6c0314.claudeassets.com/20250418183417im_/http://librairiespirale.com/images/tetiere.jpg);
	background-repeat:no-repeat;
}
#conteneur
{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	width:810px;
	height:485px;
	background-color:white;
	background-image: url(https://e1f586.claudeassets.com/20250418183417im_/http://librairiespirale.com/images/backgrounds/bck_conteneur2.jpg);
	background-repeat:no-repeat;
	padding:0px
}

#flash {
	margin-left: 142px;
	margin-right: 142px;
	height:270px;
}

div#logo {
	margin-left:auto;
	margin-right:auto;
	width: 342px;
	height:117px;
	
}

/*creation de la barre de navigation horizontale*/
#menu, #menu ul /* Liste */     
{
        padding-top : 0px; /* pas de marge int�rieure */
		padding-left:0px;
		padding-left:0px;
        margin : 0; /* ni ext�rieure */
        list-style : none; /* on supprime le style par d�faut de la liste */
        line-height : 30px; /* on d�finit une hauteur pour chaque �l�ment */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 11px; /* hauteur du texte : 10 pixels */
		height:30px;
		background : #cc0066; /* couleur de fond */ 
		width:807px;
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge int�rieure */
        background : #cc0066;       
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
        width : 133px; /* largeur */
		
}
#menu li /* �l�ments des listes */      
{ 
		padding :0px;
		float : left; 
        /* pour IE qui ne reconna�t pas "transparent" */
        border-right : 0px solid #fff; /* on met une bordure blanche � droite de chaque �l�ment */
		
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #menu li
{
        border-left: 1px solid #fff ; /* on met une bordure transparente � droite de chaque �l�ment */
}
html>body #menu li ul
{
        border-right: 0px; /* on met une bordure transparente � droite de chaque �l�ment */
		border-left: 0px; /* on met une bordure transparente � droite de chaque �l�ment */
}
#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 133px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* El�ments de sous-listes */
{
        /* pour ie qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque �l�ment d'une sous-liste */
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid white; /* on met une bordure transparente en haut de chaque �l�ment */
		border-right : 0px; /* on met une bordure transparente en haut de chaque �l�ment */
		border-left : 0px; /* on met une bordure transparente en haut de chaque �l�ment */
		line-height : 20px; /* on d�finit une hauteur pour chaque �l�ment */
		font-size:10px;
		font-weight:lighter;
}

/* IE ne reconnaissant pas le s�lecteur ">" ... je me r�p�te ;-) */
html>body #menu li ul ul                
{
        border-left:0px; /* on met une bordure transparente sur la gauche de chaque �l�ment */
		border-right:0px; /* on met une bordure transparente sur la gauche de chaque �l�ment */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #FFCC00; /* On passe le texte en jaune... */
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
.line 
{ 
line-height:12px; 
}
/*
     FILE ARCHIVED ON 04:19:37 Aug 04, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:46:35 Sep 09, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.623
  exclusion.robots: 0.073
  exclusion.robots.policy: 0.058
  esindex: 0.009
  cdx.remote: 10.365
  LoadShardBlock: 51.736 (3)
  PetaboxLoader3.datanode: 104.423 (5)
  load_resource: 209.551
  PetaboxLoader3.resolve: 139.778
  loaddict: 29.526
*/