html, body {
width: 100%;
height: 100%;
}
body {
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
/*background-color: #f0ffff;*/
}
div#page {
width: 100%;
position: absolute;
/*background-color: #f0ffff;*/
}

img.right {
  float: right;
  padding:20px;
}

img.left {
  float: left;
  padding:20px;
}

.sepd {
  clear:right;
  visibility:hidden;
}

.sepg {
  clear:left;
  visibility:hidden;
}

.sep {
  clear:both;
  visibility:hidden;
}

.cfonddispo {background: #BEE0F1;}   /*bleu*/
.ctitre {font-weight:bold; text-align: left; font-size: 14px;color:#333333;}
.ctexte {font-weight:normal; text-align: justify; font-size: 12px;color:#333333;}
.clogos {text-align:center;}
.ctitrecentre {font-weight:bold; text-align: center; font-size: 12px;color:#333333;}

.ctitrecentre a:link, .ctitrecentre a:visited {
  text-decoration:none;
  color:#333333;
}

.ctitrecentre a:hover, .ctitrecentre a:active {
  text-decoration:underline;
}
/* cacher d'IE Mac \*/
.bugie {height: 1%;}
/* Fin du hack */ 


.cadrefbleu {background: #BEE0F1;margin:0px;}
.cadrefblanc {background: #ffffff;margin:0px;}
	
.cpadding {padding: 5px;}
.cfondblanc {background: #ffffff;}   /*blanc*/
.cfondbleu {background: #BEE0F1;}   /*bleu*/
.cfondvert {background: #ccffcc;}   /*vert*/
.cfondrouge {background: #ffcccc;}   /*rouge*/
.cfondjaune {background: #ffffcc;}   /*jaune*/
.cfondmauve {background: #ffccff;}    /*mauve*/
.cfondorange {background: #ffcc99;}    /*orange*/
.cfondrose {background: #ffcccc;}    /*rose*/
.ch {background: url(../img/cbleu-dot.gif) 0 0 repeat-x  }
.cb {background: url(../img/cbleu-dot.gif) 0 100% repeat-x;}
.cg {background: url(../img/cbleu-dot.gif) 0 0 repeat-y;}
.cd {background: url(../img/cbleu-dot.gif) 100% 0 repeat-y ;}
.cbg {background: url(../img/cbleu-bg.gif) 0 100% no-repeat ; } 
.cbd {background: url(../img/cbleu-bd.gif) 100% 100% no-repeat; } 
.chg {background: url(../img/cbleu-hg.gif) 0 0 no-repeat; } 
.chd {background: url(../img/cbleu-hd.gif) 100% 0 no-repeat; padding: 5px; } 

.chliv {background: url(../img/cliv-dot.gif) 0 0 repeat-x  }
.cbliv {background: url(../img/cliv-dot.gif) 0 100% repeat-x;}
.cgliv {background: url(../img/cliv-dot.gif) 0 0 repeat-y;}
.cdliv {background: url(../img/cliv-dot.gif) 100% 0 repeat-y ;}
.chgliv {background: url(../img/cliv-hg.gif) 0 0 no-repeat; }
.chdliv {background: url(../img/cliv-hd.gif) 100% 0 no-repeat; padding: 5px; }

.chcda {background: url(../img/ccda-dot.gif) 0 0 repeat-x  }
.cbcda {background: url(../img/ccda-dot.gif) 0 100% repeat-x;}
.cgcda {background: url(../img/ccda-dot.gif) 0 0 repeat-y;}
.cdcda {background: url(../img/ccda-dot.gif) 100% 0 repeat-y ;}
.chgcda {background: url(../img/ccda-hg.gif) 0 0 no-repeat; }
.chdcda {background: url(../img/ccda-hd.gif) 100% 0 no-repeat; padding: 5px; }

.chdvd {background: url(../img/cdvd-dot.gif) 0 0 repeat-x  }
.cbdvd {background: url(../img/cdvd-dot.gif) 0 100% repeat-x;}
.cgdvd {background: url(../img/cdvd-dot.gif) 0 0 repeat-y;}
.cddvd {background: url(../img/cdvd-dot.gif) 100% 0 repeat-y ;}
.chgdvd {background: url(../img/cdvd-hg.gif) 0 0 no-repeat; }
.chddvd {background: url(../img/cdvd-hd.gif) 100% 0 no-repeat; padding: 5px; }

.chjeu {background: url(../img/cjeu-dot.gif) 0 0 repeat-x  }
.cbjeu {background: url(../img/cjeu-dot.gif) 0 100% repeat-x;}
.cgjeu {background: url(../img/cjeu-dot.gif) 0 0 repeat-y;}
.cdjeu {background: url(../img/cjeu-dot.gif) 100% 0 repeat-y ;}
.chgjeu {background: url(../img/cjeu-hg.gif) 0 0 no-repeat; }
.chdjeu {background: url(../img/cjeu-hd.gif) 100% 0 no-repeat; padding: 5px; }

.chcdr {background: url(../img/ccdr-dot.gif) 0 0 repeat-x  }
.cbcdr {background: url(../img/ccdr-dot.gif) 0 100% repeat-x;}
.cgcdr {background: url(../img/ccdr-dot.gif) 0 0 repeat-y;}
.cdcdr {background: url(../img/ccdr-dot.gif) 100% 0 repeat-y ;}
.chgcdr {background: url(../img/ccdr-hg.gif) 0 0 no-repeat; }
.chdcdr {background: url(../img/ccdr-hd.gif) 100% 0 no-repeat; padding: 5px; }


.chrose {background: url(../img/crose-dot.gif) 0 0 repeat-x  }
.cbrose {background: url(../img/crose-dot.gif) 0 100% repeat-x;}
.cgrose {background: url(../img/crose-dot.gif) 0 0 repeat-y;}
.cdrose {background: url(../img/crose-dot.gif) 100% 0 repeat-y ;}
.cbgrose {background: url(../img/crose-bg.gif) 0 100% no-repeat ; }
.cbdrose {background: url(../img/crose-bd.gif) 100% 100% no-repeat; }
.chgrose {background: url(../img/crose-hg.gif) 0 0 no-repeat; }
.chdrose {background: url(../img/crose-hd.gif) 100% 0 no-repeat; padding: 1px;}


.ptitrefond {background: #0dad5f;}
.pdescfond {background: #bee0f1; border:solid 1px transparent; }
.pbg {background: url(../img/bg_bl.png) 0 100% no-repeat ; }
.pbd {background: url(../img/bd_bl.png) 100% 100% no-repeat; }
.phg {background: url(../img/hg_bl.png) 0 0 no-repeat; }
.phd {background: url(../img/hd_bl.png) 100% 0 no-repeat; }
.pdesc {margin:0px border: 1px solid red; }
.ptext { float:right; width:60px; text-align:center; border: 1px solid red; }
.pimg { float:left; width:120px; padding:3px}
.plibelle {padding: 2px; font-weight:bold; text-align: left}

.separation {clear:both;}

div#content {
margin-left: 200px;
margin-right: 190px;
margin-top: 5px;
}

div#contentproduit {
margin-left: 205px;
margin-right: 195px;
margin-top: 15px;
}


div#margedroite {
   position: absolute;
   top: 148px;
   right: 0px;
   width: 185px;
   margin:3px;
}

div#margegauche {
   position: absolute;
   top: 148px;
   left: 0px;
   width: 195px;
   margin:3px;
}

.cadreindex {
  margin:2px;
  float:left;
/*  color:        #000000;*/
    /*  background: mediumaquamarine; */
/*  border-color: black;*/
    /*  border-style:       dotted;  */
/*  border-style:   solid;
  border-width: 1px;*/
  width:240px;
}

.cadreindexpromo {
  margin:2px;
}
		

hr.separateur {
  width:100%;
 color: red;
 background-color: red;
 height: 1px;
 border: 0;
}

input.contact,input.sujet,textarea.contact{
   font-size: 11px;
   border:1px solid black;
}

input.contact {
  width:200px;
}

input.sujet {
  width:300px;
}

textarea.contact{
  width:300px;
}

a.liencadeau:link, a.liencadeau:visited {
  text-decoration: none;
  color: #cc3333;
}

a.liencadeau:hover, a.liencadeau:active {
  text-decoration: underline;
  color: #cc3333;
}

.test {
  border-bottom: 2px solid red; 
  margin: 2px; 
  padding: 0;
  font-size: 14px;
  font-weight:bold;
}