body {
background-image: url('./img/truc.png');
background-repeat: repeat;
background-color: #d9d7d8;
}

h1 {
	color: #4a4d7a;
	margin-left: 15%;
}

h3 {
	margin-left: 25%;
}

div#page {
	position:absolute;
	left:50%;
	margin-left:-400px;
	width:auto;
	height:auto;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

div#en_tete  {
	margin-top: 50px;
	width: 900px;
	height: 200px;
	background-image: url('./img/en_tete.png');
	background-repeat: no-repeat;
}

div#en_tete a {
	position: absolute;
	top: 0;
}

div#en_tete img {
	border: none;
}

div#panier {
	float: right;
	background-color: #cccccc;
}

div#bandeau {
	background-color: #B08946;
	width: 900px;
	height: 30px;
}

div#navigation {
	width: 900px;
	height: 30px;
	position: absolute;
	margin-left: 150px;
	z-index:100;
}

div#navigation dl {
	float: left;
	width: 8em;
}

div#navigation dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	background-color: #B08946;
	color : #fff;
}

ul#navigation a {
	color: #fff;
	text-decoration: none;
}

ul#navigation li {
	float: left;
	font-weight: bold;
	width: 8em;
	text-align: center;
	background-color: #B08946;
}

ul#navigation li a{
	color: white;
	text-decoration: none;
	display: block;	
	height: 30px;
}

ul#navigation li a:hover, ul#navigation li a:focus {
	background-color: #bf9753;
}

div#corps {
	background-color: #F2E8C2;
	width: 900px;
	height: auto;
}

div#map {
	margin-left: 50px;
}

div#map_adr {
	float: left;
	margin-left: 600px;
}

p.presentation {
	margin-left: 25%;
}

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted;
}
a.info span {
   display: none;
}
a.info:hover {
   background: none;
   z-index: 500; 

   cursor: help;
}
a.info:hover span {
   display: inline;
   position: absolute;

   white-space: nowrap;

   top: 30px;
   left: 20px;

   background: white;

   color: green;
   padding: 3px;

   border: 1px solid #B08946;
   border-left: 4px solid #B08946;
}


div#formulaire {
	margin-left: 10px;
	font-family: "Comic sans ms", serif;
	color: #4a4d7a;
	float: left;
}

div#formulaire select{
	width: 150px;
	margin-left: 10px;
}

div#photo {
	float: right;
	margin-right: 200px;
}

div#tableau {
	margin-left: 300px;
	margin-top: 250px;
}

div#tpelle {
	margin-left: 100px;
	margin-top: 50px;
}

div#bas_de_page {
	width: 900px;
	height: 40px;
	background-image: url("./img/fond-bas.png");
	text-align: center;
}

div#details {
	width: 400px;
	margin-left: 100px;
}

div#details p {
	margin: 1em 0;
	overflow: hidden;
	width: 100%;
}

div#details label {
	float: left;
	width: 170px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

div#details span {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}

div#details input {
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}

div#inscription {
	width: 500px;
	margin-left: 200px;
	margin-top: 20px;
}

div#inscription p {
	margin: 1em 0;
	overflow: hidden;
	width: 100%;
}

div#inscription label {
	float: left;
	width: 190px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

div#inscription span {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}

div#inscription input {
	margin-left: 12px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}

div#aide {
	width: 200px;
	height: 200px;
	float: right;
	margin-top: 50px;
	margin-right: 50px;
	background-color: gray;
}

div#contact {
	width: 800px;
	margin-left: 50px;
	margin-top: 40px;
}

div#contact p {
	margin: 1em 0;
	overflow: hidden;
	width: 100%;
}

div#contact label {
	float: left;
	margin-left: 90px;
	text-align: right;
	font-weight: bold;
	cursor: pointer;
}

div#contact span {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}

div#contact input {
	margin-left: 90px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}

div#contact textarea {
	margin-left: 90px;
	border: solid 1px midnightblue;
	padding: 2px 4px;
}

table#dent {
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 40px;
	margin-bottom: 40px;
}

table#dent th {
	padding:2px;
}

div#bas_de_page a {
	color: black;
	text-decoration: none;
}

div#bas_de_page a:hover {
	text-decoration: underline;
}

/* TABLE */
table {
	border-collapse:collapse;
}

tr.bordure {
	border: 1px solid #b8860b;
	background-color: #b8860b;
}

th.border {
	padding:2px;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

th.borderb {
	border-style: solid none none;
	border-width: 1px 0pt 0pt;
}