body {
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#dbd3bf;
	margin:0px;
	padding:0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #303f54;
}
h2 {
	padding:0px;
	margin:0px;
}
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#000;
	font-style:normal;
}
h4 {
	padding:0px;
	margin:0px;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000;
	font-style: normal;
	margin: 10px;
}
li {
	list-style-position: inside;
	list-style-image: url(images/fl.gif);
}
p {
	margin: 0px;
}
/* ----- Nav haut ----- */
.bt_pres {
	padding-left:26px;
}
.bt_carte {
	padding-left:45px;
}
.bt_contact {
	padding-left:48px;
}
#bg {
	background-image: url(images/motif.jpg);
	background-repeat: no-repeat;
	width:955px;
	margin-left:auto;
	margin-right:auto;
}
#tab_h {
	padding-top:25px;
	background-image: url(images/barre_h.gif);
	background-repeat: no-repeat;
	background-position:left bottom;
	width:678px;
	margin-left:auto;
	margin-right:auto;
}
#tab_h2 {
	width:678px;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b6356;
}
#tab_h2 a {
	color:#36326d;
	text-decoration:none;
}
#tab_h2 a:hover {
	color:#6b6356;
}
/* ----- Accueil ----- */
#chef {
	width:50%;
	height: 165px;
}
#chef a {
	color:#36326d;
	text-decoration:none;
}
#chef a:hover {
	color:#6b6356;
}
#salle {
	width:48%;
	float:right;
	height:165px;
}
#salle p {
	margin:0px;
	padding:0px;
}
#salle a {
	color:#36326d;
	text-decoration:none;
}
#salle a:hover {
	color:#6b6356;
}
/* ----- Acces et contact ----- */
#contact {
	width:638px;
	height:180px;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b6356;
	padding:20px 20px 0px 20px;
}
#contact a { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	font-weight:normal;
	color:#6b6356;
}
#contact a:hover { 
	color:#1c2486;
}
#form {
	width:678px;
	height:340px;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b6356;
}
textarea{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	overflow:auto;
	width:518px;
}
.champs {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	width:200px;
	margin:2px 2px 2px 0px;
}
.champs2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	width:518px;
	margin:2px 2px 2px 0px;
}
.space {
	padding-right:10px;
}
/* ----- Images ----- */
.float_left {
	float:left;
	margin-right:20px;
	border:2px solid #fff;
}
.float_left1 {
	float:left;
	border:2px solid #fff;
}
.float_left2 {
	float:left;
}
.float_left3 {
	float:left;
	margin-top:4px;
	margin-right:10px;
}
.float_right {
	float:right;
	margin-right:10px;
	border:2px solid #fff;
}
.img {
	border:2px solid #fff;
	margin:0px 0px 10px 0px;
}
.img2 {
	margin-left:40px;
	border:2px solid #fff;
}
.img3 {
	border:2px solid #fff;
}
.img4 {
	margin: 0px 0px 10px 10px;
	border: 2px solid #fff;
}
.puce {
	background-image:url(images/puce.gif);
	background-repeat:no-repeat;
	padding-left:12px;
	margin-bottom:10px;
	font-family:Times New Roman, Times, serif;
	font-size:18px;
	font-weight: bold;
	color:#fff;
	margin-left:200px;
}
.point {
	background-image:url(images/p.gif);
	background-repeat:repeat-x;
}
.marge {
	margin:5px;
}
/* ----- Nav bas ----- */
#navbas {
	width:955px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#1c2486;
	margin-top: 10px;
	height: auto;
}
#navbas p{
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#6b6356;
	margin-top: 10px;
}
a.mail { 
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#1c2486;
}
a.mail:hover {
	color:#6b6356;
}
a.menu {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size:11px;
	font-weight:bold;
	color:#6b6356;
	padding-left:10px;
	padding-right:10px;
}
a.menu:hover {
	color:#36326d;
}
/* ----- Logo Toptechnology ----- */
#logott {
	width:955px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	height: auto;
}
#logott a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#6b6356;
	text-decoration:none;
}
#logott a:hover {
	color:#36326d;
}
/* ----- Titres ----- */
.titre {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding:0px;
	color:#b4a78e;
	font-style:italic;
	margin:0px 0px 0px 4px;
}
.soustitre {
	font-family:Times New Roman, Times, serif;
	font-size: 20px;
	font-weight: bold;
	padding:0px;
	color:#36326d;
	font-style: italic;
}
.contenu {
	margin-top:20px;
	margin-bottom:20px;
}
.reservation {
	margin:10px 10px 10px 0px;
	font-family:Times New Roman, Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#36326d;
	font-style: italic;
	line-height: normal;
}
.txtcolor {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#6b6356;
}
.txtsm {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight: normal;
	color:#6b6356;
}
/* ----- Plan acces ----- */
#borneville {
	width:800px;
	margin-left:auto;
	margin-right:auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#6b6356;
}