/*
 * Feuille de style pour les site des Entreprises Antonio Laporte et Fils.
 * Auteur : David Laporte
 * Date   : 20 Janvier 2007
 */

/*////////////////////////// Classes générales //////////////////////////*/
body
{
  font-family: verdana;
  text-align:center;
  background-color: #000000;
}

/* Mozilla Firefox alignment */
body  
{ 
	text-align: -moz-center; 
} 

.classlink
{
	text-indent:-9999px;
	text-decoration:none;
}

.classlink:hover
{
	background-position:bottom;
	cursor:hand;
}

#boutonRetour
{
	position:absolute;
	top:475px;
	left:175px;
}

#boutonRetour #boutonPuceRetour
{
	position:absolute;
	top:4px;
	left:3px;
	height:12px;
	width:11px;
	background-repeat:no-repeat;
	background-image:URL(../images/flecheRetour.gif);
}

#boutonRetour #boutonTexteRetour
{
	position:absolute;
	left:18px;
}

#boutonRetour a
{
	position:absolute;
	top:1px;
	left:1px;
	width:60px;
	height:15px;
	padding:3px;
	color:#000000;
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
	text-align:left;
	text-decoration:none;
}

#boutonRetour a:hover
{
	top:0px;
	left:0px;
	background-color:#e7e7e7;
	cursor:hand;
	border:solid 1px #444444;
}

/*////////////////////////// Arrière-plan ///////////////////////////////*/
#siteTitre
{
	height:59px;
	width:414px;
	background-repeat:no-repeat;
	background-image:URL(../images/upTitle.gif);
}

#siteTitreBarre
{
	height:2px;
	width:285px;
	background-repeat:no-repeat;
	background-image:URL(../images/barreHorizontaleTitre.gif);
}

#cadrePage
{
	position:relative;
	width:888px;
	height:659px;
	background-color:white;
}

#cadrePage #coinHautGauche
{
	position:absolute;
	top:0px;
	left:0px;
	height:30px;
	width:32px;
	background-repeat:no-repeat;
	background-image:URL(../images/leftCornerUp-Left.gif);
}

#cadrePage #centreHautGauche
{
	position:absolute;
	top:0px;
	left:150px;
	height:59px;
	width:55px;
	background-repeat:no-repeat;
	background-image:URL(../images/leftCornerUp-Right.gif);
}

#cadrePage #centreHautDroite
{
	position:absolute;
	top:0px;
	right:150px;
	height:59px;
	width:56px;
	background-repeat:no-repeat;
	background-image:URL(../images/rightCornerUp-Left.gif);
}

#cadrePage #coinHautDroite
{
	position:absolute;
	top:0px;
	right:0px;
	height:26px;
	width:28px;
	background-repeat:no-repeat;
	background-image:URL(../images/rightCornerUp-Right.gif);
}

#cadrePage #coinBasGauche
{
	position:absolute;
	top:630px;
	left:0px;
	height:29px;
	width:29px;
	background-repeat:no-repeat;
	background-image:URL(../images/leftCornerDown-Left.gif);
}

#cadrePage #centreBasGauche
{
	position:absolute;
	top:587px;
	left:150px;
	height:72px;
	width:56px;
	background-repeat:no-repeat;
	background-image:URL(../images/leftCornerDown-Right.gif);
}

#cadrePage #centreBasBarre
{
	background-color:black;
	position:absolute;
	left:206px;
	top:600px;
	height:59px;
	width:479px;
	background-repeat:repeat-x;
	background-image:URL(../images/downBande.gif);
}

#cadrePage #centreBasDroite
{
	position:absolute;
	top:599px;
	right:150px;
	height:60px;
	width:56px;
	background-repeat:no-repeat;
	background-image:URL(../images/rightCornerDown-Left.gif);
}

#cadrePage #coinBasDroite
{
	position:absolute;
	top:632px;
	right:0px;
	height:27px;
	width:30px;
	background-repeat:no-repeat;
	background-image:URL(../images/rightCornerDown-Right.gif);
}

#cadrePage #logoKubota
{
	position:absolute;
	top:25px;
	left:25px;
	height:95px;
	width:131px;
	background-repeat:no-repeat;
	background-image:URL(../images/logoKubota.gif);
}

#cadrePage #logoBobcat
{
	position:absolute;
	top:15px;
	right:25px;
	height:117px;
	width:112px;
	background-repeat:no-repeat;
	background-image:URL(../images/logoBobcat.gif);
}

#cadrePage #telephone
{
	position:absolute;
	top:155px;
	right:5px;
	height:72px;
	width:191px;
	background-repeat:no-repeat;
	background-image:URL(../images/telephone.gif);
}

#cadrePage #separateurVerticalGauche
{
	position:absolute;
	top:155px;
	left:205px;
	height:285px;
	width:2px;
	background-repeat:no-repeat;
	background-image:URL(../images/barreVerticale.gif);
}

#cadrePage #separateurVerticalDroite
{
	position:absolute;
	top:155px;
	right:205px;
	height:285px;
	width:2px;
	background-repeat:no-repeat;
	background-image:URL(../images/barreVerticale.gif);
}

/*////////////////////////// Menus du site //////////////////////////////*/
#pageHaut
{
	position:relative;
	height:59px;
	width:479px;
	background-color:black;
}

#pageHaut #barresVerticales
{
	position:absolute;
	bottom:0px;
	left:0px;
	height:50px;
	width:479px;
	background-repeat:repeat-x;
	background-image:URL(../images/separateurVertical.gif);
}

#pageHaut #mnuAccueil
{
	position:absolute;
	bottom:0px;
	left:2px;
	height:50px;
	width:103px;
	background-repeat:no-repeat;
	background-image:URL(../images/mnuAccueil.gif);
}

#pageHaut #mnuEnVente
{
	position:absolute;
	bottom:0px;
	left:107px;
	height:50px;
	width:102px;
	background-repeat:no-repeat;
	background-image:URL(../images/mnuEnVente.gif);
}

#pageHaut #mnuNotreEquipe
{
	position:absolute;
	bottom:0px;
	left:211px;
	height:50px;
	width:130px;
	background-repeat:no-repeat;
	background-image:URL(../images/mnuNotreEquipe.gif);
}

#pageHaut #mnuNousContacter
{
	position:absolute;
	bottom:0px;
	left:343px;
	height:50px;
	width:134px;
	background-repeat:no-repeat;
	background-image:URL(../images/mnuNousContacter.gif);
}

/*////////////////////////// Cadre Gauche ///////////////////////////////*/
#cadreGauche
{
	position:absolute;
	top:145px;
	left:20px;
	width:120px;
	height:400px;
	text-align:left;
}

#cadreGauche #annonceLink
{
	background-color:#e7e7e7;
	text-decoration:none;
	width:120px;
}

#cadreGauche #annonceLink:hover
{
	background-color:#f1f1f1;
	cursor:hand;
}

#cadreGauche a:hover
{
	background-color:#f1f1f1;
}

#cadreGauche #annonceTracteur
{
	position:relative;
	width:120px;
	height:120px;
	border:solid 1px #444444;
	margin:7px;
	background-color:#e7e7e7;
}

#cadreGauche #annonceTracteur:hover
{
	background-color:#f1f1f1;
}

#cadreGauche #annonceTracteur .annonceImage
{
	position:absolute;
	border:0px;
	left:20px;
	top:10px;
}

#cadreGauche #annonceTracteur .annonceTexte
{
	position:absolute;
	top:90px;
	left:40px;
	color:#000000;
	font-family:verdana;
	font-size:10px;
	text-decoration:none;
}

#cadreGauche #posNom
{
	color:#441E00;
	font-weight:bold;
	font-family:verdana;
	font-size:11px;
}

#cadreGauche #perNom
{
	color:#000000;
	font-family:verdana;
	font-size:15px;
}

#cadreGauche #perCellulaire
{
	color:#000000;
	font-family:arial;
	font-size:12px;
}

/*///////////////////////////////////////////////////////////////////////*/
/*////////////////////////// Contenu du site ////////////////////////////*/
/*///////////////////////////////////////////////////////////////////////*/
#pageCentre
{
	position:relative;
	height:600px;
	width:420px;
	top:25px;
	text-align:justify;
}

/*////////////////////////// Accueil ////////////////////////////////////*/
#cadreAccueil
{
	position:absolute;
	top:20px;
	left:10px;
}

#cadreAccueil #titre
{
	color:#000000;
	font-weight:bold;
	font-family:arial;
	font-size:15px;
}

#cadreAccueil #nouvelleSeparateur
{
	position:relative;
	width:400px;
	height:1px;
	font-size:0px;
	margin-top:10px;
	background-color:#666666;
}

#cadreAccueil #nouvelle
{
	position:relative;
	width:400px;
	
	margin:10px;
}

#cadreAccueil #nouTitre
{
	position:absolute;
	top:0px;
	left:0px;
	color:#441E00;
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
}

#cadreAccueil #nouDate
{
	position:absolute;
	top:0px;
	right:0px;
	color:#441E00;
	font-weight:bold;
	font-family:verdana;
	font-size:11px;
}

#cadreAccueil #nouDescription
{
	position:absolute;
	top:20px;
	left:15px;
	width:350px;
	color:#000000;
	font-family:arial;
	font-size:13px;
	text-align:justify;
	border:solid 1px #aaaaaa;
	background-color:#e7e7e7;
	padding:10px;
}

/*////////////////////////// En Vente ///////////////////////////////////*/
.cadreVente
{
	position:absolute;
	width:205px;
	height:500px;
}

#cadreVenteGauche
{
	top:65px;
	left:0px;
}

#cadreVenteDroite
{
	top:65px;
	left:215px;
}

.cadreVente .itemVente
{
	position:relative;
	top:1px;
	margin:1px;
	padding:1px;
	width:205px;
	height:90px;
}

.cadreVente a
{
	color:#000000;
	text-decoration:none;
	font-family:Arial;
	font-size:smaller;
}

.cadreVente a:hover
{
	background-color:#e7e7e7;
	cursor:hand;
	border:solid 0px #aaaaaa;
}

.cadreVente .itemVente:hover
{
	height:88px;
	width:203px;
	background-color:#e7e7e7;
	cursor:hand;
	border:solid 1px #aaaaaa;
}

.cadreVente .cadreImage
{
	position:absolute;
	width:80px;
	height:80px;
	top:5px;
	left:5px;
}

.cadreVente .image
{
	width:80px;
	height:80px;
	border:0px;
}

.cadreVente .description
{
	position:absolute;
	height:70px;
	width:110px;
	top:15px;
	left:90px;
}

#cadreMenuBas
{
	position:absolute;
	top:475px;
	left:0px;
	width:350px;
	color:#444444;
	font-family:arial;
	font-size:13px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	border:0px;
	padding:0px;
}

#cadreMenuBas
{
	text-align: -moz-center;
}

#cadreMenuBas a
{
	color:#008A96;
	text-decoration:none;
}

#cadreMenuBas a:visited
{
	color:#C13B18;
}

/*////////////////////////// Tracteurs //////////////////////////////////*/

#cadreTracteur
{
	font-family:Trebuchet MS;
}

#cadreTracteur img
{
	width:200px;
	height:150px;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
}

#cadreTracteur #ImageHaut
{
	position:absolute;
	top:20px;
	left:0px;
}

#cadreTracteur #Details
{
	position:absolute;
	top:20px;
	left:220px;
	font-weight:bold;
}

#cadreTracteur #Details img
{
	width:150px;
	height:44px;
	border:0px;
	margin-bottom:5px;
}

#cadreTracteur #Description
{
	position:absolute;
	top:190px;
	left:20px;
	font-style:italic;
}

#cadreTracteur #ImageBasGauche
{
	position:absolute;
	top:300px;
	left:0px;
}

#cadreTracteur #ImageBasDroite
{
	position:absolute;
	top:300px;
	left:220px;
}

/*////////////////////////// Notre Équipe ///////////////////////////////*/
#cadreNotreEquipe
{
	position:absolute;
	top:40px;
	left:20px;
	text-align:left;
}

#cadreNotreEquipe #posNom
{
	color:#441E00;
	font-weight:bold;
	font-family:verdana;
	font-size:11px;
}

#cadreNotreEquipe #perNom
{
	color:#000000;
	font-family:verdana;
	font-size:15px;
}

#cadreNotreEquipe #perCellulaire
{
	color:#000000;
	font-family:arial;
	font-size:12px;
}

/*////////////////////////// Nous contacter /////////////////////////////*/
#cadreNousContacter
{
	position:absolute;
	top:10px;
	left:10px;
	width:350px;
	color:#000000;
	font-weight:bold;
	font-family:verdana;
	font-size:12px;
	text-align:left;
	text-decoration:none;
}

#cadreNousContacter #titre
{
	font-size:15px;
}