/* Fond *******************************************************************************************/
#base {
	background-color:#FFFFFF ;
	width:700px ;
	height:700px ;
	/* Centrer le calque */
	margin:auto ;
}
body {
	background-image:url(images gourmandises ajoulotes/degrade.gif) ;
}

/* Mise en page ***********************************************************************************/
#banderole {
	width:700px ;
	height:100px ;
	/* Alignement du logo au milieu à droite */
	text-align:right ;
	vertical-align:middle ;
}

#contenu {
	width:550px ;
	height:600px ;
	float:left ;
}

/* Barre de menu **********************************************************************************/
#barreMenu {
	width:150px ;
	float:left ;
	/* Se placer en dessous du bloc précédent */
	clear:both ;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:16px ;
}

#barreMenu ul {
	/* Marge externe gauche */
	margin-left:0 ;
	/* Marge interne gauche */
	padding-left:0 ;
	list-style-type:none ;
	font-family:Arial, Helvetica, sans-serif ;
	font-weight:500 ;
}


#barreMenu a {
	/* Transforme le liens (ligne) en block */
	display:block ;
	padding:3px ;
	border-bottom: 2px solid #FFFFFF ;
	background-color:#FFDB42 ;
}

#barreMenu a:link, a:visited {
	color:#666666 ;
	text-decoration:none ;
}

#barreMenu a:hover {
	background-color:#666666 ;
	color:#FFDB42;
}

/* Contenu ****************************************************************************************/
h3.contenu {
	margin-left:10px ;
	margin-right:10px ;
	font-family:Arial, Helvetica, sans-serif ;
	font-weight:normal ;
	font-size:20px ;
}

p.contenu {
	margin-left:10px ;
	margin-right:10px ;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:16px ;
	text-align:justify ;
}

hr.contenu {
	margin-left:10px ;
}

ul.gris {
	list-style-image:url(images gourmandises ajoulotes/puce grise.gif) ;
}

ul.jaune {
	list-style-image:url(images gourmandises ajoulotes/puce jaune.gif) ;
}
}