@import "/sites/default/files/api/portail_d4c/css/style.css";
	@import "/sites/default/files/api/portail_d4c/css/font-awesome.min.css";
	@import "https://fonts.googleapis.com/css?family=Oswald";
	@import "https://fonts.googleapis.com/css?family=Open+Sans";
	@import "https://fonts.googleapis.com/css?family=Roboto";
        @import "/sites/default/files/api/portail_d4c/css/style.css";
	@import "/sites/default/files/api/portail_d4c/css/font-awesome.min.css";
	@import "https://fonts.googleapis.com/css?family=Oswald";
	@import "https://fonts.googleapis.com/css?family=Open+Sans";
	@import "https://fonts.googleapis.com/css?family=Roboto";
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		background-color: #ffffff;
		padding: 0px
	}
	ul.menu.menu--main.nav.navbar-nav li a:hover {color: #e63323 !important; background-color: white}
	.navbar-default #navbar-collapse li a {
		color: white;
		font-size: 18px
	}

	ul.menu.menu--main.nav.navbar-nav li a {
		text-transform: uppercase;
		font-size: 20px;
		opacity: 1;
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	}

	.navbar-default .navbar-brand {
		color: #fff
	}


	#footer_anfr {
		width: 100%;
		background-color: #fff;
		color: #ccc;
		display: flex;
		padding-left: 10%;
		padding-right: 10%;
		justify-content: space-between
	}

	#left_part {
		border-right: solid 1px #ccc;
		width: 20%;
		margin-top: 20px;
		margin-bottom: 20px;
		height: auto
	}

	#left_part a {
		color: #ccc
	}

	#right_part {
		width: 50%;
		margin-top: 20px;
		margin-bottom: 20px;
		height: auto;
		display: flex;
		justify-content: space-between
	}

	#reseaux img {
		width: 30px
	}

	#reseaux {
		padding-left: 0
	}

	body {
		margin-top: 0;
		font-size: 15px;
		font-family: Roboto, serif
	}

	header.container,
	footer.container {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		border: 0
	}

	body #navbar {
		max-width: 100%
	}

	body .main-container {
		padding-left: 10px;
		padding-right: 10px
	}

	.footer.container {
		margin-top: 20px
	}

	#icones_accueil {
		width: 60%;
		margin: auto;
		display: flex;
		justify-content: space-between;
		margin-top: 30px
	}

	#icones_accueil ul {
		list-style: none;
		padding: 0;
		text-align: center
	}

	#icones_accueil ul:hover {
		position: relative;
		top: 0px !important;
	}
    #icones_accueil li:hover {
		position: relative;
		top: -5px;
	}

	#home_search_bar {
		width: 100%;
		color: #6697bf;
		display: block;
		height: 40px;
		margin-top: 0px;
		padding: 10px;
		font-size: 20px;
		border-radius: 6px;
		border: 2px #6697bf solid;
	}
	/* .logo navbar-btn pull-left { */
		/* padding-left: 50px */
	/* } */

/*.navbar-header {
    height: 330px !important;
}*/


}

	.navbar .logo {
		margin: -5em 0em 0em -5em;
		transform: scale(0.5);
	}

	.navbar-nav.navbar-right {
		position: absolute;
		right: 0;
		margin: 5px;
		transform: none;
		width: auto
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff!important
	}

	.navbar-default .navbar-toggle {
		border-color: #fff
	}

	/*ul.menu li.Array.class.first a {
		background-image: url(/sites/default/files/menu_icons/icons-h_0_0_0.png);
		background-repeat: no-repeat;
		background-position: left center;
		text-indent: -9999px
	}*/

	.navbar-default #navbar-collapse li a {
		color: white;
		font-size: 18px;
		line-height: 80px;
		min-width: 65px;
		padding: 0 25px;
		font-weight: 500;
	}

	@media screen and (max-width:768px) {
        .navbar-header{
            margin-top: 40px !important;
        }
		.navbar-toggle {
			background-color: #c8378d!important;
			margin: 0!important;
			position: absolute!important;
			bottom: 0!important;
			left: 0!important;
			padding: 13px 15px!important;
		}
		.navbar-nav.navbar-right {
			margin: 0;
			position: relativeb
		}
		.navbar-nav {
			margin: 0
		}
		.navbar-collapse {
			margin: 0;
			padding: 0
		}
		.navbar-nav {
			margin-left: 0!important;
			width: 100%!important
		}
		#main.widget-opendata .dataset {
			width: 100%!important
		}
		.data-desc {
			display: none
		}
		html,
		body {
			font-size: 12px!important
		}
		#globalMapPanel {
			right: 80px!important
		}
		#rightPanel {
			width: 80px!important
		}
	}

	.navbar-default #navbar-collapse li a[href="/backoffice"],
	.navbar-default #navbar-collapse li a[href="/user"],
	.navbar-default #navbar-collapse li a[href="/user/logout"],
	.navbar-default #navbar-collapse li a[href="/user/login"] {
		background-color: transparent;
		color: #fff;
		font-size: 12px;
		padding: 0px;
		margin-left: 12px;
		height: 40px;
		text-shadow: 1px 1px 2px #000000, 0 0 1em #ffffff;
		}


	.navbar-default .navbar-right li a[href="/user/logout"]:before {
		content: '\f08b';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome'
	}

	.navbar-default #navbar-collapse li a[href="/user/login"]:before {
		content: '\f090';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome'
	}

	.navbar-default #navbar-collapse li a[href="/backoffice"]:before {
		content: '\f0ad';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome'
	}

	.navbar-default #navbar-collapse li a[href="/user"]:before {
		content: '\f09c';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome'
	}

	.navbar-default .navbar-nav>.active>a {
		background-color: #e63323
	}

	.navbar-nav>li {
		display: inline-block;
		/*float: unset*/
	}

	.navbar-nav {
		text-align: center;
		display: block;
		width: 100%
	}

	.dialog-off-canvas-main-canvas {
		background-color: #ffffff
	}

	.breadcrumb {
		padding: 0;
		margin: 0;
		list-style: none;
		visibility: hidden
	}

	.statistics_row-4 {
		display: flex;
		height: 130px
	}

	.statistics_row-4 .bluebox {
		background-color: #e63323;
		color: #fff;
		width: 25%;
		padding: 40px;
		margin: 3px;
		text-align: center;
		float: left
	}

	.statistics_row-4 .orangebox {
		background-color: #e63323;
		color: #fff;
		width: 25%;
		padding: 40px;
		margin: 3px;
		text-align: center;
		vertical-align: 50%;
		float: left
	}

	p.title {
		font-weight: 700;
		margin: 0
	}

	.box_graphe {
		width: 49.5%;
		display: inline-block
	}

	@media screen and (max-width:768px) {
		.statistics_row-4 {
			display: grid
		}
		.statistics_row-4 .bluebox {
			background-color: #e63323;
			width: 100%;
			margin: 1px;
			text-align: center;
			float: left
		}
		.statistics_row-4 .orangebox {
			background-color: #e63323;
			width: 100%;
			margin: 1px;
			text-align: center;
			float: left
		}
		.statistics_row-4 p {
			margin-bottom: 0;
			margin-top: 0;
			padding-bottom: 15px
		}
		.statistics_row-4 .title {
			font-weight: 700;
			margin-top: 15px;
			padding-bottom: 0
		}
	}

	.statistics_row-3 {
		display: flex;
		height: 160px
	}

	.statistics_row-3 .bluebox {
		background-color: #e63323;
		color: #fff;
		width: 33%;
		margin: 3px;
		padding: 21px;
		text-align: center;
		float: left
	}

	.statistics_row-3 .orangebox {
		background-color: #e63323;
		color: #fff;
		width: 33%;
		margin: 3px;
		padding: 21px;
		text-align: center;
		vertical-align: 50%;
		float: left
	}

	p.title {
		font-weight: 700
	}

	@media screen and (max-width:768px) {
		.box_graphe {
			width: 100%;
			display: unset
		}
		.statistics_row-4 {
			height: unset
		}
		.statistics_row-3 {
			display: grid;
			height: 425px
		}
		.statistics_row-3 .bluebox {
			background-color: #e63323;
			width: 100%;
			padding: 15px;
			margin: 1px;
			float: left
		}
		.statistics_row-3 .orangebox {
			background-color: #e63323;
			width: 100%;
			padding: 15px;
			margin: 1px;
			float: left
		}
		.statistics_row-3 p {
			margin-bottom: 0;
			margin-top: 0;
			padding-bottom: 15px
		}
		.statistics_row-3 .title {
			font-weight: 700;
			padding-bottom: 0
		}
	}

	.circle_base_blue {
		fill: none;
		stroke-width: 9;
		stroke: #e63323
	}

	.circle_base_orange {
		fill: none;
		stroke-width: 12;
		stroke: #e63323
	}

	.circle_in {
		fill: none;
		stroke-width: 3;
		stroke: #fff;
		-webkit-animation: load 2.5s;
		-moz-animation: load 2.5s;
		-o-animation: load 2.5s;
		animation: load 2.5s
	}

	p.kpi {
		margin-top: -66px;
		margin-left: auto;
		margin-right: auto
	}

	.statistics_row-3 svg:not(:root) {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg)
	}

	@media screen and (max-width:500px) {
		img[alt="Accueil"] {
			width: 180px;
		}
	}

	.d4cwidget-map__loading {
		bottom: 50%
	}

	#icones_accueil ul {
		list-style: none;
		padding: 0;
		text-align: center
	}

	@media only screen and (max-width:700px) {
		#icones_accueil ul {
			list-style: none;
			padding: 0;
			text-align: center
		}
		.container-fluid {
			padding: 0;
			margin: 0 -6%
		}
		#icones_accueil {
			transform: scale(0.8)
		}
	}

	@media only screen and (max-width:500px) {
		#icones_accueil ul {
			list-style: none;
			padding: 0;
			text-align: center
		}
		.container-fluid {
			padding: 0;
			margin: 0 -10%
		}
		#icones_accueil {
			transform: scale(0.5)
		}
	}

	@media only screen and (max-width:990px) {
		.navbar-default #navbar-collapse li a {
			color: #ffffff;
			font-size: 10px;
			line-height: 24px;
			min-width: 65px;
			padding: 0 15px;
			font-weight: 500;
			font-family: 'Roboto', "Open Sans", Helvetica, arial, sans-serif
		}
		#icones_accueil ul {
			list-style: none;
			padding: 0;
			text-align: center
		}
	}

	#icones_accueil {
		width: 100%;
		margin: auto;
		display: flex;
		justify-content: center;
		margin-top: -20px
	}

	#backgroud_center {
		margin-top: 25px
	}

	.box_accueil {
		text-align: center;
		width: 100%;
		padding: 22px;
		background-color: #FFFFFF;
		border-radius: 5px;
		box-shadow: 0 8px 20px #CCC;
		margin: 25px auto
	}
	.box_accueil_white {
		text-align: center;
		width: 100%;
		padding: 22px;
		background-color: #fff!important;
		border-radius: 5px;
		box-shadow: 0 8px 20px #CCC;
		margin: 4px auto
	}
	.well {
		min-height: unset;
		padding: 0;
		margin: 26px 0 0 -5px;
		border-radius: 5px;
		border: 0;
		box-shadow: -6px 0 12px #CCC
	}

	img.logo_accueil {
		border: #000 solid 2px;
		border-radius: 5px;
		margin: 10px
	}

	.statistics_row-2 {
		display: flex
	}

	.statistics_row-2 .ng-scope {
		width: 100%;
		float: left
	}

	@media only screen and (max-width:767px) {
		.navbar-collapse.in {
			overflow-y: visible
		}
		.navbar-nav>li {
			display: unset
		}
		.well {
			margin: 0
		}
	}

	li.active a.quicktabs-loaded {
		border-radius: 3px 3px 0 0;
		margin-bottom: -1px;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 1rem;
		display: inline-block;
		margin-left: 1rem;
		background-color: #FFF;
		color: #333;
		border-color: #fff #fff transparent
	}

	.quicktabs-main {
		border: solid 1px #fff;
		padding: 20px;
		border: solid 1px #fff;
		background-color: #ffffff;
		padding: 20px
	}

	ul.quicktabs-tabs li {
		display: inline;
		background: 0;
		list-style-type: none;
		padding: 2px;
		margin-left: 16px;
		white-space: nowrap
	}

	li.menu-icon {
		text-indent: -9999px
	}

	#quicktabs-container-quick {
		border: solid 1px #fff;
		padding: 20px
	}

	ul.quicktabs-tabs {
		margin-bottom: 0;
		text-align: center
	}

	.ui-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		margin: 20px 0 0;
		padding: .9em .5em .5em .7em;
		font-size: 100%;
		border: solid 1px #fff;
		padding: 20px
	}

	ui-widget {
		border: solid 1px #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 20px
	}


	.page-header {
		font-size: 0px;
		padding: 0px;
		margin: 0px;
		height: 0px;
	}

	.navbar-header {
		width: 100%;
		/*background-position: center top;
		background-repeat: no-repeat;
		background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://sdis34.data4citizen.com/sites/default/files/inline-images/slide-1.jpg);
		background-size: cover;*/
		position: relative;
		margin-left: 0!important
	}

	.navbar-default .navbar-brand {
		visibility: hidden
	}

	#icones_accueil {
		width: 100%;
		margin: auto;
		display: flex;
		justify-content: center;
		margin-top: -20px
	}

	#backgroud_center {
		margin-top: 25px
	}

	.box_accueil {
		text-align: justify;
		width: 100%;
		background-color: #FFFFFF;
		border-radius: 5px;
		box-shadow: 0 8px 20px #CCC;
		margin: 25px auto;
		padding: 15px !important;
		
	}


	.well {
		min-height: unset;
		padding: 0;
		margin: 26px 0 0 -5px;
		border-radius: 5px;
		border: 0;
		box-shadow: -6px 0 12px #CCC
	}

	img.logo_accueil {
		border: #000 solid 2px;
		border-radius: 5px;
		margin: 10px
	}

	.statistics_row-2 {
		display: flex
	}

	.statistics_row-2 .ng-scope {
		width: 100%;
		float: left
	}

	@media only screen and (max-width:767px) {
		.navbar-collapse.in {
			overflow-y: visible
		}
		.navbar-nav>li {
			display: unset
		}
		.well {
			margin: 0
		}
	}

	li.active a.quicktabs-loaded {
		border-radius: 3px 3px 0 0;
		margin-bottom: -1px;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 1rem;
		display: inline-block;
		margin-left: 1rem;
		background-color: #FFF;
		color: #333;
		border-color: #fff #fff transparent
	}

	.quicktabs-main {
		border: solid 1px #fff;
		padding: 20px;
		border: solid 1px #fff;
		background-color: #ffffff;
		padding: 20px
	}

	ul.quicktabs-tabs li {
		display: inline;
		background: 0;
		list-style-type: none;
		padding: 2px;
		margin-left: 16px;
		white-space: nowrap
	}

	li.menu-icon {
		text-indent: -9999px
	}

	/*a.menu-icon-2,
	ul.links li.menu-icon-2 a,
	ul.menu li.menu-icon-2 a {
		background-image: url(https://sdis34.data4citizen.com/sites/default/files/menu_icons/icons-b_0_0_0.png);
		padding-left: 47px;
		background-repeat: no-repeat;
		background-position: left center
	}

	a.menu-icon-16,
	ul.links li.menu-icon-16 a,
	ul.menu li.menu-icon-16 a {
		background-image: url(https://sdis34.data4citizen.com/sites/default/files/menu_icons/icons-h_0_0_0.png);
		padding-left: 47px;
		background-repeat: no-repeat;
		background-position: left center
	}*/

	h3 {
		color: #575656;
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	}

	p {

		margin-right: 10px !important;;

	}
	/* FONTS */
	@font-face { 
		font-family: 'Oswald';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Oswald-Light.ttf') format('truetype');
		font-style: normal;
		font-weight: 300;
	}
	@font-face {
		font-family: 'Oswald';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Oswald-Regular.ttf') format('truetype');
		font-style: normal;
		font-weight: 400;
	}
	@font-face {
		font-family: 'Oswald';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Oswald-Bold.ttf') format('truetype');
		font-style: normal;
		font-weight: 700;
	}

	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Light.ttf') format('truetype');
		font-style: normal;
		font-weight: 300;
	}
	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Regular.ttf') format('truetype');
		font-style: normal;
		font-weight: 400;
	}
	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Medium.ttf') format('truetype');
		font-style: normal;
		font-weight: 500;
	}
	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Semibold.ttf') format('truetype');
		font-style: normal;
		font-weight: 600;
	}
	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Bold.ttf') format('truetype');
		font-style: normal;
		font-weight: 700;
	}

	html, body {
		font-size: 15px;
	}
	body {
		font-family: 'Hind', "Open Sans", Helvetica, arial, sans-serif;
	}
	h1, h2, h3, h4 {
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	}
	h1, h3 {
		font-weight: 500;
		color: #2C3F56;
	}
	h2  {
		font-weight: 500;
		color: #e63323;
	}

	/* HEADER */
	.d4c-front-header {
		padding: 0;
		margin-bottom: 40px;
	}
	@media (min-width: 768px) {
		.d4c-front-header {
			height: 156px;
			margin-bottom: 40px;
		}
	}

	.d4c-responsive-menu-placeholder .d4c-front-header__portal-brand {
		height: 50px;
		top: 5px;
	}
	.d4c-responsive-menu-collapsible .d4c-front-header__portal-brand {
		height: 70px;
		top: 0;
	}

	.d4c-front-header a:hover,
	.MYSITE-header__brand a:hover{
		text-decoration: none;
	}

	.MYSITE-header__brand {
		height: 100px;
		padding: 0;
		overflow: hidden;
	}

	.d4c-front-header__logo {
		height: 85px;
		float: left;
	}

	.foo {
		list-style-type: none;
		display: inline-flex;
	}

	.d4c-front-header__brand {
		list-style-type: none;
		margin-left: 50px;
		margin-top: 3px;
	}

	#ville h3 {
		font-size: 1.33em;
		margin-bottom: 0;
	}

	#opendata p {
		font-size: 1.5em;
		color: #000;
		font-weight: 100;
	}
	.d4c-front-header__link-to-odt {
		display: none;
	}


	@media (min-width: 768px) {
		.d4c-front-header__link-to-odt {
			margin-top: 40px;
			margin-left: 100px;
			display: block;
		}
	}

	.d4c-front-header__link-to-odt a {
		color: #005395;
	}

	.d4c-responsive-menu-collapsible--expanded .MYSITE-header__brand {
		display: none;
	}
	.d4c-responsive-menu-collapsible--expanded .d4c-front-header__menu {
		display: block;
	}
	.d4c-responsive-menu-collapsible--expanded .d4c-front-header__menu-item-link {
		display: block;
		text-align: left;
	}
	.MYSITE-header__brand > .container {
		padding-top: 0px;
	}
	.MYSITE-header__menu {
		background-color: #2c3f56;
		text-align:center;
	}
	.MYSITE-header__menu > .container {
		padding: 40;
		margin-top:20px;
	}

	.d4c-front-header__menu-item-link {
		color: #fff;
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
		text-transform: uppercase;
	}
	.d4c-front-header__management-menu-item-link {
		color: #646464;
	}
	.d4c-front-header__management-menu-item-link.d4c-front-header__management-menu-item-link--backoffice {
		color: white;
	}
	.d4c-front-header__menu-item-link:hover {
		color: #005395;
	}

	.d4c-front-header__menu-item-link[href^="/page/home/"]:before,
	.d4c-front-header__menu-item-link[title="Accueil"]:before {
		font-family: "FontAwesome";
		content: '\f015';
		display: inline-block;
		line-height: 56px;
		font-size: 1.2em;
	}

	.d4c-front-header__menu-item-link {
		border: none;
		opacity: 1;
		font-size: 20px;
	}
	.d4c-front-header__menu-item-link.d4c-front-header__menu-item-link--active {
		background-color: #fff;
		border: none;
		height: 56px;
		color: #005395;
	}

	/* PAGES */

	/* Dashboard */

	.dashboard {
		text-align: center;
	}

	rect.highcharts-background {
		color : #ddd !important;
	}

	.highcharts-legend rect {
		stroke-width: 0;
	}
	.grey-box {
		background: #ddd;
		border-radius: 0;
		padding: 20px;
		margin-bottom: 5px;
		margin-left: -5px;
		margin-right: -8px;
	}

	.grey-box1 {
		background: #ffffff;
		border-radius: 0;
		padding: 20px;
		margin-bottom: 5px;
		margin-left: -5px;
		margin-right: -8px;
	}

	.d4cwidget-spinner.d4cwidget-spinner--svg {
		fill: #005395;
		height: 1.8em;
	}

	.ODT-dashboard__socio-facts__fact-spinner {
		text-align: center;
	} 

	.ODT-dashboard__socio-facts__fact {
		text-align: left;
		padding-left: 35px;
	}

	.ODT-dashboard__socio-facts__fact-title {
		font-size: 1em;
		margin: 0 auto;
	}

	.ODT-dashboard__socio-facts__fact-title1 {
		font-size: 3em;
		margin: 0 auto;
		color: #e992e2;
	}

	.ODT-dashboard__socio-facts__fact-value {
		margin-top: 5px;
		margin-left: 10px;
	}

	.ODT-dashboard__socio-facts__fact-value1 {
		color: #e992e2 ;
		font-size: 3em;
		margin: -0.33em auto -0.66em;
	}

	.ODT-dashboard__socio-facts__fact-value a {
		color: #e63323;
		text-align: center;
		font-size: 1.66em;
	}
	.ODT-dashboard__socio-facts__fact-value a:hover {
		text-decoration: none;
	}

	.ODT-dashboard__socio-facts__fact-description {
		margin: 0 auto;
		color: grey;
		font-size: 0.66em;
		font-weight: 100;
	}

	.ODT-dashboard__socio-facts__fact-pie {
		text-align: center;
	}

	.ODT-dashboard__others-offres ul {
		text-align: left;
	}

	.ODT-dashboard__others-offres li {
		list-style-type: none;
		margin-bottom: 0.33em;
	}

	.ODT-dashboard__others-offres li > h4 {
		padding: 0;
		margin-bottom: 0;
	}
	.ODT-dashboard__others-offres {
		height: 475px;
	}

	@-webkit-keyframes 
	load { 0% {
		stroke-dashoffset:0
	}
	}
	@-moz-keyframes 
	load { 0% {
		stroke-dashoffset:0
	}
	}
	@keyframes 
	load { 0% {
		stroke-dashoffset:439.8;
	}
	}

	.datafact h2 {
		border: 0;
		margin: 0;
	}

	.datapourcent {
		position: absolute;
		top: 3.7rem;
		width: 100%;
		text-align: center; 
	}

	.progress, .progressline {
		display: inline-block;
		position: relative;
	}
	.progress svg {
		width: 10rem;
		height: 10rem;
	}
	.progress svg:nth-child(1) circle {
		fill: none;
		stroke-width: 4;
		stroke-dasharray: 439.8;
		stroke: rgba(128, 128, 128, 0.3);
	}
	.progress svg:nth-child(2) {
		position: absolute;
		left: 0;
		top: 0;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
	}
	.progress svg:nth-child(2) circle {
		fill: none;
		stroke-width: 3;
		stroke-dasharray: 439.8;
		stroke: #e63323;
		-webkit-animation: load 2.5s;
		-moz-animation: load 2.5s;
		-o-animation: load 2.5s;
		animation: load 2.5s;
	}

	.ODT-dashboard__verbatim {
		text-align: left;
		margin-bottom: 30px;
		margin-top: 40px;
	}

	/* Faq */
	.faq .item {
		display: inline-block;
		text-align: center;
		width: 286px;
		color: #e63323;
		cursor: pointer;
		font-size: 20px;
		line-height: 30px;
		margin: 0 auto;
		border-radius: 5px;
	}

	.faq .item--active {
		text-decoration: none;
		background-color: #e63323;
		color: white;
	}

	.faq ul {
		margin: 0;
		margin-bottom: 7px;
		padding: 0;
		list-style: none;
		display: block;
		text-align: center;
	}

	.faq {
		max-width: 960px;
		margin-top: 30px;
	}

	.ODT-faq__q-a {
		margin-bottom: 30px;
	}

	.ODT-faq {
		margin: 3em auto;
	}

	.ODT-faq__guide ul {
		list-style: disc;
		display: block;
		text-align: left;
		width: 80%;
	}

	input.hs-button.primary.large {
		color: #fff;
		background: #e63323 no-repeat fixed center;
		border: 1px solid #e63323;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		border-radius: 5px;
	}

	input.hs-button.primary.large:hover {
		color: #e63323;
		background: #fff no-repeat fixed center;
		border: 1px solid #e63323;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		border-radius: 5px;
	}

	.actions {
		text-align: center;
	}

	.ODT-custom-form__form {
		margin-top: 2em;    
	}

	/* Home */

	.background {
		background: <p><a href="url(https://data.ville-sucy.fr/)" target="_blank">Accéder au Portail de la Ville de Sucy</a></p>
		background-position: center center;
		height: 400px;
		background-size: cover;
		color: #fff;
		text-align: center;
		margin-top: -40px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.ODT-home .col-md-6 {
		padding-right: 80px;
	}

	.ODT-home {
		text-align: center;
		margin-top: 1.33em;
	}
	.ODT-home h1 {
		width: 50%;
		margin: 0 auto;
	}

	.ODT-home__content {
		margin-top: 40px;
	}

	.background p {
		margin-top: -10px;
	}

	.ODT-home h1 {
		margin-bottom: 0;
	}

	.ODT-home h1 + h2 {
		margin-top: 0;
	}

	.ODT-home h3 {
		margin-top: 0.33rem;
	}

	main {
		margin: 0px;
	}

	.access {
		text-align: center;
	}

	.explore-link {
		text-align: center;
		font-size: 2.33em;
		display: block;
		padding-top: 133px;
		padding-bottom: 20px;
		color: white;
	}

	.explore-link-title-home {
		text-align: center;
		font-size: 2.33em;
		display: block;
		padding-top: 133px;
		padding-bottom: 20px;
		color: #2c3f56;
	}

	input.d4cwidget-searchbox__box {
		width: 80%;
		border: 2px solid white;
		border-radius: 0px;
		max-width: 550px;
		font-size: 1.5rem;
		line-height: 2rem;
		padding: 0.5em;
		font-family: "Oswald";
	}

	.leaflet-draw {
		display: none;    
	}

	.themeblock {
		color:black;
		fill:black;
		text-align: center;
		padding: 10px;
	}

	.themeblock h3 {
		text-transform: uppercase;
	}

	.themeblock__icon {
		font-size: 3rem;
		color: #274156;
	}
	.themeblock__content {
		background-color: #eeeeee;
		padding: 20px;
		display: block;
		color: inherit;
		text-decoration: none;
	}
	@media (min-width: 768px) and (max-width: 991px)  {
		.themeblock__content {
			min-height: 225px;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px)  {
		.themeblock__content {
			min-height: 300px;
		}
	}
	@media (min-width: 1200px) {
		.themeblock__content {
			min-height: 250px;
		}
	}
	.themeblock__content:hover {
		text-decoration: none;
	}
	.themeblock__content{
		background-color: #ffffff;
	}

	.MYSITE-map {
		padding-top: 30px;
		text-align: left;
	}
	.MYSITE-map__description h2 {
		margin: 0 auto;
		color: #e63323;
	}
	.MYSITE-map__description p {
		font-size: 12px;
	}

	.MYSITE-explore {
		text-align: center;
		color: #2c3f56;
	}
	.MYSITE-explore__description {
		font-size: 20px;
		margin: 1em auto 1em;
	}

	.MYSITE-explore__description a {
		color: #e63323;
		text-decoration: underline;
	}

	.eg-tag {
		background-color: #e63323;
	}

	.ODT-home-description {
		text-align: left;
		margin-top: 1.33em;
	}

	.ODT-home-description h3 {
		color: #e63323;
	}

	.backgroundfooter {
		background-color: #82a3a8;
		background-position: center center;
		height: 400px;
		background-size: cover;
		color: #fff;
		text-align: center;

	}

	.navbar-default #navbar-collapse a[href="/"]:before {
		/*content: '\f015';*/
		background-position: center;
		background-size: contain;
		margin-right: 7px;
		line-height: 56px;
		font-size: 1.2em;
		font-family: 'FontAwesome';
	}
	header#navbar {
		margin-bottom: 0px;
	}
	.nav > li > a:hover {
		background: none;
	}

	/*** Menu principal ***/
	/* Bouton actif */ 
	.navbar-default #navbar-collapse li .is-active {background-color: white; color: #e63323}
	/* Bandeau du menu */
	ul.menu.menu--main.nav.navbar-nav {background-color: #e63323;}
	/* Hover */
	ul.menu--main li a:hover { color: #101010!important;}

	/*** Menu secondaire ***/
	.navbar-default #navbar-collapse li a[href="/backoffice"]:hover,
	.navbar-default #navbar-collapse li a[href="/user"]:hover,
	.navbar-default #navbar-collapse li a[href="/user/logout"]:hover,
	.navbar-default #navbar-collapse li a[href="/user/login"]:hover {border-bottom: 2px solid #e63323;}



	/*** Explorer les données ***/
	/* Filtre 1 et 2  */
	#main.widget-opendata #filter h1 {background-color: #92a4d4 !important;}
	#main.widget-opendata #filter h2 {background-color: #92a4d4 !important;}
	/* Barre latéral sur le jeu de données */
	#main.widget-opendata .dataset:hover {border-left: 3px solid #131212!important;}
	/* Mots clés */
	#main.widget-opendata .jetons li {background-color: #92a4d4 !important; border: solid 1px #92a4d4 !important;};
		padding: 0px
	}
	ul.menu.menu--main.nav.navbar-nav li a:hover {color: grey}
	.navbar-default #navbar-collapse li a {
		color: white;
		font-size: 18px
	}

	ul.menu.menu--main.nav.navbar-nav li a {
		text-transform: uppercase;
		font-size: 20px;
		opacity: 1;
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	}

	.navbar-default .navbar-brand {
		color: #fff
	}


	#footer_anfr {
		width: 100%;
		background-color: #fff;
		color: #ccc;
		display: flex;
		padding-left: 10%;
		padding-right: 10%;
		justify-content: space-between
	}

	#left_part {
		border-right: solid 1px #ccc;
		width: 20%;
		margin-top: 20px;
		margin-bottom: 20px;
		height: auto
	}

	#left_part a {
		color: #ccc
	}

	#right_part {
		width: 50%;
		margin-top: 20px;
		margin-bottom: 20px;
		height: auto;
		display: flex;
		justify-content: space-between
	}

	#reseaux img {
		width: 30px
	}

	#reseaux {
		padding-left: 0
	}

	body {
		margin-top: 0;
		font-size: 15px;
		font-family: Roboto, serif
	}

	header.container,
	footer.container {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		border: 0
	}

	body #navbar {
		max-width: 100%
	}

	body .main-container {
		padding-left: 10px;
		padding-right: 10px
	}

	.footer.container {
		margin-top: 20px
	}

	#icones_accueil {
		width: 60%;
		margin: auto;
		display: flex;
		justify-content: space-between;
		margin-top: 30px
	}

	#icones_accueil ul {
		width: 100%;
		list-style: none;
		padding: 0;
		text-align: center
	}

	#icones_accueil ul:hover {
		position: relative;
		top: 0px !important;
	}
    #icones_accueil li:hover {
		position: relative;
		top: -5px;
	}

	#home_search_bar {
    width: 96%;
    text-align: center;
    color: #e63323;
    display: block;
    height: 52px;
    margin: 25px 2% 25px 2%;
    padding: 5px 10px 5px 25px;
    font-size: 20px;
    border-radius: 65px;
    border: 2px #e63323 solid;
}


	/* .logo navbar-btn pull-left { */
		/* padding-left: 50px */
	/* } */

	.navbar .logo {
		margin: -5em 0em 0em -5em;
		transform: scale(0.5);
	}

	.navbar-nav.navbar-right {
		position: absolute;
		right: 0;
		margin: 5px;
		transform: none;
		width: auto
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff!important;
	}

	.navbar-default .navbar-toggle {
		border-color: #fff;
	}

	/*ul.menu li.Array.class.first a{
		background-image: url(https://www.sdis34.fr/wp-content/uploads/2017/12/sdis34-logo-sticky.png) !important;
		background-position: center;
		text-indent: -9999px
	}*/

	.navbar-default #navbar-collapse li a {
		color: white;
		font-size: 18px;
		line-height: 80px;
		min-width: 65px;
		padding: 0 25px;
		font-weight: 500;
	}

	@media screen and (max-width:768px) {
        .navbar-header{
            margin-top: 40px !important;
        }
		.navbar-toggle {
			background-color: #c8378d!important;
			margin: 0!important;
			position: absolute!important;
			bottom: 0!important;
			right: 0!important;
			padding: 13px 15px!important;
		}
		.navbar-nav.navbar-right {
			margin: 0;
			position: relativeb
		}
		.navbar-nav {
			margin: 0
		}
		.navbar-collapse {
			margin: 0;
			padding: 0
		}
		.navbar-nav {
			margin-left: 0!important;
			width: 100%!important
		}
		#main.widget-opendata .dataset {
			width: 100%!important
		}
		.data-desc {
			display: none
		}
		html,
		body {
			font-size: 12px!important
		}
		#globalMapPanel {
			right: 80px!important
		}
		#rightPanel {
			width: 80px!important
		}
	}

	.navbar-default #navbar-collapse li a[href="/backoffice"],
	.navbar-default #navbar-collapse li a[href="/user"],
	.navbar-default #navbar-collapse li a[href="/user/logout"],
	.navbar-default #navbar-collapse li a[href="/user/login"] {
		background-color: transparent;
		color: #fff;
		font-size: 12px;
		padding: 0px;
		margin-left: 12px;
		height: 40px;
		text-shadow: 1px 1px 2px #000000, 0 0 1em #ffffff;
	}

	.navbar-default .navbar-right li a[href="/user/logout"]:before {
		content: '\f08b';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome'
	}

	.navbar-default #navbar-collapse li a[href="/user/login"]:before {
		content: '\f090';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome'
	}

	.navbar-default #navbar-collapse li a[href="/backoffice"]:before {
		content: '\f0ad';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome'
	}

	.navbar-default #navbar-collapse li a[href="/user"]:before {
		content: '\f09c';
		background-position: center;
		background-size: contain;
		margin-right: 5px;
		font-family: 'FontAwesome'
	}

	.navbar-default .navbar-nav>.active>a {
		background-color: #e63323
	}

	.navbar-nav>li {
		display: inline-block;
		/*float: unset*/
	}

	.navbar-nav {
		text-align: center;
		display: block;
		width: 100%
	}

	.dialog-off-canvas-main-canvas {
		background-color: #ffffff
	}

	.breadcrumb {
		padding: 0;
		margin: 0;
		list-style: none;
		visibility: hidden
	}

	.statistics_row-4 {
		display: flex;
		height: 130px
	}

	.statistics_row-4 .bluebox {
		background-color: #e63323;
		color: #fff;
		width: 25%;
		padding: 40px;
		margin: 3px;
		text-align: center;
		float: left
	}

	.statistics_row-4 .orangebox {
		background-color: #e63323;
		color: #fff;
		width: 25%;
		padding: 40px;
		margin: 3px;
		text-align: center;
		vertical-align: 50%;
		float: left
	}

	p.title {
		font-weight: 700;
		margin: 0
	}

	.box_graphe {
		width: 49.5%;
		display: inline-block
	}

	@media screen and (max-width:768px) {
		.statistics_row-4 {
			display: grid
		}
		.statistics_row-4 .bluebox {
			background-color: #e63323;
			width: 100%;
			margin: 1px;
			text-align: center;
			float: left
		}
		.statistics_row-4 .orangebox {
			background-color: #e63323;
			width: 100%;
			margin: 1px;
			text-align: center;
			float: left
		}
		.statistics_row-4 p {
			margin-bottom: 0;
			margin-top: 0;
			padding-bottom: 15px
		}
		.statistics_row-4 .title {
			font-weight: 700;
			margin-top: 15px;
			padding-bottom: 0
		}
	}

	.statistics_row-3 {
		display: flex;
		height: 160px
	}

	.statistics_row-3 .bluebox {
		background-color: #e63323;
		color: #fff;
		width: 33%;
		margin: 3px;
		padding: 21px;
		text-align: center;
		float: left
	}

	.statistics_row-3 .orangebox {
		background-color: #e63323;
		color: #fff;
		width: 33%;
		margin: 3px;
		padding: 21px;
		text-align: center;
		vertical-align: 50%;
		float: left
	}

	p.title {
		font-weight: 700
	}

	@media screen and (max-width:768px) {
		.box_graphe {
			width: 100%;
			display: unset
		}
		.statistics_row-4 {
			height: unset
		}
		.statistics_row-3 {
			display: grid;
			height: 425px
		}
		.statistics_row-3 .bluebox {
			background-color: #e63323;
			width: 100%;
			padding: 15px;
			margin: 1px;
			float: left
		}
		.statistics_row-3 .orangebox {
			background-color: #e63323;
			width: 100%;
			padding: 15px;
			margin: 1px;
			float: left
		}
		.statistics_row-3 p {
			margin-bottom: 0;
			margin-top: 0;
			padding-bottom: 15px
		}
		.statistics_row-3 .title {
			font-weight: 700;
			padding-bottom: 0
		}
	}

	.circle_base_blue {
		fill: none;
		stroke-width: 9;
		stroke: #e63323
	}

	.circle_base_orange {
		fill: none;
		stroke-width: 12;
		stroke: #e63323
	}

	.circle_in {
		fill: none;
		stroke-width: 3;
		stroke: #fff;
		-webkit-animation: load 2.5s;
		-moz-animation: load 2.5s;
		-o-animation: load 2.5s;
		animation: load 2.5s
	}

	p.kpi {
		margin-top: -66px;
		margin-left: auto;
		margin-right: auto
	}

	.statistics_row-3 svg:not(:root) {
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg)
	}

	@media screen and (max-width:500px) {
		img[alt="Accueil"] {
			width: 180px
		}
	}

	.d4cwidget-map__loading {
		bottom: 50%
	}

	#icones_accueil ul {
		list-style: none;
		padding: 0;
		text-align: center
	}

	@media only screen and (max-width:700px) {
		#icones_accueil ul {
			list-style: none;
			padding: 0 4%;
			text-align: center
		}
		.container-fluid {
			padding: 0;
			margin: 0 -6%
		}
		#icones_accueil {
			transform: scale(0.8)
		}
	}

	@media only screen and (max-width:500px) {
		#icones_accueil ul {
			list-style: none;
			padding: 0;
			text-align: center
		}
		.container-fluid {
			padding: 0;
			margin: 0 -10%
		}
		#icones_accueil {
			transform: scale(0.5)
		}
	}

	@media only screen and (max-width:990px) {
		.navbar-default #navbar-collapse li a {
			color: #ffffff;
			font-size: 10px;
			line-height: 24px;
			min-width: 65px;
			padding: 0 15px;
			font-weight: 500;
			font-family: 'Roboto', "Open Sans", Helvetica, arial, sans-serif
		}
		#icones_accueil ul {
			list-style: none;
			padding: 0;
			text-align: center
		}
	}

	#icones_accueil {
		width: 100%;
		margin: auto;
		display: flex;
		justify-content: center;
		margin-top: -20px
	}

	#backgroud_center {
		margin-top: 25px
	}

	.box_accueil {
		text-align: center;
		width: 100%;
		padding: 22px;
		background-color: #FFFFFF;
		border-radius: 5px;
		box-shadow: 0 8px 20px #CCC;
		margin: 25px auto
	}

	.well {
		min-height: unset;
		padding: 0;
		margin: 26px 0 0 -5px;
		border-radius: 5px;
		border: 0;
		box-shadow: -6px 0 12px #CCC
	}

	img.logo_accueil {
		border: #000 solid 2px;
		border-radius: 5px;
		margin: 10px
	}

	.statistics_row-2 {
		display: flex
	}

	.statistics_row-2 .ng-scope {
		width: 100%;
		float: left
	}

	@media only screen and (max-width:767px) {
		.navbar-collapse.in {
			overflow-y: visible
		}
		.navbar-nav>li {
			display: unset
		}
		.well {
			margin: 0
		}
	}

	li.active a.quicktabs-loaded {
		border-radius: 3px 3px 0 0;
		margin-bottom: -1px;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 1rem;
		display: inline-block;
		margin-left: 1rem;
		background-color: #FFF;
		color: #333;
		border-color: #fff #fff transparent
	}

	.quicktabs-main {
		border: solid 1px #fff;
		padding: 20px;
		border: solid 1px #fff;
		background-color: #ffffff;
		padding: 20px
	}

	ul.quicktabs-tabs li {
		display: inline;
		background: 0;
		list-style-type: none;
		padding: 2px;
		margin-left: 16px;
		white-space: nowrap
	}

	li.menu-icon {
		text-indent: -9999px
	}

	#quicktabs-container-quick {
		border: solid 1px #fff;
		padding: 20px
	}

	ul.quicktabs-tabs {
		margin-bottom: 0;
		text-align: center
	}

	.ui-accordion .ui-accordion-header {
		display: block;
		cursor: pointer;
		position: relative;
		margin: 20px 0 0;
		padding: .9em .5em .5em .7em;
		font-size: 100%;
		border: solid 1px #fff;
		padding: 20px
	}

	ui-widget {
		border: solid 1px #fff;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		padding: 20px
	}


	.page-header {
		font-size: 0px;
		padding: 0px;
		margin: 0px;
		height: 0px;
	}

	.navbar-header {
		width: 100%;
		/*background-position: center top;
		background-repeat: no-repeat;
		background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url(https://sdis34.data4citizen.com/sites/default/files/inline-images/slide-1.jpg);
		background-size: cover;*/
		position: relative;
		margin-left: 0!important
	}

	.navbar-default .navbar-brand {
		visibility: hidden
	}

	#icones_accueil {
		width: 100%;
		margin: auto;
		display: flex;
		justify-content: center;
		margin-top: -20px
	}

	#backgroud_center {
		margin-top: 25px
	}

	.box_accueil {
		text-align: justify;
		width: 100%;
		background-color: #FFFFFF;
		border-radius: 5px;
		box-shadow: 0 8px 20px #CCC;
		margin: 25px auto;
		padding: 15px !important;
		
	}


	.well {
		min-height: unset;
		padding: 0;
		margin: 26px 0 0 -5px;
		border-radius: 5px;
		border: 0;
		box-shadow: -6px 0 12px #CCC
	}

	img.logo_accueil {
		border: #000 solid 2px;
		border-radius: 5px;
		margin: 10px
	}

	.statistics_row-2 {
		display: flex
	}

	.statistics_row-2 .ng-scope {
		width: 100%;
		float: left
	}

	@media only screen and (max-width:767px) {
		.navbar-collapse.in {
			overflow-y: visible
		}
		.navbar-nav>li {
			display: unset
		}
		.well {
			margin: 0
		}
	}

	li.active a.quicktabs-loaded {
		border-radius: 3px 3px 0 0;
		margin-bottom: -1px;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 1rem;
		display: inline-block;
		margin-left: 1rem;
		background-color: #FFF;
		color: #333;
		border-color: #fff #fff transparent
	}

	.quicktabs-main {
		border: solid 1px #fff;
		padding: 20px;
		border: solid 1px #fff;
		background-color: #ffffff;
		padding: 20px
	}

	ul.quicktabs-tabs li {
		display: inline;
		background: 0;
		list-style-type: none;
		padding: 2px;
		margin-left: 16px;
		white-space: nowrap
	}

	li.menu-icon {
		text-indent: -9999px
	}

	/*a.menu-icon-2,
	ul.links li.menu-icon-2 a,
	ul.menu li.menu-icon-2 a {
		background-image: url(https://sdis34.data4citizen.com/sites/default/files/menu_icons/icons-b_0_0_0.png);
		padding-left: 47px;
		background-repeat: no-repeat;
		background-position: left center
	}

	a.menu-icon-16,
	ul.links li.menu-icon-16 a,
	ul.menu li.menu-icon-16 a {
		background-image: url(https://sdis34.data4citizen.com/sites/default/files/menu_icons/icons-h_0_0_0.png);
		padding-left: 47px;
		background-repeat: no-repeat;
		background-position: left center
	}*/

	h3 {
		color: #575656;
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	}

	p {

		margin-right: 10px !important;;

	}
	/* FONTS */
	@font-face { 
		font-family: 'Oswald';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Oswald-Light.ttf') format('truetype');
		font-style: normal;
		font-weight: 300;
	}
	@font-face {
		font-family: 'Oswald';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Oswald-Regular.ttf') format('truetype');
		font-style: normal;
		font-weight: 400;
	}
	@font-face {
		font-family: 'Oswald';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Oswald-Bold.ttf') format('truetype');
		font-style: normal;
		font-weight: 700;
	}

	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Light.ttf') format('truetype');
		font-style: normal;
		font-weight: 300;
	}
	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Regular.ttf') format('truetype');
		font-style: normal;
		font-weight: 400;
	}
	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Medium.ttf') format('truetype');
		font-style: normal;
		font-weight: 500;
	}
	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Semibold.ttf') format('truetype');
		font-style: normal;
		font-weight: 600;
	}
	@font-face {
		font-family: 'Hind';
		src: url('https://s3-eu-west-1.amazonaws.com/opendatasoft-territoires/fonts/Hind-Bold.ttf') format('truetype');
		font-style: normal;
		font-weight: 700;
	}

	html, body {
		font-size: 15px;
	}
	body {
		font-family: 'Hind', "Open Sans", Helvetica, arial, sans-serif;
	}
	h1, h2, h3, h4 {
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	}
	h1, h3 {
		font-weight: 500;
		color: #2C3F56;
	}
	
	h2{
		font-weight: 500;
		color: #e63323;
	}
	

	/* HEADER */
	.d4c-front-header {
		padding: 0;
		margin-bottom: 40px;
	}
	@media (min-width: 768px) {
		.d4c-front-header {
			height: 156px;
			margin-bottom: 40px;
		}
	}

	.d4c-responsive-menu-placeholder .d4c-front-header__portal-brand {
		height: 50px;
		top: 5px;
	}
	.d4c-responsive-menu-collapsible .d4c-front-header__portal-brand {
		height: 70px;
		top: 0;
	}

	.d4c-front-header a:hover,
	.MYSITE-header__brand a:hover{
		text-decoration: none;
	}

	.MYSITE-header__brand {
		height: 100px;
		padding: 0;
		overflow: hidden;
	}

	.d4c-front-header__logo {
		height: 85px;
		float: left;
	}

	.foo {
		list-style-type: none;
		display: inline-flex;
	}

	.d4c-front-header__brand {
		list-style-type: none;
		margin-left: 50px;
		margin-top: 3px;
	}

	#ville h3 {
		font-size: 1.33em;
		margin-bottom: 0;
	}

	#opendata p {
		font-size: 1.5em;
		color: #000;
		font-weight: 100;
	}
	.d4c-front-header__link-to-odt {
		display: none;
	}


	@media (min-width: 768px) {
		.d4c-front-header__link-to-odt {
			margin-top: 40px;
			margin-left: 100px;
			display: block;
		}
	}

	.d4c-front-header__link-to-odt a {
		color: #005395;
	}

	.d4c-responsive-menu-collapsible--expanded .MYSITE-header__brand {
		display: none;
	}
	.d4c-responsive-menu-collapsible--expanded .d4c-front-header__menu {
		display: block;
	}
	.d4c-responsive-menu-collapsible--expanded .d4c-front-header__menu-item-link {
		display: block;
		text-align: left;
	}
	.MYSITE-header__brand > .container {
		padding-top: 0px;
	}
	.MYSITE-header__menu {
		background-color: #2c3f56;
		text-align:center;
	}
	.MYSITE-header__menu > .container {
		padding: 40;
		margin-top:20px;
	}

	.d4c-front-header__menu-item-link {
		color: #fff;
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
		text-transform: uppercase;
	}
	.d4c-front-header__management-menu-item-link {
		color: #646464;
	}
	.d4c-front-header__management-menu-item-link.d4c-front-header__management-menu-item-link--backoffice {
		color: white;
	}
	.d4c-front-header__menu-item-link:hover {
		color: #005395;
	}

	.d4c-front-header__menu-item-link[href^="/page/home/"]:before,
	.d4c-front-header__menu-item-link[title="Accueil"]:before {
		font-family: "FontAwesome";
		content: '\f015';
		display: inline-block;
		line-height: 56px;
		font-size: 1.2em;
	}

	.d4c-front-header__menu-item-link {
		border: none;
		opacity: 1;
		font-size: 20px;
	}
	.d4c-front-header__menu-item-link.d4c-front-header__menu-item-link--active {
		background-color: #fff;
		border: none;
		height: 56px;
		color: #005395;
	}

	/* PAGES */

	/* Dashboard */

	.dashboard {
		text-align: center;
	}

	rect.highcharts-background {
		color : #ddd !important;
	}

	.highcharts-legend rect {
		stroke-width: 0;
	}
	.grey-box {
		background: #ddd;
		border-radius: 0;
		padding: 20px;
		margin-bottom: 5px;
		margin-left: -5px;
		margin-right: -8px;
	}

	.grey-box1 {
		background: #ffffff;
		border-radius: 0;
		padding: 20px;
		margin-bottom: 5px;
		margin-left: -5px;
		margin-right: -8px;
	}

	.d4cwidget-spinner.d4cwidget-spinner--svg {
		fill: #005395;
		height: 1.8em;
	}

	.ODT-dashboard__socio-facts__fact-spinner {
		text-align: center;
	} 

	.ODT-dashboard__socio-facts__fact {
		text-align: left;
		padding-left: 35px;
	}

	.ODT-dashboard__socio-facts__fact-title {
		font-size: 1em;
		margin: 0 auto;
	}

	.ODT-dashboard__socio-facts__fact-title1 {
		font-size: 3em;
		margin: 0 auto;
		color: #e992e2;
	}

	.ODT-dashboard__socio-facts__fact-value {
		margin-top: 5px;
		margin-left: 10px;
	}

	.ODT-dashboard__socio-facts__fact-value1 {
		color: #e992e2 ;
		font-size: 3em;
		margin: -0.33em auto -0.66em;
	}

	.ODT-dashboard__socio-facts__fact-value a {
		color: #8b221e;
		text-align: center;
		font-size: 1.66em;
	}
	.ODT-dashboard__socio-facts__fact-value a:hover {
		text-decoration: none;
	}

	.ODT-dashboard__socio-facts__fact-description {
		margin: 0 auto;
		color: grey;
		font-size: 0.66em;
		font-weight: 100;
	}

	.ODT-dashboard__socio-facts__fact-pie {
		text-align: center;
	}

	.ODT-dashboard__others-offres ul {
		text-align: left;
	}

	.ODT-dashboard__others-offres li {
		list-style-type: none;
		margin-bottom: 0.33em;
	}

	.ODT-dashboard__others-offres li > h4 {
		padding: 0;
		margin-bottom: 0;
	}
	.ODT-dashboard__others-offres {
		height: 475px;
	}

	@-webkit-keyframes 
	load { 0% {
		stroke-dashoffset:0
	}
	}
	@-moz-keyframes 
	load { 0% {
		stroke-dashoffset:0
	}
	}
	@keyframes 
	load { 0% {
		stroke-dashoffset:439.8;
	}
	}

	.datafact h2 {
		border: 0;
		margin: 0;
	}

	.datapourcent {
		position: absolute;
		top: 3.7rem;
		width: 100%;
		text-align: center; 
	}

	.progress, .progressline {
		display: inline-block;
		position: relative;
	}
	.progress svg {
		width: 10rem;
		height: 10rem;
	}
	.progress svg:nth-child(1) circle {
		fill: none;
		stroke-width: 4;
		stroke-dasharray: 439.8;
		stroke: rgba(128, 128, 128, 0.3);
	}
	.progress svg:nth-child(2) {
		position: absolute;
		left: 0;
		top: 0;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
	}
	.progress svg:nth-child(2) circle {
		fill: none;
		stroke-width: 3;
		stroke-dasharray: 439.8;
		stroke: #8b221e;
		-webkit-animation: load 2.5s;
		-moz-animation: load 2.5s;
		-o-animation: load 2.5s;
		animation: load 2.5s;
	}

	.ODT-dashboard__verbatim {
		text-align: left;
		margin-bottom: 30px;
		margin-top: 40px;
	}

	/* Faq */
	.faq .item {
		display: inline-block;
		text-align: center;
		width: 286px;
		color: #8b221e;
		cursor: pointer;
		font-size: 20px;
		line-height: 30px;
		margin: 0 auto;
		border-radius: 5px;
	}

	.faq .item--active {
		text-decoration: none;
		background-color: #8b221e;
		color: white;
	}

	.faq ul {
		margin: 0;
		margin-bottom: 7px;
		padding: 0;
		list-style: none;
		display: block;
		text-align: center;
	}

	.faq {
		max-width: 960px;
		margin-top: 30px;
	}

	.ODT-faq__q-a {
		margin-bottom: 30px;
	}

	.ODT-faq {
		margin: 3em auto;
	}

	.ODT-faq__guide ul {
		list-style: disc;
		display: block;
		text-align: left;
		width: 80%;
	}

	input.hs-button.primary.large {
		color: #fff;
		background: #8b221e no-repeat fixed center;
		border: 1px solid #8b221e;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		border-radius: 5px;
	}

	input.hs-button.primary.large:hover {
		color: #8b221e;
		background: #fff no-repeat fixed center;
		border: 1px solid #8b221e;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		border-radius: 5px;
	}

	.actions {
		text-align: center;
	}

	.ODT-custom-form__form {
		margin-top: 2em;    
	}

	/* Home */

	.background {
		background: <p><a href="url(https://data.ville-sucy.fr/)" target="_blank">Accéder au Portail de la Ville de Sucy</a></p>
		background-position: center center;
		height: 400px;
		background-size: cover;
		color: #fff;
		text-align: center;
		margin-top: -40px;
		margin-left: -10px;
		margin-right: -10px;
	}

	.ODT-home .col-md-6 {
		padding-right: 80px;
	}

	.ODT-home {
		text-align: center;
		margin-top: 1.33em;
	}
	.ODT-home h1 {
		width: 50%;
		margin: 0 auto;
	}

	.ODT-home__content {
		margin-top: 40px;
	}

	.background p {
		margin-top: -10px;
	}

	.ODT-home h1 {
		margin-bottom: 0;
	}

	.ODT-home h1 + h2 {
		margin-top: 0;
	}

	.ODT-home h3 {
		margin-top: 0.33rem;
	}

	main {
		margin: 0px;
	}

	.access {
		text-align: center;
	}

	.explore-link {
		text-align: center;
		font-size: 2.33em;
		display: block;
		padding-top: 133px;
		padding-bottom: 20px;
		color: white;
	}

	.explore-link-title-home {
		text-align: center;
		font-size: 2.33em;
		display: block;
		padding-top: 133px;
		padding-bottom: 20px;
		color: #2c3f56;
	}

	input.d4cwidget-searchbox__box {
		width: 80%;
		border: 2px solid white;
		border-radius: 0px;
		max-width: 550px;
		font-size: 1.5rem;
		line-height: 2rem;
		padding: 0.5em;
		font-family: "Oswald";
	}

	.leaflet-draw {
		display: none;    
	}

	.themeblock {
		color:black;
		fill:black;
		text-align: center;
		padding: 10px;
	}

	.themeblock h3 {
		text-transform: uppercase;
	}

	.themeblock__icon {
		font-size: 3rem;
		color: #274156;
	}
	.themeblock__content {
		background-color: #eeeeee;
		padding: 20px;
		display: block;
		color: inherit;
		text-decoration: none;
	}
	@media (min-width: 768px) and (max-width: 991px)  {
		.themeblock__content {
			min-height: 225px;
		}
	}
	@media (min-width: 992px) and (max-width: 1199px)  {
		.themeblock__content {
			min-height: 300px;
		}
	}
	@media (min-width: 1200px) {
		.themeblock__content {
			min-height: 250px;
		}
	}
	.themeblock__content:hover {
		text-decoration: none;
	}
	.themeblock__content{
		background-color: #ffffff;
	}

	.MYSITE-map {
		padding-top: 30px;
		text-align: left;
	}
	.MYSITE-map__description h2 {
		margin: 0 auto;
		color: #8b221e;
	}
	.MYSITE-map__description p {
		font-size: 12px;
	}

	.MYSITE-explore {
		text-align: center;
		color: #2c3f56;
	}
	.MYSITE-explore__description {
		font-size: 20px;
		margin: 1em auto 1em;
	}

	.MYSITE-explore__description a {
		color: #8b221e;
		text-decoration: underline;
	}

	.eg-tag {
		background-color: #8b221e;
	}

	.ODT-home-description {
		text-align: left;
		margin-top: 1.33em;
	}

	.ODT-home-description h3 {
		color: #8b221e;
	}

	.backgroundfooter {
		background-color: #82a3a8;
		background-position: center center;
		height: 400px;
		background-size: cover;
		color: #fff;
		text-align: center;

	}

	.navbar-default #navbar-collapse a[href="/"]:before {
		/*content: '\f015';*/
		background-position: center;
		background-size: contain;
		margin-right: 7px;
		line-height: 56px;
		font-size: 1.2em;
		font-family: 'FontAwesome';
	}
	header#navbar {
		margin-bottom: 0px;
	}
	.nav > li > a:hover {
		background: none;
	}
	
	.flourish-credit {
	display: none;
	visibility: hidden;
	}
	button#replay::after {
    content: "Relancer";
    text-indent: 0;
    display: block;
    line-height: initial;
    margin-top: -22px;
	}

	button#replay {
    text-indent: -9999px;
    line-height: 0;
	}
	
	.box_accueil img {
    max-width: 110%;
    height: auto;
	}
	.container {width: 100%!important;}

	/*** Menu principal ***/
	/* Bouton actif */ 
	.navbar-default #navbar-collapse li .is-active {background-color: white; color: #e63323}
	/* Bandeau du menu */
	ul.menu.menu--main.nav.navbar-nav {background-color: #e63323;}
	/* Hover */
	ul.menu--main li a:hover { color: #7fa9ca!important;}

	/*** Menu secondaire ***/
	.navbar-default #navbar-collapse li a[href="/backoffice"]:hover,
	.navbar-default #navbar-collapse li a[href="/user"]:hover,
	.navbar-default #navbar-collapse li a[href="/user/logout"]:hover,
	.navbar-default #navbar-collapse li a[href="/user/login"]:hover {border-bottom: 2px solid #e63323!;}

	/*** Explorer les données ***/
	/* Filtre 1 et 2  */
	#main.widget-opendata #filter h1 {background-color: #92a4d4 !important;}
	#main.widget-opendata #filter h2 {background-color: #92a4d4 !important;}
	/* Barre latéral sur le jeu de données */
	#main.widget-opendata .dataset:hover {border-left: 3px solid #131212!important;}
	/* Mots clés */
	#main.widget-opendata .jetons li {background-color: #92a4d4 !important; border: solid 1px #92a4d4 !important;};
		padding: 0px
	
	
			
	/* FOOTER */
	#myFooter {
    background-color:  #FFFFFF; 
	color:#e63323;
    letter-spacing: 0.1em;
    border-top-color: #e63323;
    border-top-style: outset;
    border-top-width: thin;
	}
	#myFooter p{
	font-size: 14px!important;
	font-family:'Oswald', "Open Sans", Helvetica, arial, sans-serif!important;
	}
	#myFooter .row {
    margin: auto;
	}
	#myFooter ul {
		list-style-type: none;
		padding-left: 0;
		line-height: 1.7;
	}
	#myFooter .txt-big {
		font-weight: 500;
		color: #e63323;
		font-family:'Oswald', "Open Sans", Helvetica, arial, sans-serif!important;
        margin-bottom: 0em !important;
	}
    #subscription-text{
        margin-top: 0.7em !important;
    }
    #nous-contacter{
        margin-top: 0em !important;
    }
	#myFooter .c-mask {
		font-weight: 500;
		color: #e63323;
		font-size: 14px!important;
	}
	#myFooter .legend-form {
		color: #e63323a6;
		text-decoration: none;
		font-size: 14!important;
	}
	#myFooter .legend-form p{
		font-size: 14!important;
	}
	#myFooter .txt-focus-gamma p{
		font-size: 14!important;
	}
	#myFooter .txt-focus-gamma{
		color: #e63323;
		text-decoration: none;
		font-size: 14!important;
	}
	#myFooter a:hover,
	#myFooter a:focus {
		text-decoration: none;
		color: #e63323a6;
	}
    /* FOOTER - newsletter-subscribe */
	#myFooter .btn {
		color: #ffffff;
		background-color: #e63323;
		border: none;
		width: 200px;
		display: block;
		line-height: 30px;
        margin-top: 1.2em;
	}
    #myFooter #newsletter-subscribe{
        background-color: #FFFFFF;
        vertical-align: middle;
        padding: 1em 0em 0em 0em;
        text-align: justify;
    }
#edit-mail-0-value{
    max-width: 100% !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    background-color: #FFFFFF !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    font-size: 14px !important;
}
.simplenews-subscriptions-block-28f8b123-8ecc-4728-8277-9135e39f58e4.simplenews-subscriber-form.block.block-simplenews.block-simplenews-subscription-block.clearfix {     visibility: hidden;
display: none;
}
    /* FOOTER - contacts */
    #myFooter .b-footer-agences_atmo_contacts{
        vertical-align: middle;
        text-align: justify;
    }
    #myFooter .b-footer-agences_atmo_contacts h3{
        color: #e63323;
		text-decoration: none;
        margin: 0px 0px 10px 0px !important;
	}
    /* FOOTER - social-networks */
    #myFooter .menu-footer-social_ntw_container a {
		color: #e63323;
		text-decoration: none;
		font-size: 1px!important;
	}
	.menu-footer-social_ntw_container img {
    max-width: 30px;
    height: auto;
    }
	.menu-footer-social_ntw_container img {
	border: 0;
	}
	#myFooter .menu-footer-social_ntw_container {
		text-align: center;
		padding-top: 1em;
        padding-bottom: 1em;
	}
	#myFooter .menu-footer-social_ntw_container a {
		font-size: 32px;
		color: #f9f9f9;
		padding: 10px;
		transition: 0.2s;
	}
    #myFooter .b-footer-news_in-1{
        margin: 0em 0em 0em 0em;
        float: right;
    }
    #myFooter #logo-text p{
        text-align: justify !important;
    }
    /* FOOTER - copyright */
	#myFooter .footer-copyright {
    color: #242424;
	background-color: #e63323;
    padding-bottom: 10px;
    text-align: center;
	}
	#myFooter .footer-copyright p {
    color: #242424;
	background-color: #e63323;
    margin-bottom: 30px;
	}
	#myFooter .footer-copyright a {
    color: #242424;
	background-color: #e63323;
    margin-bottom: 30px;
	}

	@media screen and (max-width: 767px) {
		#myFooter {
			text-align: center;
		}
	}

/* Res Social-block */

	.field--label{ 
	visibility: hidden;
	display: none;
	}
	.block-title{
		visibility: hidden;
		display: none;
	}
	.twitter-block{
                height: auto;
		scrollbar-width: none; /* Firefox */
		-ms-overflow-style: none;  /* IE 10+ */
	}
	.twitter-block::-webkit-scrollbar { 
		display: none; /* Chrome Safari */
	}
#fb-block {width: auto; display: block; margin: 0 auto;}
	.well.region.region-sidebar-second{
		height:100%;
	}
	
	/* form-search */
	
	input# edit-keys--2.form-search.form-control {
    text-align: center;
    color: #e63323;
    display: block;
    height: 52px;
    margin: 25px 2% 25px 2%;
    font-size: 20px;
    border: 2px #e63323 solid;
	width: 80%;
	border-radius: 0px;
	max-width: 550px;
	font-size: 1.5rem;
	line-height: 2rem;
	padding: 0.5em;
	font-family: "Oswald";
}
#form-search.form-control {
    width: 1200px;
    height: 40px;
    margin: 10px;
}

input[type="search"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

.form-control {
    display: block;
    text-align: center;
    width: 96%;
    height: 35px;
    padding: 5px 10px 5px 10px;
    font-size: 20px;
    line-height: 1.42857143;
	margin: 25px 2% 25px 2%;
    border-radius: 35px;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 2px solid #e63323;
    border-radius: 65px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
}
	 #placeholder{
		font-size: 22px;
		font-family:'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	}
	 
 
#sib-container{
	max-width: 1000px;
}


	/* Slider pour la vue des contenues de type "Alertes" */
	
	
.bloc-vue-alertes {
    border: 2px solid #e0822a;
    background: #e0822a17;
    margin: 20px 0px;
    padding: 20px;
    text-align: center;
}
.views_slideshow_cycle_slide {
    width: 100%!important;
    height: 75px!important;
    text-align: center;
}
.views-field.views-field-title {
    font-weight: bold;
    color: #ec872e;
}


	/* PUBLICATIONS */
	
.page-paragraphe-base-.full.clearfix{
    transition: all .5s ease-in-out !important;
    column-gap: 30px !important;
    column-fill: initial !important;
    column-rule: 1px solid #e63323;
}
.paragraph.paragraph--type--paragraphe-textes-images-d.paragraph--view-mode--default, .paragraph.paragraph--type--paragraphe-textes-images-g.paragraph--view-mode--default{
    margin-bottom: 30px !important;
    display: inline-block !important; /* Fix the misalignment of items */
    vertical-align: top !important; /* Keep the item on the very top */
    border-bottom: 1px solid #e63323;
    padding: 2.5em 2.5em 2.5em 2.5em;
    box-shadow: 0 8px 10px #CCC;
}
/* bricks on tablets */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .page-paragraphe-base-.full.clearfix {
    column-count: 1;
  }
}

/* bricks on big screens */
@media only screen and (min-width: 1024px) {
  .page-paragraphe-base-.full.clearfix {
    column-count: 2;
  }
}

	
	/* paragraphe-textes-images-d */
	
.paragraph .paragraph--type--paragraphe-textes-images-d{
	display: table;
    margin-top: 15px;
    margin-bottom: 15px;
}
.paragraph.paragraph--type--paragraphe-textes-images-d img{
    max-width: 100%;
    height: auto;
}
.field.field--name-field-texte-entete.field--type-text.field--label-above{
	text-align: center;
	font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	font-weight: 500;
	font-size: 35px;
	color: #e63323;
}
.field .field--name-field_texte_sous_titre_g{
	font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	font-weight: 500;
	color: #2C3F56;
    text-align: center;
    font-size: 17px;
}
.field .field--name-field-texte-g{
	display: table-cell;
	text-align: justify;
	margin-right: 20px;
}
.field .field--name-field_texte_colonne{
	display: table-cell;
	text-align: justify;
	margin-right: 20px;
	column-count: 2;
}
.field .field--name-field-image-d{
	display: table-cell;
	width: 25%;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
}
.field .field--name-field-image-d img{
	max-height: 300px;
    width: auto;
	float: right;
}
.field.field--name-field-fichier.field--type-file.field--label-above{
	text-align: center;
	margin: 5px 0;
	width: 99%;
}


	/* paragraphe-textes-images-g */
	
.paragraph.paragraph--type--paragraphe-textes-images-g{
	display: table;
	margin-top: 15px;
	margin-bottom: 15px;
}
.paragraph.paragraph--type--paragraphe-textes-images-g img{
    max-width: 100%;
    height: auto;
}
.field.field--name-field-texte-entete-img-g.field--type-text.field--label-above{
	text-align: center;		
	font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	font-weight: 500;
	font-size: 35px;		
	color: #e63323;
}
.field.field--name-field_texte_sous_titre_d{
	
	font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
	font-weight: 500;
	color: #2C3F56;
	text-align: center;
    font-size: 17px;
}
.field.field--name-field-txt{
	display: table-cell;
	text-align: justify;
	margin-right: 20px;
}
.field.field--name-field_texte_colonne_d{
	display: table-cell;
	text-align: justify;
	margin-right: 20px;
	column-count: 2;
}
.field.field--name-field-image-g{
	display: table-cell;
	width: 25%;
	padding: 10px 10px 10px 10px;
	vertical-align: middle;
}
.field.field--name-field-image-g img{
	max-height: 300px;
    width: auto;
	float: left;
}
.field.field--name-field-fichier-img-g.field--type-file.field--label-above{
	text-align: center;
	margin: 5px 0;
	width: 99%;
}
	
	/* paragraphe texte */

.paragraph .paragraph--type--paragraphe-txt{
	display: table;
	margin-top: 15px;
	margin-bottom: 15px;
}
.paragraph.paragraph--type--paragraphe-txt.paragraph--view-mode--default{
	text-align: center;
	width: 80%;
	padding: 22px;
	background-color: #E6F3FF;
	margin: 25px auto;
}
	



	
	/* ACTUALITES	 */
	
	a[href="/actualites"] {
    /* visibility: hidden; */
    /* display: none; */
	color: #e63323;
	font-size:27px;
	}
				
	/* actualités-image-d */
	.paragraph.paragraph--type--actualites-image-d{
		display: grid;
        grid-template-columns: [col1-start] 80%  [col2-start] 20%  [col2-end];
        grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row4-start] auto [row4-end];
		margin-top: 15px;
		margin-bottom: 15px;
	}
    .field.field--name-field-act-entete-img-d{
        grid-column: col1-start;
        grid-row: row1-start ;
        text-align: justify !important;
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif !important;
		font-weight: 500 !important;
		font-size: 25px !important;
		color: #e63323 !important;
        margin: 0em 25px 0.5em 0em;
    }
    .field.field--name-field-act-sous-titre-img-d{
        grid-column: col1-start;
        grid-row: row2-start ;
        font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
		color: #b6cee0;
        text-align: justify;
        font-size: 14px;
        letter-spacing: 0.1em;
        margin: 1em 25px 0.5em 0em;
    }
    .field.field--name-field-act-texte-g{
        grid-column: col1-start;
        grid-row: row3-start;
        text-align: justify;
		margin-right: 25px;
	}
    .field.field--name-field-act-texte-colonne-g{
        grid-column: col1-start;
        grid-row: row3-start;
        display: table-cell;
		text-align: justify;
		margin-right: 25px;
		column-count: 2;
	}
    .field.field--name-field-act-img-d{
		grid-column: col2-start;
        grid-row: row1-start / row4-start;
        vertical-align: middle;
	}
	.field.field--name-field-act-fichier-img-d{
        grid-column: col1-start / col2-end;
        grid-row: row4-start;
        text-align: justify;
		margin-top: 1em;
		width: 100wh;
	}
    .field.field--name-field-act-img-d img{
		max-height: 100% !important;
        width: auto;
		float: right;
	}
	
    .field.field--name-field-act-fichier-img-d.field--type-file.field--label-above span{
		background-color: #e63323;
        color: #FFFFFF;
	}
   .file.file--mime-application-pdf.file--application-pdf.icon-before:hover span{
       background-color: #FFFFFF;
       color: #e63323;
    }
	.paragraph.paragraph--type--actualites-image-d.paragraph--view-mode--default{
		text-align: justify;
		padding: 1em;
		border-radius: 5px;
		box-shadow: 0 8px 10px #CCC;
		margin: 1em auto;
        padding: 2.5em 2.5em 2.5em 2.5em;
	}

/* actualités-image-g */
	.paragraph.paragraph--type--actualites-image-g{
		display: grid;
        grid-template-columns: [col1-start] 20%  [col2-start] 80%  [col2-end];
        grid-template-rows: [row1-start] auto [row2-start] auto [row3-start] auto [row4-start] auto [row4-end];
		margin-top: 15px;
		margin-bottom: 15px;
	}
    .field.field--name-field-act-entete-img-g{
        grid-column: col2-start;
        grid-row: row1-start ;
        text-align: justify;
		font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
		font-weight: 500;
		font-size: 25px;
		color: #e63323;
        margin: 0em 0em 0.5em 25px;
    }
    .field.field--name-field-act-sous-titre-img-g{
        grid-column: col2-start;
        grid-row: row2-start ;
        font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
		color: #b6cee0;
        text-align: justify;
        font-size: 14px;
        letter-spacing: 0.1em;
        margin: 0em 0em 0.5em 25px;
    }
    .field.field--name-field-act-texte-d{
        grid-column: col2-start;
        grid-row: row3-start;
        text-align: justify;
        margin-left: 25px;
	}
    .field.field--name-field-act-texte-colonne-d{
        grid-column: col2-start;
        grid-row: row3-start;
        display: table-cell;
		text-align: justify;
        margin-left: 25px;
		column-count: 2;
	}
    .field.field--name-field-act-img-g{
		grid-column: col1-start;
        grid-row: row1-start / row4-start;
        vertical-align: middle;
	}
	.field.field--name-field-act-fichier-img-g{
        grid-column: col1-start / col2-end;
        grid-row: row4-start;
        text-align: justify;
		margin-top: 1em;
		width: 100wh;
	}
    .field.field--name-field-act-img-g img{
		max-height: 100% !important;
        width: auto;
		float: left;
	}
    .field.field--name-field-act-fichier-img-g.field--type-file.field--label-above span{
		background-color: #e63323;
        color: #FFFFFF;
	}
   .file.file--mime-application-pdf.file--application-pdf.icon-before:hover span{
       background-color: #FFFFFF;
       color: #e63323;
    }
	.paragraph.paragraph--type--actualites-image-g.paragraph--view-mode--default{
		text-align: justify;
		padding: 1em;
		border-radius: 5px;
		box-shadow: 0 8px 10px #CCC;
		margin: 1em auto;
        padding: 2.5em 2.5em 2.5em 2.5em;
	}


.messages.messages--error {
    visibility: hidden!;
    display: none!;
}

/*MENTION LEGALE*/
#mentionlegale{
    max-width: 90%;
    margin: auto;
}
@media only screen and (min-width : 481px) {
  #mentionlegale .row {
      display: flex;
      flex-wrap: wrap;
  }
  #mentionlegale .row > [class*='col-'] {
    display: flex;
    flex-direction: column;
  }
  #mentionlegale .row:after, 
  #mentionlegale .row:before {
	 display: flex;
  }
  #mentionlegale .row > [class*='col-'] > .ml-cell,.ml-cell-text {
      flex: 1;
      border-radius: 5px;
      box-shadow: 0 8px 10px #CCC;
      padding: 25px;
      box-sizing: border-box;
      margin: 10px;
  }
}
ul.ml-menu{
    float: left;
    position: relative;
    display: flex;
    margin: 0px;
}

ul.ml-menu li{
    list-style:url(https://image.flaticon.com/icons/svg/892/892529.svg);
}


.navbar.navbar-default.container {margin-top: 0px !important;}
.menu.menu--main.nav.navbar-nav {float: left !important;}
.menu.menu--main.nav.navbar-nav .first {
    background-image: url(https://sdis34.data4citizen.com/sites/default/files/inline-images/sdis34-logo.png);
    background-color: white;
    background-repeat: no-repeat;
    width: 200px;
    background-position: center;
}
.menu.menu--main.nav.navbar-nav .first a {
    opacity: 0;
}
.menu.menu--main.nav.navbar-nav .last {
    float: right;
    right: 10px;
}