@charset "UTF-8";
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300");
@import url("http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700");
/*
 * 	Theme Name: JMCanada
 *	Theme URI: 
 *	Description: 
 *	Author: Design: Furaxe.qc.ca :: Coding: sequencedigitale.com
 *	Version: 1.0
 *	License: 
 *	License URI: 
 *	Tags:
**/ 

/* RESET
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:inherit;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}


/* BASE + CUSTOM
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
body{margin:2em;}h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong,dt{font-weight:bold;}optgroup{font-weight:normal;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}del{text-decoration:line-through;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border: 0; padding: 0;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}sup{vertical-align:super;}sub{vertical-align:sub;}p,fieldset,table,pre{margin:1em 0;}button,input[type="checkbox"],input[type="radio"],input[type="reset"],input[type="submit"]{padding:1px;}caption{ font-weight: bold; text-align: left; }table{ border-collapse: collapse; }td[align=left], th[align=left],.align-left{ text-align: left !important; }td[align=center], th[align=center],.align-center{ text-align: center !important; }td[align=right], th[align=right],.align-right{ text-align: right !important; }td[valign=top], th[valign=top],.valign-top{ vertical-align: top !important; }td[valign=middle], th[valign=middle],.valign-middle{ vertical-align: middle !important; }td[valign=bottom], th[valign=bottom],.valign-bottom{ vertical-align: bottom !important; }.clearfix { display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }u, span.u{ text-decoration: underline; }del{ color: red; text-decoration: line-through; }ins{ color: green; text-decoration: underline;}small{font-size: 0.8em; }big{font-size: 1.2em; }sub, sup{ font-size: 0.8em; line-height: 1em; }

/**
 *@font-face
**/
@font-face {
	font-family: 'Museo-300';
	src: url('/assets/css/font/Museo-300.eot?') format('eot'), 
		 url('/assets/css/font/Museo-300.otf')  format('opentype'),
		 url('/assets/css/font/Museo-300.woff') format('woff'), 
		 url('/assets/css/font/Museo-300.ttf')  format('truetype'),
		 url('/assets/css/font/Museo-300.svg#Museo-300') format('svg');
}

/**
 *  THEME font-base : 14px/18px
 *	STYLE DE BASE
 *	Couverture des elements XHTML
 *	http://pxtoem.sequencedigitale.com
 *	http://www.pxtoem.com

01px	0.0714285714em	7.1%	01pt
02px	0.1428571429em	14.3%	02pt
03px	0.2142857143em	21.4%	02pt
04px	0.2857142857em	28.6%	03pt
05px	0.3571428571em	35.7%	04pt
06px	0.4285714286em	42.9%	05pt
07px	0.5000000000em	50.0%	05pt
08px	0.5714285714em	57.1%	06pt
09px	0.6428571429em	64.3%	07pt
10px	0.7142857143em	71.4%	08pt
11px	0.7857142857em	78.6%	08pt
12px	0.8571428571em	85.7%	09pt
13px	0.9285714286em	92.9%	10pt
14px	1.0000000000em	100.0%	11pt
15px	1.0714285714em	107.1%	11pt
16px	1.1428571429em	114.3%	12pt
17px	1.2142857143em	121.4%	13pt
18px	1.2857142857em	128.6%	14pt
19px	1.3571428571em	135.7%	14pt
20px	1.4285714286em	142.9%	15pt
21px	1.5000000000em	150.0%	16pt
22px	1.5714285714em	157.1%	17pt
23px	1.6428571429em	164.3%	17pt
24px	1.7142857143em	171.4%	18pt
25px	1.7857142857em	178.6%	19pt
26px	1.8571428571em	185.7%	20pt
27px	1.9285714286em	192.9%	20pt
28px	2.0000000000em	200.0%	21pt
29px	2.0714285714em	207.1%	22pt
30px	2.1428571429em	214.3%	23pt
31px	2.2142857143em	221.4%	23pt
32px	2.2857142857em	228.6%	24pt
33px	2.3571428571em	235.7%	25pt
34px	2.4285714286em	242.9%	26pt
35px	2.5000000000em	250.0%	26pt
36px	2.5714285714em	257.1%	27pt
37px	2.6428571429em	264.3%	28pt
38px	2.7142857143em	271.4%	29pt
39px	2.7857142857em	278.6%	29pt
40px	2.8571428571em	285.7%	30pt
41px	2.9285714286em	292.9%	31pt
42px	3.0000000000em	300.0%	32pt
43px	3.0714285714em	307.1%	32pt
44px	3.1428571429em	314.3%	33pt
45px	3.2142857143em	321.4%	34pt
46px	3.2857142857em	328.6%	35pt
47px	3.3571428571em	335.7%	35pt
48px	3.4285714286em	342.9%	36pt
49px	3.5000000000em	350.0%	37pt
50px	3.5714285714em	357.1%	38pt
51px	3.6428571429em	364.3%	38pt
52px	3.7142857143em	371.4%	39pt
53px	3.7857142857em	378.6%	40pt
54px	3.8571428571em	385.7%	41pt
55px	3.9285714286em	392.9%	41pt
56px	4.0000000000em	400.0%	42pt
57px	4.0714285714em	407.1%	43pt
58px	4.1428571429em	414.3%	44pt
59px	4.2142857143em	421.4%	44pt
60px	4.2857142857em	428.6%	45pt
61px	4.3571428571em	435.7%	46pt
62px	4.4285714286em	442.9%	47pt
63px	4.5000000000em	450.0%	47pt
64px	4.5714285714em	457.1%	48pt

green: #8e983f
/**/
html{ background: #fff; color: #000; font-size: 100.01%; }
html{ -webkit-font-smoothing: antialiased; }
body{ font: 87.5%/1.4285714286 arial, sans-serif; margin: 0 auto; padding: 20px 20px 80px 20px; width: 990px;  }
	
a{ color: #8e983f; text-decoration: underline; }
a:hover{ color: #000; }
a:focus,
a:active{ color: #1E8208; }
a[rel^="external"]::after{ content: "\2197"; }
abbr{}
acronym{}
address{ display: block; margin: 1em 0; }

blockquote{}
bdo{}
cite{}
code{}
dfn{}

h1, .h1{ font-family: 'Museo-300', serif; font-size: 3.2142857143em; font-weight: 300; margin-top: 0; }
h2, .h2{}
h3, .h3{}
h4, .h4{}
h5, .h5{}
h6, .h6{}

hr{ border: 0; border-top: 1px dashed #ccc; margin: 2em 0; padding: 0; }

i, em{}
a img{ border: 0; }
kbd{}
p{}
pre{}
q{}
samp{}
b{}
big{}
small{}
strike{}
strong{}
sup{}
sub{}


	
/* 
	Formulaires 
*/
form{}
fieldset{ margin-top: 2.5em; padding: 1em 0; position: relative; }
label{ cursor: pointer; font-weight: normal; }
legend{ border-bottom: 1px solid #ededed; font-size: 1em; display: block; padding: 0.3571428571em 0; position: absolute; top: -2em; width: 100%;}

/* Checkbox/Radio */
input[type=checkbox]{ cursor: pointer; position: relative; top: 2px; }
input[type=radio]{ cursor: pointer; position: relative; top: 2px; }
.label-checkbox{ display: block; padding-left: 1.75em; position: relative; }
.label-checkbox input[type=checkbox]{ left: 0.25em; position: absolute; top: 0.2em; }
.label-radio{ display: block; padding-left: 1.75em; position: relative; }
.label-radio input[type=radio]{ left: 0.25em; position: absolute; top: 0.2em; }
body:not(.ie8) .label-checkbox{ overflow: hidden; }
body:not(.ie8) .label-checkbox  input[type=checkbox]{ left: -999em; top: 0.2em; }
body:not(.ie8) .label-checkbox  .label-title:before{ background: url(../images/style.png) -20px 0; content: ""; height: 17px; left: 0; position: absolute; top: 0; width: 17px; }
body:not(.ie8) .label-checkbox:hover .label-title{ color: #000; }
body:not(.ie8) .label-checkbox input[type=checkbox]:checked + .label-title{ color: #009bda; }
body:not(.ie8) .label-checkbox input[type=checkbox]:checked + .label-title:before{ background-position: -20px -20px; }
body:not(.ie8) .label-radio{ overflow: hidden; }
body:not(.ie8) .label-radio  nput[type=radio]{ left: -999em; top: 0.2em; }
body:not(.ie8) .label-radio .label-title:before{ background: url(../images/style.png) 0 0; content: ""; height: 17px; left: 0; position: absolute; top: 2px; width: 17px; }
body:not(.ie8) .label-radio:hover .label-title{ color: #000; }
body:not(.ie8) .label-radio input[type=radio]:checked + .label-title{ color: #009bda; }
body:not(.ie8) .label-radio input[type=radio]:checked + .label-title:before{ background-position: 0 -20px; }

/* Buttons */
input[type=submit], input[type=reset], input[type=button], button, .input-button{ background: #8e983f; border: 1px solid #fff; color: #fff; cursor: pointer; display: inline-block; font-size: 0.9285714286em; line-height: normal; overflow: visible; padding: 0.5333333333em 1.5em; text-decoration: none; text-align: center; text-transform: uppercase; vertical-align: middle; }
input[type=submit], input[type=reset], input[type=button], button, .input-button{
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;

	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
input[type=submit]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, button::-moz-focus-inner, .input-button::-moz-focus-inner { 
    border: 0px;
    padding: 0px;  
}
input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, button:focus, .input-button:focus,
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .input-button:hover{ background: #7c7d7c; color: #fff; outline: none; }
input[type=submit]:active, input[type=reset]:active, input[type=button]:active, button:active, .input-button:active{ background: #1E8208; color: #fff; }
input[type=submit][disabled=disabled], input[type=reset][disabled=disabled], input[type=button][disabled=disabled], button[disabled=disabled], .input-button[disabled=disabled]{ cursor: default; opacity: 0.5; }

input[type=submit], input[type=reset], input[type=button], button, .input-button,
input[type=submit]:focus, input[type=reset]:focus, input[type=button]:focus, button:focus, .input-button:focus,
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover, button:hover, .input-button:hover{
	-webkit-transition: background-color 0.5s ease;
	-o-transition: background-color 0.5s ease;
	-ms-transition: background-color 0.5s ease;
	-moz-transition: background-color 0.5s ease;
	transition: background-color 0.5s ease;
}

/* Inputs */
input[type=text], input[type=color], input[type=email], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=file], textarea, .input-text{ border: 1px solid #cfcfcf; font-size: 0.9375000000em; line-height: normal; padding: 8px; text-decoration: none; max-width: 98%; }
input[type=text], input[type=color], input[type=email], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=file], textarea, .input-text{
	box-shadow: inset 1px 2px 2px #ececec;
	
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
}
input[type=text]:focus, input[type=color]:focus, input[type=email]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=password]:focus, textarea:focus, .input-text:focus{ background-color: #FFFF99; border-color: #333; box-shadow: inset 1px 2px 2px #c0c073; outline: 0; text-decoration: none; }
input[type=text]:hover, input[type=color]:hover, input[type=email]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=month]:hover, input[type=number]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, input[type=password]:hover, textarea:hover, .input-text:hover{ border-color: #333; outline: 0; text-decoration: none; }

input[type=text], input[type=color], input[type=email], input[type=date], input[type=datetime], input[type=datetime-local], input[type=month], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], input[type=week], input[type=password], input[type=file], textarea, select, .input-text, input[type=text]:focus, input[type=color]:focus, input[type=email]:focus, input[type=date]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=month]:focus, input[type=number]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, input[type=password]:focus, textarea:focus, .input-text:focus, input[type=text]:hover, input[type=color]:hover, input[type=email]:hover, input[type=date]:hover, input[type=datetime]:hover, input[type=datetime-local]:hover, input[type=month]:hover, input[type=number]:hover, input[type=search]:hover, input[type=tel]:hover, input[type=time]:hover, input[type=url]:hover, input[type=week]:hover, input[type=password]:hover, textarea:hover, .input-text:hover{
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
textarea{ overflow-y: scroll; }



select{ border: 1px solid #cfcfcf; box-shadow: inset 1px 2px 2px #ececec; cursor: pointer; font-size: 0.9375000000em; margin: 0; padding: 7px; }
select{
	-webkit-border-radius: 5px; 
	-o-border-radius: 5px; 
	-ms-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px; 
	text-indent: 0.01em;
	text-overflow: "";
}

select:focus,
select:hover{ background-color: #FFFF99; border-color: #333; box-shadow: inset 1px 2px 2px #c0c073; outline: none; }
select,
select:focus,
select:hover{
	-webkit-transition: background-color 0.25s ease-out;
	-o-transition: background-color 0.25s ease-out;
	-ms-transition: background-color 0.25s ease-out;
	-moz-transition: background-color 0.25s ease-out;
	transition: background-color 0.25s ease-out;
}

optgroup{}
option{}
	
/* 
	Listes 
*/
li{ margin-bottom: 0.5em; }
ol{}
ol ol{}
ol li{}
ul{}	
ul ul{}
ul li{}
ul.no-style, ol.no-style{ margin: 1em 0; }
ul.no-style li, ol.no-style li{ list-style: none; margin: 0; }
ul.list-checkbox, ol.list-checkbox,
ul.list-radio, ol.list-radio{ margin-left: 0; }
ul.list-checkbox li, ol.list-checkbox li,
ul.list-radio li, ol.list-radio li{ list-style: none; position: relative; }

dl{ margin-left: 0; }
dl dt{ margin-bottom: 0.3333333333em; }
dl dd{ margin-bottom: 1em; margin-left: 0; }

.error{ color: red; }
.success{ color: green; }
.field-errors{}
.field-errors input[type=text], .field-errors input[type=color], .field-errors input[type=email], .field-errors input[type=date], .field-errors input[type=datetime], .field-errors input[type=datetime-local], .field-errors input[type=month], .field-errors input[type=number], .field-errors input[type=search], .field-errors input[type=tel], .field-errors input[type=time], .field-errors input[type=url], .field-errors input[type=week], .field-errors input[type=password], .field-errors input[type=file], .field-errors textarea, .field-errors .input-text{ background-color: #ffe7e2; border-color: red; color: red; box-shadow: inset 1px 2px 2px #ffacac; }
.field-errors select{ background-color: #ffe7e2; background-image: url(../images/style/select-error.png); border-color: red; color: red; }
.field-errors dd.error{ color: red; font-size: 0.9em; margin-top: -0.75em; }
.field-errors .label-checkbox .label-title{ color: red; }
.field-errors .label-radio .label-title{ color: red; }
body:not(.ie8) .field-errors select{ background-color: #ffe7e2; background-image: url(../images/style/select-error.png); border-color: red; color: red; }
body:not(.ie8) .field-errors .label-checkbox .label-title:before{ background-position: -20px -40px; }
body:not(.ie8) .field-errors .label-checkbox input[type=checkbox]:checked + .label-title{ color: #333; }
body:not(.ie8) .field-errors .label-checkbox input[type=checkbox]:checked + .label-title:before{ background-position: -20px -60px; }
body:not(.ie8) .field-errors .label-radio .label-title:before{ background-position: 0 -40px; }
body:not(.ie8) .field-errors .label-radio input[type=radio]:checked + .label-title{ color: #333; }
body:not(.ie8) .field-errors .label-radio input[type=radio]:checked + .label-title:before{ background-position: 0 -60px; }	
/* 
	Tableaux 
*/
caption{ margin: 0; }
col{}
colgroup{}
table{ max-width: 100%; }
tr{}
td{}
th{}	
table.spreadsheet{ table-layout: fixed; }
table.spreadsheet caption{ color: #8e7c67; font-size: 1.1250000000em; margin: 0; padding: 8px 10px 8px 0;  }
table.spreadsheet td, table.spreadsheet th{ padding: 8px 10px; font-size: 0.9em; }
table.spreadsheet thead{ background-color: #fff; }
table.spreadsheet thead th { color: #8e7c67; }
table.spreadsheet tfoot{}
table.spreadsheet tfoot th{ text-align: left; }
table.spreadsheet tbody{}
table.spreadsheet tbody tr td{ border-bottom: 1px solid #fff; font-size: 0.8571428571em; }
table.spreadsheet tbody tr:hover td { background: #fff; }
table.spreadsheet tbody tr td,
table.spreadsheet tbody tr:hover td {
	-webkit-transition: background-color 0.25s ease;
	-o-transition: background-color 0.25s ease;
	-ms-transition: background-color 0.25s ease;
	-moz-transition: background-color 0.25s ease;
	transition: background-color 0.25s ease;
}

table.form{}
table.form th, table.form td{ padding: 0.5em 0.8em;; }
table.radio th, table.radio td{ padding: 0.25em; }


/**
 * WORDPRESS
 * Override tinyMCE content.css 
**/
img[align="left"], img[style*="float: left;"], .alignleft{ float: left; }
img[align="left"], img[style*="float: left;"], img.alignleft{ margin: 0 12px 12px 0 !important; }
img[align="right"], img[style*="float: right;"], .alignright{ float: right; }
img[align="right"], img[style*="float: right;"], img.alignright{ margin: 0 0 12px 12px !important; }
#tinymce{ z-index: 333; }
#tinymce div{ outline: 1px dashed #ccc; }
#tinymce table,
#tinymce table th,
#tinymce table td{ font-family: inherit;  font-size: 1em; line-height: normal; }
#tinymce table td{ color: inherit; margin: inherit; }

/* Print 
 * Gabarit pour l'impression de la page
**/
@media print{
	html, body{ background: #fff; color: #000; }
	p.skip{ display: none; }
}