/* design_index.css / CSS GLOBAL utilisé uniquement pour la page d'accueil  */

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

/* Habillage de page ---  Partenaires
----------------------------------------------------------*/
#container { height: auto;  min-height: 100%; border: 1px solid #cc0000;}

#gauche1280, #gauche1440, #gauche1680{
position:absolute;
top:0;
left:0;
height:1200px;
z-index:1;
border: 0px solid #cc0000;} 

#gauche1280 { width:10%;}
#gauche1440 { width: 15%;}
#gauche1680 { width: 20%;}

#droite1280, #droite1440, #droite1680{
position:absolute;
top:0;
right:0;
float:right;
height:1200px;
z-index:1;
border: 0px solid #cc0000;}

#droite1280 { width: 10%;}
#droite1440 { width: 15%;}
#droite1680 { width: 20%;}


/* Fin habillage de page ---  Partenaires
----------------------------------------------------------*/

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

h1 {font-size: 16px; font-weight: normal; font-family: arial; color: #FFF; margin: 1px; padding: 3px 0 1px 0;}
h1 a {border-bottom: 1px dotted #fff;}
h1 a:hover {border-bottom: 1px solid #fff;}
h2 {font-size: 11px; font-weight: bold; font-family: Tahoma; color: #333; margin: 6px 20px 6px 8px; text-transform: uppercase; border-bottom: 0px solid #e5e5e5; padding: 1px 0 5px 1px;}

h5 {font-size:12px; font-weight:normal; margin:0 5px 2px 0;}
p { margin: 0 5px 10px 0;}
/* fin global tags */

/*Frame avec le background rouge*/
#frameAll {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(http://www.versusquebec.com/media/images/bg_frame.png) repeat scroll 0 0;
	text-align: left;
	min-height: 3115px;}

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

/* Main Content Box */
#mainContentBoxHome  {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	float:left;
	margin: 4px 0 0 7px;
	position:relative;
	background:transparent url(http://www.versusquebec.com/media/images/bg_mainBox.png) repeat scroll 0 0;
	height:600px;
	width: 657px;}

#mainShowWrap{width:400px; height:345px;  _height:348px; float: left; display: block; padding: 0px; }

#mainShow{width:400px; height:345px;  _height:348px; float: left; display: block; padding: 5px 0 0 5px; }

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#gallery { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery {  border: 0px solid #aaa; padding: 0px;}

/* LOADING BOX */
.loader { background: url(http://www.versusquebec.com/media/images/loader.gif) center center no-repeat #ddd; }

/* GALLERY PANELS */
.panel { width: 400px; background-color: #000;}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 57px; padding: 0.1em;  }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #000;}

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay {color: white; font-size: 1em; margin-left: 6px;}
.panel .panel-overlay a {color: white; text-decoration: none; font-weight: bold; line-height: 18px;}
.panel .panel-overlay span {color: #CC0000; letter-spacing: -2px; font-size: 10px; font-family: arial, sans-serif}

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {background-color: #000; color: #fff; font-size: 9px; margin: 0; padding: 0;}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #000; _border: 0; padding: 0; margin: 0; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #000; }

/* FRAME IMAGES */
.frame img { border: none; padding: 0; margin: 0;}

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }
.frame .caption { visibility:hidden; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {border-color: #000;}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer { filter: chroma(color=pink);}

/* MainNews */
#mainNews {
	float:right;
	margin: 0 5px 0 0;
	height:348px;
	position:relative;
	width:237px;}

#mainNews ul { width:237px;padding: 0px; list-style: none; float: left; margin: 0;  }
.mainNews_logo {width: 40px;height: 26px; position:absolute; left: 3px; border: 1px solid #333;}
.mainNews_titre {margin-left: 48px;}

#mainNews ul li {
	padding: 0px;
	margin: 0px;
	width:237px;
	float: left;
	height: 32px;
	overflow: hidden;
	margin-bottom: 3px;}

#mainNews ul li a {
	font-weight: normal;
	font-size: 11px ;
	line-height: 13px;
	_line-height: 14px;
	text-align: left;
	display: block;
	text-decoration: none;
	color: #000;
	height: 26px;
	padding: 3px 0;}

#mainNews  ul li a:hover {background-color: #CCC; }

#profil, #chroniqueurs, #madeInQuebec {float:left; margin: 2px 0 0 4px; height:245px; position:relative; padding: 0;}

#profil {width: 163px; clear: both;}
#profil img {margin: 0px 0 0 7px;}

#chroniqueurs, #madeInQuebec  {width: 239px;}
#oneChroniqueur, #oneMadeInQuebec  {margin: 3px 5px 2px 5px; width: 231px; border-bottom: 1px solid #ccc; height: 55px;}

.pagination{height: 16px; padding: 3px 10px; width: 215px; position: absolute; bottom: 0; right: 0; background: url(http://www.versusquebec.com/media/images/bg_pagination.png) repeat-x 0 0 ; text-align: right; border: 1px solid #e2e2e2;}
/* Style pour les liens de page actuels (non clickables) */
span.pageSpan {}
/* Style pour les liens de page non actuels (clickables) */
a.pageAnchor {cursor: pointer;}
a.pageArrow {cursor: pointer;}
img.pageArrowImage {display:inline;position:relative;top:1px;}

#pub_wide{float:left; margin: 2px 0 0 7px;}
#pub_wide img{width: 961px; height: 51px}


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

#bigBox {height:250px;}

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

#left_column{
	float:left;
	margin: 4px 0 0 7px;
	width: 200px;
	height: auto;
	position:relative;
	background-color: #fff;}

#left_column a{
	font-weight: normal;
	font-family: tahoma;
	font-size: 11px;
	color: #0066cc;}

.none {display:none;}
.table {display:table;border-bottom: 2px solid #FFFFFF; padding: 2px 0; background-color: #eef4f9;}

#skyscraper{width:175px; height: 610px; border:1px solid #e7e7e7; padding: 7px 0 0 15px; margin: 0 auto 20px auto;}

#right_column{ float:right;margin: 4px 0 0 0;width: 767px;height: auto; display: block;}

#news_amateur{
	width: 451px;
	_width: 453px;
	height: auto;
	float:left;
	margin-left: 3px;
	position:relative;
	display: block;
	padding-bottom: 1px;
	border: 1px solid #fff;}

.oneNews_amateur{	background: #fff; height: 55px; margin:0 3px 1px 3px; padding-top:2px; overflow:hidden;  }
.oneNews_amateur a{font-weight: normal; color: #333;}
.oneNews_amateur_logo {width: 65px;height: 52px; position:absolute; left: 2px; border: 1px solid #fff}
.oneNews_amateur_titre {margin-left: 75px; padding: 3px 0 0 0;}
.oneNews_amateur_date { margin: 0 5px 4px 0; background-color: #e7e7e7; padding: 2px 5px; color: #666; font-size: 10px; }
.lien_amateur_titre{height: 35px; border: 0px solid #cc0000; margin: auto 0; }
.lien_amateur_titre a{font-weight: bold; color: #CC0000; margin-right: 5px;}

#sondageWrap, #entrainement, #equipement, #forum {float:right; margin: 0px 7px 0 0; width: 300px; position:relative; overflow: hidden;}

.thumb_div2 {float: left; position:relative; margin: 0; padding: 0;}
.thumb_div2 img { padding: 3px; border: 1px solid #ccc; margin: 2px 8px 0 8px; display: inline; float: left;}

#sondageWrap {min-height: 272px;}
#entrainement, #equipement {height:138px; margin-top: 4px; border-bottom: 2px solid #fff;}
#forum {height:270px; margin-top: 4px; _right-margin: -3px; border-bottom: 2px solid #fff;}
.oneForum {margin: 1px 8px; border-bottom: 1px dotted #ccc; height: 27px; overflow: hidden; _right-margin: -3px;}

#news_boxes_wrap{
	float:right;
	margin: 4px 0 0 0;
	width: 764px;}

.news_box{
	float: left;
	width: 248px;
	_width: 252px;
	height: 205px;
	border: 2px solid #fff;
	margin: 1px 1px 0 0;}

.news_box_manchette {margin: 5px 5px 0px 5px; width: 235px; height: 65px; float: left; position:relative;  border-bottom: 1px dotted #ccc; overflow: hidden;}
.news_box_manchette img { margin: 0px 5px 0 0; display: inline; float: left; border: 1px solid #333; }
.news_box_manchette a{line-height: 16px; font-size: 14px; font-family: arial;} 

.news_box ul{ list-style: none; padding: 0; margin: 0; clear: both;}
.news_box li{ line-height: 13px; margin: 0 5px 5px 5px; padding: 0; height: 28px;  overflow: hidden; border-bottom: 1px dotted #ccc; font-size: 10px; color: #333;}
.news_box li a {line-height: 13px; }