#horizon	{position:absolute; top:50%; left:0; width:100%; height:1px; overflow:visible; visibility:visible; display:block;}

#all 		{position: absolute; margin-left:-400px; top:-306px; left:50%; width:800px; height:563px;}


body 		{font-family:Verdana, Arial, Helvetica, sans-serif; background-color:#f39912; background-image:url(http://www.c-vitamine.ch/images/stripe.gif)}

/*Menu avec GIF duo-couche*/
/* Boutton 1*/
#a {position:absolute; margin: 120px 0px 0px 213px;}

#a a
{	
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 314px ;
	line-height: 21px ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(http://www.c-vitamine.ch/images/boutton1.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	
}

#a a:hover
{
	background: url(http://www.c-vitamine.ch/images/boutton1.gif) no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}

/* Boutton 2*/
#b
{ position:absolute; margin: 150px 0px 0px 213px ;}

#b a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 314px ;
	line-height: 21px ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(http://www.c-vitamine.ch/images/boutton2.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#b a:hover
{
	background: url(http://www.c-vitamine.ch/images/boutton2.gif) no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* Boutton 3*/
#c
{ position:absolute; margin: 180px 0px 0px 213px ;}

#c a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 314px ;
	line-height: 21px ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(http://www.c-vitamine.ch/images/boutton3.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#c a:hover
{
	background: url(http://www.c-vitamine.ch/images/boutton3.gif) no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* Boutton 4*/
#d
{ position:absolute; margin: 210px 0px 0px 213px ;}

#d a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 314px ;
	line-height: 21px ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(http://www.c-vitamine.ch/images/boutton4.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#d a:hover
{
	background: url(http://www.c-vitamine.ch/images/boutton4.gif) no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* Boutton 5*/
#e
{ position:absolute; margin: 240px 0px 0px 213px ;}

#e a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 314px ;
	line-height: 21px ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(http://www.c-vitamine.ch/images/boutton5.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#e a:hover
{
	background: url(http://www.c-vitamine.ch/images/boutton5.gif) no-repeat 0 -21px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* lien home*/
#lien_home
{ position:absolute; margin: 294px 0px 0px 41px ;}

#lien_home a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 486px ;
	line-height: 85px ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(http://www.c-vitamine.ch/images/lien_home.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#lien_home a:hover
{
	background: url(http://www.c-vitamine.ch/images/lien_home.gif) no-repeat 0 -85px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* cvitamine */
#cv
{ position:absolute; margin: 433px 0px 0px 257px ;}

#cv a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 226px ;
	line-height: 60px ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(http://www.c-vitamine.ch/images/cvitamine.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#cv a:hover
{
	background: url(http://www.c-vitamine.ch/images/cvitamine.gif) no-repeat 0 -60px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}

/* orange */

#orange
{ position:absolute; margin: 0px 0px 0px 637px ;}

#orange a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 163px ;
	line-height: 153px ;
	text-indent: 40px ; /* On décale le texte de 40px du bord gauche */

	text-decoration: none ;
	background: url(http://www.c-vitamine.ch/images/orange.gif) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px solid #dbd ;
}

#orange a:hover
{
	background: url(http://www.c-vitamine.ch/images/orange.gif) no-repeat 0 -153px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
	border: 0px solid #f97 ;
}