/* CSS Document */

body {
	background-image: url(images/fond_gauche.jpg);
}

.sac
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 5px;
	padding-right: 5px;
}

.sacvoyage
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;

}

td#voyage
{
	border-right: 1px solid #000000;
}

a.contenu
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
}

a.contenu:hover
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
}


.sacvoyage a
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: none;
}

.sacvoyage a:hover
{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #FF0000;
}


p#footer
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 10px;
	text-align: right ;
	color: #606060 ;
	border-top: 1px solid #000000;
}

div#conteneur
{
	width: 944px ;
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid #000000 ;
	background: #fff ;
}

div#encart_sac_haut
{
	width: 98% ;
	text-align: left ;
	border: 1px solid #D2D2D0 ;
	background: #E9E9E7 ;
	padding: 2px;
}

div#encart_sac_autre
{
	width: 96% ;
	margin-top: 5px;
	text-align: left ;
	border: 1px solid #D2D2D0 ;
	background: #E9E9E7 ;
	padding: 2px;

}

div#commande
{
	width: 160px ;
	height: 50px ;
	background-image:url(images/btn_commander.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-left: 10px ;
	text-align:center;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}

p#commande-texte
{
	margin-top: 10px ;
	color:#FF0000;
}

p#commande-texte a
{
	margin-top: 10px ;
	color:#FF0000;
	text-decoration:none;
}

div#menu_surf
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 75px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_surf a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 75px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_surf a:hover
{
	background: url(images/menu_surf_2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

div#menu_surf p { display:none; }

div#menu_skate
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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


div#menu_skate a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_skate a:hover
{
	background: url(images/menu_skate_2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

div#menu_skate p { display:none; }

div#menu_snow
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_snow a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_snow a:hover
{
	background: url(images/menu_snow_2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

div#menu_snow p { display:none; }

div#menu_street
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_street a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_street a:hover
{
	background: url(images/menu_street_2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

div#menu_street p { display:none; }

div#menu_ski
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_ski a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_ski a:hover
{
	background: url(images/menu_ski_2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

div#menu_ski p { display:none; }

div#menu_bike
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_bike a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_bike a:hover
{
	background: url(images/menu_bike_2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

div#menu_bike p { display:none; }

div#menu_kite
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_kite a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_kite a:hover
{
	background: url(images/menu_kite_2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

div#menu_kite p { display:none; }

div#menu_girls
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_girls a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 326px ;
	height: 77px;
	line-height: 30px ;
	color: #000 ;

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

div#menu_girls a:hover
{
	background: url(images/menu_girls_2.jpg) no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
}

div#menu_girls p { display:none; }


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}