
/* design_site.css / CSS GLOBAL utilisé sur toutes les pages du site sauf sur la page d'accueil  */

/*global tags*/


/*
body a utiliser quiand on a pas d'habillage de page
body 
{ 
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background-image:url(http://www.versusquebec.com/media/images/backgrounds/img_bg_repeat_reebok.jpg);
	background-repeat:repeat-y;
	background-position: center;
	font-family:helvetica,arial,clean,sans-serif;
	font-size: 11px; 
	color: #333; 
	margin: 0; 
	padding: 0; 
	font-size-adjust:none;
	font-weight:normal;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;} */

body { 
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	-x-system-font:none;
	background-image:url(http://www.versusquebec.com/media/images/backgrounds/degrade_bg_peterson2.png);
	background-repeat:repeat-x;
	font-family:helvetica,arial,clean,sans-serif;
	font-size: 11px; 
	color: #333; 
	margin: 0; 
	padding: 0; 
	font-size-adjust:none;
	font-weight:normal;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;}
	

.clearfix {clear:both;}
.left {float: left;}

.body-design {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(http://www.versusquebec.com/media/images/backgrounds/img_bg_peterson2.jpg) no-repeat scroll 50% 0;
padding: 0 auto;
text-align: center;}


img { border: 0; }

p{font-size:12px;
line-height:19px;}

.back_top{text-align: right;
	clear:both;
	margin-top: 1px;
	padding:10px;}

#topLogoBar{background-image: url("http://www.versusquebec.com/media/images/bg_logo_top.png"); background-repeat: repeat-x; height:68px; margin-top:9px; }

/*Frame avec le background rouge*/
#frameAll {	
	background-color: #cc0000;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(http://www.versusquebec.com/media/images/bg_frameAll_Degrade.png) no-repeat scroll 0 0;
	text-align:left;
	overflow: auto;
	width: 975px;}

#content-wrap{
	clear: both;
	position:relative;	
	margin: 0 auto;
	overflow: auto;
	padding-bottom: 22px;
	width: 100%;
	background:transparent url(http://www.versusquebec.com/media/images/bg_content-wrap.png) no-repeat bottom;}

h1 {
 font-size:26px;
 color:#000000;
 font-weight:bold;
 text-decoration: none;
 margin: 0;}

h2{
	height: 18px;
	*height: 22px;
	padding:  4px 0px 0px 2px;
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #282828;
	font-family: Arial,Helvetica,sans-serif;
	background-image: url(../images/static/bg_content_h1.gif);
	background-repeat: repeat-x;s
	display: block;
	border-bottom: 1px solid #e5e5e5;}

h3{font-size: 14px; margin: 5px 0 2px 0 ;}

#large-wrapper{
	float:left;
	padding:0px;
	margin: 8px 0 0 7px;
	position:relative;
	width: 968px;}

#left-wrapper{
	float:left;
	padding:0px;
	margin: 8px 0 0 7px;
	width: 650px;}

#right-wrapper{
	float:right;
	margin: 8px 7px 0 0;
	padding: 0 0px 10px 4px;
	width: 300px;
	position:relative;}

#titreSection, #topContentLeft, #titreSection-large,  #topContentLeft-large {
	float:left;
	padding:0px;
	position:relative;
	display:block;}

#titreSection, #topContentLeft { width: 629px; _width: 649px;}


#titreSection-large,  #topContentLeft-large { width: 940px; _width:960px;}

#titreSection, #titreSection-large{
	height: 40px;
	_height: 50px;
	padding: 10px 10px 4px 10px;
	margin: 0; 
	background-image:url("http://www.versusquebec.com/media/images/bg_box.png"); 
	background-position: center;
	background-repeat:repeat-x;
	border-right: 1px solid #ccc;
	border-bottom: 1px dotted #ccc;
	border-top: 1px solid #ccc;}

#titreSection span, #titreSection-large span { position: absolute; right: 20px; top:20px;  }

#topContentLeft, #topContentLeft-large {
	height: 100px;
	padding: 10px;
	_height: 120px;
	background-color: #fff;}

#contenuSection{
	clear: both;
	position:relative;	
	overflow: auto;
	margin: 0;
	border-right: 1px solid #ccc;
	_width: 650px;}

.mainContentBoxAll {	
	padding: 10px;
	background-color: #fff;
	}

#bigBox, #calendrier, .pub_300x90{
	float:right;
	margin: 0px 0px 15px 0;
	width: 300px;
	
	position:relative;}

#bigBox {height:250px;}

#calendrier{height:156px; border-bottom: 2px solid #fff;}

.block_content, .block_content2{
	border-bottom: 1px solid #CCC;
	background-image: url(../images/static/bg_services_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin: 5px 0px 0px 0px;
	color: 333;}

.block_content:after, .block_content2:after {
	visibility: hidden;
	content: "";
	clear:both;
	display: block;
	line-height: 0pt;
	height: 0;}

.block_content2 table{
	color: #333;
	font-size: 12px;
	padding-left: 10px;}

.block_content{
	padding: 11px 0px 70px 0px;
	*padding: 11px 0px 40px 0px;}

.block_content2{
	padding: 11px 0px 10px 0px;
	*padding: 11px 0px 10px 0px;}

.block_content ul, .block_content2 ul li {
	list-style: none;
	padding: 0px;
	margin: 0 0 0 15px;}

.block_content ul li, .block_content2 ul li {
	background-image: url(../images/static/bg_ul.gif);
	background-repeat: no-repeat;
	height: 16px;
	padding-left: 15px;
	background-position: left;
	color: #333;
	font-size: 12px;}

.block_content2 p, .block_content p{
	color: #333;
	font-size: 12px;
	padding-left: 10px;}

.block_content ul li, .block_content2 p em{
	font-family: arial, tahoma, sans serif; 
	font-size: 12px;}

.table_site {
	width: 615px;
	margin: 0 auto;
	font-size: 11px;
	border: solid #ccc;
	border-width: 0px 0 0 0px;}

.table_site_inner {}

.table_site td, .table_site th {
	border: solid #ccc;
	border-width: 0 0px 1px 0;}

.table_site th {
	font-weight: bold;
	font-size: 13px;}

.table_site th a:link, .table_site th a:visited, .table_site th a:hover, .table_site th a:active {
	color: #1f476f;
	display: block;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 2px 0 0;}

.table_site td{
	text-align: left;
	padding: 5px 14px;
	line-height: 19px;}

.table_site th {
	text-align: left;
	padding: 0 9px;
	line-height: 26px;}

.table_site th {}

.table_site td {
	background: #fefefe url(http://www.versusquebec.com/media/images/td_bg1.gif) repeat-x;}

.table_site tr.second td {
	background: #fff url(-http://www.versusquebec.com/media/images/td_bg2.gif) repeat-x;}



