/*
	Feuille de style générale du site
*/

/* Balises XHTML */
body{
	background-color:#FFF8AD;
	font-family:Arial;
	font-size:12px;
	color:#000000;
	position:absolute;
	text-align:center;
	width:100%;
	margin:0;
	padding:0;
}
a{
	color: #993300;
}
a:hover{
	color:#000000;
	text-decoration: none;
}
h1{
	color:#663333;
}
hr{
	color:#633;
	background:#633;
	border:none;
	height:1px;
}
/* Formulaires */
fieldset{
	border:none;
	padding:0;
}
fieldset p{
	clear:left;
	margin:0 0 5px 0;
}
fieldset label{
	display:block;
	float:left;
	width:150px;
}
span.required{
	color:red;
	margin:0;
}
fieldset ul{
	float:left;
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
fieldset ul li label{
	float:none;
	width:auto;
}
/* Conteneur de la page */
#page{
	width:770px;
	margin:0 auto 0 auto;
}
/* Haut de page */
#haut{
	height:124px;
}
/* Logo */
#logo{
	width:386px;
	margin:0 auto 0 auto;
	padding:0;
}
#logo a{
	display:block;
	background:url(/images/logo_accueil.jpg) no-repeat;
	height:81px;
	margin:0 auto 0 auto;
}
#logo span{
	display:none;
}
#logo img{
	border:none;
}
/* Menu general*/
#menu{
	width:770px;
	list-style:none;
	margin:0;
	padding:0;
}
#menu li{
	float:left;
	padding:0;
	margin:0;
}
#haut #menu li a{
	display:block;
	height:30px;
	position:absolute;
}
#haut #menu  #ebeniste a{
	background:url(/images/saillard_boutons/boutons_saillard_05.png) no-repeat;
	width:160px;
	margin:20px 0 0 30px;
}
#haut #menu  #restaurateur a{
	background:url(/images/saillard_boutons/boutons_saillard_13.png) no-repeat;
	width:184px;
	margin:58px 0 0 100px;
}
#haut #menu  #chineur a{
	background:url(/images/saillard_boutons/boutons_saillard_23.png) no-repeat;
	width:148px;
	margin:96px 0 0 230px;
}
#haut #menu  #menuisier a{
	background:url(/images/saillard_boutons/boutons_saillard_25.png) no-repeat;
	width:245px;
	margin:96px 0 0 400px;
}
#haut #menu  #trucs a{
	background:url(/images/saillard_boutons/boutons_saillard_15.png) no-repeat;
	width:145px;
	margin:58px 0 0 520px;
}
#haut #menu  #contacter a{
	background:url(/images/saillard_boutons/boutons_saillard_08.png) no-repeat;
	width:130px;
	margin:20px 0 0 600px;
}
#haut #menu  #ebeniste a:hover{
	background:url(/images/saillard_boutons/boutons_saillard_roll_05.png) no-repeat;
}
#haut #menu  #restaurateur a:hover{
	background:url(/images/saillard_boutons/boutons_saillard_roll_13.png) no-repeat;
}
#haut #menu  #chineur a:hover{
	background:url(/images/saillard_boutons/boutons_saillard_roll_23.png) no-repeat;
}
#haut #menu  #menuisier a:hover{
	background:url(/images/saillard_boutons/boutons_saillard_roll_25.png) no-repeat;
}
#haut #menu  #trucs a:hover{
	background:url(/images/saillard_boutons/boutons_saillard_roll_15.png) no-repeat;
}
#haut #menu  #contacter a:hover{
	background:url(/images/saillard_boutons/boutons_saillard_roll_08.png) no-repeat;
}
#menu li a span{
	display:none;
}
/* Contenu */
#contenu{
	position:relative;
	clear:left;
	display:block;
	width:765px;
	margin:0 auto 0 auto;
	padding:0;
}
#contenu ul{
	margin:0;
	padding:0;
}
#contenu li{
	display:inline;
}
/* Bas de page */
#bas{
	clear:left;
}
#bas ul{
	list-style:none;
	margin:0;
	padding:0 0 10px 0;
}
#bas ul li{
	display:inline;
	margin-right:2px;
}
#bas address{
	clear:left;
	font-style:normal;
}
/* Page d'accueil */
#accueil{
	margin:0;
	padding:0;
}
#accueil #haut{
	height:440px;
	width:770px;
	margin:0 auto 0 auto;
}
#accueil #haut #logo{
	background:url(/images/logo_accueil.jpg) no-repeat center;
	width:100%;
	height:81px;
	margin:0 auto 0 auto;
}
#accueil #haut #menu{
	top:81px;
	width:770px;
	position:absolute;
	background:url(/images/fond_voiture.jpg) no-repeat center center;
	height:348px;
	margin:5px 0 0 0;
	padding:0;
}
#accueil #haut #menu li a{
	z-index:1;
	margin:0;
	padding:0;
}
#accueil #haut #menu  #ebeniste a{
	margin:60px 0 0 70px;
}
#accueil #haut #menu  #restaurateur a{
	margin:160px 0 0 20px;
}
#accueil #haut #menu  #chineur a{
	margin:260px 0 0 60px;
}
#accueil #haut #menu  #menuisier a{
	margin:260px 0 0 520px;
}
#accueil #haut #menu  #trucs a{
	margin:160px 0 0 510px;
}
#accueil #haut #menu  #contacter a{
	margin:60px 0 0 530px;
}
#accueil #menu li a span.legende{
	position:absolute;
	top:74%;
	background-color:#CC9966;
	padding:0;
	margin:0;
	border:1px solid #993300;
	max-width:245px;
	min-width:240px;
}
#accueil #menu li a:hover span.legende{
	display:block;
}
#accueil #bas{
}
/* Page Restauration */
#site #contenu {
	width:770px;
	margin:0 auto 0 auto;
}
#site #contenu h1{

}
#site #contenu h2{
	float:left;
}
#site #contenu h3{
	float:left;
	clear:left;
}
#site #contenu p{
	max-width:600px;
	margin:0 auto 0 auto;
}
#site #contenu ul li{
	margin-right:15px;
	display:inline;
}
#site #contenu .colonne{
	margin:15px 0 25px 12%;
	clear:left;
	
}
#site #contenu .colonne p{
	float:left;
	margin:5px 0;
}
#site #contenu .colonne p span{
	width:150px;
}
#site #contenu .colonne p.debut{
	clear:left;
	margin-right:10px;
}
#site #contenu .colonne p.prems{
	width:300px;
}

#site #contenu .colonne p.fin{
	width:600px;
}
#site #contenu .colonne .fin{
	margin:5px auto 0 auto;
}
#site #contenu img{
	border:#000 solid 1px;
}
/* page contact */
#contact #contenu form{
	width:770px;
}
#contact #contenu form p{
	width:310px;
	clear:left;
	margin:0 auto 0 auto;
}
#contact #contenu form p input{
	float:left;
	width:154px;
}
#contact #contenu form p label{
	float:left;
	clear:left;
	text-align:left;
}
#contact #contenu form ul{
	width:770px;
	clear:left;
	margin:0 auto 15px auto;
	padding:0;
}
#contact #contenu p{
	width:770px;
	margin:0 auto 0 auto;
}
#contact #contenu p a{
	clear:left;
}
/* trucs et astuce */
#site #contenu .bande.un_tiers{
	width:250px;
	clear:left;
	float:left;
	margin:20px 20px 20px 0;
	padding:0;
}
#site #contenu .bande.deux_tiers{
	width:480px;
	margin:20px 0;
	padding:5px;
	float:left;
}
#site #contenu .bande.deux_tiers ol{
	padding:0;
	margin:0;
	list-style:decimal;
	display:block;
}
#site #contenu .bande.deux_tiers li{
	padding:0 0 5px 0;
	margin:0;
	list-style:decimal;
	display:block;
	text-align:left;
	
}
/* Pages du catalogue */
#contenu .articles{
	width:626px;
	margin:0 auto 0 auto;
	overflow:auto;
	padding:0;
}
#contenu .articles li{
	width:299px;
	float:left;
	border:#663333 1px solid;
	margin:10px 0 0 10px;
}
#contenu .articles li.separateur{
	clear:left;
}
#contenu .articles li h2{
	font-size:14px;
	width:298px;
	height:20px;
	background:#633;
	border:#633 1px solid;
	padding:0;
	margin:0 0 5px 0;
	color:#fff8ad;
}
#contenu .articles li a img{
	float:left;
	margin:0 5px 5px 5px;
	border:none;
}
#contenu .articles li div div,
#contenu .articles li div br{
	display:none;
}
#contenu #descript{
	width:620px;
	margin:0 auto 0 auto;
}
#contenu ul#pages{
	list-style:none;
	clear:left;
	padding:10px;
	margin:0;
}
#contenu  ul#pages li{
	display:inline;
}
#contenu .navigation li{
	margin-right:10px;
}