@media print {
  html, body { width:100%; height:100% }
  body { font-size:1px; margin:0; padding:0; } 
  div#colGauche { display:none; }
  
  div#cntMain div#colMid div#normalgrille { display:block; color:#000; float:left; }
  div#cntMain div#colMid div#normalgrille { margin:auto; width:362px; height:362px; border:solid 6px #000; font-family:"Trebuchet MS"; font-size:22px;}
  div#cntMain div#colMid div#normalgrille div.ligne { margin:3px; float:left;  }
  div#cntMain div#colMid div#normalgrille div.num { margin:1px; float: left; border:solid 1px #000; width:34px; height:34px; text-align:center; line-height:33px; }
  div#cntMain div#colMid div#normalgrille div.num2 { margin:1px 7px 1px 1px; float: left; border:solid 1px #000; width:34px; height:34px; text-align:center; line-height:33px; }
  div#cntMain div#colMid div#normalgrille div.nums { margin:1px; float: left; border:solid 1px #000; width:34px; height:34px; text-align:center; line-height:33px; }
  div#cntMain div#colMid div#normalgrille div.nums2 { margin:1px 7px 1px 1px; float: left; border:solid 1px #000; width:34px; height:34px; text-align:center; line-height:33px; }
 
  div#cntMain div#colMid div#normalgrille input { display:none; }
  div#cntMain div#colMid div#typeGrille { display:none; }
}
@media screen {
  html, body { width:100%; height:100% }
  body { background:url(images/bg-body.gif) #BCBCBC repeat-x; color:#fff; font-family:"Trebuchet MS"; font-size:12px; margin:0; padding:0;}
  img { border:none; }
  a { text-decoration:none; color:#fff; }  
  h1 { color:#8AC1FA; font-size:18px; }  
  
  div#cntMain { position:absolute; left:50%; top:30px; margin:0 0 0 -340px; padding:0px; width:722px; background:#BCBCBC; }  
  div#cntMain div#colGauche h1 {margin:12px;}
  div#cntMain div#colGauche { margin:5px; padding:0; border:solid #fff 6px; width:188px; height:550px; float:left; background:#204061; text-align:center; }  
  div#cntMain div#colGauche ul { position:relative; list-style:none; padding:0; margin:0; top:75px; border-top:solid #fff 1px; }
  div#cntMain div#colGauche li { list-style:none; padding:0; margin:0; border-bottom:solid #fff 1px; height:35px; background:url(images/bg-button-3.gif) no-repeat;}
  div#cntMain div#colGauche li:hover { background:url(images/bg-button-last.gif) no-repeat; }
  div#cntMain div#colGauche li a { line-height:34px; }
  
  div#cntMain div#colGauche div.pub {  position:relative; top:80px; margin:auto; width:120px; height:240px; }
  
  div#cntMain div#colMid { margin:5px 5px 5px 2px; padding:10px; border:solid #fff 6px; width:468px; height:530px; float:left; background:#204061; }
  div#cntMain div#colMid a { text-decoration:underline; }
  div#cntMain div#colMid div.entete { color:#8AC1FA; font-size:18px; text-align:right; height:100px; }
  div#cntMain div#colMid div.entete p { color:#fff; font-size:12px; }
  
  div#cntMain div#colMid div.pub {  margin:auto; width:468px; height:60px; margin:30px 0 0 0; }
  
  div#cntMain div#colMid div#normalgrille { position:relative; top:45px; left:42px; margin:auto; width:361px; height:361px; border:solid 6px #fff; font-family:"Trebuchet MS"; font-size:22px; float:left;}
  div#cntMain div#colMid div#normalgrille div.ligne { margin:3px; float:left;  }
  div#cntMain div#colMid div#normalgrille div.num { background:#5E9CDB; margin:1px; float: left; border:solid 1px #fff; width:34px; height:34px; text-align:center; line-height:33px; }
  div#cntMain div#colMid div#normalgrille div.num2 { background:#5E9CDB; margin:1px 7px 1px 1px; float: left; border:solid 1px #fff; width:34px; height:34px; text-align:center; line-height:33px; }
  div#cntMain div#colMid div#normalgrille div.nums { background:#8AC1FA; margin:1px; float: left; border:solid 1px #fff; width:34px; height:34px; text-align:center; line-height:33px; }
  div#cntMain div#colMid div#normalgrille div.nums2 { background:#8AC1FA; margin:1px 7px 1px 1px; float: left; border:solid 1px #fff; width:34px; height:34px; text-align:center; line-height:33px; }
 
  div#cntMain div#colMid div#normalgrille input { margin:2px 0; font-family:"Trebuchet MS"; font-size:22px; width:22px; height:22px; text-align:center; border:none; background-color:transparent; color:#fff;}
  div#cntMain div#colMid div#normalgrille input.faux { color:#f00; }
  div#cntMain div#colMid div#normalgrille input.juste { color:#fff; }
  
  div#cntMain div#colMid div#typeGrille { width:450px; margin:30px 0px 0px 10px; }
  div#cntMain div#colMid div#typeGrille div.button { width:188px; margin:0 10px 0 10px; padding:0; border:solid #fff 1px; height:35px; background:url(images/bg-button-3.gif) no-repeat; text-align:center; float:left; }
  div#cntMain div#colMid div#typeGrille div.button:hover { background:url(images/bg-button-last.gif) no-repeat; }
  div#cntMain div#colMid div#typeGrille div.button a { line-height:34px;text-decoration:none }
  
  div#cntMain div#colMid div#dvfrmsudoku { margin:10px auto 0 auto; width:375px;}
  div#cntMain div#colMid div#dvfrmsudoku p { margin:2px 0; padding:0; }
  div#cntMain div#colMid div#dvfrmsudoku label { width:250px; float:left; }
  div#cntMain div#colMid div#dvfrmsudoku input { width:120px; border:none; background:#fff; font-family:"Trebuchet MS"; font-size:12px;}
  div#cntMain div#colMid div#dvfrmsudoku input.submit { width:188px; margin:30px 92px; padding:0; border:solid #fff 1px; height:35px; background:url(images/bg-button-3.gif) no-repeat; text-align:center; float:left; color:#fff; }
  div#cntMain div#colMid div#dvfrmsudoku textarea { padding:5px; width:362px; height:150px; border:none; background:#fff; font-family:"Trebuchet MS"; font-size:12px;}
  
}