/* design_global.css / CSS GLOBAL utilisé sur toutes les pages du site  */

img { border: 0; }
a { text-decoration: none; font-weight: bold; color: #CC0000; }
a:hover { text-decoration: underline; }
a:focus{outline:none;}
.center{text-align: center; padding: 0 auto;}
form, input { margin:0; padding:0; }
#preload { display: none; }
.clear{clear: both; }
.clear_left{clear: left; }
.pad10{padding: 5px 10px;}
.box{background-color:#e4e4e4; background-image:url("http://www.versusquebec.com/media/images/bg_box.png"); background-repeat:repeat-x; }
.borderBottom{ border-bottom: 1px dotted #ccc;}
.none {display:none;}
.table {display:table;}

h4 {font-size: 11px; font-weight: bold; font-family: Tahoma; color: #333; margin: 1px 4px; padding: 4px 1px; text-transform: uppercase;  border-bottom: 3px solid #ccc;}
h4 a {color: #333;}
h4 span {font-family: arial,sans-serif; font-size: 9px; font-weight: bold;}

h6 {background-image:url("http://www.versusquebec.com/media/images/bg_red_titres.png"); background-repeat:repeat-x; font-size: 10px; font-weight: bold; font-family: Tahoma; color: #fff; margin: 1px 1px 6px 1px;  padding: 6px 8px; text-transform: uppercase;  }
h6 a {color: #333;}
h6 span {position:absolute;  right: 20px; font-family: arial,sans-serif; font-size: 9px; font-weight: bold; color: #fff;}
h6 span a { font-family: arial,sans-serif; font-size: 9px; font-weight: bold; color: #fff;}

.btn_more_all a{
	position: absolute;
	top: 1;
	right: 1;
	display: block;
	text-decoration: none;
	height: 23px; 
	width: 23px;
	background: url(http://www.versusquebec.com/media/images/more_all.png) no-repeat 0 0;}

.btn_more_all a:hover{background: url(http://www.versusquebec.com/media/images/more_all_over.png);}

.thumb_div {float: left; position:relative; margin: 0; padding: 0;}
.thumb_div img { padding: 2px 8px 0 0; display: inline; float: left;}

.spacer_dots {margin: 0px 5px 6px 5px;  line-height: 1px; border-bottom: 1px dotted #CCCCCC;}
.spacer_line {margin: 0px 3px 0px 3px; height: 1px; background-color: #e7e7e7; padding: 0px;}


#topLogoBar, #wrap_pre_menu, #frameAll, #topBarContent ,#footer ,#footerMini {position:relative; width: 975px; margin: auto auto;}
#topBar { text-align:center; background-image:url("http://www.versusquebec.com/media/images/bg_topBar.png"); background-repeat:repeat-x; height:26px;  border-bottom:1px solid #000; _border-bottom: 0px;}

#topLinks { width: 450px; float: left; text-align: left; margin: 0 auto;  padding: 7px 10px 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333;}

#topLinks a, .topLinks a:link, .topLinks a:visited, .topLinks a:active {text-decoration:none; color: #bebebe; padding: 3px 8px 3px 25px;}
#topLinks a:hover {color: #FFF;} 

.makeFav{ background: url("http://www.versusquebec.com/media/images/makeFav.png") no-repeat center left; border-left: 1px dotted #666;  }
.makeHome{ background: url("http://www.versusquebec.com/media/images/makeHome.png") no-repeat center left; border-left: 1px dotted #666; }
.makeFace{ background: url("http://www.versusquebec.com/media/images/makeFace.png") no-repeat center left; }

#createAccount {margin: 0 7px 0 0; float:right; height:14px; position:relative; width:100px; margin-top:6px; border-right:1px dotted #666;}
#createAccount a{ font-weight: normal;}

#login{float:right; text-align:right; width:311px; height:14px; color:#fff; margin:5px; 0 0 0px;}
#login_submit{ float: right;  height: 14px; margin: 5px 15px; 0 0;}

#bonjour { color: #fff; float:right; text-align: right; height:14px; position:relative; width:300px; margin-top:6px; }
#bonjour a{text-decoration: underline; font-weight: normal; padding: 0  0 0 5px;}
#bonjour a:hover{text-decoration: none; }

#logo{
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(http://www.versusquebec.com/media/images/logo_VQ.png) no-repeat scroll 0 0;
	float:left;
	margin-top: 7px;
	height:45px;
	margin-left: 10px;
	position:relative;
	width:300px;}

#titre_100{float:right; position:relative; margin: 9px 0px 0 0; width:290px; background:url(http://www.versusquebec.com/media/images/titre_100.png) no-repeat 0 0 ; height:44px;}

/* pre Menu */
#wrap_pre_menu {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(http://www.versusquebec.com/media/images/bg_transparency_000000.png) repeat scroll 0 0;
	height: 30px;}

#pre_menu {float:left; width:615px; height:23px; padding:7px 0 0 0; font-size:11px; font-weight:bold; font-family: tahoma;}
#pre_menu ul {font-weight:bold; height:14px; line-height:14px; margin: 0 0 10px 0; padding: 0 0 0 10px; list-style: none;}
#pre_menu li {border-left:0px solid #B2B2B2; float:left; list-style:none;}
#pre_menu li.vqFirst {border:0 none; }
#pre_menu li a {color:#FFF; display:block; padding:0 25px 0 0; text-transform: uppercase; text-decoration: none;}
#pre_menu li a:hover {color:#CC0000;}

/* Btns Produits et Services */
#wrap_produits{
	margin: 0 7px 0 0;
	padding: 5px 0 0 0;
	float:right;
	height:22px;
	position:relative;
	width:350px;}

.btn_servi{float:right;position:relative;}
#btn_equipes a, #btn_ligues a, #btn_entreprises a{display: block;text-decoration: none;height: 22px;}

#btn_equipes{}
#btn_equipes a{background: url(http://www.versusquebec.com/media/images/Btns_produits_services_o-03.png) no-repeat 0 0 ; width: 66px;}
#btn_equipes a:hover{background: url(http://www.versusquebec.com/media/images/Btns_produits_services_03.png);}

#btn_ligues{}
#btn_ligues a{background: url(http://www.versusquebec.com/media/images/Btns_produits_services_o-04.png) no-repeat 0 0 ; width: 61px;}
#btn_ligues a:hover{background: url(http://www.versusquebec.com/media/images/Btns_produits_services_04.png);}

#btn_entreprises{}
#btn_entreprises a{background: url(http://www.versusquebec.com/media/images/Btns_produits_services_o-05.png) no-repeat 0 0 ; width: 89px;}
#btn_entreprises a:hover{background: url(http://www.versusquebec.com/media/images/Btns_produits_services_05.png);}

#titre_produits{color: #fff; padding: 6px 2px 0 0; font-size: 9px;}

/* Menu */
#menu {float:left;height:25px;margin-top: 8px auto;position:relative;width:700px;padding:7px 0 0 0;font-size:11px;font-weight: bold; font-family: tahoma;}
#menu ul {font-weight:bold; height:14px; line-height:14px; margin: 0 0 10px 0; padding: 0 0 0 10px; list-style: none;}
#menu li { border-left:0px solid #B2B2B2; float:left; list-style: none;}
#menu li.vqFirst {border:0 none;}
#menu li a {color:#FFF; display:block; padding:0 14px 0 0; text-transform: uppercase; text-decoration: none;}
#menu li a:hover {color:#000000;}

#recherche_submit, #recherche {margin:5px 8px 0 0; float:right; height:22px; position:relative; }
#recherche_submit {width:77px;}
#recherche {width:170px;}

#pub {float:left; clear:both; margin: 0 0 0 7px; height:90px; position:relative; width:226px; padding: 0px; background-color: #fff;}
#banner {float:right; margin: 0 7px 0 0; height:90px; width:728px; position:relative; background-color: #fff;}

.oneDate{position:relative; height:59px; padding: 0px 5px 0px 5px; width: 290px;}
.oneDateDetails{position: absolute;bottom: 9px;right: 10px;}
.oneDateDetails a { font-weight: normal;}
.oneDateDetails span { font-size: 10px 8px; font-weight: bold; font-family: arial;}

.calDate{
	background-color: #e5e5e5;
	width: 38px;
	height: 32px;
	color: #CC0000;
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
	font-family: tahoma;}

.calDate2{
	background-color: #cc0000;
	width: 38px;
	height: 16px;
	font-weight: bold;
	text-align: center;
	color: #fff;}

.calEvent{position: absolute; width:250px; top:5px; left: 53px;}

.pub_300x90{height:90px;}

#footer{
	height: 130px;
	padding: 10px 0;
	background: #1d1d1d;
	text-align: center; /* to realign your text */
	display: block;
	clear: both;}

#footer td{
	font: 11px/14px 'helvetica neue',helvetica,arial,sans-serif;
	color: #666;
	vertical-align: top;
	padding-left: 10px;
	border-left: 1px solid #000;}

.titre_footer{
	font: 11px/18px 'tahoma' bold;
	color: #999;}

#footer td a{
	color: #ccc;}

#footer td a:hover{
	text-decoration: none;}

#footerMini{
	height: auto;
	height: 13px;
	padding: 3px 0;
	font-size: 10px;
	font-family: arial;
	color: #ccc;
	background: #000;
	text-align: left; /* to realign your text */
	display: block;}