/* ----------------------------------------------------------- */
/*    Feuilles de styles de la page d'accueil de  SPIP 1.9     */
/* ----------------------------------------------------------- */


/* Quelques reset
---------------------------------------------- */

.page_sommaire #hierarchie {display:none;} /* A bas la #hierarchie !!! */
#aloes_menu .opportunite {display:none;}



/*  Colonne de gauche
---------------------------------------------- */
.page_sommaire #navigation {
	padding-top:25px;  /* pour compenser le décalage top lié à la présence de #hierarchie */
}

#navigation p.spip  {
	margin: 4px !important;
        margin-right:3px;
        font-size:0.9em;
        text-align: right;
        color: #007;
}
.page_sommaire #navigation p.spip {font-size:1em;}

/* Positionnement du plant et des hover 
---------------------------------------------- */

.page_sommaire #contenu #aloes_menu {
	width: 748px;
        height: 403px;
	margin: 30px 0px 0px 0px;
	padding:0;
	position:relative;
	background: transparent url(../images/aloes.png) no-repeat top left;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/aloes.png', sizingMethod='scale');
}

#aloes_menu #menu1 h1 a span, 
#aloes_menu #menu2 h1 a span, 
#aloes_menu #menu3 h1 a span, 
#aloes_menu #menu4 h1 a span {
	display:none;
}


#aloes_menu #menu1 {
	position:absolute;
	bottom:0px;
	left:0px;
}
	#aloes_menu #menu1 h1 a {
		display:block;
		width: 515px;
		height: 321px;
		position: absolute;
		bottom: 0px;
		left: 0px;
		background: transparent url(../images/menu1_off.png) no-repeat top left;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/menu1_off.png', sizingMethod='scale');
	}
	#aloes_menu #menu1 h1 a:hover {	
		background: transparent url(../images/menu1_on.png) no-repeat top left;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/menu1_on.png', sizingMethod='scale');
	}

#aloes_menu #menu2 {
	position:absolute;
	top:0px;
	left:0px;
}
	#aloes_menu #menu2 h1 a {
		display:block;
		width: 515px;
		height: 403px;
		position: absolute;
		top: 0px;
		left: 0px;
		background: transparent url(../images/menu2_off.png) no-repeat top left;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/menu2_off.png', sizingMethod='scale');
	}
	#aloes_menu #menu2 h1 a:hover {
		background: transparent url(../images/menu2_on.png) no-repeat top left;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/menu2_on.png', sizingMethod='scale');
	}
	
#aloes_menu #menu3 {
	position:absolute;
	top:0px;
	right:0px;	
}
	#aloes_menu #menu3 h1 a {
		display:block;
		width: 515px;
		height: 403px;
		position: absolute;
		top: 0px;
		right: 0px;
		background: transparent url(../images/menu3_off.png) no-repeat top left;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/menu3_off.png', sizingMethod='scale');
	}
	#aloes_menu #menu3 h1 a:hover {
		background: transparent url(../images/menu3_on.png) no-repeat top left;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/menu3_on.png', sizingMethod='scale');
	}	

#aloes_menu #menu4 {
	position:absolute;
	bottom:0px;
	right:0px;
}
	#aloes_menu #menu4 h1 a {
		display:block;
		width: 515px;
		height: 321px;
		position: absolute;
		bottom: 0px;
		right: 0px;
		background: transparent url(../images/menu4_off.png) no-repeat top left;			
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/menu4_off.png', sizingMethod='scale');
	}
	#aloes_menu #menu4 h1 a:hover {
		background: transparent url(../images/menu4_on.png) no-repeat top left;		
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/squelettes/images/menu4_on.png', sizingMethod='scale');
	}	


/* Boite Rubriques additionnelles */
.page_sommaire .colonne {float:left; margin:5px 10px; width: 230px;}
.page_sommaire .colonne h2 { }
.page_sommaire  .colonne ul {padding:0px 10px;}
.page_sommaire .colonne li {font-size: 1.1em; margin:5px; text-align:left;}

/* Boite produit préférés */
.page_sommaire .box_prod {background:none; border:0px none; display:block; float:none; height:auto; margin:0px; overflow:hidden; padding:10px 4px; width:100%; text-align:center;}
.page_sommaire .box_prod .prod_pict {width:auto; margin:0px auto; text-align:center; float:none; clear:both;}
.page_sommaire .box_prod .prod_pict img {border:1px solid #007; padding: 3px; margin: 0px;}
.page_sommaire .box_prod .no_pict {float:none; width:auto; margin:0px; padding:0px 10px;}
.page_sommaire .box_prod h3.prod_name {display:block; font-size:1em; font-weight: bold; text-transform:uppercase; text-align:center;}
.page_sommaire .box_prod span.prod_ref {display:block; width:100%; font-size:0.9em; font-weight:bold; text-align:center;}
.page_sommaire .box_prod .prod_desc {font-size:0.9em; display:block; height:84px; overflow:hidden; float:left;}