/*
	Général
*/

* {
	margin: 0;
	padding: 0;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 1.2em;
}

a img {
	border: none;
}

li {
	list-style-position: inside;
}

.fin {
	clear: both;
	font-size: 1pt;
}

h1 {
	text-align: center;
	margin-bottom: 15px;
}

input, select {
		font-size:12px;
		padding:2px 2px;
		background-color : #fff;
		border:1px solid #007AA7;
	}
	
.blocPartenaire{ margin-left: 100px;}
	
.boutonValid {
	padding: 4px 2px;
	font-weight:bold;
	background-color : #ccc;
}
.boutonValid:hover {
	padding: 4px 2px;
	font-weight:bold;
	background-color : #007AA7;
	color: #fff;
}

/*
	Design
*/

html, body {
	background-color: #f48105;
	text-align: center;
}

#wrapper {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	text-align: left;
}
#page {
	border: 5px solid #A75802;
}

/*
	Haut
*/
#haut {
	position: relative;
	height: 60px;
	background-color: #f48105; /* orange */
}

#haut-logo {
	position: absolute;
	top: 5px; left: 10px;
}
#haut-slogan {
	position: absolute;
	bottom: 5px; left: 150px;
	color: #fff;
}

#haut-contact {
	position: absolute;
	top: 25px;
	right: 20px;
}

#haut-flags {
	position: absolute;
	top: 5px;
	right: 20px;
}
#haut-contact a {
	display: block;
	padding: 5px 10px;
	border: 1px solid #007AA7;
	background-color: #CCC;
	color: #000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}
#haut-contact a:hover {
	background-color: #007AA7; 
	color: #fff;
}

#banniere {
	height: 130px;
	background: #fff url('site/banniere.jpg') 0 0 no-repeat;
	text-align: center;
}


/*
	Bas
*/

#bas {
	position: relative;
	padding: 5px 15px;
	margin-top: 5px;
	background-color: #f48105; /* orange */
}

.bas-tiers {
	float: left;
	width: 320px;
}

#bas p {
	font-size: 10pt;
	margin: 3px 0;
	color: #660000;
}

#bas ul {
	margin: 5px;
}
#bas li {
	list-style: none;
	color: #eee;
}

#bas a {
	font-size: 10pt;
	color: #eee;
}


span.bas-contact {
	clear: left;
	display: block;
	float: left;
	width: 90px;
}

#bas-ligne {
	margin: 5px;
	text-align: center;
	color: #666;
	font-size: 9pt;
}


/*
	Centre
*/


#contenu {
	margin: 10px 15px 15px 15px;
}

/*
	Menu
*/

#menu {
	margin-top: 20px;
}

#menu h2 {
	padding: 2px 5px;
	background-color: #a75802; /* marron */
	color: #fff;
	font-size: 10pt;
	margin-bottom: 0px;
}

#menu h2 a{
	color: #fff;
	text-decoration:none;
}

#menu h2 a:hover{
	color: #fff;
	text-decoration:underline;
}

#menu ul {
	margin-bottom: 5px;
}

#menu ul li {
	border-top: 1px solid #fff;
	list-style: none;
	color: #fff;
	font-size: 10pt;
}

#menu ul li a {
	display: block;
	padding: 1px 5px;
	background-color: #ff931f; /* marron light */
	color: #660000;
	text-decoration: none;
	font-size: 10pt;
}
#menu ul li a:hover {
	background-color: #f48105; /* orange */
}

#menu ul li.actif a {
	font-weight: bold;
	background-color: #f48105; /* orange */
}



/*
	Contenu
*/

#contenu h1 {
	margin: 20px 0 5px;
	padding: 2px 5px;
	background-color: #a75802; /* marron */
	color: #fff;
	font-size: 14pt;
}

#contenu h2 {
	margin: 10px 0 5px;
	padding: 0 5px;
	color: #a75802; /* marron */
	font-size: 13pt;
}

#contenu h3 {
	margin: 5px 0;
	padding: 0 10px;
	color: #333;
	font-size: 10pt;
}

#contenu p {
	margin: 5px 0;
	padding: 0 10px;
	color: #333;
	font-size: 10pt;
}

#contenu ul {
	margin: 5px 10px;
	padding: 0 5px;
	color: #333;
	font-size: 10pt;
}
#contenu ul ul {
	margin: 0px 10px;
}
#contenu ul li {
	padding: 2px 0;
}

#contenu a {
	color: #007aa7; /* bleu */
	text-decoration: none;
}
#contenu .bouton a:hover {
	color: #05b4f4; /* bleu clair */
	text-decoration: underline;
}


#contenu .bouton {
	display: block;
	position: relative;
	margin: 20px 5px;
	padding: 0;
	text-align: right;
}
#contenu .bouton a {
	padding: 5px 10px;
	border: 1px solid #007AA7;
	background-color: #CCC;
	color: #000;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

#contenu .bouton a:hover {
	color: #000;
	text-decoration: none;
}


#prixLocationAppart table {
	margin: 10px auto;
	border-collapse: collapse;
	border: 1px solid #000;
}
#prixLocationAppart table th,
#prixLocationAppart table td {
	padding: 5px 20px;
	border: 1px solid #333;
	font-size: 10pt;
}
#prixLocationAppart table th {
	background-color: #ff931f; /* marron light */
	color: #eee;
	text-align: left;
}
#prixLocationAppart table td.prix {
	text-align: right;
	padding: 2px 30px;
}

	#tableauPrix table {
		margin: 10px auto;
		border-collapse: collapse;
		border: 1px solid #000;
		text-align: center;
		width: 800px;
	}
	#tableauPrix table th,
	#tableauPrix table td {
		padding: 5px 20px;
		border: 1px solid #333;
		font-size: 10pt;
	}
	#tableauPrix table td {
		width: 70px;
	}
	#tableauPrix table th {
		background-color: #ff931f; /* orange light */
		color: #eee;
	}
	
	#tableauPrix a {
		color: #660000;
	}
	
	#tableauPrix table th:hover {
		color: #660000;
		text-decoration: underline ;
	}
	
	span.tableauDecalage {
		clear: left;
		display: block;
		float: left;
		width: 150px;
	}
	.AlignGauche{
		text-align: left;
	}
	
	#periodesSaisonLocation table {
		margin: 10px auto;
		border-collapse: collapse;
		border: 1px solid #000;
		width: 800px;
	}
	#periodesSaisonLocation table th,
	#periodesSaisonLocation table td {
		padding: 5px 20px;
		border: 1px solid #333;
		font-size: 10pt;
		text-align: left;
	}

	#periodesSaisonLocation table th {
		background-color: #ff931f; /* orange light */
		color: #660000;
		width: 200px;
	}

/*
	Menu
*/

.puceHome{
	float: left;
	padding: 100px 0  0 5px;
}

.puceHome :hover{
	float: left;
	padding: 100px 0  0 5px;
}

#nav {
	list-style: none ;
	margin-top: 0 ;
	padding: 100px 0  0 5px;
	overflow: hidden ;
}
#nav li {
	float: left ;
	width: 180px ;
	border: 1px solid #600 ;
	margin-right: 5px ;
	color: #fff ;
}
#nav li a {
	display: block ;
	/*background: #a75802 ;*/
	background: url(/images/site/boutonMenu.png) left top no-repeat !important;
	color: #fff ;
	font: 1em ;
	line-height: 1.2em ;
	padding: 4px 0 ;
	text-align: center ;
	text-decoration: none ;
}
#nav li a:hover, #nav li a:focus, #nav li a:active {
	background: #ff931f;
	text-decoration: underline ;
}

#flocon {

	top: 2px;
	left:2px;
}



/*
Accueil
*/

.imageGauche {float: left; margin: 0 6px 6px 0;}
.imageDroite {float: right; margin: 0 6px 6px 0;}
.imageDroiteMiniature{float: right; margin: 0 0 0 6px;}
.imageGaucheMiniature{float: left; margin: 0 0 2px 12px;}

.accueilBloc {
	float: left;
	width: 600px;
	margin: 0 20px 20px 20px;
	padding: 15px;
	background-color : #EBF4FB;
	border:2px solid #B7DDF2;
	text-align: left;
	-moz-border-radius : 10px;
}
.accueilBloc h1 {
	margin-top: 0 !important;
}
.decalageMenu{
	float: right;
	width : 286px;
	background-color : #EBF4FB;
	border: 2px solid #B7DDF2;
	font-size: 10pt;
	margin: 10px 0;
	padding: 5px;
}

.boutonsDecalage {
		clear: left;
		display: block;
		float: left;
		width: 30px;
	}

.menuLeft {
		float: left;
		width: 200px;
		padding : 0px;
		margin-left: 15px;
	}
.decalagePourMenu {
	margin-left: 230px !important;
}
.blocLocation{
	border: 1px solid #005574;
	padding: -10px;
	overflow: hidden;
}