/*
Theme Name: Custom Theme
Theme URI: http://lacle.com
Description: Custom Wordpress theme.
Author: Curt Thiessen
Version: 1.02
*/

/*** Global ***/
body {
	font-size: 18px;
	font-family: 'Titillium Web', sans-serif;
}
body.radio {margin: 0;}
body.search {float: none;}

.skip {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.skip:focus {
	position: static;
	width: auto;
	height: auto;
}

.container {}
a {
	/*color: #00adef;*/
	color: #00597b;
}
.main-content a {text-decoration: underline;}
	a:hover {
		color: #315090;
		text-decoration: none;
	}
	a:focus {text-decoration: none;}
.btn {
	padding: 13px 20px;
	border-radius: 6px;
	border: none;
	font-weight: 600;
	font-size: 0.938em;
}
	.btn:focus,
	.btn:active {color: #fff !important;}
	.btn-sm {
		padding: 8px 20px;
		font-size: 0.750em;
		border-radius: 6px;
	}
.btn-default {
	color: #fff;
	background: #006633; /* Old browsers */
	background: -moz-linear-gradient(45deg, #006633 0%, #00ff00 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #006633 0%,#00ff00 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #006633 0%,#00ff00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	.btn-default:hover {
		color: #fff;
		background: #004924; /* Old browsers */
		background: -moz-linear-gradient(45deg, #004924 0%, #00cb00 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #004924 0%,#00cb00 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #004924 0%,#00cb00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
.btn-primary {
	color: #fff;
	background: #31547D; /* Old browsers */
	background: -moz-linear-gradient(45deg, #31547D 0%, #5c73b8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
	.btn-primary:hover {
		color: #fff;
		background: #004924; /* Old browsers */
		background: -moz-linear-gradient(45deg, #233c59 0%, #6e8adc 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #233c59 0%,#6e8adc 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #233c59 0%,#6e8adc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}

.center-vertical {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

h1 {
	font-family: 'Oleo Script', cursive;
	font-size: 3.125em;
	color: #fff;
	margin-top: 0;
}
	h1.home-title {
		font-size: 2.125em;
		color: #003f86;
		margin-bottom: 35px;
	}
	h1.title-banner {font-size: 2.250em;}
	h1.title-service {
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 20px;
		clear: both;
	}
		h1.title-service img {
			float: left;
			width: 100px;
			height: 100px;
			margin-right: 25px;
		}
		h1.title-service span {
			display: flex;
			float: left;
			height: 100px;
			justify-content: center;
			align-content: center;
			flex-direction: column;
		}
h2 {
	font-size: 1.375em;
	color: #5b73b7;
	font-weight: 600;
}
	h2:first-of-type {margin-top: 0;}
	h2.title-sidebar,
	h3.title-sidebar {
		font-size: 1.375em;
		font-weight: 700;
		color: #fff;
		background: #31547D; /* Old browsers */
		background: -moz-linear-gradient(45deg, #31547D 0%, #5c73b8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		padding: 15px 10px;
		margin-top: 0;
	}
	h2.title-page {
		font-size: 2em;
		font-weight: 700;
		border-bottom: 1px solid #a0a0a0;
		margin-bottom: 30px;
	}
		h2.title-page span {
			display: inline-block;
			min-width: 230px;
			color: #fff;
			background: #31547D; /* Old browsers */
			background: -moz-linear-gradient(45deg, #31547D 0%, #5c73b8 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			padding: 6px 10px;
			text-align: center;
		}
h3 {
	font-size: 1em;
	font-weight: 700;
	color: #000;
}
	h3.title-footer {
		font-size: 0.875em;
		color: #fff;
		margin-top: 0;
	}
	h3.title-service {
		max-width: 100%;
		display: flex;
		min-height: 90px;
		justify-content:center;
		align-content:center;
		flex-direction:column;
		font-size: 1.25em;
		padding: 20px;
		margin: -4px 0 0 0;
		line-height: 0.938em;
		border-top-left-radius: 46px;
		border-bottom-left-radius: 46px;
	}
		h3.title-service span img {
			float: left;
			width: 50px;
			height: 52px;
			margin-right: 20px;
		}
		h3.title-service span {
			width: 100%;
			color: #fff;
			z-index: 1;
			padding-left: 94px;
		}
		h3.date {
			font-weight: normal;
			margin-bottom: 15px;
			margin-top: 0;
			color: #5b73b8;
		}
		h3.title-nouvelles {
			max-width: 300px;
			padding: 0;
			margin: 0 0 15px 0;
		}
			h3.title-nouvelles a {
				width: 100%;
				display: flex;
			}
			h3.title-nouvelles span.image img {
				float: left;
				margin-right: 10px;
			}
			.title-content {flex: 1;}
			h3.title-nouvelles span {display: block;}
				h3.title-nouvelles span.title {
					margin-bottom: 5px;
					font-size: 1.125em;
					color: #000;
				}
				h3.title-nouvelles span.date {
					font-size: 0.778em;
					color: #cc0033;
					text-transform: lowercase;
					font-weight: 400;
				}

ul {
	margin: 0 0 10px 20px;
	padding: 0;
	list-style-type: square;
}
	ul>li {
		margin-bottom: 10px;
		padding: 0 0 0 5px;
	}
		ul>li:last-child {margin-bottom: 0;}

input[type='text'],
input[type='email'] {
	border-radius: 6px;
	border: 1px solid #a0a0a0;
	font-size: 1em;
}
textarea {
	font-size: 1em !important;
}
select {
	font-size: 1em !important;
	color: #999 !important;
}

p {margin: 0 0 15px;}
p.blue {color: #31547c;}
p span.light {color: #939597;}

img.img-left {
	float: left;
	margin: 0 15px 15px 0;
}
img.img-right {
	float: right;
	margin: 0 0 15px 15px;
}
img.news-index-img.img-left {max-width: 250px;}

.back {
	display: inline-block;
	margin: 0 0 20px 0;
	color: #000;
}

.auto-clear .col-xs-4:nth-child(3n+1),
.auto-clear .col-md-4:nth-child(3n+1),
.auto-clear .col-lg-4:nth-child(3n+1) {clear: left;}

/*** End Global ***/


/*** Header ***/
header {}
header .navbar {
	border-radius: 0;
	margin-bottom: 0;
}
	header .navbar.top-bar {
		background: #31547D; /* Old browsers */
		background: -moz-linear-gradient(45deg, #31547D 0%, #5c73b8 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	}
		header .navbar.top-bar ul {
			float: left;
			display: inline-block;
			margin: 13px 0 0 0;
			padding: 0;
			list-style-type: none;
		}
		header .navbar-right {margin-right: 0;}
			header .navbar.top-bar ul li {
				display: block;
				float: left;
				margin: 0 0 0 0;
				border-right: 1px solid #fff;
				padding: 0 10px;
				font-weight: bold;
				font-size: 0.875em;
			}
			.navbar-right-main li:nth-child(2) a img {
				margin-top: -6px;
				margin-left: 3px;
			}
		header .navbar.top-bar div.social-header {
			margin-top: 6px;
			float: left;
		}
				header .navbar.top-bar div.social-header a.social {
					font-size: 1.500em;
					padding: 0 5px;
					border-right: none;
					color: #fff;
				}
				header .navbar.top-bar ul li a {color: #fff;}
					header .navbar.top-bar ul li a:hover {color: #ececec;}
				header .navbar.top-bar ul li:last-child {
					border: none;
					padding-right: 0;
				}



header .navbar.main-bar {
	padding-top: 15px;
	padding-bottom: 15px;
}
	.logo {float: left;}
	.main-nav {float: right;}
		.main-nav-container ul {
			float: right;
			height: 70px;
			display: inline-block;
			margin: 0 0 20px 0;
			padding: 0;
			list-style-type: none;
		}
			.main-nav-container ul li {
				position: relative;
				float: left;
				padding: 0;
				margin: 0;
				text-align: center;
				border-right: 1px solid #e0dddc;
			}
				.main-nav-container ul li a {
					display: flex;
					position: relative;
					width: 100px;
					height: 70px;
					padding: 0 10px;
					justify-content:center;
					align-content:center;
					flex-direction:column;
					font-size: 0.778em;
					font-weight: 600;
					color: #31547c;
				}
					.main-nav-container ul li a:hover {color: #4d84c3;}

					.main-nav-container ul li.enfance-famille-link a::before {
						content: "";
						position: absolute;
						width: 85%;
						top: 0;
						left: 0;
						right: 0;
						margin: 0 auto;
						height: 4px;
						background: #cc0033; /* Old browsers */
						background: -moz-linear-gradient(45deg, #cc0033 0%, #fc083c 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(45deg, #cc0033 0%,#fc083c 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(45deg, #cc0033 0%,#fc083c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
					}
					.main-nav-container ul li.emploi-formation-link a::before {
						content: "";
						position: absolute;
						width: 85%;
						top: 0;
						left: 0;
						right: 0;
						margin: 0 auto;
						height: 4px;
						background: #124f32; /* Old browsers */
						background: -moz-linear-gradient(45deg, #124f32 0%, #2ea400 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(45deg, #124f32 0%,#2ea400 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(45deg, #124f32 0%,#2ea400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124f32', endColorstr='#2ea400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
					}
					.main-nav-container ul li.culturel-link a::before {
						content: "";
						position: absolute;
						width: 85%;
						top: 0;
						left: 0;
						right: 0;
						margin: 0 auto;
						height: 4px;
						background: #db9124; /* Old browsers */
						background: -moz-linear-gradient(45deg, #db9124 0%, #f9c815 100%); /* FF3.6-15 */
						background: -webkit-linear-gradient(45deg, #db9124 0%,#f9c815 100%); /* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(45deg, #db9124 0%,#f9c815 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db9124', endColorstr='#f9c815',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
					}

				.main-nav-container ul li:nth-last-child(2) {}
				.main-nav-container ul li:last-child {border-right: 0;}
					.main-nav-container ul li:last-child a {padding-right: 0;}
						.main-nav-container ul li:last-child a img {
							display: block;
							width: 118px;
							height: auto;
							margin: 0 auto;
						}
.search-bar {
	display: flex;
	align-items: center;

}
.search {flex-grow: 1;}
.search input {
	font-family: FontAwesome, 'Titillium Web';
	height: 40px;
	text-align: left;
	font-weight: 600;
	font-size: 1.125em;
}
a.la-francophonie-en-ontario {
	display: inline-block;
	width: 107px;
	text-align: center;
	padding: 6px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	background-color: #066839;
	border-radius: 6px;
	margin-left: 30px;
}
	a.la-francophonie-en-ontario img {
		width: 100%;
		height: auto;
		border-radius: 6px;
	}
a.je-parle-francais {
	display: inline-block;
	width: 106px;
	text-align: center;
	padding: 6px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	margin-left: 15px;
}
	a.je-parle-francais img {
		width: 100%;
		height: auto;
	}
a.espace {
	display: inline-block;
	height: 53px;
	text-align: center;
	border-radius: 6px;
	padding: 4px;
	box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
	background-color: #095998;
	margin-left: 15px;
}
	a.espace img {
		height: 100%;
		width: auto;
	}
.tagline {
	font-family: 'Oleo Script', cursive;
	font-size: 1.556em;
	color: #003f86;
	margin-top: 9px;
}
/*** End Header ***/


/*** Footer ***/
footer {
	background: #31547D; /* Old browsers */
	background: -moz-linear-gradient(45deg, #31547D 0%, #5c73b8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	padding: 40px 0;
}
	footer p {
		color: #fff;
		font-size: 0.778em;
	}
	footer form button.btn-default {
		width: 100%;
		border: 1px solid #1a6833;

	}
		footer form button.btn-default:hover {border: 1px solid #1a6833;}
	footer .social {
		color: #fff;
		font-size: 1.75em;
		margin-right: 15px;
	}
	.footer-address {
		float: left;
		width: 190px;
		margin-right: 15px;
	}
	.footer-nav {float: left;}
		.footer-nav ul {
			float: left;
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.footer-nav ul:first-child {margin-right: 40px;}
			.footer-nav ul li {
				padding: 0 0 6px 0;
				margin: 0 0 6px 0;
				border-bottom: 1px solid #969594;
			}
			.footer-nav ul li a {
				color: #fff;
				font-size: 0.778em;
			}
				.footer-nav ul li a:hover {color: #ececec;}
	.copyright {
		display: flex;
		justify-content:center;
		align-content:center;
		flex-direction:column;
		margin-top: 25px;
	}
		.copyright p img {margin-right: 30px;}

	footer .wpcf7-form {
		background: none;
		margin: 0;
		padding: 0;
	}
	.wpcf7-form p {
		width: 100%;
		text-align: left !important;
		font-size: 1em;
	}
		.wpcf7-form p input {
			width: 100%;
			border: 1px solid #1a6833;
		}
			.wpcf7-form p input:hover {border: 1px solid #1a6833;}

.partenaire-container {
	padding-top: 20px;
	padding-bottom: 20px;
}
.partenaire-container h2 {
	text-align: left;
	margin-bottom: 30px;
	margin-top: 30px;
}

.partenaire-container .col-12 {
	padding-left: 15px;
	padding-right: 15px;
}
.centered-col {text-align: center;}
.centered-col > div {
   float: none;
   display: inline-block;
   padding-right: 30px;
   padding-left: 30px;
	margin-bottom: 30px;
}
.centered-col > div a {
	display: block;
}
.centered-col > div img {
	width: 100%;
	height: auto;
}
.centered-col > div:last-child {margin-bottom: 0;}
/*** End Footer ***/


/*** Banner - Index ***/
.banner-index {
	width: 100%;
	height: 250px;
	background: url('i/banner-index.jpg') top no-repeat;
	background-size: cover;
	text-align: center;
}
.banner-index-sub {
	margin-top: 0;
	margin-bottom: 50px;
	background: #fff;
}
	.carousel .carousel-control .glyphicon-triangle-right,
	.carousel .carousel-control .icon-next {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		right: 25px;
		margin-right: -10px;
		color: #006633;
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 30px;
	}
	.carousel .carousel-control .glyphicon-triangle-left,
	.carousel .carousel-control .icon-prev {
		position: absolute;
		top: 50%;
		z-index: 5;
		display: inline-block;
		left: 25px;
		margin-left: -10px;
		color: #006633;
		color: #006633;
		width: 30px;
		height: 30px;
		margin-top: -10px;
		font-size: 30px;
	}
	.carousel .carousel-control.right {background: none;}
	.carousel .carousel-control.left {background: none;}
	.carousel .carousel-control {
		width: 6%;
		text-shadow: initial;
	}
	.carousel-indicators li {
		display: inline-block;
		width: 22px;
		height: 22px;
		margin: 1px;
		text-indent: -999px;
		cursor: pointer;
		background-color: #fff;
		border: 3px solid #35537d;
		border-radius: 11px;
	}
		.carousel-indicators .active {
			width: 22px;
			height: 22px;
			margin: 1px;
			background-color: #35537d;
			border: 3px solid #fff;
		}
/*** End Banner - Index ***/

/*** Banner - Sub ***/
.banner-sub {
	width: 100%;
	background-size: cover;
	text-align: left;
	background: url('i/banner-index.jpg') top no-repeat;
	padding-top: 75px;
	padding-bottom: 55px;
}
	.banner-sub p {
		font-size: 1em;
		color: #fff;
	}

	.banner-sub .nav {
		display: flex;
		margin: 31px 0 0 0;
		list-style: none;
	}

		.banner-sub .nav li a {
			background: #31547D; /* Old browsers */
			background: -moz-linear-gradient(45deg, #31547D 0%, #5c73b8 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(45deg, #31547D 0%,#5c73b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
			.banner-sub .nav li a:hover {
				background: #004924; /* Old browsers */
				background: -moz-linear-gradient(45deg, #233c59 0%, #6e8adc 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg, #233c59 0%,#6e8adc 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg, #233c59 0%,#6e8adc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
		.banner-sub .nav li.current-menu-item a,
		.banner-sub .nav li.current-page-ancestor a {color: #31547c;}

		.organisme .banner-sub {
			min-height: 245px;
			padding-top: 35px;
			padding-bottom: 0;
		}
	
		.enfance-famille .banner-sub {
			min-height: 245px;
			background: #cc0033; /* Old browsers */
			background: -moz-linear-gradient(180deg, #cc0033 0%, #f1a0a9 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(180deg, #cc0033 0%,#f1a0a9 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(180deg, #cc0033 0%,#f1a0a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			padding-top: 35px;
			padding-bottom: 0;
		}
		.enfance-famille .banner-sub .nav li a {
			background: #cc0033; /* Old browsers */
			background: -moz-linear-gradient(45deg, #cc0033 0%, #fc083c 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(45deg, #cc0033 0%,#fc083c 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(45deg, #cc0033 0%,#fc083c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
		}
			.enfance-famille .banner-sub .nav li a:hover {
				background: #a20029; /* Old browsers */
				background: -moz-linear-gradient(45deg, #a20029 0%, #d90734 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg, #a20029 0%,#d90734 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg, #a20029 0%,#d90734 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006633', endColorstr='#00ff00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.enfance-famille .banner-sub .nav li.current-menu-item a,
			.enfance-famille .banner-sub .nav li.current-page-ancestor a {color: #a20029;}{color: #a20029;}

		.emploi-formation .banner-sub {
			min-height: 245px;
			background: #124f32; /* Old browsers */
			background: -moz-linear-gradient(180deg, #124f32 0%, #258a0f 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(180deg, #124f32 0%,#258a0f 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(180deg, #124f32 0%,#258a0f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124f32', endColorstr='#258a0f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			padding-top: 35px;
			padding-bottom: 0;
		}
			.emploi-formation .banner-sub .nav li a {
				background: #124f32; /* Old browsers */
				background: -moz-linear-gradient(45deg, #124f32 0%, #2ea400 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg, #124f32 0%,#2ea400 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg, #124f32 0%,#2ea400 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#124f32', endColorstr='#2ea400',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.emploi-formation .banner-sub .nav li a:hover {
				background: #0e3f28; /* Old browsers */
				background: -moz-linear-gradient(45deg, #0e3f28 0%, #288d00 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg, #0e3f28 0%,#288d00 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg, #0e3f28 0%,#288d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e3f28', endColorstr='#288d00',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.emploi-formation .banner-sub .nav li.current-menu-item a,
			.emploi-formation .banner-sub .nav li.current-page-ancestor a {color: #124f32;}



/* */

.appui-aux-nouveaux-arrivants .banner-sub {
	min-height: 245px;
	background: #0476b5;
	background: -moz-linear-gradient(top,  #0476b5 0%, #02a4f0 100%);
	background: -webkit-linear-gradient(top,  #0476b5 0%,#02a4f0 100%);
	background: linear-gradient(to bottom,  #0476b5 0%,#02a4f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=0 );
	padding-top: 35px;
	padding-bottom: 0;
}
	.appui-aux-nouveaux-arrivants .banner-sub .nav li a {
		background: #0476b5;
		background: -moz-linear-gradient(left,  #0476b5 0%, #02a4f0 100%);
		background: -webkit-linear-gradient(left,  #0476b5 0%,#02a4f0 100%);
		background: linear-gradient(to right,  #0476b5 0%,#02a4f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=1 );
	}
	.appui-aux-nouveaux-arrivants .banner-sub .nav li a:hover {
		background: #036194;
		background: -moz-linear-gradient(left,  #036194 0%, #0287c5 100%);
		background: -webkit-linear-gradient(left,  #036194 0%,#0287c5 100%);
		background: linear-gradient(to right,  #036194 0%,#0287c5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036194', endColorstr='#0287c5',GradientType=1 );
	}
	.appui-aux-nouveaux-arrivants .banner-sub .nav li.current-menu-item a,
	.appui-aux-nouveaux-arrivants .banner-sub .nav li.current-page-ancestor a {color: #0476b5;}

.service-traiteur .banner-sub {
	min-height: 245px;
	background: #0476b5;
	background: -moz-linear-gradient(top,  #0476b5 0%, #02a4f0 100%);
	background: -webkit-linear-gradient(top,  #0476b5 0%,#02a4f0 100%);
	background: linear-gradient(to bottom,  #0476b5 0%,#02a4f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=0 );
	padding-top: 35px;
	padding-bottom: 0;
}
	.service-traiteur .banner-sub .nav li a {
		background: #0476b5;
		background: -moz-linear-gradient(left,  #0476b5 0%, #02a4f0 100%);
		background: -webkit-linear-gradient(left,  #0476b5 0%,#02a4f0 100%);
		background: linear-gradient(to right,  #0476b5 0%,#02a4f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=1 );
	}
	.service-traiteur .banner-sub .nav li a:hover {
		background: #036194;
		background: -moz-linear-gradient(left,  #036194 0%, #0287c5 100%);
		background: -webkit-linear-gradient(left,  #036194 0%,#0287c5 100%);
		background: linear-gradient(to right,  #036194 0%,#0287c5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036194', endColorstr='#0287c5',GradientType=1 );
	}
	.service-traiteur .banner-sub .nav li.current-menu-item a,
	.service-traiteur .banner-sub .nav li.current-page-ancestor a {color: #0476b5;}

.immigration .banner-sub {
	min-height: 245px;
	background: #0476b5;
	background: -moz-linear-gradient(top,  #0476b5 0%, #02a4f0 100%);
	background: -webkit-linear-gradient(top,  #0476b5 0%,#02a4f0 100%);
	background: linear-gradient(to bottom,  #0476b5 0%,#02a4f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=0 );
	padding-top: 35px;
	padding-bottom: 0;
}
	.immigration .banner-sub .nav li a {
		background: #0476b5;
		background: -moz-linear-gradient(left,  #0476b5 0%, #02a4f0 100%);
		background: -webkit-linear-gradient(left,  #0476b5 0%,#02a4f0 100%);
		background: linear-gradient(to right,  #0476b5 0%,#02a4f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=1 );
	}
	.immigration .banner-sub .nav li a:hover {
		background: #036194;
		background: -moz-linear-gradient(left,  #036194 0%, #0287c5 100%);
		background: -webkit-linear-gradient(left,  #036194 0%,#0287c5 100%);
		background: linear-gradient(to right,  #036194 0%,#0287c5 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#036194', endColorstr='#0287c5',GradientType=1 );
	}
	.immigration .banner-sub .nav li.current-menu-item a,
	.immigration .banner-sub .nav li.current-page-ancestor a {color: #0476b5;}

.contacts-services-francais .banner-sub {
	min-height: 245px;
	background: #4d0088;
	background: -moz-linear-gradient(top,  #4d0088 0%, #7500cf 100%);
	background: -webkit-linear-gradient(top,  #4d0088 0%,#7500cf 100%);
	background: linear-gradient(to bottom,  #4d0088 0%,#7500cf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0088', endColorstr='#7500cf',GradientType=0 );
	padding-top: 35px;
	padding-bottom: 0;
}
	.contacts-services-francais .banner-sub .nav li a {
		background: #4d0088;
		background: -moz-linear-gradient(top,  #4d0088 0%, #7500cf 100%);
		background: -webkit-linear-gradient(top,  #4d0088 0%,#7500cf 100%);
		background: linear-gradient(to bottom,  #4d0088 0%,#7500cf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0088', endColorstr='#7500cf',GradientType=0 );
	}
	.contacts-services-francais .banner-sub .nav li a:hover {
		background: #3f006f;
		background: -moz-linear-gradient(left,  #3f006f 0%, #6700b6 100%);
		background: -webkit-linear-gradient(left,  #3f006f 0%,#6700b6 100%);
		background: linear-gradient(to right,  #3f006f 0%,#6700b6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f006f', endColorstr='#6700b6',GradientType=1 );
	}
	.contacts-services-francais .banner-sub .nav li.current-menu-item a,
	.contacts-services-francais .banner-sub .nav li.current-page-ancestor a {color: #4d0088;}

/* */





.group_letter {display: none;}
.group_letter.show {display: block;}

		.culturel .banner-sub,
		.single-activite .banner-sub,
		.post-type-archive-activite .banner-sub {
			min-height: 245px;
			background: #eead25; /* Old browsers */
			background: -moz-linear-gradient(180deg, #eead25 0%, #fae272 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(180deg, #eead25 0%,#fae272 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(180deg, #eead25 0%,#fae272 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eead25', endColorstr='#fae272',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			padding-top: 35px;
			padding-bottom: 0;
		}
			.culturel .banner-sub .nav li a,
			.single-activite .banner-sub .nav li a,
			.post-type-archive-activite .banner-sub .nav li a {
				background: #db9124; /* Old browsers */
				background: -moz-linear-gradient(45deg, #db9124 0%, #f9c815 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg, #db9124 0%,#f9c815 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg, #db9124 0%,#f9c815 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db9124', endColorstr='#f9c815',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.culturel .banner-sub .nav li a:hover,
			.single-activite .banner-sub .nav li a:hover,
			.post-type-archive-activite .banner-sub .nav li a:hover {
				background: #b97a1e; /* Old browsers */
				background: -moz-linear-gradient(45deg, #b97a1e 0%, #e1b513 100%); /* FF3.6-15 */
				background: -webkit-linear-gradient(45deg, #b97a1e 0%,#e1b513 100%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(45deg, #b97a1e 0%,#e1b513 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b97a1e', endColorstr='#e1b513',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
			}
			.culturel .banner-sub .nav li.current-menu-item a,
			.culturel .banner-sub .nav li.current-page-ancestor a,
			.single-activite .banner-sub .nav li.current-menu-item a,
			.single-activite .banner-sub .nav li:first-child a,
			.post-type-archive-activite .banner-sub .nav li.current-menu-item a,
			.post-type-archive-activite .banner-sub .nav li:first-child a {color: #905f18;}

		.banner-sub .nav li {
			position: relative;
			display: flex;
			flex: 1;
			flex-direction: column;
			height: 80px;
			padding-left: 0;
			margin-top: 12px;
			font-size: 1.143em;
			font-weight: 600;
			text-align: center;
		}
			.banner-sub .nav li.current-menu-item,
			.banner-sub .nav li.current-page-ancestor,
			.single-activite .banner-sub .nav li:first-child,
			.post-type-archive-activite .banner-sub .nav li:first-child {
				height: 92px;
				margin-top: 0;
				z-index: 100;
			}
		.banner-sub .nav-tabs {
			width: 100%;
			border: none;
		}
		.banner-sub .nav-tabs>li>a {
			display: flex;
			flex: 1;
			margin-right: 2px;
			line-height: 1.125em;
			border: 0 solid transparent;
			border-radius: 8px 8px 0 0;
			justify-content:center;
			align-content:center;
			flex-direction:column;
			padding: 0 25px;
			color: #fff;
		}
		.banner-sub .nav-tabs>li.current-menu-item::before,
		.banner-sub .nav-tabs>li.current-page-ancestor::before,
		.single-activite .banner-sub .nav-tabs>li:first-child:before,
		.single-activite .banner-sub .nav-tabs>li:first-child::before,
		.post-type-archive-activite .banner-sub .nav-tabs>li:first-child:before,
		.post-type-archive-activite .banner-sub .nav-tabs>li:first-child::before {
			content: "";
			position: absolute;
			left: -17px;
			bottom: 0;
			width: 17px;
			height: 17px;
			background: url('i/corner-left.svg') no-repeat;
		}
		.banner-sub .nav-tabs>li.current-menu-item::after,
		.banner-sub .nav-tabs>li.current-page-ancestor::after,
		.single-activite .banner-sub .nav-tabs>li:first-child:after,
		.single-activite .banner-sub .nav-tabs>li:first-child:after,
		.post-type-archive-activite .banner-sub .nav-tabs>li:first-child:after,
		.post-type-archive-activite .banner-sub .nav-tabs>li:first-child:after {
			content: "";
			position: absolute;
			right: -15px;
			bottom: 0;
			width: 17px;
			height: 17px;
			background: url('i/corner-right.svg') no-repeat;
		}
		.banner-sub .nav-tabs>li.current-menu-item>a,
		.banner-sub .nav-tabs>li.current-menu-item>a:focus,
		.banner-sub .nav-tabs>li.current-menu-item>a:hover,
		.banner-sub .nav-tabs>li.current-page-ancestor>a,
		.banner-sub .nav-tabs>li.current-page-ancestor>a:focus,
		.banner-sub .nav-tabs>li.current-page-ancestor>a:hover,
		.single-activite .banner-sub .nav-tabs>li:first-child a,
		.single-activite .banner-sub .nav-tabs>li:first-child a:focus,
		.single-activite .banner-sub .nav-tabs>li:first-child a:hover,
		.post-type-archive-activite .banner-sub .nav-tabs>li:first-child a,
		.post-type-archive-activite .banner-sub .nav-tabs>li:first-child a:focus,
		.post-type-archive-activite .banner-sub .nav-tabs>li:first-child a:hover {
			border: none;
			background: #fff;
		}
/*** End Banner - Sub ***/


/*** Sub content ***/



.sub-content>.row {display: flex;}
.sidebar-content {
	padding-left: 20px;
	padding-right: 20px;
	height: 100%;
	padding-bottom: 50px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(90deg, #efefef 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(90deg, #efefef 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(90deg, #efefef 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.sub-content .sidebar {
	display: flex;
	flex-direction: column;
	padding-right: 0;
	padding-top: 70px;
	background: url('i/sidebar-top.jpg') 15px top no-repeat;
	background-size: 100% 79px;
}
	.sub-content .sidebar ul {
		list-style-type: none;
		margin: 0 0 25px 0;
		padding: 0 0 0 0;
	}
		.sub-content .sidebar ul li {
			position: relative;
			margin: 0;
			padding: 0;
			font-size: 1.250em;
			border-top: 1px solid #bebebe;
		}
		.sub-content .sidebar ul li:first-child {border-top: 1px solid transparent;}
			.sub-content .sidebar ul li a {
				display: block;
				margin: 0;
				padding: 16px 0;
				color: #000;
				font-weight: 600;
			}
				.sub-content .sidebar ul li a:hover {color: #315090;}
				.sub-content .sidebar ul li.current-menu-item {
					background: #31547c;
					border: none;
				}
					.sub-content .sidebar ul li.current-menu-item a {
						border-bottom: none;
						color: #fff;
					}
						.sub-content .sidebar ul li.current-menu-item a:hover {color: #fff;}
					.sub-content .sidebar ul li.current-menu-item::before {
						content: "";
						position: absolute;
						width: 20px;
						height: 100%;
						left: -20px;
						background: #31547c;
					}
					.sub-content .sidebar ul li.current-menu-item::after {
						content: " ";
						position: absolute;
						top: 0;
						right: -31px;
						width: 31px;
						height: 100%;
						background: url('i/right-arrow-blue.png') 0 0 no-repeat;
						background-size: 31px 100%;
					}
			.sub-content .sidebar a.btn.btn-primary {width: 100%;}

				.enfance-famille .sub-content .sidebar ul li.current-menu-item {background: #970127;}
					.enfance-famille .sub-content .sidebar ul li.current-menu-item::after {
						background: url('i/right-arrow-red.png') 0 0 no-repeat;
						background-size: 31px 100%;
					}
					.enfance-famille .sub-content .sidebar ul li.current-menu-item::before {background: #970127;}

				.emploi-formation .sub-content .sidebar ul li.current-menu-item {background: #124f32;}
					.emploi-formation .sub-content .sidebar ul li.current-menu-item::after {
						background: url('i/right-arrow-green.png') 0 0 no-repeat;
						background-size: 31px 100%;
					}
					.emploi-formation .sub-content .sidebar ul li.current-menu-item::before {background: #124f32;}

				.culturel .sub-content .sidebar ul li.current-menu-item {background: #db9124;}
					.culturel .sub-content .sidebar ul li.current-menu-item::after {
						background: url('i/right-arrow-orange.png') 0 0 no-repeat;
						background-size: 31px 100%;
					}
					.culturel .sub-content .sidebar ul li.current-menu-item::before {background: #db9124;}

	.sub-content .carousel {
		margin: 0 0 50px 0;
	}

	.map {
		border: 1px solid #31547D;
		padding: 1px;
	}

	.logout {
		position: absolute;
		right: 0;
		top: 15px;
		background: none;
		padding: 0;
		border: none;
		color: #31547c;
	}

.sidebar-right {
	padding-top: 70px;
	margin-bottom: 50px;
}
	.sidebar-right>img {margin-bottom: 25px;}
	.sidebar-right ul {}

	.sub-content .main-content {
		padding-top: 70px;
		padding-left: 45px;
		margin-bottom: 50px;
	}
		.sub-content .main-content.banner,
		.sub-content .main-content.banner .carousel {margin-bottom: 0;}

		.sub-content .main-content.full {padding-left: 15px;}
	.sub-content .main-content article {
		width: 100%;
		border-bottom: 1px solid #bebebe;
		margin-bottom: 30px;
		padding-bottom: 30px;
		clear: both;
		float: left;
	}
		.sub-content .main-content article .article-block {margin-bottom: 50px;}
			.sub-content .main-content article .article-block:last-child,
			.sub-content .main-content article .article-block:nth-last-child(1),
			.sub-content .main-content article .article-block:nth-last-child(2) {margin-bottom: 0;}
			.sub-content .main-content article .article-block a.btn {margin-top: 15px;}
			.sub-content .main-content article .article-block .img-activites {margin-bottom: 15px;}

			.sub-content .main-content article .article-block:nth-child(3n+1) {padding-right: 60px;}
			.sub-content .main-content article .article-block:nth-child(3n+2) {
				padding-left: 37px;
				padding-right: 37px;
			}
			.sub-content .main-content article .article-block:nth-child(3n+3) {padding-left: 60px;}

			.sub-content .main-content article .article-block img {
				display: block;
			}
		.sub-content .main-content article h2:first-of-type {margin-top: 0;}

	/*** News ***/
	.sub-content .sidebar.news ul li {font-size: 1em;}
		.sub-content .sidebar.news ul li:first-child {border-top: 1px solid #bebebe;}
		.sub-content .sidebar.news ul li.active:first-child {border-top: 1px solid #fff;}
		.sub-content .sidebar.news ul li a {color: #5b73b7;}
			.sub-content .sidebar.news ul li a:hover {color: #00adef;}
		.sub-content .sidebar.news ul li a span.date {
			display: block;
			font-weight: normal;
			color: #000;
			margin-top: 8px;
			text-transform: inherit;
		}
			.sub-content .sidebar.news ul li.active a {color: #fff;}
			.sub-content .sidebar.news ul li.active a span.date {color: #fff;}

	.sub-content .date {text-transform: inherit;}
	.sub-content .activity.date {text-transform: initial;}

	.post-image {
		text-align: center;
		margin-bottom: 25px;
		max-width: 100%;
		height: auto;
	}
	.post-image.post-image-left {
		float: left;
		margin-right: 30px;
		margin-bottom: 30px;
	}

	.next-prev-container {
		width: 400px;
		margin: 50px auto 0 auto;
	}
		.next-prev-container a {
			position: relative;
			display: block;
			width: 50%;
			text-transform: uppercase;
			font-size: 1.688em;
			color: #5b73b7;
		}
			.next-prev-container a:hover {color: #00adef;}
		.next-prev-container .prev {
			float: left;
			text-align: left;
			padding-left: 30px;
		}
			.next-prev-container .prev::before {
				content: "\f0d9";
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-decoration: inherit;
				color: #006633;
				position: absolute;
				top: 2px;
				left: 0;
			}
		.next-prev-container .next {
			float: right;
			text-align: right;
			padding-right: 30px;
		}
			.next-prev-container .next::after {
				content: "\f0da";
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-decoration: inherit;
				color: #006633;
				position: absolute;
				top: 2px;
				right: 0;
			}
	.pagination-container {
		display: block;
		margin: 0 auto;
		text-align: center;
	}
	.pagination-container span {
		display: inline-block;
		margin: 0 2px 0 2px;
		padding: 0 2px 0 2px;
		text-align: center;
		font-size: 1.125em;
		border: 1px solid #5b73b7;
		border-radius: 4px;
		color: #006633;
	}
	.pagination-container a {
		display: inline-block;
		margin: 0 2px 0 2px;
		padding: 0 2px 0 2px;
		text-align: center;
		font-size: 1.125em;
		color: #5b73b7;
		border: 1px solid transparent;
		border-radius: 4px;
	}
		.pagination-container a:hover {color: #00adef;}

		.pagination-container a:first-child {
			margin-left: 0;
			color: #006633;
		}
		.pagination-container a:last-child {
			margin-right: 0;
			color: #006633;
		}
	/*** End News ***/

	/*** Annuaire ***/
	.sort {margin-bottom: 20px;}
		.sort a,
		.sort span {display: inline-block;}
			.sort a:first-child,
			.sort span:first-child {
				margin-right: 3px;
				padding-right: 3px;
			}
			.sort a:last-child,
			.sort span:last-child {
				margin-left: 3px;
				padding-left: 3px;
			}
	.annuaire-section {
		/*float: left;
		width: 100%;*/
		margin-bottom: 30px;
	}
	.annuaire-section h2 {
		display: block;
		font-size: 3.125em;
		color: #5b73b8;
		border-bottom: 1px solid #5b73b8;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.sub-content .main-content .annuaire-section article {
		display: flex;
		width: 100%;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.sub-content .main-content .annuaire-section article .annuaire-expand {
		float: left;
		margin: 0 20px 0 0;
		font-size: 1.375em;
	}

	.sub-content .main-content .annuaire-section article .open-annuaire {display: block;}
		.sub-content .main-content .annuaire-section article .open-annuaire::before {
			content: "\f147";
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-decoration: inherit;
			color: #333;
		}
	.sub-content .main-content .annuaire-section article .open-annuaire.collapsed::before {
		content: "\f196";
		font-family: FontAwesome;
		font-style: normal;
		font-weight: normal;
		text-decoration: inherit;
		color: #333;
	}

		.sub-content .main-content .annuaire-section article .annuaire-expand a {color: #000;}
	.sub-content .main-content .annuaire-section article .annuaire-content {
		float: left;
		padding-top: 3px;
	}
		.sub-content .main-content .annuaire-section article .annuaire-content p span {color: #989594;}
	.sub-content .main-content .annuaire-section article .annuaire-content .description {
		margin-bottom: 10px;
		border-bottom: 1px dotted #aaa;
	}
	/*** End Annuaire ***/


/*** End Sub content ***/

/*** Index ***/
.index-services-container {margin-bottom: 25px;}
.index-service {
	max-width: 100%;
	height: 100%;
	/*border: 1px solid #a0a0a0;*/
	-webkit-box-shadow:inset 0px 0px 0px 1px #a0a0a0;
    -moz-box-shadow:inset 0px 0px 0px 1px #a0a0a0;
    box-shadow:inset 0px 0px 0px 1px #a0a0a0;
	border-top-left-radius: 46px;
	margin-bottom: 30px;
}
	.index-service .content {
		width: 100%;
		border-top: 0;
		padding: 20px 20px;
	}

	.index-service.enfance-et-famille h3 {
		background: #f9073b;
		background: -moz-linear-gradient(left,  #f9073b 0%, #d40234 100%);
		background: -webkit-linear-gradient(left,  #f9073b 0%,#d40234 100%);
		background: linear-gradient(to right,  #f9073b 0%,#d40234 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9073b', endColorstr='#d40234',GradientType=1 );
	}
	.index-service.emploi-et-formation h3 {
		background: #00d60e;
		background: -moz-linear-gradient(left,  #00d60e 0%, #006d30 100%);
		background: -webkit-linear-gradient(left,  #00d60e 0%,#006d30 100%);
		background: linear-gradient(to right,  #00d60e 0%,#006d30 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d60e', endColorstr='#006d30',GradientType=1 );
	}
	.index-service.activites-culturelles h3 {
		background: #f7e709;
		background: -moz-linear-gradient(left,  #f7e709 0%, #e3a821 100%);
		background: -webkit-linear-gradient(left,  #f7e709 0%,#e3a821 100%);
		background: linear-gradient(to right,  #f7e709 0%,#e3a821 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e709', endColorstr='#e3a821',GradientType=1 );
	}
	.index-service.service-traiteur h3 {
		background: #0476b5;
		background: -moz-linear-gradient(left,  #0476b5 0%, #02a4f0 100%);
		background: -webkit-linear-gradient(left,  #0476b5 0%,#02a4f0 100%);
		background: linear-gradient(to right,  #0476b5 0%,#02a4f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=1 );
	}
	.index-service.immigration h3 {
		background: #0476b5;
		background: -moz-linear-gradient(left,  #0476b5 0%, #02a4f0 100%);
		background: -webkit-linear-gradient(left,  #0476b5 0%,#02a4f0 100%);
		background: linear-gradient(to right,  #0476b5 0%,#02a4f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=1 );
	}
	.index-service.appui-aux-nouveaux-arrivants h3 {
		background: #0476b5;
		background: -moz-linear-gradient(left,  #0476b5 0%, #02a4f0 100%);
		background: -webkit-linear-gradient(left,  #0476b5 0%,#02a4f0 100%);
		background: linear-gradient(to right,  #0476b5 0%,#02a4f0 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0476b5', endColorstr='#02a4f0',GradientType=1 );
	}
	.index-service.contacts-services h3 {
		background: #4d0088;
		background: -moz-linear-gradient(left,  #4d0088 0%, #7500cf 100%);
		background: -webkit-linear-gradient(left,  #4d0088 0%,#7500cf 100%);
		background: linear-gradient(to right,  #4d0088 0%,#7500cf 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d0088', endColorstr='#7500cf',GradientType=1 );
	}

	.index-service ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		.index-service ul li {
			padding: 6px 0 6px 20px;;
			margin: 0;
			display: block;
			width: 100%;
			position: relative;
		}
			.index-service ul li::before {
				content: "\f111";
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-decoration: inherit;
				color: #005896;
				font-size: 10px;
				position: absolute;
				left: 0;
				top: 12px;
			}
			.index-service ul li a {
				display: block;
				width: 100%;
				color: #31547c;
				font-size: 1em;
			}
				.index-service ul li a:hover {color: #4d84c3;}

				.index-service .content ul li a span {
					display: block;
					float: left;
					width: 216px;
				}
				.index-service .content ul li a img {
					float: left;
					width: 32px;
					margin-right: 10px;
				}

.index-nouvelles-container {margin-bottom: 25px;}
	.index-nouvelles {
		max-width: 100%;
		margin: 0 auto 25px auto;
		padding-right: 35px;
	}
		.index-nouvelles .content p {margin-bottom: 25px;}

.row.service-row {
	/*
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	*/
}
.row.service-row > [class*='col-'] {
	/*
	display: flex;
	flex-direction: column;
	*/
}
.service-column.tall {
	height: 300px;
	margin-bottom: 30px;
}
.service-column.short {height: 237px;}

.enfance-famille h3.title-service span {}
h3.title-service img {
	position: absolute;
	width: auto;
	height: 124px;
	left: -3px;
	top: -22px;
}

/*** End Index ***/


/*** Forms ***/
.wpcf7-form,
.form {
	background: #efefef;
	margin: 20px 0 20px 0;
	padding: 30px;
}
	.wpcf7-form p,
	.form p {text-align: center;}
	.wpcf7-form button,
	.form button {
		display: block;
		margin: 30px auto 0 auto;
	}
	.wpcf7-form .radio-group .radio:first-of-type,
	.form .radio-group .radio:first-of-type {margin-top: 0;}
/*** End Forms ***/


/*** Tables ***/
.table>thead>tr>th {border-bottom: 1px solid #5f70b8;}
.table th {
	background: #35537d;
	color: #fff;
	border: 1px solid #5f70b8;
}
	.table th:last-child {width: 150px;}
.table td {
	border: 1px solid #e2e3e4;
	font-size: 0.875em;
}
/*** End Tables ***/


.contact-container-top {
	margin-top: 25px;
	margin-bottom: 25px;
}

.contact-container {
	margin-top: 10px;
	margin-bottom: 10px;
}

.offres-demplois-table {margin-top: 25px;}
.page_item_has_children { display: none; }
.page_item_has_children.current_page_item { display: block; }

.mobile-nav {
    display: none;
	position: relative;
	width: 100%;
	float: left;
}
.mobile-nav a.mobile-nav-toogle {
    display: block;
    position: relative;
	float: right;
    width: 48px;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    text-align: center;
	background-color: #fcfcfc;
	border: 1px solid #f0f0f0;
	color: #707070;
}
.header-elements {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.mobile-nav #navLinks {
    position: relative;
	clear: both;
    z-index: 1;
    right: 0;
    width: 100%;
    padding: 0.5rem 0;
    border-radius: 0.5rem;
    background-color: #ffffff;
    box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
    display: none;
	margin-bottom: 20px;
}
.mobile-nav #navLinks a {
    display: block;
    font-size: 1em;
    padding: 0.75rem 1rem 0.75rem 2rem;
    color: #58595b;
}
.mobile-nav #navLinks a:hover {
	background-color: #f9f9f9;
}
.mobile-nav .mobile-logo {
	float: left;
	width: 125px;
}
.mobile-nav .mobile-logo img {
	display: block;
	width: 125px;
	height: auto;
}
#navLinks a.je-parle-francais {display: none;}

footer a[href^="tel"] {
  color: #fff !important; /* Inherit text color of parent element. */
  text-decoration: none; /* Remove underline. */
  /* Additional css `propery: value;` pairs here */
}
footer a:link {
	font-size: 1.75em;
	color: #fff !important;
	text-decoration: none; /* or: underline | line-through | overline | blink (don't use blink. Ever. Please.) */
}

footer a.contact-email {
	font-size: 1em;
	color: #fff !important;
}

.footer-logos-container {
	border-right: 1px solid #eee;
}
.footer-territory-container {
	padding-top: 30px;
	padding-left: 70px;
}

.sidebar-dropdown {display: none;}

.mobile-side-menu-container {display: none;}

@media only screen and (max-width: 1200px) {
	.logo {display: none;}
	.main-nav {
		display: none;
    }
	.mobile-nav {
    	display: block;
	}
	.search {}
	.social-footer {
		margin-bottom: 15px;
	}
	.banner-sub .nav li {font-size: 0.889em;}
	.index-nouvelles {padding-right: 0;}
	.extras {display: none;}
	.service-column.tall {
		height: auto;

	}
	.service-column.short {
		height: auto;
		margin-bottom: 30px;
	}
	.sub-content .main-content article .article-block {
		padding-left: 15px !important;
		padding-right: 15px !important;
		margin-bottom: 30px !important;
		padding-bottom: 30px !important;
	}
}

@media only screen and (max-width: 991px) {
	.search {}
	.extras {display: none;}
	.sub-content>.row {display: block;}
	.sub-content .sidebar {
    	display: block;
    	padding-right: 0;
    	padding-top: 0;
    	background: none;
	}
	.sidebar-content {
    	padding-left: 0;
    	height: 100%;
    	padding-bottom: 20px;
    	background: none;
		position: relative;
    }
	.sidebar-content ul.menu {display: none;}
	.sidebar-content ul.menu.menu-active {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: column;
		border: 1px solid #8f8f9c;
		background: #e9e9ec;
		border-radius: 4px;
		z-index: 600;
		margin-top: -34px;
	}
	.sidebar-content ul.menu.menu-active li {padding: 0 10px;}
	.sidebar-content ul.menu.menu-active li a {
		padding: 5px 0;
		color: #000;
	}
	.sidebar-content ul.menu.menu-active li.current_page_item {background-color: #b6b6b8 !important;}
	.sidebar-content ul.menu.menu-active li.current_page_item a {color: #315090 !important;}

	.mobile-side-menu-container {
		position: relative;
		display: flex;
		justify-content: space-between;
		border: 1px solid #8f8f9c;
		background: #e9e9ec;
		color: #000;
		align-items: center;
		padding: 3px 5px;
		border-radius: 4px;
		cursor: pointer;
		z-index: 100;
	}
	.mobile-side-menu-container:hover {
		background: #d0d0d7;
	}
	.mobile-side-menu-container::after {
		content: "";
		width: 9px;
		height: 5px;
		background-size: 9px 5px;
		background-image: url('/wp-content/themes/lacle/i/arrow-down.png')
	}

	.sub-content .main-content {
		padding-top: 0;
    	padding-left: 15px;
    	margin-bottom: 30px;
	}
	h1.title-service {
		display: block;
		float: left;
		width: 100%;
		margin-bottom: 20px;
		clear: both;
		font-size: 2.25em;
	}
	h1.title-service span {height: auto;}
	.banner-sub {
    	padding-top: 35px;
    	padding-bottom: 15px;
		margin-bottom: 50px;
	}
	.organisme .banner-sub {min-height: auto;}

	.enfance-famille .banner-sub {min-height: auto;}
	.emploi-formation .banner-sub {min-height: auto;}
	h1.title-service img {
    	width: 75px;
    	height: 75px;
    	margin-right: 25px;
	}
	.sidebar-right {padding-top: 15px;}

	.sub-content .sidebar ul li.current-menu-item {background: none !important;}
	.sub-content .sidebar ul li.current-menu-item a {
    	border-bottom: none;
    	color: #939498;
	}
	.sub-content .sidebar ul li {
    	font-size: 0.889em;
    	border-top: 1px solid #bebebe !important;
	}
	.sub-content .sidebar ul li:first-child {border-top: 0 !important;}
	.sub-content .sidebar ul li.current-menu-item a:hover {color: #315090;}
	.sidebar ul li.current-menu-item::before,
	.sidebar ul li.current-menu-item::after {display: none !important;}
	.banner-sub .nav-tabs > li.current-page-ancestor::before,
	.banner-sub .nav-tabs > li.current-page-ancestor::after {display: none !important;}
	.annuaire-container {margin-bottom: 100px !important;}
	.sidebar-right {float: left;}
	img.news-index-img.img-left {
		display: block;
		float: none;
	}
	.next-prev-container {
    	width: 250px;
    	margin: 50px auto 0 auto;
		padding-bottom: 25px;
	}
	.next-prev-container a {font-size: 1em;}
	.sidebar-dropdown {
		display: block;
		width: 100%;
	}
	.carousel {margin-bottom: 30px !important;}
	
	.footer-logos-container {border-right: 0;}
	.footer-territory-container {padding-left: 15px;}
	.footer-territory-content {
		border-top: 1px solid #eee;
		padding-top: 30px;
	}
}
@media only screen and (max-width: 768px) {
	.search {}
	a.la-francophonie-en-ontario,
	a.je-parle-francais,
	a.espace {display: none;}
	
	#navLinks a.la-francophonie-en-ontario {
		display: inline-block;
		width: 107px;
		text-align: center;
		padding: 6px;
		box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
		border-radius: 6px;
		float: none;
		margin: 15px 0;
		margin-left: 2rem;
	}
	#navLinks a.je-parle-francais {
		display: inline-block;
		width: 106px;
		text-align: center;
		padding: 6px;
		box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
		border-radius: 6px;
		float: none;
		margin: 15px 0;
		margin-left: 2rem;
	}
	#navLinks a.espace {
		display: inline-block;
		height: 53px;
		text-align: center;
		padding: 4px;
		box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.2);
		border-radius: 6px;
		float: none;
		margin: 15px 0;
		margin-left: 2rem;
	}
	header .navbar.top-bar ul.navbar-right-main {display: none;}
	.extras {display: block;}
	.tagline {font-size: 1.25em;}
	.banner-sub .nav {
    	display: block;
    	margin: 30px 0 30px 0;
	}
	.banner-sub .nav li {
    	display: block;
    	width: 100%;
    	flex-direction: column;
    	height: auto;
    	padding-left: 0;
    	margin-top: 0;
    	font-size: 0.889em;
	}
	.banner-sub .nav li.current-menu-item, .banner-sub .nav li.current-page-ancestor, .single-activite .banner-sub .nav li:first-child, .post-type-archive-activite .banner-sub .nav li:first-child {height: auto;}
	.banner-sub .nav-tabs > li.current-menu-item::before,
	.banner-sub .nav-tabs > li.current-menu-item::after {
		content: "";
		display: none;
	}
	.banner-sub .nav-tabs > li > a {
    	display: block;
    	margin-right: 0;
    	line-height: 1.125em;
    	border: 0 solid transparent;
    	border-radius: 0;
    	justify-content: left;
    	align-content: left;
    	flex-direction: column;
    	padding: 10px 0;
    	color: #fff;
		font-size: 20px;
	}
	img.news-index-img.img-left {
		display: block;
		width: 100%;
		height: auto;
		float: none;
	}
	.post-image {
    	text-align: center;
    	margin-bottom: 25px;
    	width: 100%;
    	height: auto;
	}
	.post-image img {
		width: 100%;
		height: auto;
	}
	.offres-demplois-table {margin-top: 0;}
	.footer-nav {
		margin-top: 24px;
		margin-bottom: 24px
	}
}
@media only screen and (max-width: 580px) {
	h3.title-service {font-size: 1.125em;}
	h2.title-page {font-size: 1.5em;}
}