/* ****************************************************

	@author				Rafaël <http://ixmedia.com>

***************************************************** */

/* base {{{
******************************************************************************/

html { font-size: 62.5%; overflow-y: scroll; }
body { margin: 0; padding: 0; position: relative; }

a[href], span.label, select, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; color: #075BA6; }
button, input[type="submit"], input[type="button"], * html input { width: auto; overflow: visible; }
input, select, button, textarea, option { font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, Verdana, sans-serif; font-size: 100%; margin: 0; }
button::-moz-focus-inner { border: 0; padding: 1px; }

.groupe:after, nav ul:after, #header:after, .content:after, .figure:after
{ content: ''; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
.groupe, nav ul, #header, .content, .figure
{ display: inline-block; }
* html .groupe, * html nav ul, * html #header, * html .content, * html .figure
{ height: 1%; }
.groupe, nav ul, #header, .content, .figure
{ display: block; }

small, .small { font-size: 90%; }
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 75%; }
sup { bottom: 1ex; }
sub { top: .5ex; }
span.amp { font-family: Baskerville, 'Goudy Old Style', 'Palatino', 'Book Antiqua', serif; font-weight: normal; font-style: italic; font-size: 1.2em; line-height: 0.8; }
img { border: 0; }
ul { padding-left: 0; margin-left: 0; }
li { display: block; list-style: none; padding-left: 0; margin-left: 0; }
.shy { position: absolute; left: -9999px; }

header, footer, nav, section, hgroup, article, aside, figure, canvas { display: block; font-size: 1.2em; }
time { display: inline; }

*[unselectable="on"] {
	-webkit-user-select: none;
	-moz-user-select: none;
}

/* }}} */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* wrap {{{
******************************************************************************/

html {
	/*#d9eaf1*/
	background: white url('https://www.fleuronsduquebec.com/images/interface/degrade-bleu.png') repeat-x 0 0;
}
	body {
		background: transparent url('https://www.fleuronsduquebec.com/images/interface/lueur.jpg') no-repeat center 0;
	}
		#wrap-decor {
			min-height: 880px;
			height: auto !important;
			height: 880px;
			background: transparent url('https://www.fleuronsduquebec.com/images/interface/decor.jpg') no-repeat center 21px;
		}
			#wrap {
				margin: 0 auto;
				width: 957px;
			}

/* }}} */

/* header {{{
******************************************************************************/

#header {
	padding-top: 21px;
	color: #fff;
	font-family: TeXGyreAdventor, Verdana, Arial, sans-serif;
	position: relative;
}
#header a { color: #fff; }
#header a:hover,
#header a:focus { color: #bace36; }
#header a.focus { outline-color: #bace36; }
#header a:active { color: #cede6e; }
#header a.focus:active { outline-color: #cede6e; }

	#skip-links {
		position: absolute;
		right: 20px;
		top: 5px;
		font-size: 1.2em;
	}
		#skip-links p { display: inline; }

			#skip-links a:focus { position: static; }

/* pancarte -----------------------------------------------------------------*/

	#pancarte {
		width: 209px;
		height: 264px;
		overflow: hidden;
		position: absolute;
		z-index: 30;
		bottom: 4px;
		left: 16px;
		line-height: 0 !important;
		font-size: 0 !important;
	}
	*+html #pancarte { bottom: 0; }

	.template-grande-entete #pancarte { height: 384px; }

		#pancarte > a {
			display: block;
		}
			#pancarte > a:active > img {
				position: relative;
				top: 1px;
				opacity: 1;
			}

/* tagline -----------------------------------------------------------------*/

	#tagline {
		position: absolute;
		width: 960px;
		background: transparent url('https://www.fleuronsduquebec.com/images/interface/noir-50.png') repeat;
		bottom: 1.65em;
		font-size: 2.2em;
		letter-spacing: 1px;
		z-index: 20;
		text-shadow: rgba(0,0,0,0.75) 0 0 8px, rgba(0,0,0,0.75) 0 0 8px, rgba(0,0,0,0.75) 0 0 8px;
	}
		#tagline p {
			float: right;
			line-height: 0.9;
			margin: 26px 31px 23px;
			text-align: right;
		}

/* nav -----------------------------------------------------------------*/

	#site-nav-wrap {
		position: relative;
		z-index: 50;
	}
	#site-nav {
		border-top: 1px solid #81b9f2;
		text-transform: uppercase;
		font-size: 1.1em;
		text-shadow: rgba(0,0,0,0.2) 2px 2px 1px;
		margin-right: 20px;
		float: right;
		height: 54px;
		letter-spacing: 0.1em;
	}
		#site-nav ul {
			margin-top: 12px;
			position: relative;
			right: -20px;
		}
			#site-nav li {
				display: block;
				float: left;
			}
				#site-nav a {
					padding: 10px 13px;
					display: block;
					font-size: 13px;
				}

/* banniere -----------------------------------------------------------------*/

	#banniere {
		position: relative;
		z-index: 10;
	}
		#banniere .figure {
			margin: 0;
		}
			#banniere .figure p {
				position: relative;
				margin: 0;
			}
				#banniere img {
					margin: 0 -5px -5px -4px;
				}
				#banniere img + span {
					position: absolute;
					top: 0;
					left: 0;
					width: 966px;
					height: 204px;
				}
				.grande-entete #banniere img + span { height: 329px; }

/* }}} */

/* content {{{
******************************************************************************/

.section-accueil .content .main .texte-accueil h1 {
	float: left;
	margin-top: 2px;
	max-width: 80%;
}

.content {
	margin-top: 26px;
	padding: 0 0 25px;
}
	.main {
		float: left;
		margin: 0 20px;
	}

	.main .suivez-nous {
		float: right;
	}

	.main .suivez-nous:hover,
	.main .suivez-nous:focus {
		background-color: transparent !important;
		text-decoration: none;
	}

	.main p, .main li {
		font-size: 12px;
		color: #5B5545;
		background: transparent url('https://www.fleuronsduquebec.com/images/interface/blanc-50.png') repeat;
	}

	.template-deux-colonnes .main {
		width: 679px;
	}
	.template-trois-colonnes .main {
		width: 440px;
	}

.boite * {
	line-height: 1.2 !important;
}
.boite {
	font-family: TeXGyreAdventor, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	position: relative;
	background-repeat: repeat-y;
	padding: 9px 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
		box-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.boite.verte {
	padding-bottom: 8px;
}
.boite + .boite {
	margin-top: 14px;
}
.nav + .aside,
.aside + .nav {
	margin-top: 16px;
}
.boite, .boite-top, .boite-bottom {
	width: 200px;
	background-color: transparent;
	background-position: 0 0;
}
	.boite-top, .boite-bottom {
		position: relative;
		background-repeat: no-repeat;
	}
	.boite-bottom {
		width: 176px;
		padding: 12px;
		padding-top: 0;
		background-position: 0 bottom;
	}
		.boite-interieure {
			position: relative;
		}
			.boite-interieure > :first-child { margin-top: 0; }
			.boite-interieure > :last-child,
			.boite-interieure > .last-child { margin-bottom: 0; }

.boite.jaune .boite-repeat { color: #34641b; background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-jaune-repeat.png'); }
.boite.jaune .boite-top { background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-jaune-top.png'); }
.boite.jaune .boite-bottom { background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-jaune-bottom.png'); padding-bottom: 28px; }
.boite.jaune, .boite.jaune a, .boite.jaune h1, .boite.jaune h2, .boite.jaune h3, .boite.jaune h4 {	color: #34641b; }
.boite.jaune a:active {
	color: #557e21;
}

.home-aside { padding-top: 6.5em; }
.boite.grise { background: #f4f6f5; font-family: Verdana, Arial, sans-serif; padding: 1.5em 0 1em; }
.boite.grise h1 { border-bottom: 1px solid #7ebaf0; color: #0059ae; font-family: TeXGyreAdventor, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 23px; font-weight: normal; padding-bottom: 7px; }
.boite.grise h2 { margin: 0.5em 0 0 0; }
.boite.grise p { margin: 0.8em 0; line-height: 1.4em !important; }
.boite.grise a { color: #20bbf3; }
.boite.grise a:hover { background-color: #cde9f3; }

.boite.verte .boite-repeat { background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-verte-repeat.png'); color: #fff; }
.boite.verte .boite-top { background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-verte-top.png'); }
.boite.verte .boite-bottom { background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-verte-bottom.png'); }
.boite.verte, .boite.verte a, .boite.verte h1, .boite.verte h2, .boite.verte h3, .boite.verte h4 {	color: #fff; }

.boite.verte a:hover, .boite.verte a:focus,
.boite.bleue a:hover, .boite.bleue a:focus { color: #bace36; }
.boite.verte a:active,
.boite.bleue a:active { color: #cede6e; }
.boite.verte a.focus,
.boite.bleue a.focus { outline-color: #bace36; }
.boite.verte a.focus:active,
.boite.bleue a.focus:active { outline-color: #cede6e; }

.boite.bleue .boite-repeat { background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-bleue-repeat.png'); color: #fff; /*margin-bottom: 30px;*/ }
.boite.bleue .boite-top { background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-bleue-top.png'); }
.boite.bleue .boite-bottom { background-image: url('https://www.fleuronsduquebec.com/images/interface/boite-bleue-bottom.png'); }
.boite.bleue, .boite.bleue a, .boite.bleue h1, .boite.bleue h2, .boite.bleue h3, .boite.bleue h4 {	color: #fff; }

.boite.bleue .boite-top		 { top:			-9px; }
.boite.bleue .boite-bottom { bottom: -18px; padding-top: 20px; padding-bottom: 4px; }

	.boite.bleue .boite-bottom > :first-child { position: relative; top: -24px; }

.boite.verte .boite-top		 { top:			-9px; }
.boite.verte .boite-bottom { bottom: -17px; padding-top: 7px; padding-bottom: 0; }

	.boite.verte .boite-bottom > :first-child { position: relative; top: -14px; }

.boite.jaune .boite-top		 { top:			-9px; }
.boite.jaune .boite-bottom { bottom: -18px; padding-top: 16px; padding-bottom: 0px; }

	.boite.jaune .boite-bottom > :first-child { position: relative; top: -20px; }


.blue-box { padding: 0.5em 2em; background: #d6f2fc; border-radius: 10px; }
.blue-box p { background: none; }

.colonne {
	float: left;
	width: 200px;
	margin: 0 20px;
	padding-bottom: 40px;
}
.colonne.gauche {
	margin-left: 18px;
}
.colonne.droite {
	margin-right: 18px;
}

.boite.connexion-membres {

}
	.boite.connexion-membres p.lien-formulaire-connexion {
		text-transform: uppercase;
		margin: 0;
		width: 145px;
		font-size: 0.95em;
		letter-spacing: 0.1em;
	}
		.boite.connexion-membres a { display: block; }

		.boite.connexion-membres ul a {
			text-indent: -8px;
			padding-left: 14px;
		}

	.boite.connexion-membres form.ouvert { display: block; }
	.boite.connexion-membres form {
		display: none;
	}

	.boite.connexion-membres form {
		padding: 12px 0;
	}
	*+html .boite.connexion-membres form { padding: 0; }

		.boite.connexion-membres form label {
			display: block;
			margin-bottom: 6px;
		}
			.boite.connexion-membres form label input {
				width: 166px;
				padding: 4px 4px 5px;
			}
		.boite.connexion-membres form p.submit span.bouton-vert-repeat {
			margin: 0 auto;
		}
		.boite.connexion-membres form p.submit {
			margin-bottom: -20px;
		}
		*+html .boite.connexion-membres form p.submit { margin-bottom: -30px; }

		.boite.connexion-membres form p.message-erreur {
			color: #fff;
			background: red;
			padding: 6px 7px 7px;
			margin-top: 0.5em;
		}

	.boite.connexion-membres a#lien-deconnexion:active { color: #cede6e; }
	.boite.connexion-membres a#lien-deconnexion {
		text-transform: lowercase;
		color: #bace36;
		letter-spacing: normal;
	}
	.boite.connexion-membres ul.liens-membres {
		padding-bottom: 8px;
	}
	*+html .boite.connexion-membres ul.liens-membres { padding: 16px 0 0; }

		.boite.connexion-membres ul.liens-membres li:first-child { border-top: 1px solid #bace36; }
		.boite.connexion-membres ul.liens-membres li {
			text-shadow: rgba(0,0,0,0.2) 2px 2px 1px;
			padding: 5px 1px 6px;
			border-bottom: 1px solid #bace36;
		}
			.boite.connexion-membres ul.liens-membres li span.fleche {
				text-shadow: none;
				-webkit-transform: scaleX(0.5);
				-moz-transform: scaleX(0.5);
				-ms-transform: scaleX(0.5);
				-o-transform: scaleX(0.5);
				transform: scaleX(0.5);
				display: inline-block;
				color: #bace36;
				margin-right: 1px;
			}

span.bonhomme-fleur {
	position: absolute;
	top: -1px;
	right: 0;
	display: block;
	width: 33px;
	height: 35px;
	background: transparent url('https://www.fleuronsduquebec.com/images/interface/bonhomme-fleur.png') no-repeat 0 0;
}

.colonne.droite .boite.bleue ul {
	padding: 0;
	font-size: 1.5em;
	text-shadow: rgba(0,0,0,0.2) 2px 2px 1px;
}
	.colonne.droite .boite.bleue li {
		display: block;
		list-style-type: none;
	}
		.colonne.droite .boite.bleue a {
			padding: 7px 1px 6px;
			display: block;
			border-bottom: 1px solid #81b9f2;
		}
			.colonne.droite .boite.bleue a span.small {
				font-size: 0.8em;
			}

.complementary {
	font-size: 0.9em;
	color: #125ca8;
	margin-top: 48px;
	margin-bottom: 29px;
	padding-top: 16px;
	background: transparent url('https://www.fleuronsduquebec.com/images/interface/cinq-fleurs-bleues.png') no-repeat 0 0;
}

.boite.jaune {
	text-shadow: rgba(255,255,255,0.7) 1px 1px 2px;
}
	.boite.jaune h1,
	.boite.jaune .h1 {
		margin: -4px 0 0;
		font-size: 1.7em;
		line-height: 0.5;
		font-weight: normal;
	}
	.boite.jaune p {
		margin-top: 1em;
		font-size: 1.1em;
		font-weight: bold;
	}
		.boite.jaune a {
			display: block;
			line-height: 1.4 !important;
			font-weight: normal;
		}
			.boite.jaune strong.mot-principal {
				text-transform: uppercase;
				font-size: 1.2em;
				background: transparent url('https://www.fleuronsduquebec.com/images/interface/fleur-bleue.png') no-repeat right 55%;
				padding-right: 24px;
			}

@-webkit-keyframes highlight {
	0%	 { background-color: hsla(195, 65%, 74%, 0.7); }
	50%	 { background-color: hsla(195, 65%, 74%, 0.7); }
	100% { background-color: hsla(195, 65%, 74%, 0); }
}

:target > h1:first-child, :target > h2:first-child, :target > h3:first-child {
	margin-top: -10px !important;
	margin-left: -8px !important;
	margin-right: -8px !important;
	padding-top: 8px !important;
	padding-left: 8px !important;
	padding-right: 8px !important;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-animation: highlight 2s;
}

/* }}} */

/* main {{{
******************************************************************************/

/* Liens */

body {
	font-family: Verdana, Arial, sans-serif;
	color: #000000;
	/* font-size: 120%; */
}
.main a,
#footer a { color: #0d9bcf; }
html > body .main a,
html > body #footer a { color: #5b5545; }
.main a[href],
#footer a[href] { color: #0d9bcf; }

input:focus, button:focus { outline: 2px solid #bace36; }
input:focus:active, button:focus:active { outline-color: #cede6e; }

a { text-decoration: none; }
a[href]:hover, a[href]:focus { text-decoration: none; outline: 0; }

.main a[href]:hover,
.main a[href]:focus,
#footer a[href]:hover,
#footer a[href]:focus {
	background-color: #cde9f3;
}
.main a[href]:active,
#footer a[href]:active { color: #0b8fbf; background-color: #bfe3ef; }

.main a[href]:active > img,
#footer a[href]:active > img { opacity: 0.9; }

a[href].focus { outline-width: 2px; outline-style: solid; }

.main a.focus:active,
#footer a.focus:active {
	outline-color: #0b8fbf;
}

.actif a {
	color: #ffc214 !important;
}
.actif b {
	font-weight: normal;
}

.main form {
	margin: 1.45em 0; line-height: 1.5;
}

/* Grouping content <http://dev.w3.org/html5/spec/grouping-content.html> */

.content p, .content hr, .content pre, .content blockquote, .content ol, .content ul, .content dl, .content figure, .content figcaption {
	margin: 1.45em 0; line-height: 1.5;
}

hr {
	border: none;
	border-top: 1px solid #000 !important;
}

hr.bleu {
	border-top: 1px solid #81b9f2 !important;
}

.content li, .content dt, .content dd {	 }


/* Titres */

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin: 1.8em 0 0.6em; line-height: 1.05; text-rendering: optimizeLegibility; }

.main h1 {
	font-family: TeXGyreAdventor, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 2.65em;
	line-height: 0.9;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: #075ba6;

}
	.content h1 span.big, .content .h1 span.big {
		display: block;
		font-size: 1.5em;
	}
.content h2 {
/*	font-family: Arial, sans-serif;*/
	font-size: 1.4em;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.content h2 ~ h2 {
	padding-top: 1.3em;
	margin-top: 1.3em;
	border-top: 1px solid #81b9f2;
}
.content h3 {
/*	font-family: Arial, sans-serif;*/
	font-size: 1.17em;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}
.content h4 {
	font-family: Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
}

.main h1:first-child,
.main h2:first-child,
.main h3:first-child {
	margin-top: -2px;
}

/* <figure> */

.figure {
	position: relative;
}
	.figure > p {
		margin: 0;
		float: left;
		width: 449px;
	}
		.figure .figcaption {
/*			float: right;*/
			position: absolute;
			right: 14px;
			bottom: 26px;
			width: 205px;
		}


/* Listes */

.main ul {
	padding-left: 2.4em;
}
	.main ul li {
		display: list-item;
		list-style-type: none;
		background: transparent url('https://www.fleuronsduquebec.com/images/interface/puce-liste.png') no-repeat 0 0.6em;
		padding-left: 18px;
		margin-bottom: 1.2em;
		line-height: 1.2;
	}
		.main li > :first-child {
			margin-top: 0;
		}

.main ul.deux-colonnes {
	padding-left: 0;
	width: 320px;
	float: left;
	margin-bottom: 1em;
}
.main ul.deux-colonnes + ul.deux-colonnes {
	float: right;
	margin-left: 38px;
	margin-bottom: 1em;
}
.main ul.deux-colonnes + ul.deux-colonnes + * {
	clear: both;
}

.main dl dt {
	font-weight: bold;
	margin-top: 0.5em;
}
.main ol li {
	display: list-item;
	list-style-type: decimal;
}

.content dl.inline {
	color: #286fae;
	line-height: 1.3;
	font-size: 0.9em;
}
	.content dl.inline dt {
		display: inline;
	}
	.content dl.inline dd {
		display: inline;
		margin: 0;
	}
		.content dl.inline dd br {
			display: block;
		}

/* Tabular data <http://dev.w3.org/html5/spec/tabular-data.html> */

table {
	margin: 1.5em 0;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	vertical-align: middle;
}
	table th, table td {
		padding: 12px 18px;
		border-top: 1px solid #81b9f2;
		border-bottom: 1px solid #81b9f2;
	}

	table caption {
		color: #05408c;
		font-size: 1.6em;
		border: 0;
		text-align: left;
		margin-bottom: 0.4em;
		margin-right: 2px;
		margin-left: 2px;
	}

	table thead th:first-child { text-align: left; }
	table thead th {
		background: #c6e3ee;
	}

	table tbody th {
		text-align: left;
		font-weight: normal;
	}
	table tbody tr.impaire th, table tbody tr.impaire td {

	}
	table tbody tr.paire th,	 table tbody tr.paire td {
		background: #c6e3ee;
	}

	table tfoot td:first-child { text-align: left; }
	table tfoot td {
		color: white;
		background: #aaa;
	}

/* }}} */

/* Actualités {{{
******************************************************************************/
ul.actualite{
	margin: 0; padding: 0;
	border-top: 1px solid #81b9f2;
}
	ul.actualite li{
		background: none;
		overflow: hidden;
		padding: 0;
		margin-top: 50px;
	}
	ul.actualite li img{
		margin-right:20px;
	}

	ul.actualite li div{
		display: block;
		width: 450px;
		float: right;
	}
.actualite-link{
	margin-top:50px;
	clear: both;
	display: block;
	padding: 5px 0 5px 0;
	width: 100%;
	text-align: center;
	color: #35bdf1;
	background-color: #d6f2fc;
	border-radius: 7px;
}
/* }}} */

/* Formulaires {{{
******************************************************************************/
::-webkit-input-placeholder 	{ color: #cdcbc8; }
:-moz-placeholder 						{ color: #cdcbc8; }
::-moz-placeholder 						{ color: #cdcbc8; }
:-ms-input-placeholder 				{ color: #cdcbc8; }

form label.erreur input,
form input.erreur,
form.erreur input {
	border: 1px solid red;
}

#formulaire-tri-region-2 .autocomplete input,
#formulaire-tri-region-2 .autocomplete .placeholder {
	line-height: 12px;
}

#autocomplete-box input { line-height: 14px; }
#autocomplete-box .placeholder { line-height: 12px !important; /* IE fix*/ }

form fieldset {
	padding: 0;
	border: 0;
	margin: 1em 0;
}
form label {
	margin-right: 10px;
}
form label.in-field-label {
	position: relative;
}
	form label.in-field-label {
		position: relative;
		font-size: 0.9em;
		display: inline-block;
	}
		form label.in-field-label span.label {
			position: absolute;
			top: 6px;
			left: 7px;
			cursor: text;
			color: darkgray;
			font-family: Verdana, Arial, sans-serif;
		}
		form label input {
			border: 1px solid #d0d0d0;
			-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
			-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
			box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
			padding: 6px 6px 7px;
		}
		form span.message-erreur {
			display: inline-block;
			font-weight: bold;
			color: red;
		}
		form label input + span.message-erreur {
			margin-left: 10px;
		}

form p.submit {
	margin: 1.4em 0 3em;
}
	form p.submit span.bouton-vert-repeat {
		width: 144px;
		display: block;
		height: 0.8em;
		position: relative;
		top: 4px;
		background: transparent url('https://www.fleuronsduquebec.com/images/interface/bouton-vert-repeat.png') repeat-y 0 0;
	}
		form p.submit span.bouton-vert-top {
			display: block;
			position: relative;
			top: -7px;
			background: rgba(180, 204, 28, 1) url('https://www.fleuronsduquebec.com/images/interface/bouton-vert-top.png') no-repeat 0 0;
			-webkit-border-radius: 9px;
			-moz-border-radius: 9px;
			border-radius: 9px;
		}
			form p.submit span.bouton-vert-bottom {
				display: block;
				position: relative;
				bottom: -4px;
				bottom: -8px\0/;
				background: transparent url('https://www.fleuronsduquebec.com/images/interface/bouton-vert-bottom.png') no-repeat 0 bottom;
			}
				form p.submit button {
					text-transform: uppercase;
					background: none;
					text-align: center;
					color: #fff;
					width: 144px;
					display: block;
					border: 0;
					position: relative;
					top: -2px;
					top: -5px\0/;
					font-family: TeXGyreAdventor, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif;
					font-size: 1em;
				}

/* }}} */

/* pagination {{{
******************************************************************************/

.pagination {
	background: transparent url('https://www.fleuronsduquebec.com/images/interface/blanc-50.png') repeat;
	margin: 1em 0;
	padding: 5px 8px;
	font-size: 0.9em;
}
	.pagination h2,
	.pagination .h2 {
		float: left;
		font-size: 1.1em;
		margin: 0;
		padding-top: 5px;
		line-height: 13px;
	}
	.pagination .liens-pages {
		float: right;
	}
		.pagination .liens-pages p {
			display: inline;
			margin-left: 5px;
		}
			.pagination .liens-pages p a {
				-webkit-transform: scaleX(0.7) scaleY(1.25);
				-moz-transform: scaleX(0.7) scaleY(1.25);
				-ms-transform: scaleX(0.7) scaleY(1.25);
				-o-transform: scaleX(0.7) scaleY(1.25);
				transform: scaleX(0.7) scaleY(1.25);
				z-index: 10;
				display: inline-block;
			}
		.pagination .liens-pages ol {
			display: inline;
			padding: 0;
			margin: 0;
			margin-left: 5px;
		}
			.pagination .liens-pages li {
				display: inline;
				margin: 0 4px;
			}

/* }}} */

/* document à télécharger {{{
******************************************************************************/

p.document {
	line-height: 1.5;
	padding-bottom: 8px;
}
	p.document span.icone {
		float: left;
		width: 58px;
		height: 40px;
		margin: 2px 0 0 0;
	}
	p.document span.date {
		font-size: 0.85em;
	}
	p.document span.nom {

	}
		p.document span.nom a {
			font-weight: bold;
		}
	p.document span.poids {

	}

/* }}} */

/* Salle de presse {{{
******************************************************************************/

.section-salle-de-presse .pagination {
	margin: 3px 0 0;
}

ul.liste-documents {
	padding: 0;
	margin: 0;
	border-top: 1px solid #81b9f2;
}
	ul.liste-documents li {
		display: block;
		background: none;
		padding: 12px 4px 17px;
		margin: 0;
		border-bottom: 1px solid #81b9f2;
	}
		ul.liste-documents li p.document {
			margin: 0;
		}
			ul.liste-documents li span.nom {
				font-size: 1.15em;
				line-height: 1.4;
			}

/* }}} */

/* Activités {{{
******************************************************************************/

ul.liste-activites {
	padding: 0;
	margin: 0;
}
	ul.liste-activites li:first-child { padding-top: 0; border-top: 0; }
	ul.liste-activites li {
		display: block;
		background: none;
		padding: 18px 0 23px;
		margin: 0;
		border-top: 1px solid #81b9f2;
	}
		ul.liste-activites li h2 {
			margin-bottom: 0.7em;
		}
		ul.liste-activites li p {
			margin: 0.8em 0;
		}
		ul.liste-activites li p.document {
			margin-top: 1.5em;
		}

		ul.liste-activites li ul li{
			display: list-item;
			list-style-type: none;
			background: transparent url('https://www.fleuronsduquebec.com/images/interface/puce-liste.png') no-repeat 0 0.6em;
			padding-left: 18px;
			margin-bottom: 1.2em;
			line-height: 1.2;
			border-top: none;
			padding-top: 0px;
		}

/* }}} */

/* Qui sommes-nous? {{{
******************************************************************************/

ul.liste-quisommesnous {
	padding: 0;
	margin: 0;
}
	ul.liste-quisommesnous li:first-child { padding-top: 0; border-top: 0; }
	ul.liste-quisommesnous li {
		display: block;
		background: none;
		padding: 18px 0 23px;
		margin: 0;
		border-top: 1px solid #81b9f2;
	}
		ul.liste-quisommesnous li h2 {
			margin-bottom: 0.7em;
		}
		ul.liste-quisommesnous li p {
			margin: 0.8em 0;
		}
		ul.liste-quisommesnous li p.document {
			margin-top: 1.5em;
		}
		ul.liste-quisommesnous li ul li{
			display: list-item;
			list-style-type: none;
			background: transparent url('https://www.fleuronsduquebec.com/images/interface/puce-liste.png') no-repeat 0 0.6em;
			padding-left: 18px;
			margin-bottom: 1.2em;
			line-height: 1.2;
			border-top: none;
			padding-top: 0px;
		}

/* }}} */

/* Municipalités {{{
******************************************************************************/

.submenu {
	background: #fff;
	border: 1px solid #b2b2b2;
	position: absolute;
	top: 24px;
	display: none ;
	width: 209px;
	height: auto;
	left: 0;
	padding: 10px;
	z-index: 1500;
}

	.submenu ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}

		.submenu li {
			display: inline-block;
			background: none !important;
			padding: 0 !important;
			margin: 0 !important;
		}

#carte {
	padding: 10px 0;
	margin-top: -20px;
}
	#carte-inner {
		width: 677px;
		height: 310px;
		border: 1px solid #b2b2b2;
		margin: 1em 0 0;
	}

	p.googlemap-infowindow {
		margin: 0;
		line-height: 1.5;
	}

#wrap-legende {
	padding: 0 10px;
	color: #5b5545;
	font-size: 1.1em;
	padding: 2em 0;
}

#wrap-legende p { line-height: 1.2; }
#wrap-legende .legend { color: #000; line-height: 0; }
#wrap-legende img { padding-bottom: 0.75em; }

.legende-couleurs ul { padding: 0.5em 0; }
.legende-couleurs li { padding: 0 0 2.5em 2.7em; line-height: 1.2em }
.legende-couleurs li.vert { background: url('https://www.fleuronsduquebec.com/images/carre-vert.png') no-repeat 0 3px; }
.legende-couleurs li.or { background: url('https://www.fleuronsduquebec.com/images/carre-or.png') no-repeat 0 3px; }

#formulaire-tri-region-1 {
	position: relative;
	z-index: 20;
}
	#formulaire-tri-region-1 p {
		margin: 0;
	}
#formulaire-tri-region-2 {
	position: relative;
	z-index: 10;
	margin: 0;
}
	#formulaire-tri-region-2 h2 {
		text-transform: uppercase;
		font-size: 12px;
		margin: 25px 0 17px 5px;
	}

.search-container {
	display: block;
	float: left;
	margin: 0 0 0 50px;
	position: relative;
}

	.search-container:first-child { margin-left: 0; }
	.search-container input {
		border: 1px solid #b2b2b2;
		background: url('https://www.fleuronsduquebec.com/images/interface/picto-loupe.png') no-repeat 10px center;
		margin: 0;
		padding: 5px 0 5px 30px;
		height: 12px;
		line-height: 22px;
		-webkit-box-shadow: inset 0 0 5px #e0e0e0;
		-moz-box-shadow: inset 0 0 5px #e0e0e0;
		box-shadow: inset 0 0 5px #e0e0e0;
		width: 190px;
	}

.region-par-lettres .title {
	color: #6a6a6a !important;
	background: #fff url('https://www.fleuronsduquebec.com/images/interface/triangle-select.png') no-repeat right center;
	border: 1px solid #b2b2b2;
	cursor: pointer;
	display: block;
	font-size: 1.2em;
	height: 22px;
	line-height: 22px;
	padding: 0 12px;
	position: relative;
	width: 86px !important;
	-webkit-box-shadow: inset 0 0 3px #e0e0e0;
	-moz-box-shadow: inset 0 0 3px #e0e0e0;
	box-shadow: inset 0 0 3px #e0e0e0;
}

	.region-par-lettres .wrapper:hover .title { background-color: #eee !important; }
	.region-par-lettres .wrapper:hover .submenu { display: block; }

.region-par-lettres .submenu li { display: inline-block; }

.region-par-lettres .submenu li a {
	color: #0d9bcf;
	font-weight: bold;
	display: inline-block;
	padding: 5px;
}

	.region-par-lettres .submenu li a:hover,
	.region-par-lettres .submenu li a.active,
	.region-par-lettres .selected a {
		background-color: #cde9f3;
	}

.autocomplete .submenu {
	display: none;
	padding: 10px 0 0;
	width: 220px;
	max-height: 250px;
	overflow-y: auto;
}

	.autocomplete .submenu a {
		color: #6a6a6a;
		display: block;
		font-size: 11px;
		font-weight: bold;
		padding: 5px 10px 5px 30px;
	}

	.autocomplete .submenu a:hover {
		color: #0d9bcf;
		background: #cde9f3;
	}

	.autocomplete .error {
		color: #800000;
		font-weight: bold;
		margin: 0;
		padding: 0 10px 10px 10px;
	}


table.municipalites p {
	margin: 0;
	line-height: 1.3;
}
	table.municipalites thead { display: none; }

		table.municipalites tbody th,
		table.municipalites tbody th a.lien-point,
		table.municipalites tbody th a.lien-point:hover,
		table.municipalites tbody th a.lien-point:focus {
			color: #000;
		}
		table.municipalites tbody tr.nouvelle-municipalite th,
		table.municipalites tbody tr.nouvelle-municipalite th a.lien-point,
		table.municipalites tbody tr.nouvelle-municipalite th a.lien-point:hover,
		table.municipalites tbody tr.nouvelle-municipalite th a.lien-point:focus {
			color: #02814b;
		}
		table.municipalites tbody tr.amelioration th,
		table.municipalites tbody tr.amelioration th a.lien-point,
		table.municipalites tbody tr.amelioration th a.lien-point:hover,
		table.municipalites tbody tr.amelioration th a.lien-point:focus {
			color: #c5910e;
		}
			table.municipalites tbody th img {
				margin-left: 3px;
			}
			table.municipalites tbody th a {
				font-size: 1.1em;
			}

		table.municipalites tbody td.flicker {
			width: 250px;
			padding: 1em;
			text-align: right;
		}

		table.municipalites tbody th a.lien-point {
			font-size: 1.4em;
			font-weight: bold;
		}

		.img-cote {
			vertical-align: bottom;
			padding-top: 1.8em;
		}

/* }}} */

/* Custom Select {{{
******************************************************************************/

#wrap ul.custom-select:focus { outline: 0; }
#wrap ul.custom-select {
	padding: 0 0 2px;
	margin: 0;
	overflow: hidden;
	display: block;
	height: 22px;
	line-height: 22px;
	position: relative;
	z-index: 10000;
	text-transform: uppercase;
	font-size: 0.8em;
	color: #6a6a6a;
	-moz-user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
}
#wrap ul.custom-select.focus {
	-webkit-box-shadow: 0 0 5px #71a5d3, 0 0 4px #71a5d3, 0 0 5px #71a5d3, 0 0 4px #71a5d3, 0 0 5px #71a5d3;
		 -moz-box-shadow: 0 0 5px #71a5d3, 0 0 4px #71a5d3, 0 0 5px #71a5d3, 0 0 4px #71a5d3, 0 0 5px #71a5d3;
					box-shadow: 0 0 5px #71a5d3, 0 0 4px #71a5d3, 0 0 5px #71a5d3, 0 0 4px #71a5d3, 0 0 5px #71a5d3;
}
#wrap ul.custom-select.open { overflow: visible; }

	#wrap ul.custom-select li:first-child { border-top-width: 1px; }
	#wrap ul.custom-select li {
		cursor: pointer;
		display: block;
		background: #fff;
		border: 1px solid #b2b2b2;
		border-top-width: 0;
		margin: 0;
		height: 22px;
		line-height: 22px;
		position: relative;
		-webkit-box-shadow: inset 0 0 3px #e0e0e0;
		-moz-box-shadow: inset 0 0 3px #e0e0e0;
		box-shadow: inset 0 0 3px #e0e0e0;
		padding: 0 12px;
		font-size: 1.2em;
	}
	#wrap ul.custom-select li.selected,
	#wrap ul.custom-select.open li.selected:first-child { background: #fff url('https://www.fleuronsduquebec.com/images/interface/triangle-select.png') no-repeat right 50%; }
	#wrap ul.custom-select.open li.selected { background: #fff; }
	#wrap ul.custom-select li:focus,
	#wrap ul.custom-select li.focus {
		outline: 0;
		background-color: #eee !important;
	}


/*	#wrap ul.custom-select li.selected,
	#wrap ul.custom-select.open li:first-child,
	#wrap ul.custom-select.open li.selected:first-child { background: #fff url('https://www.fleuronsduquebec.com/images/interface/triangle-select.png') no-repeat right 50% !important; }
	#wrap ul.custom-select.open li.selected.focus { background: #eee !important; }
	#wrap ul.custom-select.open li.focus:first-child { background: #eee url('https://www.fleuronsduquebec.com/images/interface/triangle-select.png') no-repeat right 50% !important; }
	#wrap ul.custom-select.open li.selected { background: #fff !important; }
	#wrap ul.custom-select li:focus,
	#wrap ul.custom-select li.focus {
		outline: 0;
		background-color: #eee !important;
	}
*/

/* }}} */

/* footer {{{
******************************************************************************/

#footer a {

}
#footer {
	margin: 0 18px;
	border-top: 1px solid #81b9f2;
	padding: 14px 0;
	font-size: 0.85em;
}
	#copyright {
		float: left;
		width: 200px;
		margin-right: 20px;
	}
		#copyright p {
			margin: 0;
		}

	#footer .complementary {
		float: right;
		width: 680px;
		margin: 2px 0 0 20px;
		line-height: 1.6;
		font-size: 1.1em;
		padding-top: 20px;
		background: transparent url('https://www.fleuronsduquebec.com/images/interface/cinq-fleurs-bleues.png') no-repeat 0 0;
	}
	*+html #footer .complementary { padding-top: 28px; }

	#affichage {
		float: right;
	}
		#affichage dl, dt, dd {
			margin: 0;
			display: inline;
		}
		#affichage dt + dd:before {
			content: '';
		}
		#affichage dd:before {
			content: '•';
			padding: 0 5px 0 2px;
		}

/* }}} */

/* print {{{
******************************************************************************/

@media print {

	* { background: none; }

	body {
		color: #000 !important;
		font-size: 10pt;
		letter-spacing: 0.015em;
		line-height: 1.2;
		margin: 0;
		padding: 0;
		text-align: left;
	}

}

/* }}} */

@media screen and (max-width: 960px) {
	body {
		width: 960px;
	}
}

/* SECTIONS OUTILS */

.section-title {
  background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%);
  padding: 10px 25px !important;
  color: #085ba6;
  border-radius: 10px;
  box-shadow: 1px 2px 4px #0000002e;
  font-family: TeXGyreAdventor, Verdana, 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-weight: bold !important;
  border: none;
  border-top: none !important;
  border-bottom: 1px solid #007dce63;
  cursor: pointer;
}

.section-title:hover {
	background: linear-gradient(to bottom, rgba(196,231,255,1) 0%,rgba(147,213,255,1) 47%,rgba(53,181,255,1) 100%);
}

.section-title span {
  float: right;
  font-size: 20px;
  padding: 0;
  line-height: 13px;
}

.section-title span:before {
	content: "+";
}

.section-title span.on:before {
	content: "-";
}

.section-content {
	display: none;
	padding: 15px 25px;
}

.section-content p {
	margin: 0 !important;
	padding-bottom: 15px;
}