@charset "utf-8";

/**
 * CSS Croisière
 */
 
#cruise_menu
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:100%;
}

#cruise_menu a
{
	text-decoration:none;
}

#cruise_menu a:hover
{
	font-style:italic;
}

#cruise_libelle
{
	background-color:#2c3e50;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	cursor:help;
}
/* ------ */
#cruise_p1
{
	text-align:center;
	background-color:#3498db;
	color:#FFF;
}

#cruise_p1:hover
{
	background-color:#f1c40f;
	cursor:pointer;
}
/* ------ */
#cruise_p2
{
	text-align:center;
	background-color:#2980b9;
	color:#FFF;
}

#cruise_p2:hover
{
	background-color:#f39c12;
	cursor:pointer;
}
/* ------ */

#cruise_soon
{
	background-color:#bdc3c7;
	padding-left:5px;
	padding-right:5px;
	color:#FFF;
	cursor:help;
}

#cruise_liner
{
	width:100%;
	height:1px;
	background-color:#bdc3c7;
	
}

/**
 * Liens
 */
 

/**
 * Responsive Web Design
 */
 
/* @ 4K ou moins */
@media screen and (max-width: 4096px)
{
	#cruise_p1
	{
		width:100px;
	}
	
	#cruise_p2
	{
		width:100px;
	}
}

/*  1024 px */
@media screen and (max-width: 1024px)
{
	#cruise_p1
	{
		width:100px;
	}
	
	#cruise_p2
	{
		width:100px;
	}	
}