<!DOCTYPE html>
<html>
<head>

 
<meta http-equiv="CONTENT-LANGUAGE" content="EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name='copyright' content='Tim 2016'>
 
<title> Rétro Tracto du Bocage </title>

	<script type="text/javascript" src="opn_msg_.js"></script>

	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />

	<style type="text/css" media="screen"> 

		img {
  			display: inline;
  			margin: auto;
		}

		body
		{
			background-color: #7C7C7C;
			color:#444;
			font-family: arial;
			font-size: 18pt;
			text-align: center;
		}


#main {
	position: absolute;
	left: 50%;
	margin-left: -400px;
	top: 1px;
	width: 800px;
	height: 600px;
	font-family: Verdana, Arial;
	font-size: 14px;
	border: 1px solid;
	color: #660000;
	background-image:url('images/back_robey.jpg');
	}

#titre_ {
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top: 20px;
	width: 700px;
	height: 40px;
	background-color: #660000;
	font-family: Verdana, Arial;
	font-size: 16px;
	color: #ccc;
	}

#titre_l {
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top: 20px;
	width: 200px;
	height: 40px;
	line-height: 19px;
	font-family: Verdana, Arial;
	font-size: 16px;
	color: #ccc;
	}

#titre_r {
	position: absolute;
	left: 50%;
	margin-left: -160px;
	top: 20px;
	width: 500px;
	height: 40px;
	background-color: #660000;
	font-family: Verdana, Arial;
	font-size: 16px;
	color: #ccc;
	}

#right_ {
	position: absolute;
	left: 50%;
	margin-left: 30px;
	top: 190px;
	width: 340px;
	height: 24px;
	font-family: Verdana, Arial;
	font-size: 18px;
	text-align: center;
	border: 1px solid;
	color: #660000;
	}


#info_ {
	position: absolute;
	left: 50%;
	margin-left: -330px;
	top: 240px;
	width: 660px;
	height: 80px;
	font-family: Verdana, Arial;
	font-size: 28px;
	text-align: center;
	filter: alpha(opacity=60);
	opacity: 0.6;
	background-color: #7C7C7C;
	color: #660000;
	}

.left_ { 
	text-align: left;
	}

#menu_1 {
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top: 80px;
	width: 700px;
	height: 40px;
	filter: alpha(opacity=60);
	opacity: 0.6;
	border: 1px solid;
	background-color: #7C7C7C;
	color: #660000;
	}

#menu_txt1 {
	position: absolute;
	left: 50%;
	margin-left: -335px;
	top: 90px;
	width: 670px;
	height: 20px;
	font-family: Verdana, Arial;
	font-size: 14px;
	line-height: 140%;
	text-align: center;
	color: #660000;
	}

#menu_2 {
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top: 540px;
	width: 700px;
	height: 40px;
	filter: alpha(opacity=60);
	opacity: 0.6;
	border: 1px solid;
	background-color: #7C7C7C; 
	color: #660000;
	}

#menu_txt2 {
	position: absolute;
	left: 50%;
	margin-left: -335px;
	top: 550px;
	width: 670px;
	height: 30px;
	font-family: Verdana, Arial;
	font-size: 14px;
	line-height: 140%;
	text-align: center;
	color: #660000;
	}

#cadre_1 {
	position: absolute;
	left: 50%;
	margin-left: -350px;
	top: 230px;
	width: 330px;
	height: 300px;
	font-family: arial;
	font-size: 16px;
	color: #000080;
	text-align: left;
	visibility: hidden;
	}

#cls_box {
	position: absolute;
	left: 50%;
	margin-left: -138px;
	top: 475px;
	width: 100px;
	height: 30px;
	font-family: arial;
	font-size: 16px;
	color: #000080;
	text-align: left;
	visibility: hidden;
	}

#cadre_2 {
	position: absolute;
	left: 50%;
	margin-left: 10px;
	top: 190px;
	width: 340px;
	height: 340px;
	background-color: #EFEFEC;
	font-family: Verdana, Arial;
	font-size: 18px;
	text-align: center;
	border: 1px solid;
	color: #660000;
	}

#foot_ {
	position: absolute;
	left: 50%;
	margin-left: -220px;
	top: 530px;
	width: 460px;
	height: 40px;
	font-family: arial;
	font-size: 16px;
	color: #000080;
	text-align: center;
	}

</style>

</head>

<body>

<div id="main">

<div id="titre_">

</div>

<div id="titre_l">
&nbsp;<br>Coté technique...

</div>
<div id="titre_r">
<img src="images/titre.png" alt="Titre">
</div>


<div id="info_">
Quelques contributions seraient les bienvenues !

</div>	

</div>

	<div id="menu_1">
	</div>
	<div id="menu_txt1">
<a href="tracto.htm">Accueil</a>&nbsp;&nbsp;&nbsp;
<a href="asso.htm">L'Association</a>&nbsp;&nbsp;&nbsp;
<a href="engins.htm">Les Machines</a>&nbsp;&nbsp;&nbsp;
<a href="tech.htm">Technique</a>&nbsp;&nbsp;&nbsp;
<a href="contact.htm">Contact</a>&nbsp;&nbsp;&nbsp;
<a href="http://www.manchemail.fr/tracteurs/">La Fête</a>
	</div>

	<div id="menu_2">
	</div>
	<div id="menu_txt2">
<a href="tracto.htm">Accueil</a>&nbsp;&nbsp;&nbsp;
<a href="asso.htm">L'Association</a>&nbsp;&nbsp;&nbsp;
<a href="engins.htm">Les Machines</a>&nbsp;&nbsp;&nbsp;
<a href="tech.htm">Technique</a>&nbsp;&nbsp;&nbsp;
<a href="contact.htm">Contact</a>&nbsp;&nbsp;&nbsp;
<a href="http://www.manchemail.fr/tracteurs/">La Fête</a>
	</div>


</body>
</html>