@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

body {
	background: #010710 url(body_background.jpg) no-repeat center top;
	background-attachment: fixed;
	background-size: cover;
	margin: 0px;
}
header {
	background: #fff;
	border-bottom: 1px solid #306c96;
}
.details {
	font-size: 11px; 
	color:#c7f66c; 
	text-decoration: none;
}
.bt-details {
	position: relative; 
	top: 4px; 
	left: 5px;
}
.zone {
	border: 1px solid #004a7f;
	background-color: #d6e8fa;
	padding: 12px;
	margin: 8px 0 8px 0;
	display: table;
}
main.pages div.container div.content div.subitem_link a:after, main.pages div.container div.content div.subitem_link a:after {
	content: "";
	display: inline-block;
	background: url(subitem_link_background.png) no-repeat center center;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	vertical-align: text-top;
}
div.subitems2 div.subitem_image_link a img {
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	vertical-align: top;
	opacity: 1;
	transition: 0.375s opacity;
	margin: 0px 0px 20px 20px;
	float: right;
}
div.subitems2 div.subitem_image_link a:hover img {
	opacity: 0.75;
}
div.direction_generale div.item_title h1 {
	display: inline-block;
	border: 1px solid #004a7f;
	font: 900 20px Lato, Arial;
	line-height: 1.5em;
	padding: 5px 10px;
	margin: 0px 0px 20px 0px;
	color: #004a7f;
}
div.conseil_municipal div.item_title h1 {
	display: inline-block;
	border: 1px solid #004a7f;
	font: 900 20px Lato, Arial;
	line-height: 1.5em;
	padding: 5px 10px;
	margin: 0px 0px 20px 0px;
	color: #004a7f;
}
@media screen and (min-width: 768px) {
	header div.container {
		width: 1200px;
		background: #fff;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
	header div.container {
		background: #fff;
	}
}
@media screen and (min-width: 768px) {
	header div.container div.logo {
		display: table-cell;
		width: 143px;
		vertical-align: middle;
		padding: 15px 15px 15px 15px;
	}
}
@media screen and (max-width: 767px) {
	header div.container div.logo {
		width: 143px;
		padding: 20px;
		margin: 0px auto;
	}
}
header div.container div.logo a {
	display: block;
	width: 143px;
	height: 86px;
	background: url(header_logo_background.png) no-repeat center center;
	text-indent: -9999px;
}
@media screen and (min-width: 768px) {
	header div.container nav {
		display: table-cell;
		width: 1057px;
		text-align: center;
		vertical-align: bottom;
	}
}
@media screen and (max-width: 767px) {
	header div.container nav {
	}
}
header div.container nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
@media screen and (min-width: 768px) {
	header div.container nav ul li {
		display: inline-block;
		margin: 0px 13px;
	}
}
@media screen and (max-width: 767px) {
	header div.container nav ul li {
	}
}
header div.container nav ul li.inactive {
}
@media screen and (min-width: 768px) {
	header div.container nav ul li.inactive a {
		display: block;
		border-top: 5px solid #fff;
		border-bottom: 5px solid #fff;
		font: 700 15px Lato, Arial;
		text-transform: uppercase;
		text-decoration: none;
		padding: 8px 0px;
		color: #004a7f;
		transition: 0.375s border-color;
	}
}
@media screen and (max-width: 767px) {
	header div.container nav ul li.inactive a {
		display: block;
		border-top: 5px solid #fff;
		border-bottom: 5px solid #fff;
		font: 700 15px Lato, Arial;
		text-transform: uppercase;
		text-decoration: none;
		padding: 8px;
		color: #004a7f;
		transition: 0.375s border-color;
	}
}
@media screen and (min-width: 768px) {
	header div.container nav ul li.inactive a:hover {
		border-top: 5px solid #c7f66c;
		border-bottom: 5px solid #c7f66c;
		padding: 8px 0px;
	}
}
@media screen and (max-width: 767px) {
	header div.container nav ul li.inactive a:hover {
		border-top: 5px solid #c7f66c;
		border-bottom: 5px solid #c7f66c;
		padding: 8px;
	}
}
header div.container nav ul li.active {
}
@media screen and (min-width: 768px) {
	header div.container nav ul li.active a {
		display: block;
		border-top: 5px solid #c7f66c;
		border-bottom: 5px solid #c7f66c;
		font: 700 15px Lato, Arial;
		text-transform: uppercase;
		text-decoration: none;
		padding: 8px 0px;
		color: #004a7f;
	}
}
@media screen and (max-width: 767px) {
	header div.container nav ul li.active a {
		display: block;
		border-top: 5px solid #c7f66c;
		border-bottom: 5px solid #c7f66c;
		font: 700 15px Lato, Arial;
		text-transform: uppercase;
		text-decoration: none;
		padding: 8px;
		color: #004a7f;
	}
}
header div.container nav ul li.active a:hover {
}
main {
}
main.realisations {
	background: rgba(0%, 0%, 0%, 0.375);
}
@media screen and (min-width: 768px) {
	main.realisations div.container {
		width: 1200px;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container {
	}
}
main.realisations div.container div.content {
}
main.realisations div.container div.content div.top {
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.top div.column {
		display: table-cell;
		font: 500 16px Lato, Arial;
		line-height: 1.4em;
		color: #004a7f;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.top div.column {
		font: 500 16px Lato, Arial;
		line-height: 1.4em;
		color: #004a7f;
	}
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.top div.column:nth-of-type(1) {
		width: 30%;
		padding: 60px 15px 60px 15px;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.top div.column:nth-of-type(1) {
		padding: 20px 20px 10px 20px;
	}
}
main.realisations div.container div.content div.top div.column:nth-of-type(1) h1 {
	font: 500 36px Lato, Arial;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0px 0px 30px 0px;
	color: #fff;
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.top div.column:nth-of-type(2) {
		width: 50%;
		padding: 60px 0px 60px 15px;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.top div.column:nth-of-type(2) {
		padding: 10px 20px 40px 20px;
	}
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.top div.column:nth-of-type(2) ul.secondary_navigation_links {
		width: 100%;
		list-style: none;
		padding: 0px;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.top div.column:nth-of-type(2) ul.secondary_navigation_links {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
}
main.realisations div.container div.content div.top div.column:nth-of-type(2) ul.secondary_navigation_links > li {
	margin: 0px 0px 2px 0px;
}
main.realisations div.container div.content div.top div.column:nth-of-type(2) ul.secondary_navigation_links > li a {
	display: block;
	background: #fff;
	font: 700 14px Lato, Arial;
	line-height: 1.5em;
	text-decoration: none;
	text-transform: uppercase;
	padding: 2.5px 5px;
	color: #004a7f;
	transition: 0.375s background-color;
}
main.realisations div.container div.content div.top div.column:nth-of-type(2) ul.secondary_navigation_links > li a:before {
	content: ">";
	margin-right: 5px;
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.top div.column:nth-of-type(2) ul.secondary_navigation_links > li a:after {
		float: right;
		content: "Détails";
		display: block;
		min-height: 17px;
		background: url(realisations_secondary_navigation_link_background.png) no-repeat right 1px;
		font: 900 12px Lato, Arial;
		line-height: 1.5em;
		padding: 1px 22px 0px 0px;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.top div.column:nth-of-type(2) ul.secondary_navigation_links > li a:after {
	}
}
main.realisations div.container div.content div.top div.column:nth-of-type(2) ul.secondary_navigation_links > li a:hover {
	background: #c7f66c;
}
main.realisations div.container div.content div.separator {
	border-bottom: 1px dotted #c7f66c;
	font: 300 16px Lato, Arial;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	color: #c7f66c;
}
main.realisations div.container div.content div.separator span {
	display: inline-block;
	border-bottom: 5px solid #c7f66c;
	padding-bottom: 2.5px;
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.bottom {
		display: table;
		width: 50%;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.bottom {
	}
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.bottom div.column {
		display: table-cell;
		width: 50%;
		font: 300 24px Lato, Arial;
		line-height: 1.5em;
		text-transform: uppercase;
		margin: 0px auto;
		color: #fff;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.bottom div.column {
		font: 300 24px Lato, Arial;
		line-height: 1.5em;
		text-transform: uppercase;
		color: #c7f66c;
	}
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.bottom div.column:nth-of-type(1) {
		padding: 60px 15px 60px 0px;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.bottom div.column:nth-of-type(1) {
		padding: 40px 20px 10px 20px;
	}
}
@media screen and (min-width: 768px) {
	main.realisations div.container div.content div.bottom div.column:nth-of-type(2) {
		padding: 60px 0px 60px 15px;
	}
}
@media screen and (max-width: 767px) {
	main.realisations div.container div.content div.bottom div.column:nth-of-type(2) {
		padding: 10px 20px 20px 20px;
	}
}
main.realisations div.container div.content div.bottom div.column h1 {
	font: 300 24px Lato, Arial;
	margin: 0px;
}
main.realisations div.container div.content div.bottom div.column h2 {
	font: 300 64px Lato, Arial;
	margin: 0px;
}
main.pages {
}
@media screen and (min-width: 768px) {
	main.pages div.container {
		width: 1140px;
		background: #f2f2f2;
		padding: 30px;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container {
		background: #f2f2f2;
		padding: 20px;
		margin: 0px auto;
	}
}
@media screen and (min-width: 768px) {
	main.pages div.container > h1 {
		width: calc(50% - 60px);
		font: 900 36px Lato, Arial;
		text-transform: uppercase;
		margin: 0px 0px 5px 0px;
		color: #004a7f;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container > h1 {
		font: 900 36px Lato, Arial;
		text-transform: uppercase;
		margin: 0px 0px 20px 0px;
		color: #004a7f;
	}
}
main.pages div.container > h1:after {
	content: "";
	display: block;
	clear: both;
}
@media screen and (min-width: 768px) {
	main.pages div.container ul.breadcrumb_links {
		list-style: none;
		font: 400 12px Lato, Arial;
		line-height: 1.5em;
		padding: 0px;
		margin: 0px 0px 30px 0px;
		color: #004a7f;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container ul.breadcrumb_links {
		display: none;
	}
}
main.pages div.container ul.breadcrumb_links > li {
	display: inline-block;
}
main.pages div.container ul.breadcrumb_links > li:after {
	content: ">";
	margin: 0 10px;
}
main.pages div.container ul.breadcrumb_links > li:last-child:after {
	content: "";
	margin: 0px;
}
main.pages div.container ul.breadcrumb_links > li.inactive {
}
main.pages div.container ul.breadcrumb_links > li.inactive a {
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
main.pages div.container ul.breadcrumb_links > li.inactive a:hover {
	opacity: 0.75;
}
main.pages div.container ul.breadcrumb_links > li.active {
}
main.pages div.container ul.breadcrumb_links > li.active a {
	font-weight: 700;
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
main.pages div.container ul.breadcrumb_links > li.active a:hover {
	opacity: 0.75;
}
@media screen and (min-width: 768px) {
	main.pages div.container aside {
		display: table-cell;
		width: 235px;
		font: 400 15px Lato, Arial;
		line-height: 1.5em;
		vertical-align: top;
		padding: 0px 15px 0px 0px;
		color: #004a7f;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container aside {
		font: 400 15px Lato, Arial;
		line-height: 1.5em;
		margin: 0px 0px 20px 0px;
		color: #004a7f;
	}
}
main.pages div.container aside ul.secondary_navigation_links {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
main.pages div.container aside ul.secondary_navigation_links > li {
	margin: 0px 0px 10px 0px;
}
main.pages div.container aside ul.secondary_navigation_links > li:last-child {
	margin: 0px;
}
main.pages div.container aside ul.secondary_navigation_links > li.inactive {
}
main.pages div.container aside ul.secondary_navigation_links > li.inactive a {
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
main.pages div.container aside ul.secondary_navigation_links > li.inactive a:hover {
	opacity: 0.75;
}
main.pages div.container aside ul.secondary_navigation_links > li.inactive a.page {
}
main.pages div.container aside ul.secondary_navigation_links > li.inactive a.link {
}
main.pages div.container aside ul.secondary_navigation_links > li.inactive a.link:after {
	content: "";
	display: inline-block;
	background: url(secondary_navigation_link_background.png) no-repeat center center;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	vertical-align: text-top;
}
main.pages div.container aside ul.secondary_navigation_links > li.active {
}
main.pages div.container aside ul.secondary_navigation_links > li.active a {
	font-weight: 700;
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
main.pages div.container aside ul.secondary_navigation_links > li.active a:hover {
	opacity: 0.75;
}
main.pages div.container aside ul.secondary_navigation_links > li.active a.page {
}
main.pages div.container aside ul.secondary_navigation_links > li.active a.link {
}
@media screen and (min-width: 768px) {
	main.pages div.container div.content {
		display: table-cell;
		width: 875px;
		font: 400 14px Lato, Arial;
		line-height: 1.5em;
		vertical-align: top;
		padding: 0px 0px 0px 15px;
		color: #000;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container div.content {
		font: 400 14px Lato, Arial;
		line-height: 1.5em;
		color: #000;
	}
}
main.pages div.container div.content:after {
	content: "";
	display: block;
	margin-bottom: -20px;
}
main.pages div.container div.content p {
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content strong {
	font-weight: 700;
}
main.pages div.container div.content a {
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
main.pages div.container div.content a:hover {
	opacity: 0.75;
}
main.pages div.container div.content div.realisations, main.pages div.container div.content div.conseil_municipal {
}
@media screen and (min-width: 768px) {
	main.pages div.container div.content div.realisations iframe, main.pages div.container div.content div.conseil_municipal iframe {
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container div.content div.realisations iframe, main.pages div.container div.content div.conseil_municipal iframe {
		max-width: 100%;
		height: auto;
	}
}
main.pages div.container div.content div.realisations > h1, main.pages div.container div.content div.realisations > h1, main.pages div.container div.content div.conseil_municipal > h1, main.pages div.container div.content div.conseil_municipal > h1 {
	font: 400 26px Lato, Arial;
	line-height: 1.5em;
	text-transform: uppercase;
	margin: 0px 0px 20px 0px;
	color: #004a7f;
}
main.pages div.container div.content div.realisations p.orientation, main.pages div.container div.content div.realisations p.plan_strategique, main.pages div.container div.content div.conseil_municipal p.orientation, main.pages div.container div.content div.conseil_municipal p.plan_strategique {
	display: block;
	min-height: 23px;
	background: url(realisations_orientation_plan_strategique_background.png) no-repeat 0px center;
	font: 700 12px Lato, Arial;
	line-height: 1.5em;
	padding: 6px 0px 0px 32.5px;
	color: #004a7f;
	opacity: 0.75;
}
main.pages div.container div.content div.realisations p.orientation a, main.pages div.container div.content div.realisations p.plan_strategique a, main.pages div.container div.content div.conseil_municipal p.orientation a, main.pages div.container div.content div.conseil_municipal p.plan_strategique a {
	text-decoration: none;
	color: #004a7f;
	opacity: 0.75;
	transition: 0.375s opacity;
}
main.pages div.container div.content div.realisations p.orientation a:after, main.pages div.container div.content div.realisations p.plan_strategique a:after, main.pages div.container div.content div.conseil_municipal p.orientation a:after, main.pages div.container div.content div.conseil_municipal p.plan_strategique a:after {
	content: "";
	display: inline-block;
	background: url(subitem_link_background.png) no-repeat center center;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	vertical-align: text-top;
}
main.pages div.container div.content div.realisations p.orientation a:hover, main.pages div.container div.content div.realisations p.plan_strategique a:hover, main.pages div.container div.content div.conseil_municipal p.orientation a:hover, main.pages div.container div.content div.conseil_municipal p.plan_strategique a:hover {
	opacity: 0.5;
}
@media screen and (min-width: 768px) {
	main.pages div.container div.content div.realisations div.subitems, main.pages div.container div.content div.conseil_municipal div.subitems {
		float: right;
		max-width: 500px;
		margin: 0px 0px 20px 20px;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container div.content div.realisations div.subitems, main.pages div.container div.content div.conseil_municipal div.subitems {
		margin: 0px 0px 20px 0px;
	}
}
main.pages div.container div.content div.realisations div.subitems div.subitem_image_link, main.pages div.container div.content div.conseil_municipal div.subitems div.subitem_image_link {
	display: inline-block;
	margin: 0px 5px 5px 0px;
}
main.pages div.container div.content div.realisations div.subitems div.subitem_image_link a, main.pages div.container div.content div.conseil_municipal div.subitems div.subitem_image_link a {
	display: block;
	background: #fff;
}
@media screen and (min-width: 768px) {
	main.pages div.container div.content div.realisations div.subitems div.subitem_image_link a img, main.pages div.container div.content div.conseil_municipal div.subitems div.subitem_image_link a img {
		width: 120px;
		height: 120px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		vertical-align: top;
		opacity: 1;
		transition: 0.375s opacity;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container div.content div.realisations div.subitems div.subitem_image_link a img, main.pages div.container div.content div.conseil_municipal div.subitems div.subitem_image_link a img {
		width: 80px;
		height: 80px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		vertical-align: top;
		opacity: 1;
		transition: 0.375s opacity;
	}
}
main.pages div.container div.content div.realisations div.subitems div.subitem_image_link a:hover img, main.pages div.container div.content div.conseil_municipal div.subitems div.subitem_image_link a:hover img {
	opacity: 0.75;
}
main.pages div.container div.content div.realisations div.subitem_link, main.pages div.container div.content div.conseil_municipal div.subitem_link {
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.realisations div.subitem_link a, main.pages div.container div.content div.conseil_municipal div.subitem_link a {
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
main.pages div.container div.content div.realisations div.subitem_link a:after, main.pages div.container div.content div.conseil_municipal div.subitem_link a:after {
	content: "";
	display: inline-block;
	background: url(subitem_link_background.png) no-repeat center center;
	width: 15px;
	height: 15px;
	margin-left: 5px;
	vertical-align: text-top;
}
main.pages div.container div.content div.realisations div.subitem_link a:hover, main.pages div.container div.content div.conseil_municipal div.subitem_link a:hover {
	opacity: 0.75;
}
main.pages div.container div.content div.realisations div.subitem_image, main.pages div.container div.content div.conseil_municipal div.subitem_image {
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.realisations div.subitem_image img, main.pages div.container div.content div.conseil_municipal div.subitem_image img {
	max-width: 100%;
}
main.pages div.container div.content div.realisations div.subitem_image_link, main.pages div.container div.content div.conseil_municipal div.subitem_image_link {
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.realisations div.subitem_html, main.pages div.container div.content div.conseil_municipal div.subitem_html {
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.realisations div.subitem img, main.pages div.container div.content div.conseil_municipal div.subitem img {
}
main.pages div.container div.content div.realisations ul.list_links, main.pages div.container div.content div.conseil_municipal ul.list_links {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.realisations ul.list_links > li, main.pages div.container div.content div.conseil_municipal ul.list_links > li {
	margin: 0px 0px 5px 0px;
}
main.pages div.container div.content div.realisations ul.list_links > li a, main.pages div.container div.content div.conseil_municipal ul.list_links > li a {
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
main.pages div.container div.content div.realisations ul.list_links > li a:hover, main.pages div.container div.content div.conseil_municipal ul.list_links > li a:hover {
	opacity: 0.75;
}
main.pages div.container div.content div.realisations ul.list, main.pages div.container div.content div.conseil_municipal ul.list {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.realisations ul.list > li, main.pages div.container div.content div.conseil_municipal ul.list > li {
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.realisations ul.list > li div.item_title, main.pages div.container div.content div.conseil_municipal ul.list > li div.item_title {
	clear: both;
}
main.pages div.container div.content div.realisations ul.list > li div.item_title h1, main.pages div.container div.content div.conseil_municipal ul.list > li div.item_title h1 {
	display: inline-block;
	border: 1px solid #004a7f;
	font: 900 20px Lato, Arial;
	line-height: 1.5em;
	padding: 5px 10px;
	margin: 0px 0px 20px 0px;
	color: #004a7f;
}
main.pages div.container div.content div.realisations ul.list > li > h2, main.pages div.container div.content div.conseil_municipal ul.list > li > h2 {
	font: 700 16px Lato, Arial;
	line-height: 1.5em;
	margin: 0px 0px 20px 0px;
	color: #004a7f;
}
main.pages div.container div.content div.realisations ul.list > li ul, main.pages div.container div.content div.conseil_municipal ul.list > li ul {
	list-style: disc;
	padding: 0px;
	margin: 0px 0px 20px 40px;
}
main.pages div.container div.content div.realisations ul.list > li ul li, main.pages div.container div.content div.conseil_municipal ul.list > li ul li {
	margin: 0px 0px 5px 0px;
}
main.pages div.container div.content div.realisations table, main.pages div.container div.content div.conseil_municipal table {
	width: 100%;
	border-collapse: collapse;
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.realisations table tr, main.pages div.container div.content div.conseil_municipal table tr {
}
main.pages div.container div.content div.realisations table tr th, main.pages div.container div.content div.conseil_municipal table tr th {
	background: rgba(0, 74, 127, 0.125);
	font: 700 13px Lato, Arial;
	line-height: 1.5em;
	text-align: center;
	text-transform: uppercase;
	vertical-align: top;
	padding: 5px 10px;
	color: #004a7f;
}
main.pages div.container div.content div.realisations table tr:nth-of-type(1n+2), main.pages div.container div.content div.conseil_municipal table tr:nth-of-type(1n+2) {
	border-top: 1px solid #f2f2f2;
}
main.pages div.container div.content div.realisations table tr td, main.pages div.container div.content div.conseil_municipal table tr td {
	background: rgba(0, 74, 127, 0.03125);
	vertical-align: top;
	padding: 5px 10px;
}
main.pages div.container div.content div.realisations table tr td:after, main.pages div.container div.content div.conseil_municipal table tr td:after {
	content: "";
	display: block;
	margin-bottom: -20px;
}
main.pages div.container div.content div.realisations div.message_citoyen, main.pages div.container div.content div.conseil_municipal div.message_citoyen {
	background: url(message_citoyen_background.png) no-repeat left top;
	font: 400 italic 14px Lato, Arial;
	line-height: 1.5em;
	padding-left: 63px;
	color: #004a7f;
}
main.pages div.container div.content div.direction_generale {
}
@media screen and (min-width: 768px) {
	main.pages div.container div.content div.direction_generale iframe {
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container div.content div.direction_generale iframe {
		max-width: 100%;
		height: auto;
	}
}
main.pages div.container div.content div.direction_generale ul.list {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.direction_generale ul.list:after {
	content: "";
	display: block;
	clear: both;
}
@media screen and (min-width: 768px) {
	main.pages div.container div.content div.direction_generale ul.list > li {
		float: left;
		width: 175px;
		text-align: center;
		padding: 20px;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container div.content div.direction_generale ul.list > li {
		text-align: center;
		padding: 20px;
	}
}
@media screen and (min-width: 768px) {
	main.pages div.container div.content div.direction_generale ul.list > li:nth-of-type(4n+1) {
		clear: both;
	}
}
@media screen and (max-width: 767px) {
	main.pages div.container div.content div.direction_generale ul.list > li:nth-of-type(4n+1) {
	}
}
main.pages div.container div.content div.direction_generale ul.list > li > h1 {
	font: 700 18px Lato, Arial;
	line-height: 1.5em;
	text-transform: uppercase;
	margin: 0px;
}
main.pages div.container div.content div.direction_generale ul.list > li > div.subitem_image img {
	width: 175px;
	height: 175px;
	vertical-align: top;
	margin-bottom: 10px;
}
main.pages div.container div.content div.orientations {
    position: relative;
    width: 890px;
    height: 499px;
    background: url(orientations_background.png) no-repeat center center;
	margin: 0px 0px 20px 0px;
}
main.pages div.container div.content div.orientations a.orientation_0 {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 136px;
	height: 136px;
	text-indent: -9999px;
}
main.pages div.container div.content div.orientations a.orientation_1 {
	display: block;
	position: absolute;
	top: 0px;
	left: 186px;
	width: 134px;
	height: 136px;
	text-indent: -9999px;
}
main.pages div.container div.content div.orientations a.orientation_2 {
	display: block;
	position: absolute;
	top: 175px;
	left: 299px;
	width: 172px;
	height: 174px;
	text-indent: -9999px;
}
main.pages div.container div.content div.orientations a.orientation_3 {
	display: block;
	position: absolute;
	top: 114px;
	left: 320px;
	width: 58px;
	height: 48px;
	text-indent: -9999px;
}
main.pages div.container div.content div.orientations > div {
	position: absolute;
	bottom: 20px;
	left: 20px;
}
main.pages div.container div.content div.orientations > div h1 {
	font: 700 16px Lato, Arial;
	line-height: 1.5em;
	margin: 0px 0px 10px 0px;
	color: #000;
}
main.pages div.container div.content div.orientations > div ul {
	list-style: disc;
	padding: 0px;
	margin: 0px 0px 20px 40px;
}
main.pages div.container div.content div.orientations > div ul > li {
	margin: 0px 0px 5px 0px;
}
main.pages div.container div.content div.orientations > div ul > li a {
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
main.pages div.container div.content div.orientations > div ul > li a:hover {
	opacity: 0.75;
}
footer {
	background: #fff;
	border-top: 1px solid #010710;
}
@media screen and (min-width: 768px) {
	footer div.container {
		width: 1200px;
		background: #fff;
		padding: 30px 0px;
		margin: 0px auto;
	}
}
@media screen and (max-width: 767px) {
	footer div.container {
		display: none;
	}
	
	#print {
		display: none;
	}
}
footer div.container div.column {
	display: table-cell;
	width: 25%;
	font: 400 12px Lato, Arial;
	line-height: 1.5em;
	color: #004a7f;
}
footer div.container div.column:after {
	content: "";
	display: block;
	margin-bottom: -10px;
}
footer div.container div.column:nth-of-type(1) {
	vertical-align: middle;
	padding: 0px 0px 0px 15px;
}
footer div.container div.column:nth-of-type(2) {
	vertical-align: top;
	padding: 0px 20px;
}
footer div.container div.column:nth-of-type(3) {
	vertical-align: top;
	padding: 0px 20px;
}
footer div.container div.column:nth-of-type(4) {
	vertical-align: top;
	padding: 0px 0px 0px 20px;
}
footer div.container div.column h1 {
	font: 700 14px Lato, Arial;
	margin: 0px 0px 10px 0px;
}
footer div.container div.column p {
	margin: 0px 0px 10px 0px;
}
footer div.container div.column a {
	font-weight: 700;
	text-decoration: none;
	color: #004a7f;
	transition: 0.375s opacity;
}
footer div.container div.column a:hover {
	opacity: 0.75;
}
footer div.container div.column a.gatineau {
	font: 400 32px Lato, Arial;
}
footer div.container div.column a.twitter {
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(footer_twitter_background.png) no-repeat center center;
	text-indent: -9999px;
}
footer div.container div.column a.instagram {
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(footer_instagram_background.png) no-repeat center center;
	text-indent: -9999px;
}
footer div.container div.column a.facebook {
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(footer_facebook_background.png) no-repeat center center;
	text-indent: -9999px;
}
footer div.container div.column a.canu {
	display: inline-block;
	width: 53px;
	height: 38px;
	background: url(footer_canu_background.png) no-repeat center center;
	text-indent: -9999px;
}
footer div.container div.column ul {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
footer div.container div.column ul li {
	margin: 0px 0px 5px 0px;
}
footer div.container div.column ul.social {
}
footer div.container div.column ul.social li {
	display: inline-block;
	margin: 0px 10px 0px 0px;
}
footer div.container div.column ul.social li:last-child {
	margin: 0px;
}

/* ajout Etienne */
.column1 {
  float: left;
  width: 30%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row1::after {
  content: "";
  clear: both;
  display: table;
}

.column2 {
  float: left;
  width: 100%;
  padding: 5px;
}

/* Clearfix (clear floats) */
.row2::after {
  content: "";
  clear: both;
  display: table;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.video-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}