@import url(http://www.aqk.ca/css/darkside.css);

.cen	{
	margin: 0 auto;
	text-align: center;
	border: 0px dotted;
	display: block;
	}
.clear	{clear:both;
	}

@media screen {
body	{font-family: Arial,Helvetica,Verdana,sans_serif;
	margin-top: 2px; margin-bottom:16px; 
	margin-left:auto; margin-right:auto;
	padding:0px;
	font-size:12pt; font-weight:normal;
	color:#ffdeee; background-color: #70ff28;
	background-image:url(../im/bggrapes1500.jpg);
	background-attachment:fixed;
	background-repeat:repeat;
	background-position:1px 2px; 
	height:100%; width:100%;   /* this is the key! */  
	text-align:center;
	}
a:link  {color: #8ff; text-decoration:none;
	font-weight:bold; background-color:#415;}
a:active {color:#8ff; text-decoration:none;
	font-weight:bold;background-color:#415; }
a:visited {color:#ccd; text-decoration:none;
	font-weight:bold; background-color:#415;}
a:hover {color:#8fb;background:#054;box-shadow:0px 0px 3px 3px #ff4; }

#topline 	{margin:0px;padding:0px;width:99%;text-align:right;background:none;
	}	
	
#lang   {float:right; display:inline; }
input   {
    width: 100px;
    padding: 1px;
    margin-top: 4px;
    margin-right: 12px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    background-color:#3888ff;color:#000060;
	}
input:hover {background-color:#c03; color:#ffff78; 
	}
.fournis 	{margin:auto;text-align:left;width:360px;margin-top:22px;
	padding-left:24px;font-size:85%;
	background:#38000c;border: 1px #b00 solid
	}
	
/* popup_box DIV-Styles*/
#popup_box {
    display:none; /* Hide the DIV */
    position:fixed;  
    _position:absolute; /* hack for internet explorer 6 */  
    height:440px;  
    width:550px;  
    background:#003044;  
    left: 50%;
    top: 50%;    /* re-adjusted by JQuery below... */ 
    z-index:50; 
    margin-left: 12px;  
   
    /* additional features, can be omitted */
    border:3px groove #ff0000;      
    padding-top:15px;padding-left:15px; padding-right:10px; 
    font-size:12pt;  
    -moz-box-shadow: 0 0 5px #ff0000;
    -webkit-box-shadow: 0 0 5px #ff0000;
    box-shadow: 0 0 9px 8px #ff0000;
   
}
#topdiv 	{font-family:Arial,Helvetica,sans-serif; text-align:center;overflow:auto;
	font-size:80%; font-weight:bold;
	margin-left: auto; margin-right:auto;margin-top: 10px; 
	margin-bottom: 10px;  
	padding-top: 5px; padding-bottom:5px;
		color:#6ff;
	border:#f8fff4 0px solid;
	width:600px;
	}	
#nouveau {float:left;
	font-family:Arial,Helvetica,sans-serif; text-align:center;overflow:auto;
	font-size:80%; font-weight:bold;
	margin-left: 24px; margin-right:auto;margin-top: 10px; 
	margin-bottom: 10px;  
	padding-top: 5px; padding-bottom:5px;
	background-color:#031;color:#6ff;
	border:#ffff00 1px groove;
	width:240px;
	}

#inscriver {font-family:Arial,Helvetica,sans-serif; text-align:center;overflow:auto;
	font-size:80%; font-weight:bold;
	margin-left: auto; margin-right:auto;margin-top: 10px; 
	margin-bottom: 10px;  
	padding-top: 5px; padding-bottom:5px;
	background-color:#031;color:#6ff;
	border:#ffff00 1px groove;
	width:240px;
	}	

#maindiv {
	padding:16px;margin:auto;text-align:center;width:600px;
	background: #100;
	margin-top:30px;margin-bottom:25px;box-shadow:0px 0px 2px 2px #ff7; 
	z-index:99; /* Layering  */
	} 
.dubious  {color:#600000;background:#ff5;text-align:center;
	margin-top:66px;margin-bottom:11px;margin-left:auto;margin-right:auto;width:266px;
	font-family: Arial,Helvetica,Verdana,sans_serif;font-style:italic;font-size:7pt;
	opacity:0.45;
	filter:alpha(opacity=40);
	}
a.dubious:link		{color:#ffff00; background:#f40055;box-shadow:1px 1px 1px  #fff; }
a.dubious:active	{color:#ffff00; background:#f40055;box-shadow:1px 1px 1px  #fff; }
a.dubious:visited	{color:#ffff00; background:#f40055;box-shadow:1px 1px 1px  #333; }
a.dubious:hover	 	{color:#ffff00; background:#640055;box-shadow:1px 1px 4px 7px #f07; 
	opacity:0.99;
	filter:alpha(opacity=95);
	}
a{ 
cursor: pointer; 
text-decoration:none; 
}

/* ZZZZZZ This is for the positioning of the CLOSE BUTTON top line    ZZZZZ */
#popupBoxClose {
	width:80px;
    font-size:11pt;  text-align:right;
    line-height:15px;  
    position:absolute; right:8px;  top:0px;  
    color:#40ffa0; background:#600; border:2px #0f0 solid;      
}

}

@media print {  
body	{font-family: Helvetica,Arial,Verdana;
	font-size:12pt; font-weight:bold;
	margin-top: 2px; margin-left: 22px; 
	margin-bottom: 2px;  margin-right:6px;
	background-color: #ffffff; color:#000060;
	text-align:center;
	}
#divmain {text-align:center;
	width:90%;
	border:#b00 groove 4px;
	margin:10px;
	color: #000000; background-color:#f8f8f8;
	font-family:Tahoma, Helvetica,Arial,sans-serif; 
	font-size:14pt;font-weight:bold;
	}
p.breakpg {page-break-before: always}
.prnt0	{ position:absolute; display:none; }
.noprnt { position:absolute; display:none; }
 
#lang	{position:absolute;display:none; }
input 	{position:absolute;display:none; }

 .prnt1	{font-family: Tahoma, Arial,sans_serif; font-size:12pt;
	 font-weight: bold; color:#600000;}
.prcut 	{margin-left:0px; margin-top:0px; margin-bottom:3px; padding:0px; width:100%;
	font-weight: bold; color:#880000; background-color:#fafafa;
	text-align:center; font-size:6pt; font-weight:bold;
	font-family: Comic sans MS,Verdana,sans-serif;
	border-top: #a00 2px dotted;}
.prdat 	{float:right; width:88%;
	margin-left:3px; margin-top:4px; margin-right:3px; padding:1px;
	font-weight: normal; color:#400000; background-color:#fafaaa;
	text-align:right; font-size:7pt;
	font-family: Arial,Tahoma,Verdana,sans-serif; }
.aqk	{font-family: Helvetica,Arial; font-size:9pt;
	 font-weight: bold; color:#000000;background-color:#eafafa;
	}
 
 }


