body{
	margin-top : 0;
	background-color : #735136;
}
img{
border : 0px;
}
.spacer {
	clear : both;
}
.bas_corps{
width : 960px;
height : 23px;
margin : 0 auto;
background : url(images/bas.png);
background-repeat : repeat-y ;
}
.ombre_contenu{
	width : 960px;
	margin : 0 auto;
	background : url(/images/fond-contenu.png);
	background-repeat : repeat-y ;
}

.cadre{
	width : 900px;
	min-height : 600px;
	margin : 0 auto;
}
.titre{
	width : 900px;
	height : 170px;
}
.header{
	width : 900px;
	background : url(images/fond-menu.png);
	background-repeat : repeat-x ;
	height : 35px;
}
#accueil a
{
	float : left;
	display:block;
	border : 0px;
	width: 102px;
	height: 35px;
	background: url(images/accueil2.gif);
	margin : 0 auto;
}
#accueil a:hover
{
	width: 102px;
	height: 35px;
	background: url(images/accueil_on2.gif);
}

#maison a
{
	float : left;
	display:block;
	border : 0px;
	width: 102px;
	height: 35px;
	background: url(images/maisobois2.gif);
}

#maison a:hover
{
	width: 102px;
	height: 35px;
	background: url(images/maisobois_on2.gif);
}

#produits a
{
	float : left;
	display:block;
	border : 0px;
	width: 102px;
	height: 35px;
	background: url(images/produit.png);
}

#produits a:hover
{
	width: 102px;
	height: 35px;
	background: url(images/produit_on.png);
}

#environnement a
{
	float : left;
	display:block;
	border : 0px;
	width: 102px;
	height: 35px;
	background: url(images/environnement.gif);
}

#environnement a:hover
{
	width: 102px;
	height: 35px;
	background: url(images/environnement_on.gif);
}

#realisation a
{
	float : left;
	display:block;
	border : 0px;
	width: 102px;
	height: 35px;
	background: url(images/realisation.gif);
}
#realisation a:hover
{
	width: 102px;
	height: 35px;
	background: url(images/realisation_on.gif);
}
#partenaire a
{
	float : left;
	display:block;
	border : 0px;
	width: 102px;
	height: 35px;
	background: url(images/partenaire.png);
}
#partenaire a:hover
{
	width: 102px;
	height: 35px;
	background: url(images/partenaire_on.png);
}
#contact a
{
	float : left;
	display:block;
	border : 0px;
	width: 102px;
	height: 35px;
	background: url(images/contact.png);
}

#contact a:hover
{
	width: 102px;
	height: 35px;
	background: url(images/contact_on.png);
}

#rejoindre a
{
	float : left;
	display:block;
	border : 0px;
	width: 102px;
	height: 35px;
	background: url(images/rejoindre.png);
}

#rejoindre a:hover
{
	width: 102px;
	height: 35px;
	background: url(images/rejoindre_on.png);
}

#pro a
{
	float : right;
	display:block;
	border : 0px;
	width: 130px;
	height: 35px;
	background: url(images/pro.png);
}

#pro a:hover
{
	width: 130px;
	height: 35px;
	background: url(images/pro_on.png);
}

/* MAGASIN */

.cadre_magasin{
	width : 450px;
	min-height : 175px;
	border-top : 1px solid ;
	border-bottom : 1px solid ;
	border-color : #5c5c5c;
	margin : 0 auto;
	background-color : #dddddd;
	float : left;
}

.cadre_photo_produit{
	padding : 10px;
	width : 180px;
	height : 155px;
	float : left;
	background-color : #eeeeee;
	text-align : center;
}
.cadre_photo_produit img{
	max-width : 175px;
	max-height : 150px;
	border : 1px;
}

ul /* Ma liste aura des puces en forme de flèche */
{
   list-style-image: url("images/puce1.gif");
   list-style-position: inside;
}

.explication li{
	padding : 20px;
}

.lien_fiche a{
	color : #d55f00;
	font-family : Helvetica;
	font-size : 13px;
	padding-left : 30px;
}

.lien_fiche a:hover{
	width : 248px;
	color : #512000;
	font-family : Helvetica;
	font-size : 13px;
}
.cadre_titre_produit{
	font-family : Helvetica;
	font-size : 13px;
	font-weight : normal;
	border-left : 1px solid;
	border-right : 1px solid;
	border-color : #9a9a9a;
	float : left;
	background-color : #dddddd;
	width : 248px;
	height : 175px;
}

.description_produit{
	font-family : Helvetica;
	font-size : 13px;
	font-weight : normal;
	border-left : 1px solid;
	border-color : #9a9a9a;
	float : left;
	background-color : #dddddd;
	width : 125px;
	height : 150px;
}

.titre_produit{
	color : #000000;
	vertical-align : middle;
	display: inline;
	padding: 5px;
	font-family : Helvetica;
	font-size : 13px;
	font-weight : normal;
	font-weight : bold;
	text-decoration : underline;
}

.tab_marque{
	width : 900px;
	border-collapse : separate;
	border : 1px solid;
	border-color : #9a9a9a;
	background-color : #dddddd;
}

.tab_marque td{
	border-collapse : separate;
	border : 1px solid;
	border-color : #9a9a9a;
	background-color : #dddddd;
	text-align : center;
}

#tab_marque a{
	font-family : Helvetica;
	font-size : 13px;
	font-weight : bold;
	color : #ae0000;
	text-decoration : underline;
}

.explication{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding : 20px;
}

.liste_produits{
	width : 290px;
	float : left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding : 5px;
}

.liste_produits ul{
	padding-left : 10px;
}

.liste_produits li{
	padding-top : 10px;
}

#liste_produits a{
	color : #0066cc;
}

#liste_produits a:hover{
	color : #ff5a00;
}

#liste_produits_bois a{
	color : #0066cc;
}

#liste_produits_bois a:hover{
	color : #ff5a00;
}
#liste_produits_mixtes a{
	color : #0066cc;
}

#liste_produits_mixtes a:hover{
	color : #ff5a00;
}
.liste_produits_bois
{
	float : left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding : 5px;
}

.liste_produits_bois li
{
	padding : 5px;
}
/* Formulaire Connexion ERP */
.formulaire{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding : 5px;
	width : 300px;
	margin : 0 auto;
	background-color : #65b0c3;
	border : 1px solid ;
	border-color : #9e0000;
}

.formulaire h1{
	font-size: 13px;
	font-weight : bold;
	color : #01002c;
}

/* Donnees techniques */
.tableau_technique{
	width : 900px;
	color : #000000;
	font-family : Helvetica , verdana;
	font-size : 12px;
	margin : 0 auto;
	border-collapse : collapse;
}

.tableau_photo img{
	max-height : 250px;
}

.tableau_technique td{
	padding-left : 5px;
}

.tableau_technique th{
	font-size : 20px;
	text-align : center;
	text-decoration : underline;
	height : 30px;
}

.tableau_technique tr{
	height : 24px;
}

.attribut_technique{
	width : 200px;
}

.valeur_produit{
	font-weight : bold;
	width : 100px;
}

.ligne2{
	background-color : #8f9eb0;
}

.ligne1{
	background-color : #eeeeee;
}

.couleur_dispo{
	margin : 0 auto;
	border : 1px solid;
	border-color : #aaaaaa;
	border-collapse : separate;
	font-family : Helvetica;
	font-size : 12px;
	font-weight : bold;
}

.couleur_dispo td{
	border : 1px solid;
	border-color : #aaaaaa;
}
.couleur_dispo img{
	max-width : 170px;
}

.titre_tableau_couleur{
	text-align : center;
	font-family : verdana;
	font-size : 15px;
	padding : 10px;
}
.label img{
	width : 100px;
}
.acces_erp{
	margin : 0 auto;
	width : 300px;
	border : 1px solid;
	border-color : #ff9600;
	background-color : #383838;
	color : #0093c9;
}
.titre_acces_erp{
	text-align : center;
	font-family : helvetica;
	font-size : 12px;
}
.tab_maison{
	margin : 0 auto;
}
.tab_maison th{
	text-align : center;
	font-family : verdana;
	font-size : 15px;
	padding : 10px;
}
.formulaire_contact{
	background-color : #dddddd;
	border : 1px solid;
	border-color : #777777;
}
.formulaire_contact th{
	text-align : center;
	border : 1px solid ;
	border-color : #777777;
}
.news{
	width : 600px;
	margin : 0 auto;
	font-size : 13px;
	float : left;
}
.credit{
	padding-top : 5px;
	border : 1px solid;
	border-color : #dddddd;
	background-color : #ffffff;
	width : 250px;
	float : right;;
}
.credit img{
	float : left;
}
#bas_page{
	vertical-align : top;
	text-align : center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color : #ffa200;
	margin : 0 auto;
}
#bas_page a{
	color : #ffa200;
}

#bas_page a:hover{
	color : #333333;
}
.mail{
	text-align : center;
	padding-top : 20px;
}
.partenaires{
	width : 700px;
	border : 1px solid;
	border-color : #dddddd;
	margin : 0 auto;
}
.partenaires td{
	border : 1px solid;
	border-color : #dddddd;
	background-color : #ffffff;
	height : 20px;
}
.partenaire_adresse{
	width : 200px;
}
#partenaires a{
	color : #0066cc;
}

#partenaires a:hover{
	color : #ff5a00;
}