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;*/
}

.cfondrose {background: #ffe4e1;}    /*rose*/

.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: 5px;}

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

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

td.cadeau {
  color: #cc3333;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
}


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

/* cacher d'IE Mac \*/
.bugie {height: 1%;}
/* Fin du hack */ 


.cadrefbleu {background: #BEE0F1;margin:0px;}
.cadrefblanc {background: #ffffff;margin:0px;}
.cadrefrose {background: #ffe4e1;margin:0px;}
	
.cpadding {padding: 5px;}
.cfondbleu {background: #BEE0F1;}   /*bleu*/
.cfondvert {background: #ccffcc;}   /*vert*/
.cfondrouge {background: #ffe4e1;}   /*rouge*/
.cfondjaune {background: #ffffcc;}   /*jaune*/
.cfondmauve {background: #ffccff;}    /*mauve*/
.cfondorange {background: #ffcc99;}    /*orange*/

.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: 205px;
margin-right: 20px;
margin-top: 15px;

/*border:1px solid black;*/
}

div#margegauche {
   position: absolute;
   top: 160px;
   left: 5px;
   width: 195px;
   /*border:1px solid blue;*/
}

td.contenuliste {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #cc3333;
  background-color: #ffe4e1;
}
      
td.enteteliste {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  background-color: #fa8072;
}

.couvimgoff1,.couvimgoff2, .couvimgoff3, .couvimgoff4, .couvimgoff5 {
  border:2px solid #ffe4e1;
  margin:3px;
}


.couvimgon1, .couvimgon2, .couvimgon3, .couvimgon4, .couvimgon5 {
  border:2px solid #fa8072;
  margin:3px;
}

textarea.cadeau,input.cadeau, select.cadeau {
  font-size: 11px;
  border:1px solid #f08080;
  color:#cc3333;
}

table.cadeau {
  background-color:#ffcccc;
}