/*-----------------------------------------------------------------------------

__  __ `__ \  _ \  ___/  __ `/_  __ \  __ \
_  / / / / /  __/ /__ / /_/ /_  / / / /_/ /
/_/ /_/ /_/\___/\___/ \__,_/ /_/ /_/\____/

Main style sheet

site:      MSSS - Régions
version:   1.2
author:    Vincent Martin
email:     vincent@mecano.ca

Notes:

Some rules are disabled by comments.
	--> Choose another region
	--> Dropdowns

------------------------------------------------------------------------------*/


/* =======================================================================
==                           GLOBAL                                     ==
========================================================================== */


/* Remove padding and margin 
------------------------------------- */
* {margin:0; padding:0;} 



/* Global elements for tags
------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  font-weight:bold;
}



/* Local elements for tags
-------------------------------------- */
h1 {
	background:url(/SiteCollectionImages/AvenirSante//i_logo.jpg) top left no-repeat;
	height:85px;

	text-indent:-9000px;
	width:302px;
}

h2 {
	color:#3b3b3b;
	font-size:24px;
	line-height:24px;
	margin-left:17px;
}

h3 {
	border-bottom:1px solid #d6d6d6;
	color:#aaa;
	font-size:22px;
	margin-bottom:15px;
	line-height:22px;
	padding-bottom:8px;
}

h4 {
	border-bottom:1px solid #d6d6d6;
	color:#aaa;
	font-size:20px;
	margin-bottom:8px;
	line-height:20px;
	padding-bottom:8px;
}

h5 {
	color:#4d4d4d;
	font-size:17px;
	line-height:17px;
}

h6 {
	color:#4d4d4d;
	font-size:12px;
	line-height:18px;
}

p  {}
OL,ol {
	text-indent: 0;
	text-align: left;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 1px;
	padding-left: 10px;
	list-style:decimal;
}
Ul, ul {
	list-style-image:url('puce_grise.gif');
	text-indent: 0;
	text-align: left;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 1px;
	padding-left: 10px;
}
ul ul{

	list-style-image:url('puce_grise2.gif');
	text-indent: 0;
	text-align: left;
	margin-left: 30px;
	margin-right: 10px;
	margin-top: 1px;
	padding-left: 10px;

}

li {}

img        {border:0;}    /* Remove border around linked img */
html, body {height:100% !important;} /* needed for container min-height */



/* Form elements
--------------------------------------- */
/*select {display:none;}
input  {text-indent:-9000px; border:0;}*/


/* Position classes
---------------------------------------- */
.clear  {clear:both;} 
.left   {float:left;}
.right  {float:right;}
.top    {top:0px;}
.bottom {bottom:0px;}
.border {border:1px solid #000;}



/* Font classes
------------------------------------------ */
.bold      {font-weight:bold;}
.normal    {font-weight:normal;}
.italic    {font-style:italic;}
.mini      {font-size:9px;}
.maincolor {color:#666;}
.white     {color:#FFF;}
.dark      {color:#000;}



/* Alignment & flow classes
------------------------------------------ */
.alignLeft    {text-align:left;}
.alignJustify {text-align:justify;}
.alignRight   {text-align:right;}



/* Typography
------------------------------------------------------------*/
body {
	color:#606060;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:12px;
} 




/* Links
------------------------------------------------------------*/

a, .ms-vb a {
	color:#bd0101;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	outline:none;
	text-decoration:none;
}



a:hover {color:#ef1d1d;}

.cursor {cursor:pointer;}



/* Base Layout
------------------------------------------------------------- */

body {
	background:url(/SiteCollectionImages/AvenirSante//i_gradient.jpg) #fff top left repeat-x;
	text-align:left;
	width:100%;
}

#bkd_wrapper {
	background:url(/SiteCollectionImages/AvenirSante//i_bkg.jpg) top center no-repeat;
	/*width control*/
	width:100% !important;
	min-width:846px;
	height:800px;
}

#body_wrapper {
	margin:0 auto;
	width:846px;
}



/* =======================================================================
==                            HEADER                                    ==
========================================================================== */

#header {
	background:url(/SiteCollectionImages/AvenirSante//i_bkd_hdr.gif) bottom right no-repeat;
	height:133px;
	width:846px;
	margin-left:-17px;
}

.logo {width:253px; height:73px; margin-left:17px;}

.hdr_print {display:none;}




/* =======================================================================
==                            CONTENT                                   ==
========================================================================== */

#content {
	clear:both;
	margin-left:-17px;
	position:relative; /* Counter negative left-margin bug for IE6 */ 
	width:856px;
}


/* Nav Column
---------------------------------------------------------------------- */
.nav, .info, .sidebar {float:left;}

.nav {width:237px;}



/* Nav Events */
.nav_events {
	background:url(/SiteCollectionImages/AvenirSante//i_navevents_bkd.jpg) top left no-repeat;
	width:237px;
	height:355px;
}

.navevents_hdr, .events_menu {
	float:left;
	width:181px;
}

.navevents_hdr {
	background:url(/SiteCollectionImages/AvenirSante//t_navevents_hdr.gif) top left no-repeat;
	display:inline;
	height:49px;
	margin:39px 0 0 13px;
	text-indent:-9000px;
}

.events_menu {
	display:block;
	margin:22px 0 0 23px !important;
	margin:22px 0 0 11px;
}

.events_menu li {
	background:url(/SiteCollectionImages/AvenirSante//i_pointer.gif) top left no-repeat;
	line-height:11px;
	margin-bottom:10px;
	padding:1px 0 0 13px;
}



/* Nav Regions */
.nav_regions {
	background:url(/SiteCollectionImages/AvenirSante//i_navregions_replacer.jpg) top left no-repeat;
	height:284px;
	margin-left:-1px;
	position:relative;
	width:237px;
}


/* Info Column
-------------------------------------------------------------------- */
.info {
	background:url(/SiteCollectionImages/AvenirSante//i_infos_bkd.jpg) top left no-repeat;
	margin-bottom:15px;
	min-height:639px;
	width:609px;
}

.region_name {
	float:left;
	height:56px;
	padding-top:14px;
	width:100%;
}

.event_photo_left,
.event_photo_right {
	background:url(/SiteCollectionImages/AvenirSante//i_photo_bkd.gif) top left no-repeat;
	height:195px;
	position:relative;
	width:197px;
}

.event_photo_left {margin-left:-8px; margin-right:8px;}


.event_photo_left img,
.event_photo_right img {
	left:22px;
	position:absolute;
	top:18px;
}

.b_details {
	background:url(/SiteCollectionImages/AvenirSante//b_link_arrow_norm.gif) bottom right no-repeat;
	position:absolute;
	width:152px;
	height:170px;
	
}

.b_details {left:23px; top:13px;}

.b_details:hover {
	background:url(/SiteCollectionImages/AvenirSante//b_link_arrow_over.gif) bottom right no-repeat;
}

.b_details_small {
	background:url(/SiteCollectionImages/AvenirSante//b_link_arrow_norm_small.gif) top left no-repeat;
	float:right;
	height:25px;
	width:63px;
}

.b_details_small:hover {
	background:url(/SiteCollectionImages/AvenirSante//b_link_arrow_over_small.gif);
}

.info_events, .event_photo_left, .event_photo_right, .event_text {
	float:left;
}

.event          {clear:both; margin-bottom:15px;
/*min-height:639px;*/
  height:auto !important;
  height:639px;
}
.event p        {line-height:16px; margin-top:8px;}
.event_text     {padding-top:20px; width:365px;}
.event_longtext {margin-left:15px; padding-top:10px; width:545px;}




/* =======================================================================
==                            FOOTER                                  ==
========================================================================== */

#footer {
	clear:both;
	margin-left:400px;
	padding-bottom:15px;
	
}

.nav_ftr    {margin:13px 0 0 -67px;}
.nav_ftr li {display:inline;}

.nav_ftr a {
	color:#999;
	font-family:Helvetica, Arial, sans-serif;
	font-size:10px;
	margin-right:3px;
}

.nav_ftr a:hover {color:#555;}