zzimg {
	behavior:	url("/pngbehavior.htc");
}
z { 
  margin: 0px;
  padding: 0px;
  }
  
ul li { margin-left: 22px; padding:auto; }

html,body {
  /*cursor: default;*/
  font-family: garamond condensed, "times new roman", times, serif;
  font-size: 10pt;
  background: #FDFDFD url(bgPattern.jpg) repeat-x top;
  text-align: center;
  }
#container {
	width: 870px;
	margin: auto;
    margin-top: 18px;
    text-align: left;
    }
#realpage {
	width: 870px;
	background: #FFF;
    border: solid 1px #000;
}
.hiddenTech {
  font-size: 7px;
  color: #efefef;
  }

a:link {color: #222222; text-decoration: underline} 
a:visited {color: #222222; text-decoration: underline}
a:hover {color: #2222FF; text-decoration: underline}
a:active {color: #FF0000; text-decoration: underline}

a.prod:link {text-decoration: none} 
a.prod:visited {text-decoration: none}
a.prod:hover {text-decoration: none}
a.prod:active {text-decoration: none}

a.price:link {color: #F08C00; text-decoration: none} 
a.price:visited {color: #F08C00; text-decoration: none}
a.price:hover {color: #22BB22; text-decoration: none}
a.price:active {color: #22BB22; text-decoration: none}

a.cogi:link {text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; color: #8c38e1}
a.cogi:visited {text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; color: #8c38e1}
a.cogi:hover {text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; color: #8c38e1}
a.cogi:active {text-decoration: none; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; color: #8c38e1}

/*  font-family: Impact, sans-serif; font-size: 13px;  */
a.menublanc {text-decoration: none}
a.menublanc:link    {color: #FFFFFF}
a.menublanc:visited {color: #FFFFFF}
a.menublanc:hover   {color: #ffff47}
a.menublanc:active  {color: #ffff47}

a.menuswitch {text-decoration: none}
a.menuswitch:link    {color: #888888}
a.menuswitch:visited {color: #888888}
a.menuswitch:hover   {color: #333333}
a.menuswitch:active  {color: #333333}


.titreblanc { margin: 0 0 0 0; font-family: Impact, sans-serif; font-size: 17px; color: #FFFFFF }
/*---; font-weight: bold} --*/
.titregris { margin: 0 0 0 0; font-family: Impact, sans-serif; font-size: 15px; color: #888888}
.titrenoir { margin: 0 0 0 0; font-family: Impact, sans-serif; font-size: 14px; color: #444444}
.titreboutiq { margin: 0 0 0 0; font-family: Impact, sans-serif; font-size: 14px; color: #FFFFF3}

.titrePale {font-family: Impact, sans-serif; font-size: 21px; color: #630000 } /*#92c9c4}*/
.titreFonce {font-family: Impact, sans-serif; font-size: 21px; color: #44607e}

.titre {font-family: Impact, sans-serif; font-size: 18px; color: #000033}
.soustitre {font-family: Impact, sans-serif; font-size: 12px; color: #333366}
.blanc {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #FFFFFF}
.titrenews {font-family: Impact, sans-serif; font-size: 12px; color: #009966}
.titreprod {font-family: Impact, sans-serif; font-size: 14px}

.price { margin:2px 0 0 0; 
         font-family: Impact, sans-serif; font-size: 13px; color: #F08C00 } /*---; font-weight: bold }---*/
.grandReg { margin: 0 0 0 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; color: #333366 }
.regulier {margin: 0 0 3 0;  
           font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #333366}
.petitReg {margin: 0 0 0 0; 
           font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #333366}
.italiq {margin: 0 0 0 0;  margin-top: 3px; 
           font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #333366; font-style: italic}
.errorFld {margin: 0 0 0 0; 
           font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; color: #bb0000}
         
pre {  margin: 0 0 0 0; font-family: Courier, Courier New, Monaco, sans-serif; font-size: 12px}

p { margin: 0 0 0 0;  
    font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px}

.datemodif {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; color: #777777 }
.micro3px { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 2px }

.petit {margin: 0 0 0 0; padding: 0 0 0 0; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; font-weight: bold}
.petitBlanc {margin: 0 0 0 0; padding: 0 0 0 0;font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #FFFFFF; font-weight: bold}


.grand {
    font-family: Impact, sans-serif; font-size: 15px}

.grandRegulier { margin: 0 0 0 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; color: #333366 }
.moyenPicto { margin: 0 0 6px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; color: #642ba2 }
         
.titrePicto {font-family: Impact, sans-serif; font-size: 18px; color: #39ade0}
.grandPicto { margin: 0 0 0 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; color: #39ade0 }
.regulierPicto { margin: 0 0 0 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #0055b5 }
.regulierPicto2 { margin: 0 0 6px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #0055b5 }
.petitPicto { margin: 0 0 0 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; color: #0055b5 }
.listPicto {  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #0055b5; font-weight: bold italic }

/* 39ade0  0055b5
    $CCprodRg = '#DFF4DB';
    $CCprodHi = '#338A22';
    $CCprodDk = '#286D1B';  fff99a  FFFCD1
    
    font-weight: bold; 
 */
 
.titreHop { margin: 0px 0 3px 0;
         font-family: 'New Baskerville', 'baskerville', 'Times new roman', serif; 
         font-size: 42px; font-style: italic; color:#5B1B1F /* #FFFCD1 */ }
.regulierHop { margin: 0 0 6px 0;
         font-family: Helvetica, Arial, Verdana, sans-serif; 
         font-size: 16px; color: #286D1B }
.petitHop { margin: 0 0 6px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; 
         font-size: 11px; color: #286D1B }
.regListHop { margin: 0 0 6px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; 
         font-size: 13px; color: #286D1B }

.titrePHQZ {font-family: Impact, sans-serif; font-size: 18px; color: #4b3be1}
.regulierPHQZ { margin: 0 0 2px 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #292f70 }
.petitPHQZ { margin: 0 0 2px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; color: #292f70 }


.titreCogi {font-family: Impact, sans-serif; font-size: 18px; color: #8c38e1}
.grandCogi { margin: 0 0 0 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; color: #8c38e1 }
.regulierCogi { margin: 0 0 2px 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #4a2470 }
.petitCogi { margin: 0 0 2px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; color: #4a2470 }
.listCogi { margin-bottom: 5px; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 14px; color: #4a2470; font-style: italic }
 
.regulierCyb2 { margin: 0 0 10px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; color: #994600 }
 
.grandCyb { margin: 0 0 4px 0;  
         font-family: Impact, sans-serif; font-size: 18px; color: #000000 }
.moyenCyb { margin: 0 0 4px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; color: #5d0000; /*font-weight: bold;*/
         line-height: 18px;
 }
.regulierCyb { margin: 0 0 4px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 12px; color: #000000;
         line-height: 15px;
 }
.petitCyb { margin: 0 0 3px 0;  
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 9px; color: #000000;
         line-height: 13px;
 }
        
.rose { color:#e03884 }

/*--- TOP RIGHT BOTTOM LEFT ??des cons j'vous dis!---*/

.titreServ {margin: 0 0 0 0; color:#84313c; 
            font-family: Impact, sans-serif; font-size: 14px}
.regulierServ { margin: 3px 0 3px 12px; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px }
.petitServ { margin: 0 0 3px 12px; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px }
.regulierServ2 { margin: 0 0 6px 1px; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; font-weight: bold }
         
.tArea {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #333366; background-color: #FFFFFF; border: 1px #333366 solid}
.voxpop {font-family: Courier,Courier New, sans-serif; font-size: 10px;}

.textbox {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 10px; color: #333366; background-color: #FFFFFF; border: 1px #333366 solid}
.textbox2 {font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 13px; color: #333366; background-color: #FFFFFF; border: 1px #333366 solid}

.bordPale {border: 4px #44607e solid}

/*-----------------boutique----*/
.moyenStore { margin: 0 0 6px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 15px; color: #000F87 }
         
.regStore { margin: 0 0 6px 0; 
         font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 11px; color: #001F55 }




a.pDWNLD {
    font-size: 14px;
    font-weight: normal;
    display: block;
    width: 240px;
    color: #0f3008;
    text-decoration: none;
    margin-bottom: 6px;
    padding: 3px;
    padding-left: 8px;
    background: none;
    border: solid 1px #7da56c; //#9fff64;
}
a.pDWNLD:hover {background: #ffffaa;}


.hopCOM {
  text-align: justify;
  padding-left: 3px;
  padding-right: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
  font-family: garamond condensed, "times new roman", times, serif;
  //font-style: italic;
  font-size: 13px;
  color: #000;
}

.hop2 {
  text-align: justify;
  padding-left: 10px;
  padding-right: 10px;
    margin-top: 6px;
    margin-bottom: 6px;
  font-family: garamond condensed, "times new roman", times, serif;
  font-style: italic;
  font-size: 18px;
  color: #5B1B1F;
}

.hop3 {
  text-align: center;
    margin-top: 6px;
    margin-bottom: 6px;
  font-family: garamond condensed, "times new roman", times, serif;
  font-style: italic;
  font-size: 18px;
  color: #5B1B1F;
}