html
{
	font-family:"Trebuchet MS", Arial, serif ;
}

body
{
	width : 900px;
	margin:auto;
	background-image:url(fond.png); 
	background-repeat:repeat;
	background-position:center;
	padding-left:20px;
	padding-right:20px;
	padding-top:10px;
	min-height:700px;
}

.fond
{
	background-image:url(fond2.png); 
	background-repeat:repeat-x; 
	margin-right:100px; 
	margin-left:100px; 
	margin-top:-10px; 
	padding-top:10px; 
	padding-left:42px;
	padding-right:42px;
}

.part
{
	float:left ;
	width : 100px :
}
.part2
{
	float:right ;
	width : 100px :
}

a img
{
	border:none;
}

a
{
	color:#00006A;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
	color:#0000CC;
}

.logo
{
	margin:auto;
	float:left;
	margin-left : -15px;
	margin-right : -15px ;
}
	.logo img
	{
		float:left;
		margin-right:20px;
	}

	.logo .lang
	{
		float:left;
		margin-left:40px;
	}

	.logo  p
	{
		margin-top : 40px ;
		margin-left : 10px ; 
		float:left;
		font-size : 14px;
		font-style : italic ;
	}

	.logo .lang img
	{
		margin-right: 20px;
	}

.pre_menu
{
	font-weight : bold;
	text-align : center ;
	margin-top : 130px;
	font-size : 20px;
}

.menu 
{
	margin-left : -80px ; 
	margin-right : -82px ;
	padding-bottom  : 80px ;
}
	.menu li
	{
		float : left ;
		width:116px;
				/*width:139px;*/
		list-style-type : none ; 
	}

.fam_index h1
{
	text-align : center ;
	font-size : 34px; 
	margin-top : -10px ;
	margin-bottom : 10px ;
}

	.fam_index .img_l
	{
		float : left ;
		margin-left : -30px ;
	}

	.fam_index .img_r
	{
		float : right ;
		margin-right : -30px ;
	}

	.fam_index h2
	{
		clear : both ;
		text-decoration : underline ;
		font-size : 24px ;
	}

	.fam_index p
	{
		text-align : center ;
		padding-top : 60px ;
	}

	.fam_index ul
	{
		margin-bottom : 40px ;
	}

	.fam_index li
	{
		list-style-type : none ;
		font-size : 12px ;
		font-style : italic ;
		color : #D21D21 ;
		text-align : justify ;
		width : 500px ;
		margin-bottom : 20px ;
		margin-left : 40px ;
	}

	.fam_index li .ul_title
	{
		display : block ;
		margin : 0 ;
		margin-left : -40px ;
		padding : 0 ;
		font-size : 16px ;
		color : #000000 ;
		font-style : normal ;
		width : 600px ;
	}

	.fam_index hr
	{
		width : 30% ;
		height : 3px ;
		background-color : black ;
		margin-top : 20px ;
		margin-bottom : 20px ;
	}


.pied
{
	clear : both ;
	text-align : center ;
	font-style : italic ;
	font-size : 14px ;
	margin:0;
	padding:0;
	padding-top : 20px ;
	margin-left : -82px ;
	margin-right : -82px ;
}

.titre
{
	float:left;
	width:500px;
	text-align:center;
}


.centre
{
	text-align:center;
}

.calendrier
{
	border:1px solid #E32514;
	width : 500px;
	border-collapse:collapse;
	background-image:url(fond_tableau.png); 
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}
.calendrier td
{
	border:1px solid #E32514;
	background-repeat: no-repeat;
	background-position: bottom right;
	height:40px;
	width:85px;
	text-align:center;
	padding:0;
}
.calendrier td a
{
	display:block;
	padding:0;
	margin:0;
	height:40px;
	color:#00006A;
	text-decoration:none;
}
.calendrier td a:hover
{
	background-color:#CAB900;
	color:#0000CC;
	text-decoration:underline;
}

	.calendrier td.blackreduc
	{
		background-color:#888;
	}

.perso1
{
	float:left;
}
.perso2
{
	float:right;
}
.logo_reserve
{
	float:left;
	text-align:center;
	width:300px;
	padding-top:120px;
}

.prev_month
{
	float:left;
	width:50px;
	text-align:center;
	padding-top:90px;
	margin-left:-15px;
}
.next_month
{
	float:right;
	width:50px;
	text-align:center;
	padding-top:90px;
	margin-right:-15px;
}

.category /*phrase d'invite à choisir */
{
	text-align : center ;
	font-size : 24px;
}

.categorie /* Liste des types de locations */
{
	text-align:center;
	margin:auto;
	width:750px;
	height: 160px;
	margin-top:20px;
	margin-left : -15px;
}

.categorie img
{
	float:left;
	margin-left:10px;
	margin-right:10px;
}

	.categorie img:hover
	{
		margin-top: 5px;
	}

.produits
{
}
.produits img
{
	float:left;
	margin-right:20px;
}
.produits h3
{
	margin:auto;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	text-decoration:underline;
}
.produits .description
{
	text-align:justify;
}
.produits .prix
{
	text-align:right;
	text-decoration: underline;
}

.produits form
{
	margin-left : -30px;
	margin-right : -30px;
	clear:left;
	font-size:14px;
	font-style:italic;
}
.produits input
{
	margin-right:10px;
}
	
	.produits .petit label
	{
		font-size: 12px;
	}

	.produits input[type=submit]
	{
		background: url('bouton3.png') no-repeat left bottom;
		
		display: block;
		width: 203px;
		height: 45px;
		margin: auto;
		margin-top: 10px;
		padding: 0px;

		border: none;

		font-weight: bold;
		color: #fff;
		font-size: 13px;
	}

		.produits input[type=submit]:hover
		{
			background-position: left top;
			font-size: 14px;
		}

hr
{
	margin-top:30px;
	margin-bottom:20px;
	clear:both;
}

.speedbar
{
	margin: auto;
	margin-top: -40px;
	width: 600px;
	height: 117px;
	background: url('sprite.png');
}

	.speedbar div
	{
		width: 175px;
		height: 77px;
		float: left;
		padding: 15px 15px 20px 10px;
		margin: 0px;
		font-size: 12px;
	}

		.speedbar div strong
		{
			font-size: 16px;
			display: block;
			margin-bottom: 0px;
		}

		.speedbar div em
		{
			font-style: normal;
			font-weight: bold;
		}

		.speedbar div.right
		{
			position: absolute;
			top: 315px;
			padding: 0px;
			height: auto;
		}
		.speedbar div a
		{
			float: right;
			text-align: center;
			margin-top: 5px;
			width: 70px;
			border: 1px solid #777;
			background: #ccc;
			border-radius: 5px;
			padding-top: 2px;
			padding-bottom: 2px;
		}

			.speedbar div a:hover
			{
				background: #a9a9ff;
				text-decoration: none;
			}

			.speedbar div a.special
			{
				width: 120px;
				height: 17px;
				background: url('bouton4.png') no-repeat center bottom;
				border: none;
				font-weight: bold;
				color: #fff;
				padding-top: 3px;
			}

				.speedbar div a.special:hover
				{
					background-position: center top;
					font-size: 13px;
				}

		.speedbar .ancien_prix
		{
			font-size: 12px;
		}

		.speedbar div.active
		{
			color: #fff;
		}

			.speedbar div.active .ancien_prix
			{
				color: #999;
			}


		.speedbar.dates2
		{
			background-position: left top;
		}

		.speedbar.materiel2
		{
			background-position: left 50%;
		}

		.speedbar.panier2
		{
			background-position: left bottom;
		}


.panier
{

	position: fixed;
	margin: auto;
	top: 50%;
	right: 0px;
	width: 100px;
	border: 2px solid #000;
	border-radius: 5px;
	padding-top: 10px;
	padding-bottom: 10px;

/*	bottom: 0px;
	left: 50%;
	margin-left: -350px;
	width: 676px;
	padding-left: 20px;
	border : 2px solid #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom: 2px transparent solid;
*/	background: #4941FF;
	color: #fff;
	text-align: center;
}

	.panier table
	{
		display: inline;
		border-collapse: collapse;
		text-align: center;
	}

		.panier table td, .panier table th
		{
			padding: 3px;
			padding-left: 15px;
			padding-right: 15px;
		}

	.panier strong
	{
		text-decoration: underline;
	}

	.panier .nouveau_prix
	{
		color: yellow;
		border: 2px solid yellow;
		padding: 3px;
		text-decoration: none;
		border-radius: 5px;
	}

	.panier .ancien_prix
	{
		color: #999;
	}

	.panier form
	{
		display: inline;
	}


.ancien_prix
{
	color : #333;
	font-size:14px;
	text-decoration:none;
	text-decoration:line-through;

}
.nouveau_prix
{
	color : #E32515 ;
	text-decoration : underline;
	font-weight:bold;
}

.recapitulatif
{
	border:1px solid #E32514;
	width : 675px;
	position: relative;
	left: -30px;
	border-collapse:collapse;
	background-image:url(fond_tableau.png); 
	margin:auto;
}
.recapitulatif th
{
	border:1px solid #E32514;
}

.recapitulatif td
{
	border:1px solid #E32514;
	background-repeat: no-repeat;
	background-position: bottom right;
	height:40px;
	text-align:center;
	padding:0;
}
.recapitulatif td a
{
	display:block;
	padding:0;
	margin:0;
	color:#00006A;
	text-decoration:none;
}
.recapitulatif td a:hover
{
	color:#0000CC;
	text-decoration:underline;
}

.total
{
	width : 300px;
	margin:auto;
	margin-top: 30px;
}

.envoi label
{
	float:left;
	width:250px;
}

.droit
{
	font-style : normal ;
}

.enjoy
{
	font-size : 12px ;
}


form.ventes
{
}
	form.ventes label
	{
		float: left;
		width: 350px;
	}
		form.ventes label.normal
		{
			float: none;
			display: inline;
		}

p.message
{
	margin: 20px 50px 20px 50px;
	text-align: center;
	color: red;
	font-weight: bold;
	text-decoration: underline;
}

a.panier_coin
{
	border: 2px solid #555; 
	width: 100px; 
	background:#CCC;
	display: block; 
	position: fixed; 
	top:100px; 
	right: 0px;
	text-align: center; 
	color: #000; 
	padding: 5px;
	border-radius: 5px;
}

	a.panier_coin:hover
	{
		background:#333;
		color: white;
		text-decoration: none;
	}


.freegl
{
}
.freegl span
{
	/* Infobulle au survol */
	text-indent: -9000px;
	display: none;
}

	.freegl:hover span
	{
		text-indent: 0px;
		display: inline;
		position: absolute;
		z-index: 500px;
		background: #4941FF;
		color: #fff;
		border: 2px solid #000;
		border-radius: 5px;
		padding: 5px;
		width: 200px;
		margin-left: 10px;
		margin-top: -25px;
	}


.menu2
{
	margin-left: -80px;
	margin-right: -80px;
}

	.menu2 a
	{
		float: left;
		width: 108px;
		height: 21px;
		margin-top: 2px;
		margin-bottom: 22px;
		padding-top: 5px;
		padding-left: 4px;
		padding-right: 4px;
		background: url('menu.png') left top;
		text-align: center;

		color: #fff;
		text-decoration: none;
		font-size: 15px;
	}
		
		.menu2 a:hover
		{
			background-position: right top;
			margin-top: 0px;
			height: 23px;
			color: #fff;
		}

		.menu2 a.active
		{
			background-position: left bottom;
			margin-top: 28px;
			margin-bottom: 0px;
			padding-top: 2px;
			height: 24px;
		}

			.menu2 a.active:hover
			{
				margin-top: 29px;
				height: 25px;
				background-position: right bottom;
			}

		.menu2 a img
		{
			vertical-align: bottom;
		}


.multiple
{
	/* Phrase pour plusieurs réservation */
	font-size: 13px;
	font-style: italic;
	text-align: justify;
	margin: 0px;
	padding: 0px;
}


.index
{
	color: #609;
}

	h4.index
	{
		text-align: center;
		font-weight: bold;
		font-style: normal;
		font-size: 20px;
	}

	div.index
	{
		text-align: center;
	}

p.bouton
{
	margin:0;
	padding:0;
}
p.bouton a
{
	background: url('bouton5.png') no-repeat left bottom;
	
	display: block;
	width: 203px;
	height: 32px;
	margin: auto;
	padding: 0px;
	padding-top: 13px;

	font-weight: bold;
	color: #fff;
	font-size: 16px;
}

	p.bouton a:hover
	{
		background-position: left top;
		font-size: 18px;
	}