/*--------- CSS Document----------- */
/*                                  */
/*         ACCES-WEB.COM            */
/*   Copyright 2006, Acces-web      */
/*    CREE LE : 13-09-2006          */
/*       par Francois               */
/*----------------------------------*/



body {
	padding:0px;
	margin:0;
	min-height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#51574a;
	background:url(../images/img-index/fond-pa.gif) repeat-x scroll;
	/*overflow:scroll;*/
}
body, html{height:100%}

#conteneur {margin:0 auto; width:760px; height:100%; border-left:1px solid #FFF; border-right:1px solid #FFF;}

/* ------------------------------------ */
/*             DIV GAUCHE               */
/* ------------------------------------ */

#logoImpression, #adresseImpression{display:none;}
#logoImpression2, #logoImpression3, #ModeleMachinePrint2, #ModeleMachinePrint3{display:none;}
#titrePagePrint, #titrePagePrint2, #titrePagePrint3{display:none;}

#gauche {float:left; width:260px; margin:0; padding:0;}
#home{ display:block; position:absolute; top:0; width:260px; height:105px; text-indent:-5000px;}
h1.logo {text-indent: -5000px; background:url(../images/img-index/logo-betton.gif) no-repeat; margin:0;	padding:0; width:260px;	height:105px;}
#hachures {width:260px; height:27px; background:url(../images/img-index/hachures.jpg) no-repeat; margin:0;	padding:0;}
#menuFlash{width:259px; height:193px; background:url(../images/img-index/fond-menu.jpg) repeat-x; margin:0; padding:0; border-right:1px solid #FFFFFF;}
h2.bienvenue {border-top:1px solid #FFFFFF;background:url(../images/img-index/fond-bienvenue.jpg) repeat-x; padding:15px 0 0 15px; margin:0; width:244px; height:24px; color:#FFFFFF; font-size:19px; font-weight:normal; border-right:1px solid #FFFFFF;}
#txtPresentation{width:239px; padding:10px 5px 5px 15px; margin:0; text-align:justify;}
h3.coordonnees{padding:5px 0 0 0; margin:0 0 0 15px; width:239px; border-top:1px solid #B4BAAD; font-size:13px; color:#039bc5;}
#adresse{padding:5px 0 0 0; margin:0 0 0 15px; width:239px; font-size:10px;}
#adresse a:link, #adresse a:visited{font-size:10px; color:#039bc5; text-decoration:none;}
#adresse a:hover{font-size:10px; color:#FFF; text-decoration:none; background:#abc500;}

/* ------------------------------------ */
/*             DIV DROITE               */
/* ------------------------------------ */
#droite {float:left; width:500px; margin:0; padding:0;}
#menuLang{background:url(../images/img-index/header-top.gif) repeat-x; height:20px;}
#ombre{background:url(../images/img-index/ombre-header.jpg) no-repeat; height:85px;}
#ZoneDroite {margin:0; padding:0; background:#D7DBD3; height:306px;}

/*     LISTE LANGUE        */
#menuLang ul {margin:0; padding:2px 0 0 0;}
#menuLang li{list-style:none; display:inline; float:right;}
#menuLang li a img {vertical-align:middle;}
#menuLang li a {color:#FFF; font-weight:bold; margin:0; padding:0 5px 0 10px; text-decoration:none; border-left:1px solid #82cfe4;}



/*     ZONE GAUCHE         */
#zoneGauche{float:left; width:178px; border-right:1px solid #FFFFFF;}
.infoGauche {border-top:1px solid #FFFFFF; border-right:1px solid #FFFFFF; background:#B4BAAD; padding:5px 0 0 15px; margin:0; width:244px; height:34px; color:#FFFFFF; font-size:19px; font-weight:normal; line-height:14px;}
.pluspetit{font-size:12px; font-weight:bold;}

#selectCouleur{list-style-type: none; padding:19px; background:#D7DBD3; margin:0 0 10px 0; border-right:1px solid #FFFFFF;}
#selectCouleur li a{ font-size:13px; padding:0 0 0 5px; display:block; border-bottom:1px solid #ebede9; width:210px; margin-bottom:5px; color:#51574a; text-decoration:none; font-weight:bold; line-height:20px;height:18px;}
#selectCouleur li a:hover{ padding:0 0 0 5px; border-left:5px solid #abc500; display:block; border-bottom:1px solid #ebede9; background: #ebede9; color:#abc500; width:205px; margin-bottom:5px; color:#51574a; text-decoration:none; font-weight:bold;}


/*     ZONE DROITE         */
#zoneDroite{float:left; width:321px; margin:0; padding:0;}
#infoDroite {float:left; border-top:1px solid #FFFFFF; background:#B4BAAD; padding:19px 0 0 15px; margin:0; width:306px; height:20px; color:#FFFFFF; font-size:19px; font-weight:normal; line-height:14px;}

#hautTitre{background:url(../images/img-nav/haut-titre-nav.gif) no-repeat; height:27px; width:500px;}
#zoneTitre{background:#d7dbd3; height:60px; width:500px;}
#zoneTitre h2{ margin:0; padding:32px 15px 0 0; font-size:28px; color:#FFF; font-weight:bold; text-align:right;}

/*     ZONE CONTENU      */
#contenuCentre{ position:relative; width:500px; background:#FFF; min-height:400px; height:auto !important; margin:0; padding:0;}
#contenuCentre .leTexte{ padding:5px 10px; margin:0; text-align:justify; line-height:18px;}
.aDroite{margin:5px 0 0 10px;}
.aGauche{margin:5px 10px 0 0;}

#impriPlan{display:block; width:220px; height:20px; line-height:20px; padding:3px; margin:0 0 10px 0; font-size:13px; font-weight:bold; text-decoration:none; text-align:center; background:#0092bb; color:#FFF;}
#impriPlan:hover{background:#b6d500;}

#contenuCentre .texteColore{ padding:0; font-weight:bold; margin:0; text-align:justify; color:#0093bc;}
#contenuCentre .texteGras{ padding:0 10px; margin:5px 10px; text-align:justify; font-size:12px; font-weight:bold; color:#0093bc; line-height:18px; border-left:3px solid #0093bc;}

.liste{margin:0 0 0 15px; padding:0;}
.liste li{margin:5px 0 5px 0; list-style:none;}

#machinesVendre {float:left; margin:0; padding:10px 0 0 15px; width:305px;}
#machinesVendre li{list-style:none;}
#machinesVendre li a {color:#51574a; display:block; width:275px; margin:0; padding:6px; text-decoration:none; border-bottom:1px solid #ebede9;}
#machinesVendre li a:hover{ background: #ebede9; color:#abc500; border-left:5px solid #abc500; width:270px;}
.marque{font-size:14px; font-weight:bold;}
.modele{font-size:12px; font-weight:bold;}

/*   HABILLAGE LISTE    */
#resultRecherche{ width:490px; margin:0; padding:3px 10px 3px 0 ; background:#adc800; color:#FFF; font-size:14px; font-weight:bold; border-top:5px solid #d7dbd3; text-align:right;}
#divResultat{ padding:5px 0 0 0; margin:0; width:500px;}
.fondTitre{ border-left:1px solid #FFF;}

#suivPrev{padding: 5px 0 5px 0;height:25px; width:200px; margin:0 auto;}
#suivPrev li{float:left; list-style:none; width:100px; text-align:center; height:25px;}
#suivPrev a, #suivPrev a:visited{padding:0; margin:0 5px 0 5px;; text-decoration:none; color:#FFF; font-weight:bold; line-height:25px; background: url(../images/img-nav/bg-btn-suivprev.gif) repeat-x #b3d100; display:block;}
#suivPrev a:hover{padding:0; margin:0 5px 0 5px;; text-decoration:none; color:#FFF; font-weight:bold; line-height:25px; background: url(../images/img-nav/bg-btn-suivprev-over.gif) repeat-x #89ccde; display:block;}

#titreResultat{width:500px; padding:0; margin:0;}
#titreResultat li{border-bottom:5px solid #FFF; list-style:none; margin:0; padding:0; float:left; background:url(../images/img-nav/fond-titre-recherche.gif) repeat-x #b2e1ed; height:22px; color:#FFF; font-weight:bold; font-size:13px; text-align:center;}
.titreCoul{width:99px; border-right:1px solid #FFF;}
.titreModele{width:219px; border-right:1px solid #FFF;}
.titrePrix{width:99px;border-right:1px solid #FFF;}
.titreRef{width:80px;}

#noResult{text-align:center; font-size:13px; font-weight:bold; color:#848a7e;}

.maListe{width:500px; padding:0; margin:0; position:relative;}
.maListe ul{ width:500px; padding:0; margin:0; list-style:none;}
.maListe ul li{ border-bottom:1px solid #d7dbd3; height:22px; list-style:none; clear:left; padding:0; margin:0; cursor:hand;}

.couleur{padding:0 0 0 10px; margin:0; float:left; width:90px; display:block; border:none;}
.descrip{padding:0 0 0 10px; margin:0; float:left; width:210px; display:block; border:none;}
.prix{padding:0 0 0 10px; margin:0; float:left; width:87px; display:block; border:none;}
.ref{padding:0 0 0 10px; margin:0; float:left; width:70px; display:block; border:none;}
.maListe ul li a{padding: 0; margin:2px 0 1px 0; font-weight:bold; color:#848a7e; text-decoration:none; display:block; width:500px; line-height:18px; height:20px; background:#f1f5ec;}
.maListe ul li a:hover{ cursor:hand; padding: 0; margin:2px 0 1px 0; font-weight:bold; color:#FFF; text-decoration:none; display:block; width:500px; line-height:18px; height:20px; background:#a0dbea;}
/*.maListe ul li  a.demande_prix:link{padding:0; margin:0; text-align:center;float:left;display:block;border:none;width:70px;line-height:18px; height:20px;}
.maListe ul li  a.demande_prix:hover{padding:0; margin:0; text-align:center;float:left;display:block;border:none;width:70px;line-height:18px; height:20px;}*/


/*   HABILLAGE FICHE    */

#ModeleMachine{width:420px; padding:5px 0 5px 10px; margin:0;font-size:17px; font-weight:bold; color:white; background:#a0dbea; border-bottom:5px solid white; border-top:1px solid white;}
#lienRetour{position:absolute; top:1px; left:431px; text-align:center; height:30px; width:69px; margin:0; padding:0; background:url(../images/img-nav/fond-btn-retour.gif) repeat-x;}
#lienRetour a{text-decoration:none; color:#FFF; font-weight:bold; line-height:30px; _line-height:29px;}

#ficheProduit{width:480px; margin:0 10px; padding:0;}
#ficheProduit h3{ font-size:12px; font-weight:bold; margin:10px 0 0 0; padding:5px 0 0 10px; color:#959c8d; background:url(../images/img-nav/fond-titre-fiche.gif) no-repeat; width:470px; height:11px;}
.ficheCaract{border-bottom:1px solid #b4baad; border-left:1px solid #b4baad; border-right:1px solid #b4baad; margin:0 0 10px 0; padding:10px;}
.ssFond{padding:5px; width:446px; border-bottom:1px dashed #b4baad; color:#959c8d; height:15px; margin:0;}
.acFond{background:#f1f5ec; padding:5px; width:446px; border-bottom:1px dashed #b4baad; color:#959c8d; height:15px; margin:0;}
.leLabel{font-weight:bold; width:235px; display:block; float:left;}
.laValeur{display:block;}


/*   SYSTEME ONGLETS    */

#ListeOnglets{margin:0; padding:0; height:31px; _height:30px; background:url(../images/img-nav/fond-onglets.gif) repeat-x; clear:left;}
#ListeOnglets li.court{list-style:none;float:left; margin:0; padding:0; width:85px}
#ListeOnglets li.moyen{list-style:none;float:left; margin:0; padding:0; width:110px}
#ListeOnglets li.long{list-style:none;float:left; margin:0; padding:0; width:145px}

#onglet1{width:480px; margin:0; padding:0;}
#onglet2{width:480px; margin:0; padding:0; display:none;}
#onglet3{width:480px; margin:0; padding:0; display:none;}

#ListeOnglets li a.enAttente{display:block; font-size:11px; font-weight:bold; margin:10px 0 0 0; padding:6px 0 0 5px; color:#959c8d; background:url(../images/img-nav/fond-titre-onglet.gif) no-repeat right top; height:15px; border-left:1px solid #b4baad; text-decoration:none;}
#ListeOnglets li a.enCours{display:block; font-size:11px; font-weight:bold; margin:10px 0 0 0; padding:6px 0 0 5px; color:#959c8d; background:url(../images/img-nav/fond-titre-onglet-encours.gif) no-repeat right top; height:15px; border-left:1px solid #b4baad; text-decoration:none;}


/*   GALERIE PHOTOS    */
#galeriePhotos{margin:0; padding:0; border:1px dashed #b4baad; height:360px;}
#galeriePhotos li{list-style::none; display:block; float:left; width:130px; height:98px; margin:10px; _margin:10px 6px 0 6px; padding:0;}
#galeriePhotos li a:link, #galeriePhotos li a:visited{display:block; width:130px; height:98px; border:3px solid #d7dbd3; margin:0; padding:0;}
#galeriePhotos li a:hover{display:block; width:130px; height:98px;  border:3px solid #89ccde; margin:0; padding:0;}
#galeriePhotos li a img{width:130px; height:98px; overflow:hidden; border:0; margin:0; padding:0;}
#noPhoto{ margin:0 auto; padding:5px; font-weight:bold; color:white; background:#96d4e4; text-align:center;}

/*   FOMR PDF       */
#formPDF{width:auto; margin:0; padding:0;}
#formPDF p.message{margin:0 0 5px 0; padding:5px; color:white; background:#96d4e4; font-weight:bold;}
p .formLabel{font-weight:bold; width:80px; color:#959c8d; display:block; float:left; line-height:20px;}
#formPDF input{ width:280px; color:#959c8d;}
#formPDF input.btnEnvoyer{ width:120px; font-weight:bold; margin:10px 165px;}
.ssFondForm{padding:5px; width:446px; border-bottom:1px dashed #b4baad; color:#959c8d; height:22px; margin:0;}
.acFondForm{background:#f1f5ec; padding:5px; width:446px; border-bottom:1px dashed #b4baad; color:#959c8d; height:22px; margin:0;}

/* ------------------------------------ */
/*              Pieds                   */
/* ------------------------------------ */
#footer{background:url(../images/img-index/ombre-header.jpg) no-repeat; height:30px;}


/* ------------------------------------ */
/*           FORMULAIRES                */
/* ------------------------------------ */

fieldset {
	margin: 0 0 0 15px;
	border: 0;
	width: 460px;
}
fieldset p {
	padding: 0.75em 0 0.75em 0.5em !important;
	padding: 0.35em 0 0.35em 0.5em;
	clear: both;
	border-bottom: 1px solid #d7dbd3;
	background:#f2f7ee;
	margin:10px 0;

}
legend {
	margin: 0 0 0.5em 0;
	padding: 0.3em;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #51574a;
	background-color: none;
}
label.text {
	display: block;
	float: left;
	width: 30%;
	text-align: left; /* n'hésitez pas pas à aligner à gauche, c'est pas mal aussi */
	margin: 0 1em 0 0;
	font-size:12px;
	font-weight:bold;
	padding: 0.1em;
}
.radioCheck {
	margin: 0 1em 0 0.25em;	
}
input.text,textarea {
	width: 65%;
	border: 1px solid #d7dbd3;
	margin-right: 0.25em;
}
.envoy {
	margin: 1em 0;
	text-align: left;
}
.envoy label {
	border: 0;	
}