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 : -82px ; 
	margin-right : -82px ;
	padding-bottom  : 80px ;
}
	.menu li
	{
		float : left ;
		width:140px;
		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 : 32px ;
	}

	.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 ;
	}

	.fam_index .bouton
	{
		width : 150px ;
		margin : auto ;
		padding : 0;
		border : 4px solid #0000FF ;
		background-color : #6666FF ;
		font-size : 24px ;
	}
	.fam_index .bouton a
	{
		color : #FFFFFF ;
		padding : 7px 20px 7px 20px ;
		display:block ;
	}
	.fam_index .bouton a:hover
	{
		background-color : #4444FF ;
	}


.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;
}

.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 */
{
	margin-top : 130px ;
	text-align : center ;
	font-size : 24px;
}

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

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

.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;
}

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

.panier
{
	float:right ;
	padding-right:0px;
}

.panier a
{
	background-color: #F9E500 ;
	color: #E32515 ;
	padding:1px 3px 1px 3px;
}

.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 : 600px;
	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 ;
}