body
{	
	width: 730px;
	height: 100%;
	margin: 0;
	padding: 0;
	font-family: Monaco, Verdana, Courier;
	background-image: url("../pics/presentation.jpg");
	background-repeat: repeat;
	
}

/*div,p,td
{
	border: 1px solid black;
}*/



#box1
{
	width: 100px;
	height: 100%;
	float:left;
	margin-right:0px;
	padding-bottom:20px;
	position:fixed;

}

#logo
{
	width: 100px;
	height: 200px;
	margin-top:200px;
}

#pied
{
	font-family: Monaco, Verdana, Courier;
	font-weight: normal;
	font-size: 9px;
	color:#00FF00;
	width: 100px;
	position: absolute; /* le bloc se positionnera en haut à gauche de ta page car il n'a pas de bloc parent */
	bottom: 30px; /* avec cette propriété, le bloc se placera tout en bas à gauche de ta page */
	padding-bottom: 10px; /* avec cette propriété, le bloc se placera tout en bas à gauche de ta page */
	border-top:10px solid;
	border-color:#00FF00;
	text-align:center;
}


/*MENU*/
table.texte
{
	width: 504px;
	height: 80px;
	margin: 20px 0px 5px 0px;
	padding-right: 5px;
	border-right:1px solid black;
	font-family: Monaco, Verdana, Courier;
	text-align: right;
	vertical-align: top;
	line-height:1.3;
	font-size: 0.6em;
	float: left;
}


#box2
{
	width: 700px;
	height: 100%;
	margin:0 0 0 158px;
	float:left;
}



#description
{
	width: 100px;
	position:absolute;
	margin-top:0px;
	background-color:#00FF00;

}


#texte
{
	width: 630px;
	height: 100px;
	position:absolute;
	margin-top:20px;
}

#inscriptionnews
{
	font-family: Monaco, Verdana, Courier;
	font-size: 0.6em;
	line-height: 10px;
}


.menu
{	
font-family: Monaco, Verdana, Courier;
font-weight: normal;
font-size: 9px;
text-align: right;
padding: 15px 5px 0px 0px;
color: #000000;
width: 120px;
border-top: 1px #000000 solid;
border-right: 1px #000000 solid;
float:left;

}

.menu a
{	
      background-color:#FFFFFF;
}

.menu a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: #000000;
   text-decoration: line-through;

}

 .menu a:hover
{	
		color:#00FF00;

 }
 
 .menu:hover
{	
		background-color:FFFFFF;
 }
 


#box3
{
	width: 160px;
	height: 100%;
	position:fixed;
	margin:10px 0 0 755px;
			
}

/* MAIN WINDOW RIGHT***************************************************/
#main
{
	/*width:100%; donne à main la taille de body soit 730px*/
		height: 100%;

	margin-left: 0px;
	margin-bottom: 10px;
	font-size: 9px;
	font-family: Monaco, Verdana, Courier;
}

.product /*format de l'image présentée*/
{
	width: 145px;
	height: 130px;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 3px;
/*	border-radius: 2px 2px; -moz-border-radius: 2px;*/
	border: 4px solid yellow;
	background-color: yellow;
	float: left;
}



.main_picnews
{	
	width: 685px;
	height: 100%;
	margin-top: 0px;
	margin-left: 0px;
	padding-top:0px;
}

.main_descriptionnews
{
	font-family: Monaco, Verdana, Courier;
	font-weight: normal;
	font-size: 9px;
	line-height:1.4;
	margin-top: 10px;
	margin-left: 0px;
}

.main_description span
{
	font-family: Monaco, Verdana, Courier;
	font-weight: bold;
	font-size: 1.2em;
	text-transform: uppercase;
}

.contact_description
{
	border-top:1px dashed black;
	width: 630px;
	margin-left: 0px;
	margin-top: 200px;
	margin-bottom: 10px;
	padding-top: 10px;
	font-size: 9px;

	font-weight: normal;
	text-align:right;
	line-height: 14px;
	/*margin-top: 5px;*/
}

.news
{
	width: 100px;
	background-color:#00FF00;
	overflow: auto;
	margin-left: 0px;
	margin-top: 200px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 0px;	
	font-weight: normal;
	text-align:left;
	position:absolute;
	/*margin-top: 5px;*/
}

.home
{
	overflow: auto;
	width: 504px;
	margin-left: 126px;
	margin-top: 200px;
	margin-bottom: 10px;
	font-weight: normal;
	text-align:left;
	position:absolute;
	/*margin-top: 5px;*/
}


.infobox
{
	border-top:1px dashed black;
	overflow: auto;
	width: 630px;
	margin-left: 0px;
	margin-top: 200px;
	margin-bottom: 10px;
	padding-top: 10px;
	font-weight: normal;
	text-align:left;
	line-height: 14px;
	position:absolute;
	/*margin-top: 5px;*/
}

.info
{
	width: 1000px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
	font-weight: normal;
	text-align:left;
	line-height: 14px;
	/*margin-top: 5px;*/
}



/* LES LIENS*/
img a
{
	border: none;
}

a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: black; /* Les liens seront en noir au lieu de bleu */



}

#boutons a
{
   text-decoration: none; /* Les liens ne seront plus soulignés */
   color: white; /* Les liens seront en noir au lieu de bleu */
   font-family: Monaco, Verdana, Courier;
font-weight: normal;
font-size: 9px;
}


a:hover /* Quand le visiteur pointe sur le lien */
{
   color: black; /* Le lien sera écrit en vert quand on pointera dessus */
   background-color:#00FF00;

}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   color: black;
      text-decoration: underline;

}