body {
   margin:0;
   padding:0;
   /*background-color: #8AA6BE;*/
}

img {
   border:0;
}
form {
	margin:0;
	padding:0;
}
.overflow{
   overflow:auto;
}

/*****************************************************************************/
#Page {	/* Utilisé dans page utilisant des posit absolue, pour suivre les redimensionnelents d'ecrans */
  position: relative;
  width:983px;
  margin: 0 auto;
}
#Tableau_01 {
  margin:0 auto;
  padding:0;
  position: relative;
}
#Tableau_01 td {
  border:0;
  margin:0;
  padding:0;
}
#catalogue {
  width:983px;
  margin:0 auto;
  padding:0;
  position:relative; /* IMPORTANT : pour calage produits cordes à linge ! */
}
/* Positionnement liens catalogues par regions  */
#catalogueRegions {
   position:absolute;  
   top:70px;
   left:638px;
} 
   #catalogueRegions span {
      padding-left:8px;
   } 
   #catalogueRegions img {
      vertical-align:bottom;
      
   } 
#cataloguePanier {
   position:absolute;  
   top:80px;
   right:30px;
} 
#contactPanier {
   position:absolute;  
   top:80px;
   right:30px;
} 
#lieuxPanier {
   position:absolute;  
   top:490px;
   left:30px;
} 
#detailPanier {
   position:absolute;  
   top:380px;
   left:40px;
} 

#detailNom {
   background-image:url(images/produit_031.jpg); 
   background-repeat:no-repeat;
   width:230px;
   height:28px;
   padding-top:5px;
   overflow:hidden; 
	font-family: Helvetica, Arial, sans-serif;
   font-size:1.3em;
   vertical-align:bottom;
}
#detailDescription {
   height:200px;
   overflow:auto;  
   padding:10px 0 0 0;
   margin:0;
   font-size:1em;
	font-family: Helvetica, Arial, sans-serif;
}
#detailAchat {
   width:230px;
   height:241px;
   background-image:url(images/produit_14bis.jpg); 
	font-family: Helvetica, Arial, sans-serif;
   background-color:#8391AC;
   color:inherit;
   vertical-align:top;
   margin:0;
   padding:0;
}
   #detailAchat h4 {
      font-size:.9em;
      font-weight: normal;
      color:#000000;
      background-color:inherit;
      background-image:url(images/ico_detail_titre.gif); 
      background-repeat:no-repeat;
      background-position:left top;
      padding-left:11px;
      margin:1em 0 0 0;
   }
   #detailAchat label {
      margin-right:10px;
   }
   #detailAchat label.block {
      margin-right:10px;
      width:40px;
      display: block;
      float: left;
   }
   #detailAchat input, #detailAchat select  {
      border:none;
      background-color:#ADC3D0;
      padding:1px 0;
   }
   #detailAchat .ok  {
      border:none;
      background-color:transparent;
   }
   #detailAchat input.submit {
      background-color: #C5E2F4;
      color: #000000;
      border: 1px outset #FFFFFF;
      margin:0;
      padding:0 10px; 
      font-size: .6em;
   }

   #detailAchat .indisponible {
      color:#808080;
      background-color:inherit;
      font-style: italic;
   }
   #detailAchat .textWarning {
      color:#FF6600;
      background-color:inherit;
      font-style: italic;
      font-size: .8em;
   }
   #detailAchat .readonly {
      color:#000000;
      background-color:transparent;
   }

table#panier {
   border:0;
   padding:0;
   margin: 0;
   border-collapse: collapse;
   font-family: helvetica, arial, sans-serif;
}
   #panier caption {
      text-align:center;
      font-weight: bold;
      color: #000000; 
      background-color: transparent;   
      font-style: italic;
   }
   #panier #detail {
      width:580px; 
      padding:0;
      margin: 0;
      float:right;
      border-collapse: collapse;
      /*background-color: #99C5DE;  */   
      /*font-family: helvetica, arial, sans-serif;*/
      color: inherit; 
   }
      #panier #detail th {
         border:1px solid #D3E4EE;
         color:#000000;
         background-color: #FFDD00;      
         font-size: .8em;  
      }
      #panier #detail td {
         border:1px solid #D3E4EE;      
        /* background-color: #D5DADD;  */
         padding: 1px 10px 1px 2px;    
         font-size: .75em;
         font-weight:bold;  
      }
      #panier #detail input {
         border:0;      
         background-color: #C5E2F4;
         color:inherit;
         padding: 0; 
         margin:0;   
      }
      #panier #detail input.submit {
         background-color: #C5E2F4;
         color: #000000;
         border: 1px outset #FFFFFF;
         margin:0;
         padding:0 10px; 
         font-size: .9em;
      }
      #panier #cell03 a {
         border:0;      
         padding: 0; 
         margin:0;   
         text-decoration:none; 
      }
      #panier #cell03 #detail a {
         border:0;      
         padding: 0; 
         margin:0;   
         text-decoration:none;
         color:#000000;
         background-color: transparent; 
      }
      #panier #cell03 #detail a:hover{
         color:#EA1F22; 
         background-color: transparent; 
      }

      #panier #check {
        /* border: 1px solid #000000; */
         width: 90%;
         margin: 17px 0 0 30px; 
         text-align: left;
         background-color: transparent;
         color: #000000;
         font-size:.9em;
      }
         #panier #check h4 {
            font-size:1.4em;
            border-bottom: 1px solid #19954C;
            color: #19954C;
            background-color: transparent;
            margin: 0;
            padding: 3px 0;
            text-align: left;
         }
         #panier #check p {
            margin: 12px 0 5px 0;
            padding: 3px 0;
         }
         
         #panier #check a {
            color:#000000;
            font-style: italic;
            font-size: .75em;
         }
         #panier #check a:hover {
            color:#EF202A;
            font-style: italic;
            font-size: .75em;
         }

      #panier input.submit  {
         text-align: center;
         font-size: .8em;
         background-color: #C5E2F4;
         color:#000000;
         border: 1px outset #FFFFFF;
         margin:10px;
         padding:0 10px;
      }   
   #panier #cell01 {
      background-color: #8AA6BE;
      background-image: url(images/panier_05.jpg);
      background-repeat: no-repeat;
      vertical-align: top;
      text-align: center;
      padding:0;
   }
   #panier #cell02 {
      background-color: #8AA6BE;
      background-image: url(images/panier_06.jpg);
      background-repeat: no-repeat;
      vertical-align: top;
      text-align: center;
   }
   #panier #cell03 {
      background-color: #8AA6BE;
      background-image: url(images/panier_07.jpg);
      background-repeat: no-repeat;
      vertical-align: top;
   }
   #panier #cell04 {
      background-color: #8AA6BE;
      background-image: url(images/panier_08.jpg);
      background-repeat: no-repeat;
   }
   
   #panier .texte {
      padding:20px;
      font-weight: bold;
      text-align: justify;
   }
/******************************/
.continuer {
   margin:0;
}
.continuer a {
   color:#000000;  
   background-color: inherit;
   font-size: .75em;
   font-weight:bold;
   text-decoration: none;
}
.continuer a:hover {
   color:#FF0000;  
   background-color: inherit;
   text-decoration: none;
}

/******************************/
#coordonnee  {
   width:580px;
   float:right;
   /*border:1px solid #D3E4EE;
   border-collapse: collapse; */
}
   #coordonnee th {
      border:0px solid #D3E4EE;
      background-color: #FFDD00;
      padding:1px 0;
      text-align: center;
      font-size: .9em;
   }
   #coordonnee label {
      width:5em;
      display:block;
      float:left;
   }
   #coordonnee td {
      border-right:0px solid #FFDD00;
   }
   #coordonnee td, #coordonnee input, #coordonnee select {
      font-size: .8em;
      padding:1px 1px;
   }
   #coordonnee input{
         border:1px inset #FFDD00;      
         background-color: transparent;
         color:inherit;
         padding: 1px; 
         margin:0;   
   } 
   #coordonnee select{
         border:1px inset #FFDD00;      
         background-color: #E4E4E4;
         color:inherit;
         padding: 1px; 
         margin:0;   
   } 
   #coordonnee option{
         background-color: #E4E4E4;
   }
  #coordonnee .submit  {
            text-align: center;
            background-color: #FFDD00;  
            color:#000000;
            border: 1px outset #000000;
            margin:0;
            padding:0 10px;
         } 
   #coordonnee input.submit   {
            text-align: center;
            font-size: .8em;
            background-color: #ADC3D0;  /*FFDD00 */
            color:#000000;
            border: 1px outset #FFFFFF;
            margin:0;
            padding:0 10px;
         } 
/***************************************************/
a.lienShowroom {
   color:#0000FF;
   background-color: transparent;
   text-decoration: underline !important;
}
a:hover.lienShowroom {
   color:#FF0000;
   background-color: transparent;
   text-decoration: underline;
}
#showroom {
   position:absolute;
   left: 130px;
   top:157px;
   width: 220px;
   height:300px;
   border:0;
   margin:0;
   padding:0 5px;
   font-family: Helvetica, Arial, sans-serif;
	text-align: justify;
   color: #000000;
   background-color: transparent;
}
   #showroom h3{
      font-size: 1em;
	   margin: 0 0 5px 0;
      color: #19954C;
      background-color: transparent;
      border-bottom: 1px solid #19954C;
   }
   #showroom h4{
      font-size: .9em;
      margin: 2px 0 0 0;
   }
   #showroom p{
      font-size: .8em;
      margin: 2px 0;
   }
/***************************************************/
.oblig {
   font-weight: bold;  
}
.zoneError {
   padding:0 15px;
   color:#FF0000;
   background-color: transparent;
   font-size: .9em;
}
/* Affichage d'une erreur sur page vide  */
.erreurSeule {
   width:500px;
   padding:15px;
   margin: 5em auto;
   border: 2px dotted #FF0000;
   color:#FF0000;
   background-color: #FFDD00;
   font-family: Helvetica, Arial, sans-serif;
   font-size: .8em;
}
   .erreurSeule .retour {
      width:100%;
      padding:15px;
      margin: 0;
      border: 0;
      text-align: center;
   }
   .erreurSeule .retour a {
      padding:0 10px;
      margin: 0;
      border: 1px outset #666699;
      color:#000000;
      background-color: #C5E2F4;
      text-decoration: none;
      text-align: center;
   }

/***************************************************/
#cgv {
   font-size:.9em;
   padding:0 10px 10px 10px;
   font-family: Helvetica, Arial, sans-serif;
   text-align: left;   
}
   #cgv h2 {
      color:#339966;
      background-color: #FFDD00;
      padding:20px;
      margin:0 0 5px 0; 
      text-align: center;   
   }
   #cgv h3 {
      color:#339966;
      background-color: inherit;
      margin:15px 0 5px 0;    
   }
   #cgv h4 {
      margin:10px 0 5px 0;    
   }
   #cgv p {
      margin:5px 0 0 0;    
   }
   #cgv .close {
   }
      #cgv .close a {
         margin:5px 0 0 0;
         color: #339966;  
         background-color: inherit;  
      }
      #cgv .close a:hover {
         color: #EE1D23;  
         background-color: inherit;  
      }
/***************************************************/
td.philo {
   vertical-align: top;
   color:#000000;
   background-color: #FFFFFF;
   font-family: Helvetica, Arial, sans-serif;
   font-weight: bold;
   font-size: 11px;
   padding:0;
}
   .philo h3 {
      font-size:11.6pt;
      font-weight: bold;
      color:#000000;
      background-color: transparent;
      margin: 0 0 5px 0;
   }
   .philo h4 {
      font-size:10pt;
      font-weight: bold;
      color:#000000;
      background-color: transparent;
      margin: 0 0 5px 0;
      padding:10px 0 0 0;
   }
   .philo h5 {
      font-size:8.7pt;
      margin: 15px 0 0 0;
      color:#006A00;
      font-weight: bold;  
   }

/***************************************************/
.floatL {
   float: left;
}
.floatR {
   float: right;
}
.left {
   text-align:left !important;
}
.center {
   text-align:center !important;
}
.right {
   text-align:right !important;
}
.textNotice {
   color: #008000 !important;
}
.textWarning {
   color: #FF6600 !important;
}
.textError {
   color: #FF0000 !important;
}
.textNote {
   color: #FF6600 !important;
   font-size:.8em;
   font-style:italic!important;
}
.nombre {
  text-align:right;
  padding-right:10px;
}
.alerte {
   background-color: #FF5555 !important;
}
.readonly {
   color:inherit;
   background-color: #EBEBE4;
}
label.inline {
   display:inline !important;
   width:auto !important;
   float:none !important;
   padding:0 10px 0 0 !important;
}



/***************************************************/
.texte {
	font-family: Helvetica;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.texte_petit {
	font-family: Helvetica;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.texte_grand {
	font-family: Helvetica;
	font-size: 20px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.lien_vert {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #00AB66;
	text-decoration: none;
}
.lien_vert:hover {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #00AB66;
	text-decoration: none;
}

.lien_vert_petit {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #00AB66;
	text-decoration: none;
}
.lien_vert_petit:hover {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #00AB66;
	text-decoration: none;
}


.form, #newsletter .form {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	background-color: #FFF98E; 
	border: none;
	margin:0;
	padding:0;
}
#newsletter .form {
	background-color: #FFFFFF; 
	color: inherit;
}

.iframe {
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	border: #FFFF00;
}

.texte_petit {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.texte_petit:hover {
	font-family: Arial;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
}


.table_cadre_home {
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/fond_cadre.gif);
	border: 1px none #000000;
}

.table_cadre_home1 {
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/fond_cadre1.gif);
	border: 1px none #000000;
}

.encard_texte {
	background-color: #FAF5E5;
	background-position: left top;
	border: 1px none #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

.table_cadre_page_identite {
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/fond_texte_page_statique1.gif);
	border: 1px none #000000;
}

.table_cadre_page {
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/fond_texte_page_statique.gif);
	border: 1px none #000000;
}

.table_cadre_page_grand {
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/fond_texte_grand_page_stati.gif);
	border: 1px none #000000;
}

.table_cadre_page_grand1 {
	background-color: #FFFFFF;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(images/fond_texte_grand_pagestati1.gif);
	border: 1px none #000000;
}

.cadre_page{
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	border: 1px solid #FFFFFF;
	text-decoration: none;
}

.texte_petit_footer{
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	border: 1px dotted #999999;
	text-decoration: none;
}


.texte_petit_footer:hover{
	font-family: verdana;
	font-size: 10px;
	color: #000000;
	border: thin dotted #999999;
	background-color: #CCCCCC;
	text-decoration: none;
}

.body {
	background-image: url(images/index_18.jpg);
	background-repeat: no-repeat;
   background-attachment: fixed;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}
