/*====================================*/
/*====================================*/
/*====== STRUCTURE PAGE : DIV ========*/




/* =========// DIV GLOBAL // =========*/

#global { 
/* conteneur principale de la page */
 
/*positionnement du div*/
position: absolute;
	left: 50%;
	/*top: 50%;*/

/* taille du div*/
width: 980px;
height: auto;

/* Centrage vertical     
margin-top: -294px; */

/* centrage horizontal */
margin-left: -492px; 
	
/*margin: 0px auto 0px auto;*/
padding: 0px;
text-align: left;
border: 0px solid #30FF00;
}
/*================================================*/



/* ======= DIV INFOS LEGALES ET PLAN SITE ======= */
#infoplan {
/* infos legales Plan du site */
 position: relative;
      left: 500px;
      top: 0px;
 background-image: none;
 background-repeat: no-repeat;
 width: 500px;
 height: 10px;
 padding: 0px;
 border: 0px solid grey;
}
/*================================================*/



/* ======== DIV BANDE HAUT FLASH TEMP ============*/

#top0 {
/* contenant la bande haut en attente du flash */
 position: relative;
      left: 0px;
      top: 0px;
 background-image: url(/img/bois/bande_haut_temp.jpg);
 background-repeat: no-repeat;
 width: 980px;
 height: 92px;
 padding: 0px;
 border: 0px solid black;
}
#top1 {
/* contenant la bande haut en attente du flash */
 position: relative;
      left: 0px;
      top: 0px;
 background-image: url(/img/bois/bande_haut_temp1.jpg);
 background-repeat: no-repeat;
 width: 980px;
 height: 92px;
 padding: 0px;
 border: 0px solid black;
}
#top2 {
/* contenant la bande haut en attente du flash */
 position: relative;
      left: 0px;
      top: 0px;
 background-image: url(/img/bois/bande_haut_temp2.jpg);
 background-repeat: no-repeat;
 width: 980px;
 height: 92px;
 padding: 0px;
 border: 0px solid black;
}

/* ============================================== */


/* ============================================== */
/* ===============  MENU GENERAL ================ */


#fondmenugen { 
/*div dans lequel se trouve le fond du menu gen*/
 position: relative;
       left: 0px;
       top: 0px;
 background-image: url(/img/bois/bande_menugen.jpg);
 background-repeat: no-repeat;
 width:980px;
 height: 28px;
 padding: 0px;
 margin: 0px;
 border: 0px solid pink;
}

#menugen { 
/*positionnement du menu gen*/
 position: absolute;
       left: 190px;
       top: 0px;
 background-image: none;
 background-repeat: no-repeat;
 width:770px;
 height: 20px;
 padding: 5px;
 margin: 0px;
 border: 0px solid pink;
}

/* ============================================== */


/* ============================================== */
/* ========== SOUS MENU CATEGORIES ============== */

#fondsmenu {
/* fond du sous menu */
 position: relative;
      left: 0px;
      top: 0px;
 background-image: url(/img/bois/fond_sous_menu.jpg);
 background-repeat: no-repeat;
 width: 980px;
 height: 19px;
 padding: 0px;
 margin: 0px;
 border: 0px solid red;
}

#smenu { 
/* positionnement du sous menu*/
 position: relative;
           left: 350px;
	   top: 1px;
width:600px;
padding: 0px;
border: 0px solid red;
}
/*================================================*/



/* ============================================== */
/* ========= DIV bande d'illustration ===========*/

#dcontent {
/* debut div content / bande d'illustration */
 position: relative;
      left: 0px;
      top: 0px;
 background-image: url(/img/bois/fond_debut_content.jpg);
 background-repeat: no-repeat;
 width: 980px;
 height: 20px;
 padding: 0;
 border: 0px solid blue;
}
/* ============================================== */



/* ============================================== */
/* =========== DIV DE CONTENU DE PAGE ============*/

#content { 
/* DIV contenant les 2 fenetres (gauche/droite */
 position: relative;
      left: 0px;
      top: 0px;
 background-color: ;
 background-image: url(/img/bois/fond_content.jpg);
 background-repeat: repeat;
 width: 980px;
 height: auto;
 padding: 0px;
 margin: 0px;
 border: 0px solid blue;
}


.spacer {
/* div permettant l'allongement de la page */
  clear: both;
  border: 0px solid yellow;
}

/*================================================*/




/* ============= FENETRE DE GAUCHE ===============*/

#fengauche {
/* div contenant l'ensemble de la fenetre gauche */
 float:left;
 background-image: none;
 background-repeat: no-repeat;
 width: 250px;
 height: auto;
 padding: 0px;
 border: 0px solid red;
}

#dfengauche{
/* debut de fenetre gauche (haut) */
position: relative;
      left: 0px;
      top: 0px;
 background-color: none;
 background-image: url(/img/bois/fengauche_haut.jpg);
 background-repeat: no-repeat;
 width: 250px;
 height: 30px;
 padding: 0px;
 margin: 0px;
 border: 0px solid blue;
}

#cfengauche{
/* contenu de fenetre gauche (bas) */
position: relative;
      left: 0px;
      top: 0px;
 background-color: none;
 background-image: url(/img/bois/fengauche_fond_content.jpg);
 background-repeat: repeat-y;
 width: 250px;
 height: auto;
 padding: 0px;
 margin: 0px;
 border: 0px solid blue;
}

#pfengauche{
/* pied de fenetre gauche (bas) */
position: relative;
      left: 0px;
      top: 0px;
 background-color: none;
 background-image: url(/img/bois/fengauche_pied.jpg);
 background-repeat: no-repeat;
 width: 250px;
 height: 20px;
 padding: 0px;
 margin: 0px;
 border: 0px solid blue;
}
/*================================================*/
/*================================================*/





/* ============= FENETRE DE DROITE ===============*/

#fendroite {
/* div contenant l'ensemble de la fenetre droite*/
 float:right;
position: relative;
 right: 20px;
 background-image: none;
 background-repeat: no-repeat;
 width: 700px;
 height: auto;
 padding: 0px;
 border: 0px solid green;
}

#dfendroite {
/* debut fenetre droite (haut)*/
position: relative;
      left: 0px;
      top: 0px;
 background-color: none;
 background-image: none;
 background-repeat: no-repeat;
 width: 700px;
 height: 10px;
 padding: 0px;
 margin: 0px;
 border: px solid blue;
}

#titrepage{
/* titre des pages dans fenetre droite */
position: absolute;
width: 100%;
height: auto;
border: 0px solid red;
}

#cfendroite{
/* contenu fenetre droite (milieu) */
position: relative;
      left: 0px;
      top: 0px;
 background-color: none;
 background-image: none;
 background-repeat: repeat;
 width: 700px;
 height: auto;
 padding: 0px;
 margin: 0px;
 border: 0px solid blue;
}

#pfendroite{
/* pied fenetre droite (bas) */
position: relative;
      left: 0px;
      top: 0px;
 background-color: none;
 background-image: none;
 background-repeat: no-repeat;
 width: 700px;
 height: 20px;
 padding: 0px;
 margin: 0px;
 border: 0px solid blue;
}
/* ============================================== */
/* ============================================== */




/* ============================================== */
/* ============================================== */
/* =============== PIED DE PAGE ================= */

#piedpage{
/* pied de page general (bas)  */
 position: relative;
           bottom:0px;
           left:0px;
 background-color: none;
 background-image: url(/img/bois/fond_pied_page.jpg);
 background-repeat: no-repeat;
 width: 980px;
 height: 30px;
 padding: 0px;
 margin: 0px;
 border: 0px solid #30FF00;
}


#lienbas{
/* positionnement des liens de fin de page 
position: relative;*/
}

/*================================================*/


/*====================================*/
/*====================================*/
/*==== STRUCTURE PAGE : TABLEAUX =====*/


/* ========= TABLEAUX PRODUITS ============== */


.globprodtable{
/* Tableau Englobant 2 tableaux produit */
border-style: none; 
border-width: 0px; 
border-color: black; 
background-color: none;
}

.tabprod{
/* Tableau  produit */
border-style: solid;
border-collapse:collapse; 
border-width: 1px; 
border-color: orange; 
background-color: none;
}

.tabprodnom{
/* cellule de nom du produit */
border-style: none; 
border-width: 0px; 
border-color: black; 
background-color: orange;
/*definition des textes*/
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: white;
line-height: 100%;
}

.tabprodphoto{
/* cellule de photo du produit */

border-style: solid;
border-collapse:collapse; 
border-width: 1px; 
border-color: orange; 
background-color: none;
}

.tabproddesc{
/* cellule de description du produit */
border-style: none; 
border-width: 0px; 
border-color: black; 
background-color: white;
background-image: none;
/*definition des textes*/
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
font-style: italic;
font-weight: normal;
font-variant: normal;
color: #666666;
line-height: 80%;
}

.tabprodprix{
/* cellule de prix du produit */
border-style: none; 
border-width: 0px; 
border-color: black; 
background-color: white;
/*definition des textes*/
font-family: Verdana, Geneva, Arial, sans-serif;
font-size: small;
font-style: normal;
font-weight: bold;
font-variant: normal;
color: red;
line-height: 100%;
}

/* ============================================== */
/* ============================================== */




/* ==== TABLEAU ADRESSE CONTACTS.PHP ========== */

.tabadrcontacts{
/* tab fenetre gauche -> contacts.php */
border-style: none; 
border-width: 0px; 
border-color: black; 
background-color: none;
text-align: center;
margin: 5px;
}

.plan{
border-style: none; 
border-width: 1px; 
border-color: orange; 
background-color: none;
margin: 5px;
}

.plantitre{
border-style: none; 
border-width: 0px; 
border-color: orange; 
background-color: orange;
margin: 5px;
}
/* ============================================== */
/* ============================================== */