/*
Theme Name: scj
Author: JITO
*/
/* =Reset
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	background:#fff;
}
ol,
ul {
	list-style: none;
}
ol.lower-roman{list-style-type: lower-roman;}
ol.lower-alpha{list-style-type: lower-alpha;}
ol.lower-greek{list-style-type: lower-greek;}
ol.upper-alpha{list-style-type: upper-alpha;}
ol.upper-roman{list-style-type: upper-roman;}

blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,
th,
td {
	font-weight: normal;
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
a:focus {
	outline: black thin dotted;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
	display: block;
}
audio,
canvas,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
}
del {
	color: #333;
}
ins {
	background: #fff9c0;
	text-decoration: none;
}
hr {

}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
small {
	font-size: smaller;
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
#dailylist{color:#fff;background-color:#b20000;float: left;display: block;padding: 3px 6px 3px 28px;background: url(img/listicon.png) no-repeat #b20000 4px center;font-family: verdana;font-size: .9em;font-weight: bold;margin-top: 5px;}
.ie #dailylist{padding: 3px 6px 4px 28px;}

#list-arrow {background: url(img/arrow.png) no-repeat #b20000 4px center;
    width: 30px;
    height: 28px;
    float: left;
	margin-top: 5px;
color: transparent}
	
a:hover #dailylist {background:url(img/listicon-hover.png) no-repeat #eee 4px center;color:#b20000}
a:hover #list-arrow {background:url(img/arrow-hover.png) no-repeat #eee 4px center}

/* Clearing floats */
.clear,
.clear:after,
.wrapper:after,
.format-status .entry-header:after {
	clear: both;
}
.clear:before,
.clear:after,
.wrapper:before,
.wrapper:after,
.format-status .entry-header:before,
.format-status .entry-header:after {
	display: table;
	content: "";
}

/* =Repeatable patterns
-------------------------------------------------------------- */
#home-left {float: left; width: 48%;}
#home-div {clear: both; border-top: 1px dotted #999; padding-top: 20px;}
/* Small headers */
.archive-title,
.page-title,
.widget-title,
.entry-content th{
	line-height: 2.181818182;
	font-weight: bold;
}

/* Form fields, general styles first */
button,
input,
textarea {
	border: 1px solid #ccc;
	font-family: inherit;
	padding: 0.17rem;
}
button,
input {
    line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"],
article.post-password-required input[type=submit],
li.bypostauthor cite span {
	padding: 6px 10px;
	line-height: 1.1em;
	font-weight: normal;
	color: #fff;
	background-color: #b20000;
	border: 1px solid #d2d2d2;
	*border: 0
}
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
    cursor: default;
}
.menu-toggle:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	color: #000;
	background-color: #ccc;
	
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	
}
li.bypostauthor cite span {
	color: #fff;
	background-color: #b20000;
	background-image: none;
	border: 1px solid #1f6f93;
	border-radius: 2px;
	box-shadow: none;
	padding: 0;
}
input#searchsubmit{background: url(img/search.jpg) no-repeat center center; width:3.95em;height:28px;border:0; color:transparent}
input[id="s"] {border:0;}

form#searchform{
	height:28px;
	border-top: 0;
	border-right: 1px solid #b20000; 
	border-left: 1px solid #b20000; 
	border-bottom: 1px solid #b20000;  }
/* Responsive images */
.entry-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}

/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;
}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.widget img,
img.header-image,
.author-avatar img,
img.wp-post-image {
	/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.entry-content img{
	border:1px solid #ccc;	
	padding:10px}
.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
	padding: 1.714285714rem 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
.nav-previous,
.previous-image {
	float: left;
	width: 50%;
}
.nav-next,
.next-image {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
}

a {
	outline: none;
	color: #b20000;
	text-decoration:underline
}
a:visited {color:#800080} 
a:hover {
	color: #000;
	text-decoration: none;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px,1px,1px,1px);
}
.main-navigation .assistive-text:hover,
.main-navigation .assistive-text:active,
.main-navigation .assistive-text:focus {
	background: #fff;
	border: 2px solid #333;
	border-radius: 3px;
	clip: auto !important;
	color: #000;
	display: block;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #990000;
	display: block;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-weight: 700;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
	font-family: "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}
/* Page structure */
.site {
	padding: 0 24px;
	padding: 0 1.714285714rem;
	background-color: #fff;
	width:960px;
}



/* Header */
.site-header {

}
.site-header h1,
.site-header h2 {
	text-align: center;
}
div.site-title a{
	color: #000;
	display: inline-block;
	text-decoration: none;
	font-family: verdana;
	font-weight:600;
	font-size: 1.3em;
	position:absolute;
	top:167px;
	padding-left:45px
}
div.site-title a:hover {
	color: #b20000;
}

.site-header h1:lang(fr-FR) {
	padding-left:37px}
.site-header h2 {
	font-weight: normal;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.header-image {
	margin: 12px 0 3px;
}

/* Navigation Menu */

#site-navigation ul.menu-left-container.toggled-on,
#site-navigation ul.menu-left-french-container.toggled-on,
.menu-toggle {
	display: inline-block;
}


/* Banner */
section[role="banner"] {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
}

/* Sidebar */
.widget-area .widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
.widget-area .widget h3 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .widget p,
.widget-area .widget li,
.widget-area .widget .textwidget {
	font-size: 0.928571429rem;
	line-height: 1.846153846;
}
.widget-area .widget p {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.widget-area .textwidget ul {
	list-style: disc outside;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
.widget-area .textwidget li {
	margin-left: 36px;
	margin-left: 2.571428571rem;
}
.widget-area .widget a {
	color: #757575;
}
.widget-area .widget a:hover {
	color: #b20000;
}
.widget-area #s {
	width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */
}

/* Footer */
footer[role="contentinfo"] {
	border-top: 1px solid #ededed;
	clear: both;
	font-size:95%;
	line-height: 2;
	max-width: 960px;
	max-width: 68.571428571rem;
	margin-top: 24px;
	margin-top: 1.714285714rem;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 0;
	padding: 1.714285714rem 0;
}

footer[role="contentinfo"] a:hover {
	color: #222;
}


/* =Main content and comment content
-------------------------------------------------------------- */

.entry-meta {
	clear: both;
}
.entry-header {
	margin-bottom: 12px;
	margin-bottom: 0.8rem;
}
.entry-header img.wp-post-image {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-header .entry-title {
	font-size: 145%;
	line-height: 1.2;
	font-weight: bold;
}
.entry-header .entry-title a {
	text-decoration: none;
}
.entry-header .entry-format {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-weight: normal;
}


.entry-content,
.entry-summary,
.mu_register {
	line-height: 1.714285714;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6{
	margin: 0 0 12px 0;
	margin: 0 0 0.8rem 0;
	line-height: 1.714285714;
}
.entry-content h1{
	font-size: 1.5rem;
	line-height: 1.5;
}
.entry-content h2{
	line-height: 1.6;
	font-size:130%
}
.entry-content h3{
	font-size: 120%;
	line-height: 1.846153846;
}
.entry-content h4{
	font-size: 110%;
	line-height: 1.846153846;
}
.entry-content h5{
	font-size: 105%;
	line-height: 1.846153846;
}
.entry-content h6{
	font-size: 0.857142857rem;
	line-height: 1.846153846;
}
.entry-content p,
.entry-summary p,
.mu_register p {
	margin: 0 0 12px;
	margin: 0 0 .8rem;
	line-height: 1.7;
}
.entry-content ol,
.entry-content ul,
.mu_register ul {
	line-height: 1.714285714; 
	*margin-left:12px
}
.entry-content ul ul,
.entry-content ol ol,
.entry-content ul ol,
.entry-content ol ul{
	margin: 0 0 0 20px;
}
.entry-content ul,
.mu_register ul {
	list-style: disc outside;
}
.entry-content ul ul,
.mu_register ul  ul{
	list-style: circle outside;
}

ol{
	list-style: decimal outside;
}
.entry-content li,
.mu_register li {
	margin: 12px 0 12px 26px;

}
.entry-content blockquote{
border-left:2px solid #ccc;
	margin: 1.714285714em;
	padding-left:10px;

}
.entry-content blockquote p:last-child{
	margin-bottom: 0;
}
.entry-content code{
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 0.857142857rem;
	line-height: 2;
}
.entry-content pre{
	border: 1px solid #ededed;
	color: #666;
	font-family: Consolas, Monaco, Lucida Console, monospace;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	margin: 24px 0;
	margin: 1.714285714rem 0;
	overflow: auto;
	padding: 24px;
	padding: 1.714285714rem;
}
.entry-content pre code{
	display: block;
}
.entry-content abbr,
.entry-content dfn,
.entry-content acronym{
	border-bottom: 1px dotted #666;
	cursor: help;
}
.entry-content address {
	display: block;
	line-height: 1.714285714;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
}
img.alignleft {
	margin: 12px 24px 12px 0;
	margin: 0.857142857rem 1.714285714rem 0.857142857rem 0;
}
img.alignright {
	margin: 12px 0 12px 24px;
	margin: 0.857142857rem 0 0.857142857rem 1.714285714rem;
}
img.aligncenter {
	margin-top: 12px;
	margin-top: 0.857142857rem;
	margin-bottom: 12px;
	margin-bottom: 0.857142857rem;
}
.entry-content embed,
.entry-content iframe,
.entry-content object,
.entry-content video {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content dl {
	margin: 0 24px;
	margin: 0 1.714285714rem;
}
.entry-content dt{
	font-weight: bold;
	line-height: 1.714285714;
}
.entry-content dd{
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
.entry-content table {
	border-bottom: 1px solid #ededed;
	line-height: 2;
	margin: 0 0 24px;
	margin: 0 0 1.714285714rem;
	width: 100%;
}
tr, th, td{border:1px solid #ccc;padding: 2px 5px;}
th[scope="col"],th[scope="row"]{background:#eee}
.entry-content table caption{font-weight:bold}

.site-content article {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}
.page-links {
	clear: both;
	line-height: 1.714285714;
}
footer.entry-meta {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #757575;
}
.single-author .entry-meta .by-author {
	display: none;
}
.mu_register h2 {
	color: #757575;
	font-weight: normal;
}


/* =Archives
-------------------------------------------------------------- */

.archive-header,
.page-header {
	margin-bottom: 48px;
	margin-bottom: 3.428571429rem;
	padding-bottom: 22px;
	padding-bottom: 1.571428571rem;
	border-bottom: 1px solid #ededed;
}
.archive-meta {
	color: #757575;
	font-size: 0.857142857rem;
	line-height: 2;
	margin-top: 22px;
	margin-top: 1.571428571rem;
}


/* =Single image attachment view
-------------------------------------------------------------- */

.article.attachment {
	overflow: hidden;
}
.image-attachment div.attachment {
	text-align: center;
}
.image-attachment div.attachment p {
	text-align: center;
}
.image-attachment div.attachment img {
	display: block;
	height: auto;
	margin: 0 auto;
	max-width: 100%;
}
.image-attachment .entry-caption {
	margin-top: 8px;
	margin-top: 0.571428571rem;
}


/* =Aside post format
-------------------------------------------------------------- */

article.format-aside h1 {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
article.format-aside h1 a {
	text-decoration: none;
	color: #4d525a;
}
article.format-aside h1 a:hover {
	color: #2e3542;
}
article.format-aside .aside {
	padding: 24px 24px 0;
	padding: 1.714285714rem;
	background: #d2e0f9;
	border-left: 22px solid #a8bfe8;
}
article.format-aside p {
	font-size: 0.928571429rem;
	line-height: 1.846153846;
	color: #4a5466;
}
article.format-aside blockquote:last-child,
article.format-aside p:last-child {
	margin-bottom: 0;
}


/* =Post formats
-------------------------------------------------------------- */

/* Comment form */
#respond {
	margin-top: 48px;
	margin-top: 3.428571429rem;
}
#respond h3#reply-title {
	font-size: 1.142857143rem;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714rem;
	font-weight: normal;
	font-size: 0.857142857rem;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714rem 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286rem 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714rem;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0.857142857rem;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714rem;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: #b20000;
}


/* =Front page template
-------------------------------------------------------------- */

.entry-page-image {
	margin-bottom: 14px;
	margin-bottom: 1rem;
}
.template-front-page .site-content article {
	border: 0;
	margin-bottom: 0;

}
.template-front-page .widget-area {

}
.template-front-page .widget-area .widget li {
	margin: 8px 0 0;
	margin: 0.571428571rem 0 0;
	font-size: 0.928571429rem;
	line-height: 1.5;
	list-style-position: inside;
}
.template-front-page .widget-area .widget li a {
	color: #757575;
}
.template-front-page .widget-area .widget li a:hover {
	color: #b20000;
}
.template-front-page .widget-area .widget_text img {
	margin: 8px 24px 8px 0;
	margin: 0.571428571rem 1.714285714rem 0.571428571rem 0;
}


/* =Plugins
----------------------------------------------- */
h2.xl{font-size:180%;line-height:1.3em}
a.print {float:left}

img#wpstats {
	display: block;
	margin: 0 auto 24px;
	margin: 0 auto 1.714285714rem;
}
.menu-footer-container{
	margin: 0 auto;
	width: 300px}
	
.menu-footer-french-container {
	margin: 0 auto;
	width: 370px}
	
#map-banner{
	float:left;
	background:url(img/map-s.png) no-repeat center center #fff;
	width:300px;
	height:170px;
	border-radius: 3px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
	padding: 3px;
	border: 1px solid #ccc;
		}
.fr #map-banner{
	background:url(img/map-s-fr.png) no-repeat center center #fff;

	}
#map-banner div{
font-family: verdana;
position: relative;
width: 150px;
border-bottom: 30px solid #b20000;
}

#map-banner span {
color: #fff;
position: absolute;
top: -30px;
left: -150px;
width: 150px;
line-height: 30px;
text-align: center;
font-weight: bold;
font-size: .89em;
background: #b20000;
	}
#map-banner  a{
position: absolute;
left: 150px;
border-top: 30px solid #b20000;
border-right: 30px dashed transparent;
}
a#more {background: url(img/red-arrow.png) no-repeat left center;
padding-left: 10px}

#recent-news {float: left; width: 48%;}
.entry-date {font-size:90%}
#searchform {float:right;border-left: 6px solid #fff;padding-left: 6px;}
.main-navigation .current-menu-item a {color:#fff;}
#site-portal, #site-portal-fr {font-size:90%;float:right;border-top: 2px solid #b20000;width: 400px;	margin-top:2px}
#site-portal-fr{width: 435px}
#site-portal a,#site-portal-fr a{ padding-left:7px;  line-height: 2.5em;}
#site-portal a:hover, #site-portal-fr a:hover{color:#b20000;}
.tmpl {width: 160px !important;}
.tmpl-fr {width: 190px !important;}
.breadcrumbs { font-size: 0.9em;float:left;width: 860px;padding-right: 10px;} 
#primary{background: #fff;padding-left: 20px;*padding-left: 0;}
#menu-left, #menu-left-french{border-top:1px solid #b20000 !important; border-bottom:1px solid #b20000 !important; font-size:90%}
.top-navigation {width:100%;height:30px}
ul#menu-top li, ul#menu-top-french li{font-family: verdana; float:left; position:relative; margin-right:8px; display:block; height:0; width:156px; border-bottom:30px solid #b20000; border-left:30px dashed transparent;}
ul#menu-top-french li {width:146px}
#menu-top { margin:0; list-style:none;}
#menu-top li a, #menu-top-french li a {position:absolute; left:156px; top:0; border-top:30px solid #b20000; border-right:30px dashed transparent; text-decoration:none; font-family:Verdana, Geneva, sans-serif; color:#fff;}
#menu-top-french li a{left:146px;}
#menu-top li a span,#menu-top-french li a span  {display:block; position:absolute; top:-30px; left:-156px; width:156px; height:30px; line-height:30px; text-align:center; cursor:pointer; font-weight: bold;font-family: verdana;background: #b20000;}
#menu-top-french li a span  {left:-146px; width:146px;}
#menu-top li:hover, #menu-top-french li:hover {border-bottom:30px solid #333;}
#menu-top li a:hover, #menu-top-french li a:hover  {border-top:30px solid #333; }
#menu-top li a span:hover, #menu-top-french  li a span:hover {background:#333}
ul#menu-top li.nav-left, ul#menu-top-french li.nav-left{border-left:0}
ul#menu-top li.nav-3, ul#menu-top-french li.nav-3{border-left:0}
ul#menu-top li.nav-right a, ul#menu-top-french li.nav-right a {border-right:0}
ul#menu-top li.nav-right a span,ul#menu-top-french li.nav-right a span{margin-right: 0;width: 184px;background:#b20000; }
ul#menu-top li.nav-right a span:hover,ul#menu-top-french li.nav-right a span:hover{background:#333}
ul#menu-top-french li.nav-right a span {width:224px; background:#b20000; }
#menu-top li.current-menu-item, #menu-top-french li.current-menu-item {border-bottom:30px solid #333; }
#menu-top li.current-menu-item a, #menu-top-french li.current-menu-item a {border-top:30px solid #333; }
ul#menu-top li.current-menu-item a span, ul#menu-top-french li.current-menu-item a span {background:#333}
.dotted {background: url(img/dot.png) left center no-repeat; }
#menu-footer li, #menu-footer-french li{ float:left;padding:0 10px}
#search-toggle {display:none}
#map-text{	float: right;width: 380px;}

table#feedback td,table#feedback tr{border: 0;}
table#feedback {border-bottom:0}

.twitter{
background: url(img/twitter.jpg) no-repeat #b20000 6px center;
}

.twitter span {
padding: 5px !important;
}
.twitter span a{
    color: #fff !important;
    padding-left: 50px;
    font-size: 1.1em;
}

.wpcf7-submit{
	background:#222;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 2px 2px rgba(255, 255, 255, 0.2);
	color:#fff;
	border:0; 
	width:15%
}
.wpcf7-submit:hover {
	background:#b20000; 
}

/*  left menu  */
.menu-left-container a,.menu-left-french-container a{text-decoration: none;color:#222}
.menu-left-container a:hover, .menu-left-french-container a:hover {  text-decoration: none; color:#b20000}
.menu-left-container, .menu-left-french-container  {
  background-color: #eee;
  border-top: 1px solid #b20000;
border-bottom: 1px solid #b20000;
}

.menu-left-container > ul > li, .menu-left-french-container > ul > li {
  line-height:1.8;
  border-top: 1px dotted #333;
}

.menu-left-container > ul > li:first-child, .menu-left-french-container > ul > li:first-child {
  border-top-width: 0;
}

.menu-left-container > ul > li > span, .menu-left-french-container > ul > li > span  {
  display: block;
  padding: 9px 4px 9px 9px;
  cursor: pointer;
}

.menu-left-container > ul > li.empty > span,
.menu-left-container > ul > li.current > span,
.menu-left-french-container > ul > li.empty > span,
.menu-left-french-container > ul > li.current > span  {
  cursor: default;
}

.menu-left-container > ul > li > span > a,
.menu-left-french-container > ul > li > span > a  {
  font-weight:bold;
  color:#222;
  width:195px
}

.menu-left-container > ul > li > span > a:hover,
.menu-left-french-container > ul > li > span > a:hover {color:#b20000}

.menu-left-container > ul > li > ul,
.menu-left-french-container > ul > li > ul  {	background:#FFF}

.menu-left-container > ul > li > ul > li,
.menu-left-french-container > ul > li > ul > li {
border-top: 1px dotted #333;
line-height: 1.8;
}
.menu-left-container > ul > li > ul > li >span a,
.menu-left-french-container > ul > li > ul > li >span a{  padding: 9px 18px;}
.menu-left-container > ul > li > ul > li > ul> li > span a,
.menu-left-french-container > ul > li > ul > li > ul> li > span a{  padding: 9px 27px; border-top:1px dotted #333}
.menu-left-container > ul > li > ul li a,
.menu-left-french-container > ul > li > ul li a{
padding-left: 1em ;
display:block}
.menu-left-container > ul > li > ul li a:hover,
.menu-left-french-container > ul > li > ul li a:hover {  color: #b20000;}


li.menu-item span {  background: url(img/plus_grey.png) 210px center no-repeat;}

.menu-left-container > ul > li.expanded > span,
.menu-left-french-container > ul > li.expanded > span {
  background: url(img/minus_grey.png) 210px center no-repeat;
  line-height:1.8;
}

.menu-left-container > ul > li.menu-item > ul,
.menu-left-french-container > ul > li.menu-item > ul {  display: none;}

.menu-left-container > ul > li.current-menu-ancestor > ul.sub-menu,
.menu-left-french-container > ul > li.current-menu-ancestor > ul.sub-menu {display:block}
.menu-left-container > ul > li.current-menu-item > ul.sub-menu,
.menu-left-french-container > ul > li.current-menu-item > ul.sub-menu {display:block}
.menu-left-container > ul > li.menu-item a,
.menu-left-french-container > ul > li.menu-item a {color:#222;width: 195px;display: block;}

.menu-left-container > ul > li.menu-item ul li a,
.menu-left-french-container > ul > li.menu-item ul li a {width: auto;}

.menu-left-container > ul > li.current-menu-item > span > a,
.menu-left-french-container > ul > li.current-menu-item > span > a {color:#b20000;width: 195px;display: block;}
.menu-left-container > ul > li > ul > li.current-menu-item > span > a,
.menu-left-french-container > ul > li > ul > li.current-menu-item > span > a {color:#b20000; }
.menu-left-container > ul > li > ul > li > ul > li.current-menu-item > span > a,
.menu-left-french-container > ul > li > ul > li > ul > li.current-menu-item > span > a {color:#b20000; }
.menu-left-container li.current-menu-item,
.menu-left-french-container li.current-menu-item {background:#fff;}
.menu-left-container ul li ul.sub-menu, .menu-left-french-container ul li ul.sub-menu {display:none}
.menu-left-container ul li ul li.current_page_item ul.sub-menu, 
.menu-left-container ul li ul li.current-menu-parent ul.sub-menu,
.menu-left-french-container ul li ul li.current_page_item ul.sub-menu, 
.menu-left-french-container ul li ul li.current-menu-parent ul.sub-menu  {display:block}
li.current-menu-ancestor {background:#FFF}
li.expanded span {background: url(img/plus_grey.png) 210px center no-repeat;}
li.current-menu-item span{background: url(img/minus_grey.png) 210px center no-repeat;}
li.current-menu-ancestor span{background: url(img/minus_grey.png) 210px center no-repeat;}
.menu-left-container ul.sub-menu li span,
.menu-left-french-container ul.sub-menu li span{background:none}
li.empty span {background:none}

/* canlii box*/
.gfc-results{font-size:0.95em}
.gf-result{margin:1em 0}
.gfc-resultsheader .gfc-title {color:#000;font-weight:bold}
.sbox{
margin:20px;
width: 265px;
height: 70px;
background: #eee;
color: #3b3f89;
font-family: "Arial narrow", Arial, sans-serif;
font-weight: bold;
border: 1px solid #ccc;
float:left
}

.sbox a {
color: #990000;
height: 40px;
display: block;
padding: 6px 14px 22px;
border: 1px solid #fff;
font-size: 1.2em;
background: url(img/sbox.jpg) no-repeat 90% center;
text-decoration:none
}
.sbox span{
	text-transform: uppercase;
}
.sbox span.fr{
	font-size: 15px;
}
.sbox a:hover,
.sbox a.fr:hover {
	text-decoration:none;
	color:#FFF;
	background: url(img/sbox-h.jpg) no-repeat 90% center #990000;
	}

.sbox a.fr{
color: #990000;
width: 223px;
height: 48px;
display: block;
padding: 10px 20px;
border: 1px solid #fff;
text-transform: uppercase;
font-size: 18px;
background: url(img/sbox.jpg) no-repeat 90% center;
line-height:1.4em
}
.sfr a{
	padding:6px 20px 22px 8px}
	

ul#news li span{
font-size: 90%;
padding-left: 10px;}
#sizecontroldiv {
border-left: 2px solid #ccc;
padding-left: 5px;
line-height: 16px;
background: #f6f6f6;
float: left;
margin: 5px 0 10px 0;
width:100%}
/*
Back to top button 
*/
#back-top {
	position: fixed;
	bottom: 30px;
	right: 10%;
}
#back-top a {
	width: 60px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 60px;
	height: 60px;
	display: block;
	margin-bottom: 7px;
	background: #ccc url(img/up-arrow.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover span {
	background-color: #333;
}
#policy{clear:both;
text-align:center}

a[href*=".pdf"]{background: url(img/pdf.png) no-repeat left top;padding-left: 20px;}
.outlink:after {content: url(img/link.png)}
.safemail{background: url(img/email.png) no-repeat left center;padding-left: 20px;}
.after img, .before img, img.rss{border:0;padding:0}
a[href*=".doc"]:before{content: url(img/word.png)}
.ie7 a[href*=".doc"]{background: url(img/word.png) no-repeat left center;padding-left: 20px;}

p.icl_post_in_other_langs{
height: 16px;
border-left: 2px solid #ccc;
padding-left: 5px;
line-height: 16px;
background: #f6f6f6;}
.home .entry-header,
.home .icl_post_in_other_langs,
.home #sizecontroldiv
{display:none}
.home .site-header{padding: 0 0 24px 0;}
.three_col {
width: 30.6666%;
float: left;
margin-right: 4%;
position: relative;}
.one_half {
width: 47%;
float: left;
position: relative;}

.last {
clear: right;
margin-right: 0px !important;}
.sitemap{font-size:95%}
.sitemap strong{border-bottom:1px solid #999;display: block;}
#toc_container {background: none;
border: 0;
padding: 0;
margin-bottom: 1em;
width: auto;
display: table;
font-size: 100%;}
input[value="Soumettre"] {width:15%}
.four_col {
width: 22%;
float: left;
position: relative;
margin-right: 4%;}

#msgbox {
	background: #eee;
    padding: 6px 8px;
    line-height: 1.6em;
    margin-bottom: 10px;
}
#msgbox strong{
	line-height: 2em;
	text-transform: uppercase;
}

/* =Media queries
-------------------------------------------------------------- */
@media screen and (min-width: 997px) and (max-width: 1028px){
	ul#menu-top li.nav-right,ul#menu-top-french li.nav-right{margin-right: 0;width: 173px; }
}
@media screen and (min-width: 960px) {
	body {
		background-color: #fff;
	}

	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}


}
@media screen and (min-width: 800px) {
	/*
	#primary{padding-left: 15px;}
	ul#menu-top li, ul#menu-top-french li{width: 105px;font-size: 0.85em;}
	#menu-top li a, #menu-top-french li a{left: 105px;}
	#menu-top li a span, #menu-top-french li a span{left: -130px;}
	ul#menu-top li.nav-right, ul#menu-top-french li.nav-right{	width: 153px;}
	div.site-title a {top: 132px;
padding-left: 10px;}
	
	*/
	}
	
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px)  {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;

padding:0;
		overflow: hidden;
	}
	.site-content {
		float: right;
		width: 73.9%;
	}
	body.template-front-page .site-content,
	body.single-attachment .site-content,
	body.full-width .site-content {
		/*width: 100%;*/
	}
	body.full-width .no-sidebar{width: 100%;}
	.widget-area {
		float: left;
		width: 23.99%;
	background:#eee
	}
	.site-header h1,
	.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		line-height: 1.846153846;
		margin-bottom: 0;
	}
	#site-navigation ul.menu-left-container,
	#site-navigation div.menu-left-container > ul,
	#site-navigation ul.menu-left-french-container,
	#site-navigation div.menu-left-french-container > ul
	 {
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #222;
		line-height: 2.8em;
		white-space: nowrap;
		font-weight:bold;
		padding-left:50px
	}
	.main-navigation li a:hover {
		
	}
	.main-navigation li {
		margin: 0;
		position: relative;
		border-top: 2px solid #b20000;
		border-bottom: 1px solid #ccc;
		background: #eee;

		color: #222;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;

		white-space: normal;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #222;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
	.menu-toggle {
		display: none;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	.template-front-page .site-content,
	.template-front-page article {
		overflow: hidden;
	}
	.template-front-page.has-post-thumbnail article {
		float: left;
		width: 47.916666667%;
	}
	.entry-page-image {
		float: right;
		margin-bottom: 0;
		width: 47.916666667%;
	}
	.template-front-page .widget-area .widget,
	.template-front-page.two-sidebars .widget-area .front-widgets {

	}
	.template-front-page .widget-area .widget:nth-child(odd) {
		clear: right;
	}
	.template-front-page .widget-area .widget:nth-child(even),
	.template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
		float: right;
		width: 39.0625%;
		margin: 0 0 24px;
		margin: 0 0 1.714285714rem;
	}
	.template-front-page.two-sidebars .widget,
	.template-front-page.two-sidebars .widget:nth-child(even) {
		float: none;
		width: auto;
	}
	
}



@media (max-width:480px) { 
.site{
padding: 0;
width:480px
}
.header-image {margin:0 0 3px}
.home .site-header {padding:0}
#site-navigation  ul.menu-left-container,
#site-navigation  div.menu-left-container > ul,
#site-navigation  ul.menu-left-french-container,
#site-navigation  div.menu-left-french-container > ul {
display:none
}
div.site-title a {
top: 90px;
font-size: 1em;
padding-left: 10px;
}
#site-portal, #site-portal-fr {width:100%}
ul#menu-top li, ul#menu-top-french li {
font-size: .8em;
height:2.3em;
width:auto;
border:0;
	}
#menu-top li.current-menu-item, #menu-top-french li.current-menu-item {border:0}
#menu-top li.current-menu-item a, #menu-top-french li.current-menu-item a {border:0}
#menu-top li:hover, #menu-top-french li:hover {border:0;}
#menu-top li a:hover, #menu-top-french li a:hover  {border:0 }
#menu-top li a span:hover, #menu-top-french  li a span:hover {border:0}
ul#menu-top li a, ul#menu-top-french li a {
	border:0;
	left:0;
	position:static;
	height:30px
}
#menu-top li a span:hover, #menu-top-french li a span:hover {background:#b20000}
#menu-top li a span, #menu-top-french li a span{
	top:0;
	left:0;
	height: auto;
	font-weight: normal;
	font-family: verdana;
	position:relative;
	display: inline;
	padding: 5px;
border-radius: 3px;
background:#b20000;
	}
.breadcrumbs {
	display:none
}
#primary {padding-left:5px}
#search-toggle {display:block; right: 10px; top: 10px; position: absolute;}
#searchform{display:none}
#sizecontroldiv {display:none}

#site-navigation span.menu-toggle{
top: 110px;
position: absolute;
right: 3px;
}
.menu-left-container, .menu-left-french-container  {border:0; width:100%}
li.current-menu-ancestor span, .menu-left-container > ul > li.expanded > span, .menu-left-french-container > ul > li.expanded > span, li.menu-item span {background-position: 95% center;}
#map-text {clear:both; width:auto}
#back-top {bottom:0}
}

@media (max-width:320px) { 
#site-portal, #site-portal-fr {width:100%}
.site-header h1 {
	font-size:0.8em;
	top: 76px;
	padding-left: 10px;
}
.site{width:320px}
.site-header
	{padding: 0 0 5px 0}
#home-left, #recent-news{clear:both;width:auto}
.home .site-header {padding:0}
p.icl_post_in_other_langs {0.9em}
div.site-title a {
top: 70px;
font-size: .9em;}

}


/* =Print
----------------------------------------------- */

@media print {
	a {text-decoration: none}
.menu-top-container,
#site-portal,
#secondary,
.breadcrumbs,
.site-title,
.site-info,
#policy,
#sizecontroldiv,
.home h1.entry-title,
#site-navigation,
#masthead,
.icl_post_in_other_langs
{display:none}
.site-content{width:99%}
.home {font-size:14pt}
a#more {padding:0}
.before, .after{content: none}
#content {font-size:13pt}
#toc_container  {display:none}
a[href*=".pdf"]{background: none;padding-left: 0;}
.outlink:after {content: none}
a[href*=".doc"]{background: none;padding-left: 0;}

#back-top, #back-top span, #back-top a, #back-top a:hover, #back-top a:hover span {display:none}
	
#map-banner{display:none}	
#map-text{	float: left;width: 100%;}	
}

/*search*/

.search tr, .searchth, .search td {border: 0px; padding:0}
.search h1{font-size:1.5em; line-height:2em}
.search p{font-size:1em; line-height:1.2em;padding:5px}
.search  table {background:#eee;width: 100%; padding:5px}
.search lable {line-height:2em}
.search .description {line-height: 1.3em;margin: 5px 0;}
.search .url {font-size:95%}
.search .mainArea {padding:10px 5px}
#result_report{padding:5px}
.s-row{line-height:30px}
input[id="keyword"] {height:22px}

form.searchform {background:#eee; padding:10px;line-height:24px}
#powered_by {margin-top:20px}