/* typography */
body
{
	color: #333;
	/*	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;	*/
	/*	font-size: 0.8em;	*/
	line-height: 1.2em;
	font-weight: normal;
}

iframe html.SandboxRoot body { margin: 0; }

h1, .style18, #principal div[itemprop="articleBody"] h1, #principal .style18
{
	font-weight: 500;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	margin: 0.25em 0;
	padding: 0;
}

h2
{
	font-weight: bold;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0.83em 0;
	padding: 0;
}

h3
{
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 1em;
	font-weight: bold;
	/*	text-transform: uppercase;	*/
	display: block;
}

h4
{
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding-top: 10px;
	border-top: 1px solid #b9d3d9;
}

h5
{
	font-weight: normal;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 1.5em;
	margin: .45em 0;
	padding: 0;
}

h6
{
	font-weight: normal;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 1em;
	line-height: 1.6em;
	margin: 0;
}

h2[itemprop="headline"], h1[itemprop="headline"]
{
	line-height: 1.5em;
	font-size: 1em;
	margin: 0;
}

h1[itemprop="headline"] { font-weight: bold; }

p, div[itemprop="articleBody"] li, div[itemprop="blogPost"] li, .profile p, .profile ul, .profile dl, .profile dt, .profile fieldset, .profile li, .list-title, .nav, .nav-tabs, .nav-stacked, .required, #username-lbl, .control-label, .control-group, .search-results, #searchForm, dd, dl, dt
{
	font-weight: normal;
	/*	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;	*/
	/*	font-size: 1em;	*/
	line-height: 1.5em;
	/* 2014-09-29 Willie Gagnon Début
	margin: 6px 0;
	2014-09-29 Willie Gagnon Fin */
	/* 2015-05-19 Willie Gagnon Début */
	margin: 0.5em 0;
	/* 2015-05-19 Willie Gagnon Fin */
}

th.vertical span
{
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	text-align: left;
	height: 300px;
}

.exergue p:first-child { margin-top: 0; }
.exergue p:last-child { margin-bottom: 0; }
#searchForm { margin-top: 0; }
#searchForm:first-child > div { line-height: 1em; }

/* links */
a
{
	/* 2014-09-29 Willie Gagnon Début */
	color: #333;
	/* 2014-09-29 Willie Gagnon Fin */
}

a:visited,
a:active,
a:hover { text-decoration: none; }

h6 a
{
	color: #007b98;
	text-decoration: none;
}

h6 a:visited,
h6 a:active,
h6 a:hover
{
	color: #007b98;
	text-decoration: underline;
}

h3 a
{
	color: #333;
	text-decoration: none;
}

h3 a:visited,
h3 a:active,
h3 a:hover
{
	color: #aaa;
	text-decoration: underline;
}

/* Box sizing */
*
{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

/* structure */
.wrapper
{
	/* 2014-10-07 Willie Gagnon Début */
	/*	width: 92%;	*/
	margin: 0 20px;
	/* 2014-10-07 Willie Gagnon Fin */
}

header { padding: 20px 0 0 0; }

#banner
{
	text-align: center;
	background: #fff;
}

#page-header { padding: 20px 0 0 0; }
#principal { padding: 0; }
#principal, #page-header { background: #fff; }

#principal hr
{
	margin: 20px 0;
	height: 1px;
	border: 0;
	color: #3b3b3b;
	background-color: #3b3b3b;
}

/* 2014-10-02 Willie Gagnon Début */
.item, [itemprop="articleBody"], .newsflash, .blog-item
{
	border-bottom: 1px solid #E9E9E9;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

/* 2014-10-02 Willie Gagnon Fin */
/* 2014-10-03 Willie Gagnon Début */
.item a, .blog-item a, .item-page a, .nav a, .nav-tabs a, .nav-stacked a, .custom a { text-decoration: underline; }
.item a:hover, .blog-item a:hover, .item-page a:hover, .nav a:hover, .nav-tabs a:hover, .nav-stacked a:hover { text-decoration: none; }

/* 2014-10-03 Willie Gagnon Fin */
#content { margin: 40px 0 0 0; }
aside { margin: 40px 0; }

ul li
{
	/* 2014-10-09 Willie Gagnon Début */
	/*		margin-top: 1px;	*/
	/*	margin-bottom: 1px;	*/
	/* 2014-10-09 Willie Gagnon Fin */
}

.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	margin-bottom: 35px;
}

#list
{
	padding: 0px 0px 0px 12px;
	margin: 0px;
}

/* Logo / Tagline
====================================*/

#logo
{
	float: left;
	display: inline-block;
	/* 2014-10-23 Willie Gagnon Début */
	padding: 0 15px 20px 0;
	/* 2014-10-23 Willie Gagnon Fin */
}

#logo a img
{
	float: left;
	height: 114px;
}

#tagline
{
	color: #007b98;
	float: left;
	/*	2015-11-10 WG	*/
	margin: 0 0 0 15px;
	position: relative;
	padding: 0;
	height: 114px;
}

#large { }

.str-menu li a
{
	font-size: 1.1em;
	line-height: normal;
	font-weight: 400;
	/*	letter-spacing: 1px;	*/
}

#tagline a
{
	font-size: 32px;
	line-height: 1.1em;
	font-weight: 700;
	position: absolute;
	color: #007b98;
	bottom: 0;
	margin: 0 0 -5px 0;
	padding: 0 0 0 15px;
	border-left: 1px solid #e9e9e9;
	text-decoration: none;
}

/* RESPONSIVE IMAGES */
img
{
	max-width: 100%;
	height: auto;
}

/* SOCIAL ICONS */
/* Header Icons */
.social-icons
{
	margin: 0;
	padding: 0;
	float: right;
}

.social-icons.about
{
	float: left;
	margin: 0 0 0 -5px;
}

.social-icons li
{
	display: inline;
	list-style: none;
	text-indent: -9999px;
	margin: 0 0 5px 5px;
	float: right;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.social-icons li a
{
	background-repeat: no-repeat;
	background-position: 0 0;
	display: block;
	height: 28px;
	width: 28px;
}

.social-icons li:hover { background-position: 0 -38px; }

/* Icon list */
.coordonnees_bouton { background: url(../images/icons/social/coordonnees.svg) no-repeat; }
.menu_boutton { background: url(http://medac.qc.ca/images/menu_bouton.svg) no-repeat; }
.mail { background: url(../images/icons/social/mail.svg) no-repeat; }
.twitter { background: url(../images/icons/social/twitter.svg) no-repeat; }
.rss { background: url(../images/icons/social/rss.svg) no-repeat; }
.facebook { background: url(../images/icons/social/facebook.svg) no-repeat; }
.punaise { background: url(../images/icons/social/punaise.svg) no-repeat; }

/*Main menu*/
/* 2014-10-23 Willie Gagnon Début */
/* 2014-10-23 Willie Gagnon Fin */
.menu-toggle
{
	display: block;
	float: right;
	/*	position: absolute;
	top: 33px;
	right: 20px;
	width: 28px;
	height: 28px;
	margin-top: 20px;	*/
	/* 2014-10-07 Willie Gagnon Début */
	/*	margin: 0 0;	*/
	/* 2014-10-07 Willie Gagnon Fin */
	cursor: pointer;
}

.menu-toggle.open
{
	width: 28px;
	height: 28px;
}

.menu-toggle.toggled-on { background: #3b3b3b; }
.str-menu { display: none; }

.str-menu.toggled-on
{
	display: block;
	position: relative;
	z-index: 10;
	color: #FFF;
}

.str-menu
{
	clear: both;
	/* 2014-10-08 Willie Gagnon Début */
	/*	margin-bottom: 60px;	*/
	/* 2014-10-08 Willie Gagnon Fin */
}

.str-menu li a, #tip-1
{
	color: #fff;
	background: #3b3b3b;
	display: block;
	/*	margin: 1px 0;	*/
	/* 2014-10-08 Willie Gagnon Début */
	padding: 1em 1.5em;
	/*	height: 45px;	*/
	/* 2014-10-08 Willie Gagnon Fin */
	text-decoration: none;
}

.str-menu li a:hover
{
	/*	background: #CCE5EA;	*/
	/*	color: #000;	*/
	background: #007b98;
}

/* 2014-10-03 Willie Gagnon Début */
.str-menu li.active > a { background: #007b98; }

.str-menu li.active > a:hover
{
	/*	background: #CCE5EA;	*/
	/*	color: #000;	*/
	background: #007b98;
}

/* 2014-10-03 Willie Gagnon Fin */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12
{
	margin-bottom: 20px;
	/*positioning and padding*/
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Icon Boxes
====================================================================== */

.icon-box
{
	margin: 0;
	padding: 18px 0;
}

.icon-box p
.icon-box h3
{
	float: left;
	margin: 0;
	position: relative;
	top: 50%;
	clear: both;
}

/* 2014-09-29 Willie Gagnon Début */
.icon-box p { text-align: center; }

/* 2014-09-29 Willie Gagnon Fin */
.icon-box img
{
	/* 2014-09-29 Willie Gagnon Début */
	margin: 20px;
	max-height: 50px;
	box-sizing: border-box;
	/* 2014-09-29 Willie Gagnon Fin */
}

.icon-boxTxt
{
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #333;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	position: relative;
	/* 2014-09-29 Willie Gagnon Début Fin 2015-04-16
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);	*/
}

.icon-boxTxt a
{
	display: block;
	padding-right: 14px;
	color: #fff;
	height: 75px;
	line-height: 75px;
}

.icon
{
	float: left;
	margin: 0;
	position: relative;
	padding: 16px;
}

/* 2014-10-09 Willie Gagnon Début */
.boite-conferences { background-color: #DDB228; }
.boite-formation { background-color: #A11B3D; }
.boite-assemblees { background-color: #159757; }
.boite-fiches { background-color: #1694AA; }
.boite-conferences:hover, .boite-formation:hover, .boite-assemblees:hover, .boite-fiches:hover { background-color: #007b98; }

/* 2014-10-09 Willie Gagnon Fin */
/*Footer*/
footer
{
	clear: both;
	font-size: 80%;
	padding: 20px 0;
	margin-top: 30px;
}

footer ul
{
	margin: 0;
	padding: 0;
}

#footer, #footer p, #footer a
{
	font-size: 1.1em;
	/* 2014-10-01 Willie Gagnon Début	*/
	/*	line-height: 1.8em;					*/
	/* 2014-10-01 Willie Gagnon Fint 	*/
	color: #aaa;
}

.coordonnees { }

#footer a:hover
{
	color: #fff;
	text-decoration: underline;
}

#sidebar
{
	float: left;
	height: auto;
	background-color: #cce5ea;
	padding: 20px;
	margin-bottom: 15px;
}

#navInterieur
{
	float: left;
	height: auto;
	padding: 20px;
}

/*colors and backgrounds*/
body { background: #ebebeb; }
h1, h2, h3, h4, h5, h6 { color: #333; }

footer
{
	background: #333;
	color: #ccc;
}

footer h1, footer h2, footer h3, footer h4
{
	color: #CCC;
	margin-bottom: 10px;
}

footer ul { margin: 0 0 0 8%; }

a.buttonlink
{
	background: #007b98;
	border-radius: 7px;
	color: #fff;
	display: block;
	float: left;
	margin: 10px 15px 10px 0;
	padding: 10px;
	text-decoration: none;
}

a.buttonlink:hover { background: #8dbc01; }

#zone
{
	background: #fff;
	max-width: 1200px;
	margin: 0 auto;
}

/* Contain floats*/
.clearfix:before,
.clearfix:after,
.row:before,
.row:after
{
	content: " ";
	display: table;
}

.clearfix:after,
.container:after,
.row:after { clear: both; }

/* 2016-03-16 Willie Gagnon Début	*/
.pastille
{
	height: 125px;
	border: 1px solid #3b3b3b;
	margin: 0;
	padding: 0;
}

.pastille a, .pastille p
{
	margin: 0;
	display: block;
	height: 100%;
}

.pastille a { padding: 6px; }
.pastille a:hover { background-color: #eeeeee; }

.pastille img
{
	max-width: 200px;
	max-height: 50px;
}

/* 2016-03-16 Willie Gagnon Fint 	*/

/*
LARGER MOBILE DEVICES
This is for mobile devices with a bit larger screens.
*/

@media only screen and (min-width: 481px)
{
	#banner
	{
		float: left;
		text-align: left;
		/*		margin-bottom: -20px;	*/
		/*this depends on the height of the logo*/
		width: 100%;
	}
	
	#topnav { clear: right; }
	
	.menu-toggle
	{
		/*make menu float right, instead of sitting under the logo*/
		/*		margin-top: 20px;	*/
		/*this depends on the height of the logo*/
		/*		float: right;	*/
	}
}

/*
TABLET & SMALLER LAPTOPS
*/

@media only screen and (max-width: 346px)
{
	#tagline { display: none; }
}

@media only screen and (max-width: 396px)
{
	#tagline a
	{
		border: none;
		padding-left: 0;
	}
	
	#etroit { display: none; }
}

@media only screen and (max-width: 700px)
{
	#large { display: none; }
}

@media only screen and (max-width: 780px)
{
	#topnav { clear: right; }
	
	.menu-toggle.close
	{
		/*to close mobile menu*/
		/*		position: absolute;	*/
		/*		right: 20px;	*/
		z-index: 5;
		display: none;
	}
	
	.menu-toggle.close img { display: none; }
	
	/* 2014-10-15 Willie Gagnon Début */
	.row
	{
		margin-left: -15px;
		margin-right: -15px;
	}
	
	/* 2014-10-15 Willie Gagnon Fin */
}

@media screen and (min-width: 781px) and (max-width: 920px)
{
	.menu-toggle.close
	{
		/*to close mobile menu*/
		/*		position: absolute;	*/
		/*		right: 20px;	*/
		z-index: 5;
		display: none;
	}
	
	.menu-toggle.close img { display: none; }
}

@media only screen and (min-width: 780px)
{
	.exergue img { max-width: 75%; }
	
	.wrapper
	{
		max-width: 1200px;
		/* 2014-10-07 Willie Gagnon Début */
		/*		margin: 0 30px;	*/
		/* 2014-10-07 Willie Gagnon Fin */
	}
	
	#banner
	{
		float: left;
		text-align: left;
		margin-bottom: 0px;
		width: 100%;
	}
	
	#topnav { clear: right; }
	
	/* 2014-10-07 Willie Gagnon Début */
	/*	header { padding: 0; }	*/
	/* 2014-10-07 Willie Gagnon Fin */
	#content
	{
		float: left;
		width: 65%;
	}
	
	#content.wide-content
	{
		float: none;
		width: 100%;
	}
	
	aside
	{
		float: right;
		width: 30%;
	}
	
	/*GRID*/
	
	/*
																																				 & Columns : 12 
																																				
																																				 */
	
	.row
	{
		margin-left: -15px;
		margin-right: -15px;
	}
	
	.grid_1 { width: 8.33333333%; }
	.grid_2 { width: 16.66666667%; }
	.grid_3 { width: 25%; }
	.grid_4 { width: 33.33333333%; }
	.grid_5 { width: 41.66666667%; }
	.grid_6 { width: 50%; }
	.grid_7 { width: 58.33333333%; }
	.grid_8 { width: 66.66666667%; }
	.grid_9 { width: 75%; }
	.grid_10 { width: 83.33333333%; }
	.grid_11 { width: 91.66666667%; }
	.grid_12 { width: 100%; }
	
	.grid_1,
																				.grid_2,
																				.grid_3,
																				.grid_4,
																				.grid_5,
																				.grid_6,
																				.grid_7,
																				.grid_8,
																				.grid_9,
																				.grid_10,
																				.grid_11,
																				.grid_12
	{
		float: left;
		display: block;
	}
	
	.rightfloat { float: right; }
	
	/* 2015-03-11 Willie Gagnon Début */
	/*	#principal [class*="grid_"] { margin-bottom: -40px; }	*/
	/* 2015-03-11 Willie Gagnon Fin */
}

/* 2014-10-23 Willie Gagnon Début */
#menu-main-navigation { margin-bottom: 1em; }

/* 2014-10-23 Willie Gagnon Fin */
/* menu hover rules for mobile device */

@media only screen and (max-width: 909px)
{
	#menu-main-navigation
	{
		/* 2014-10-23 Willie Gagnon Début */
		/*		height: 0;	*/
		overflow: hidden;
		/*		display: block;	*/
		display: none;
		/* 2014-10-23 Willie Gagnon Fin */
		-webkit-transition: height 500ms ease-out;
		-moz-transition: height 500ms ease-out;
		-o-transition: height 500ms ease-out;
		transition: height 500ms ease-out;
	}
	
	#menu-main-navigation:target
	{
		/* 2014-10-23 Willie Gagnon Début */
		/*	height: auto;	*/
		display: block;
		/* 2014-10-23 Willie Gagnon Fin */
	}
	
	#menu-main-navigation:target + .menu-toggle.close { display: block; }
	#menu-wrapper:target { display: none; }
}

/*
Desktop
*/

@media only screen and (min-width: 910px)
{
	/*** MAIN MENU - ESSENTIAL STYLES ***/
	/*Style 'show menu' label button and hide it by default*/
	.menu-toggle { display: none; }
	#menu-main-navigation { display: block; }
	
	.str-menu, .str-menu *
	{
		margin: 0;
		padding: 0;
		list-style: none;
		background: #3b3b3b;
	}
	
	.str-menu ul
	{
		position: absolute;
		display: none;
		width: 20em;
	}
	
	.str-menu ul li { width: 100%; }
	.str-menu > li > ul ul a { padding-left: 36px; }
	.str-menu > li > ul { box-shadow: 20px 20px 50px black; }
	
	.str-menu li:hover
	{
		visibility: inherit;
		/* fixes IE7 'sticky bug' */
	}
	
	.str-menu li
	{
		float: left;
		position: relative;
		/* 2014-10-09 Willie Gagnon Début */
		/*		margin-left: 1px;	*/
		/* 2014-10-09 Willie Gagnon Fin */
	}
	
	.str-menu a
	{
		display: block;
		position: relative;
	}
	
	.str-menu li:hover ul, .str-menu li.sfHover ul
	{
		display: block;
		left: 0;
		/*		top: 45px;	*/
		/* match top ul list item height */
		z-index: 99;
	}
	
	#topnav, .str-menu
	{
		float: right;
		width: 100%;
	}
	
	/* 2014-10-23 Willie Gagnon Début */
	.str-menu { margin: 0; }
	#topnav { margin: 0; }
	
	/* 2014-10-23 Willie Gagnon Fin */
	.str-menu a { text-decoration: none; }
	
	/*	.str-menu li a
																									{
																										margin: 0;
																										padding: 14px 18px;
																										height: 45px;
																										color: c8c8c8;
																										font-size:1em;
																										line-height:normal;
																									}	*/
	
	.str-menu a, .str-menu a:visited, #tip-1 { color: #fff; }
	
	.str-menu li:hover > a
																																	/* , .str-menu li.current a */
	{
		/*		background: #CCE5EA;	*/
		/*		color: #000;	*/
		background: #007b98;
	}
}

/* 2014-10-06 Willie Gagnon Début */

@media only screen and (max-width: 909px)
{
	.str-menu > li > ul, .str-menu > li > ul ul { display: none; }
	
	.str-menu > li:hover ul, .str-menu > li.active ul
	{
		display: block;
		margin: 1px 0 10px 0;
	}
	
	.str-menu li { margin-bottom: 1px; }
}

@media only screen and (min-width: 481px) and (max-width: 909px)
{
	.str-menu > li > ul a { padding-left: 36px; }
	.str-menu > li > ul ul a { padding-left: 54px; }
}

@media only screen and (max-width: 481px)
{
	.str-menu > li > ul
	{
		font-style: italic;
		margin-bottom: 10px;
	}
}

/* 2014-10-06 Willie Gagnon Fin */

/*
Larger monitors and possibly full screen viewers.
*/

@media only screen and (min-width: 1240px)
{
	
}

/*
RETINA (2x RESOLUTION DEVICES)

*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5)
{
	
}

/*
iPHONE 5 MEDIA QUERY
*/

@media (device-height: 568px) and (-webkit-min-device-pixel-ratio: 2)
{
	
}

/*
PRINT STYLESHEET
*/

@media print
{
	*
	{
		background: transparent !important;
		color: black !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	
	a, a:visited { text-decoration: underline; }
	a[href]:after { content: " (" attr(href) ")"; }
	abbr[title]:after { content: " (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
	
	/* Don't show links for images*/
	pre, blockquote
	{
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	
	thead { display: table-header-group; }
	
	/* h5bp.com/t */
	tr, img { page-break-inside: avoid; }
	img { max-width: 100% !important; }
	
	@page { margin: 0.5cm; }
	
	p, h2, h3
	{
		orphans: 3;
		widows: 3;
	}
	
	h2, h3 { page-break-after: avoid; }
}

.img_caption
{
	text-align: left!important;
	font-size: smaller;
	font-style: italic;
}

.grok
{border:1px solid black;margin:0;padding:20px;background-color:#eeeeee;}