@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: 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 {
		list-style: none;
		padding: 0;
		text-align: center
	}

	#icones_accueil ul:hover {
		position: relative;
		top: -5px
	}

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

	.navbar-header {
		background-color: white;
	}

	.navbar .logo {
		 margin: 30px 0px 0px 150px;
		transform: scale(1.2);
	}

	.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: 56px;
		min-width: 65px;
		padding: 0 25px;
		font-weight: 500;
	}
	#main.widget-opendata .titre {
		color: black;
		font-weight: bold;
	}
	#main.widget-opendata .info {
		float: right;
		margin-right: 3%;
		color: black;
	}
	.d4c-dashboard-top-options-container {
		margin-top: 0 !important;
	}

	@media screen and (max-width:768px) {
		.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: relative;
		}
		.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
		}
	}

	.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: #77bd7c;
		color: #fff;
		width: 25%;
		padding: 40px;
		margin: 3px;
		text-align: center;
		float: left
	}

	.statistics_row-4 .orangebox {
		background-color: #77bd7c;
		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: #77bd7c;
			width: 100%;
			margin: 1px;
			text-align: center;
			float: left
		}
		.statistics_row-4 .orangebox {
			background-color: #77bd7c;
			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: #77bd7c;
		color: #fff;
		width: 33%;
		margin: 3px;
		padding: 21px;
		text-align: center;
		float: left
	}

	.statistics_row-3 .orangebox {
		background-color: #77bd7c;
		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: #77bd7c;
			width: 100%;
			padding: 15px;
			margin: 1px;
			float: left
		}
		.statistics_row-3 .orangebox {
			background-color: #77bd7c;
			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: #77bd7c
	}

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

	.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: #fff;
		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-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: #fff;
		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(/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(/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;;

	}

	/*** Menu principal ***/
	/* Bouton actif */ 
	.navbar-default #navbar-collapse li .is-active {color: #77BD7C;border-bottom: #77BD7C 1px solid;}
	.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
		background-color: white !important;
	}
	/* Bandeau du menu */
	ul.menu.menu--main.nav.navbar-nav {
    border-top: #222528 1px solid;
}
    .navbar-default #navbar-collapse .first a[href="/"]{
    	color: #77BD7C !important;
    }
	/* Hover */
	ul.menu--main li a:hover {
		color: #77BD7C !important;
		border-bottom: #77BD7C 1px solid
	}


	/*** Explorer les donnees ***/
	/* Filtre 1 et 2  */
	#main.widget-opendata #filter h1 {background-color: #77BD7C!important; color:white !important;}
	#main.widget-opendata #filter h2 {background-color: #77BD7C!important; color:white !important;}
	.d4c-box.d4c-map-wp {margin-left: -15px !important; margin-right: -15px !important}
    #main .form-group {padding-right: 0 !important}
    #main.widget-opendata #filter .list-group{
		scrollbar-width: thin; 
	}
	#main.widget-opendata #filter .list-group::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: #F5F5F5;
	}
	#main.widget-opendata #filter .list-group::-webkit-scrollbar {
		width: 3px;
		background-color: #F5F5F5;
	}
	#main.widget-opendata #filter .list-group::-webkit-scrollbar-thumb {
		background-color: #CCC;
		border: 0.5px solid #989898;
	}
	#main.widget-opendata .dataset .box_1 a:hover, #main.widget-opendata .dataset .box_1 a:focus {
		text-decoration: none !important;
	}
    #main .input-group {
    	position: relative;
			display: flex !important;
			border-collapse: separate;
			align-items: stretch;
			flex-wrap: wrap;
    }
    #main .input-group .form-control {
    	display: inline-flex;
			box-sizing: border-box;
			justify-content: flex-start;
			height: unset !important;
			width: calc(100% - 26px - 13px) !important;
    }
    #main.widget-opendata form{
    	margin: 0 !important;
    }
    #main .input-group-btn {
    	display: inline-flex;
    }
	#main .input-group-btn button {
    	border-radius: 0px 4px 4px 0px;
    }
	/* Barre laeral sur le jeu de donnes */
	#main.widget-opendata .dataset:hover {border-left: 3px solid #6baa70!important;}
	#main.widget-opendata #filter h2 #reset-filters:hover {color:white !important;}
	/* Mots cles */
	#main.widget-opendata .jetons li {
		background-color: #452668 !important;
		border: solid 1px #452668 !important;
		color: white;
		font-family: DroidSans, "Open Sans", Arial, sans-serif;
		border-radius: 5px;
		padding: 2px 4px 2px 4px;
		font-size: 0.85em;
		margin-right: 5px;
		margin-bottom: 5px;
		display: inline-block;
	}
	#main .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
		background-color: #77bd7c !important;
		border-color: #77bd7c !important;
	}
	.dataset-h2 a{
		text-decoration: none !important;
		color: #452668 !important;
	}
	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, .js-quickedit-main-content {
		padding-left: 10px;
		padding-right: 10px;
		min-height: calc(100vh - 22rem);
	}

	.footer.container {
		margin-top: 5rem;
		height: 4.5rem;
	}

	#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: -5px
	}


	.logo navbar-btn pull-left {
		padding-left: 0px
	}

	.navbar .logo {
		margin: 0px;
		transform: scale(0.8);
		padding: 20px 0px 0px 0px !important;
		/* left: 0; */
		/* float: left; */
	}
	.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: #222528;
		font-size: 18px;
		line-height: 56px;
		min-width: 65px;
		padding: 0 25px;
		font-weight: 500;
	}
	#block-citizena-themes-main-menu li a {
		height: 57px;
	}

	@media screen and (max-width:768px) {
		.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: relative;
		}
		.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
		}
	}
	@media screen and (min-width:990px) {
        .navbar-nav.navbar-right {
			position: absolute;
			/* vertical-align: middle; */
			right: 35px;
			top: 35px;
			margin: 0px;
			transform: none;
			width: auto;
		}
		.navbar-header {
			width: 100%;
			/*background-position: center top;
			background-image: url(/sites/default/files/logo_OREF.png);
			background-repeat: no-repeat;
			background-size: contain;
			position: relative;
			margin-left: 0!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"],
		.navbar-default #navbar-collapse li a[href="/contact/feedback"],
		.navbar-default #navbar-collapse li a[href="/about"] {
			background-color: transparent;
			color: #000000;
			font-size: 12px;
			padding: 15px 0px 0px 0px;
			margin-left: 12px;
			line-height: 20px;
		}
		.navbar-default #navbar-collapse li a[href^="/user/logout"],
		.navbar-default #navbar-collapse li a[href^="/user/login"],
		.navbar-default #navbar-collapse li a[href="/accueil"]{
			background-color: transparent;
			color: #fff;
			font-size: 12px;
			padding: 0px;
			line-height: 20px;
			border-bottom: #6baa70 !important;
		}
		.menu.menu--account.nav.navbar-nav.navbar-right li:nth-child(1) {
			background-color: #77BD7C;
			color: #fff;
			font-size: 12px;
			padding: 12px 32px 12px 32px;
			margin-left: 0px 12px 0px 12px;
			border-radius: 7px;
			line-height: 20px;
		}
		.menu.menu--account.nav.navbar-nav.navbar-right li:nth-child(1):hover {
			background-color: #6baa70;
		}
		/*** 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,*/
		/*.navbar-default #navbar-collapse li a[href^="/user/logout"]:hover,*/
		.navbar-default #navbar-collapse li a[href="/contact/feedback"]:hover,
		.navbar-default #navbar-collapse li a[href="/about"]:hover
		{border-bottom: 1px solid #77BD7C;}
		#block-citizena-themes-account-menu .navbar-nav>li:nth-child(1) {
			display: block;
			float: unset;
		}
		#block-citizena-themes-account-menu .navbar-nav>li:nth-child(2),
		#block-citizena-themes-account-menu .navbar-nav>li:nth-child(3) {
			display: inline-block !important;
			float: unset;
		}
		.navbar-default #navbar-collapse li a[href="/about"]{
			font-weight: bold !important;
			font-size: 14px;
		}
	}

	.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: #fff
	}
	.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;
		height: 0;
	}

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

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

	.statistics_row-4 .orangebox {
		background-color: #77bd7c;
		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: #77bd7c;
			width: 100%;
			margin: 1px;
			text-align: center;
			float: left
		}
		.statistics_row-4 .orangebox {
			background-color: #77bd7c;
			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: #77bd7c;
		color: #fff;
		width: 33%;
		margin: 3px;
		padding: 21px;
		text-align: center;
		float: left
	}

	.statistics_row-3 .orangebox {
		background-color: #77bd7c;
		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: #77bd7c;
			width: 100%;
			padding: 15px;
			margin: 1px;
			float: left
		}
		.statistics_row-3 .orangebox {
			background-color: #77bd7c;
			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: #77bd7c
	}

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

	.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 !important
		}
	}

	.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 {
			background-color: #white;
			color: #77BD7C;
			font-size: 10px;
			line-height: 34px;
			height: 35px;
			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: #fff;
		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-default .navbar-brand {
		visibility: hidden;
		display: none;
	}

	#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: #fff;
		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(/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(/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;;

	}
	.leaflet-popup-content p {
		margin: 0 0 10px !important;
	}
	.leaflet-left .leaflet-control {
		margin-left: 20px !important;
	}
	.leaflet-right .leaflet-control {
		margin-right: 20px !important;
	}

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

	/* 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: #77bd7c;
	}

	.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: #77bd7c;
	}

	.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: #77bd7c;
	}

	/* FOOTER */


	.MYSITE-api {
		padding: 30px 0;
		margin-top: 30px;
		text-align: center;
		background-color: #77bd7c;
		color: #2c3f56;
	}
	.MYSITE-api__title {
		max-width: 750px;
		margin: 0 auto;
		color: #fff;
		font-size: 30px;
		font-weight: 400;
	}
	.MYSITE-api__description {
		color: #fff;
		font-size: 26px;
	}

	.MYSITE-api__description a {
		color: #fff;
		text-decoration: underline;
	}

	.d4c-front-footer {
		border: none;
	}
	.d4c-front-footer__d4c-logo-img 
	vertical-align: baseline;
	}
	.d4c-front-footer__link {
		vertical-align: top;
	}
	.MYSITE-footer__logo-img {
		height: 35px;
		padding-top: 6px;
		padding-right: 6px;
	}

	/* 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: #77bd7c;
		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: #77bd7c;
	}

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

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

	.ODT-dashboard__socio-facts__fact-value a {
		color: #77bd7c;
		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: #77bd7c;
		-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: #77bd7c;
		cursor: pointer;
		font-size: 20px;
		line-height: 30px;
		margin: 0 auto;
		border-radius: 5px;
	}

	.faq .item--active {
		text-decoration: none;
		background-color: #77bd7c;
		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: #77bd7c no-repeat fixed center;
		border: 1px solid #77bd7c;
		border-radius: 0;
		box-shadow: none;
		text-shadow: none;
		border-radius: 5px;
	}

	input.hs-button.primary.large:hover {
		color: #77bd7c;
		background: #fff no-repeat fixed center;
		border: 1px solid #77bd7c;
		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-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: #77bd7c;
	}
	.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: #77bd7c;
		text-decoration: underline;
	}

	.eg-tag {
		background-color: #77bd7c;
	}

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

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

	.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-top: 0px;
	}
	.nav > li > a:hover {
		background: none;
	}


.container {width: 100%!important;}

/*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 {
      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;
    font-size: 1.2rem;
    list-style: none;
    padding: 0;
}
ul.ml-menu li {
  padding-left: 1.3em;
  padding-right: 1.3rem;
}
ul.ml-menu li:before {
  content: "\f101 "; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  margin-right: .5rem;
}

.navbar-header {
     /* margin-top: -40px !important; */
     background-color: white;
}

/*
NOUS CONTACTER
*/

.contact-message-feedback-form.contact-message-form.contact-form {
	background-image: url(/sites/default/files/inline-images/68747470733a2f2f63646e2e776f726c64766563746f726c6f676f2e636f6d2f6c6f676f732f74656c656772616d2d312e737667.svg);
	background-repeat: no-repeat;
    margin-top: 3rem;
}
@media only screen and (min-width : 48px) {
	.contact-message-feedback-form.contact-message-form.contact-form{
		padding-top: 40%;
		padding-left: 0%;
		background-position: top;
		background-repeat: no-repeat;
	}
}
@media only screen and (min-width : 992px) {
	.contact-message-feedback-form.contact-message-form.contact-form{
		padding-left: 40%;
		padding-top: 0%;
		background-position: 7%;
		background-size: 25%;
	}
}
.control-label {
    font-size: 20px !important;
    text-transform: uppercase !important;
    display: block !important;
}
.js-text-full.text-full.form-textarea.required.form-control.resize-vertical,
.form-text.required.form-control,
.form-email.required.form-control{
	border: 1px solid #ccc !important;
	border-radius : 0px !important;
	width: 95% !important;
	margin: 0px !important;
	padding: 0px !important;
	display: inline-block;
	text-align:left;
}
.form-autocomplete.form-text.form-control.ui-autocomplete-input{
	border: 1px solid #ccc !important;
	border-radius : 0px !important;
	width: 85% !important;
	margin: 0px !important;
	padding: 0px !important;
	display: inline-block;
}
.input-group{
	display: block;
}
.input-group-addon{
	display: inline-block;
    height: 35px;
    width: 10%;
}
.description.help-block{
	font-style:italic;
	font-size:11px;
	width: 90% !important;
}
.placeholder{
	font-style:italic !important;
	font-size:11px;
	text-decoration:underline;
	font-weight:bold !important;
}
.js-form-file.form-file.form-control{
	border: 1px solid #ccc !important;
	border-radius : 0px !important;
	width: 95% !important;
	margin: 0px !important;
	padding: auto !important;
	display: inline-block;
	font-size: 15px;
	vertical-align:middle;
box-shadow: unset;
}
.js-form-file.form-file.form-control button{
	height: 35px;
	background-color:antiquewhite !important;
}
.form-actions.form-group.js-form-wrapper.form-wrapper{
	float: right;
	margin-right: 4% !important;
}

section#col-organic-c86 {
    visibility: hidden;
    display: none;
}

/*
PAGE RAPPORT D ANALYSE
PAGE TOUTES LES ACTUALITES
*/
.view.view-taxonomy-term.view-id-taxonomy_term .feed-icons{
	display: none;
}
/*.contextual-region.article.is-promoted.teaser.clearfix,*/
.article.is-promoted.teaser.clearfix,
.rapport.is-promoted.teaser.clearfix {
    display:block;
    border: 1px solid #ccc;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    padding: 2.5rem;
    margin-left: 15%;
    margin-right: 15%;
    position: relative;
}
.path-zoom-sur .view-header {
    margin-left: 15%;
    margin-right: 15%;
}
@media only screen and (max-width: 800px) {
	.article.is-promoted.teaser.clearfix,
	.rapport.is-promoted.teaser.clearfix {
		margin-left: 0%;
		margin-right: 0%;
	}
}
/*.contextual-region.article.is-promoted.teaser.clearfix,*/
.article.is-promoted.teaser.clearfix .author,
.rapport.is-promoted.teaser.clearfix .author{
	display: none;
}
/*.contextual-region.article.is-promoted.teaser.clearfix,*/
.article.is-promoted.teaser.clearfix .links.inline.list-inline li,
.rapport.is-promoted.teaser.clearfix .links.inline.list-inline li {
	background-color: #77bd7c;
	/* margin: 10px; */
	float: right;
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 32px;
	padding-right: 32px;
	border-radius: 7px;
}
.article.is-promoted.teaser.clearfix .content,
.rapport.is-promoted.teaser.clearfix .content {
	margin-bottom: 4rem;
}
.article.is-promoted.teaser.clearfix .links.inline.list-inline,
.rapport.is-promoted.teaser.clearfix .links.inline.list-inline {
	position: absolute;
	bottom: 2.5rem;
	right: 2.5rem;
	margin-top: 10px;
	margin-bottom: 0 !important;
}
.article.is-promoted.teaser.clearfix .links.inline.list-inline li:hover,
.rapport.is-promoted.teaser.clearfix .links.inline.list-inline li:hover {
	background-color: #6baa70;
}
.article.is-promoted.teaser.clearfix .links.inline.list-inline a:hover,
.rapport.is-promoted.teaser.clearfix .links.inline.list-inline a:hover {
	text-decoration: none;
}
/*.contextual-region.article.is-promoted.teaser.clearfix,*/
.article.is-promoted.teaser.clearfix .links.inline.list-inline a,
.rapport.is-promoted.teaser.clearfix .links.inline.list-inline a {
	font-size: 1.1rem;
	color: white;
}
.article.is-promoted.teaser.clearfix .comment-forbidden,
.rapport.is-promoted.teaser.clearfix .comment-forbidden {
	color: white;
}
/*.contextual-region.article.is-promoted.teaser.clearfix,*/
.article.is-promoted.teaser.clearfix img,
.rapport.is-promoted.teaser.clearfix img{
float: left !important;
	margin-right: 20px !important;
}
.field.field--name-field-producteur.field--type-image.field--label-hidden.field--item {
	width: 200px !important;
	height: auto;
	overflow: auto !important;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.field.field--name-field-image.field--type-image.field--label-hidden.field--item {
	width: 400px !important;
	height: auto;
	overflow: auto !important;
	float: left;
/* margin-right: 20px; */
	margin-bottom: 20px;
}
.field.field--name-field-image.field--type-image.field--label-hidden.field--item img {
	float: right !important;
}
.rapport.is-promoted.teaser.clearfix img{
	height: 100px;
max-height: 100% !important;
	max-width: 90% !important;
	width: auto;
}
/*.contextual-region.article.is-promoted.teaser.clearfix,*/
.article.is-promoted.teaser.clearfix h2 a,
.rapport.is-promoted.teaser.clearfix h2 a{
	font-size: 2rem;
	font-style: initial !important;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .1rem;
	color: #595959;
	font-weight: bold;
	
}
.article.is-promoted.teaser.clearfix h2 a:hover,
.rapport.is-promoted.teaser.clearfix h2 a:hover{
	color: #222528;
}
.article.is-promoted.teaser.clearfix h2,
.rapport.is-promoted.teaser.clearfix h2{
	color: #595959;
	font-size: 20px;
}
.article.is-promoted.teaser.clearfix h3,
.rapport.is-promoted.teaser.clearfix h3{
	color: #595959;
	font-size: 17px;
}
.rapport.is-promoted.teaser.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h2, 
.rapport.is-promoted.teaser.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h3 {
	display: none;
}
.article.is-promoted.teaser.clearfix h1,
.rapport.is-promoted.teaser.clearfix h1{
	display: none;
}
#views-exposed-form-rapport-d-analyse-page-1 {
	margin-left: 15%;
	margin-right: 15%;
	height: 90px;
	margin-top: 3rem;
}
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-filtre-producteur-value.js-form-item-field-filtre-producteur-value.form-group label{
	text-transform: none !important;
	font-size: 23px !important;
	color: #707070;
}
#edit-field-filtre-producteur-value{
  // A reset of styles, including removing the default dropdown arrow
  appearance: none;
  // Additional resets for further consistency
  background-color: transparent;
  border: none;
  padding: 0 1em 0 0;
  margin: 0;
  width: 100%;
  font-family: inherit;
  font-size: inherit;
  cursor: inherit;
  line-height: inherit;  
}
#edit-field-filtre-producteur-value {
  width: 100%;
  min-width: 15ch;
  max-width: 30ch;
  border: 1px solid #E2E2E2;
  border-radius: 0.25em;
  padding: 0.25em 0.5em;
  font-size: 1.25rem;
  cursor: pointer;
  line-height: 1.1;
  width: 300px;
}
.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-filtre-producteur-value.js-form-item-field-filtre-producteur-value.form-group .select-wrapper:after{
	color: #707070 !important;
}
#edit-field-filtre-producteur-value:focus, #edit-field-filtre-producteur-value:active {
	border-color: #E2E2E2 !important;
	box-shadow: unset !important;
	border-radius: 5px 5px 0px 0px !important;
}
select::-ms-expand {
  display: none;
}
#views-exposed-form-rapport-d-analyse-page-1 .form-actions.form-group.js-form-wrapper.form-wrapper {
	margin: 0 !important;
}
#edit-submit-rapport-d-analyse{
    margin-top: 20px;
    margin-right: 0px;
    background-color: #77bd7c;
    width: 120px;
    margin-top: 10px;
    border-color: #6baa70;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    color: white;
}
#edit-submit-rapport-d-analyse:active, 
#edit-submit-rapport-d-analyse:focus {
	background-color: #6baa70;
    border-color: #6baa70;
	border: none !important;
	outline: none;
}

/* RAPPORT ACTUALITE */
/*.contextual-region.article.is-promoted.full.clearfix,*/
.article.is-promoted.full.clearfix .field.field--name-field-image.field--type-image.field--label-hidden.field--item {
	display: inline-block;
	float: left;
	width: 45% !important;
	height: 100%;
overflow: hidden !important;
	margin: 0 !important;
}
.article.is-promoted.full.clearfix .field.field--name-field-image.field--type-image.field--label-hidden.field--item img{
    transition: transform .5s ease-out;
}
.article.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
	display: inline-block;
	float: left;
	width: -moz-calc(100% - 300px);
    width: -webkit-calc(100% - 300px);
    width: calc(100% - 45%) !important;
    height: 100%;
    padding-left: 50px;
    padding-bottom: 100px;
}
.article.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h2{
	margin-top: 0px;
}
.article.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h1 {
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 600;
	margin: auto;
	margin-bottom: 1.5rem;
	line-height: 1.5em;
	color: #77bd7c;
}
.article.is-promoted.full.clearfix .content {
	margin-top: 50px;
}
.article.is-promoted.full.clearfix .author {
    color: #b5b5b5;
    font-weight: lighter;
}
.article.is-promoted.full.clearfix {
	margin-left: 15%;
	margin-right: 15%;
}

.block.block-block-content.block-block-contenta0e44f85-c086-4de8-95fc-2066569854d6.clearfix{
	margin-bottom: 25px;
	
}

.rapport.is-promoted.full.clearfix .field.field--name-field-image.field--type-image.field--label-above {
	display: flex;
	float: right;
	width: 400px;    
  box-sizing: border-box;      
  height: 100%;
}
.rapport.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
	display: inline-flex;
	flex-direction: column;
	width: -moz-calc(100% - 400px);
	width: -webkit-calc(100% - 400px);
	width: calc(100% - 400px);
	padding-right: 50px;
	height: 100%;
}
.rapport.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h2{
	margin-top: 0px;
	font-size: 20px;
}
.rapport.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h3{
	margin-top: 0px;
	font-size: 17px;
}
.rapport.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h1 {
	font-size: 35px;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 0;
	margin-bottom: 1.5rem;
	line-height: 1.5em;
	color: #77bd7c;
}
.rapport.is-promoted.full.clearfix .content {
	margin-top: 60px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.rapport.is-promoted.full.clearfix .author {
    color: #b5b5b5;
    font-weight: lighter;
}
.rapport.is-promoted.full.clearfix {
	margin-left: 20%;
	margin-right: 20%;
}
.rapport.is-promoted.full.clearfix .field--label{
	display: none;
	visibility: hidden;
}
.rapport.is-promoted.full.clearfix .field.field--name-field-file.field--type-file.field--label-above{
	display: inline-flex;
	flex-direction: column;
	width: -moz-calc(100% - 400px);
	width: -webkit-calc(100% - 400px);
	width: calc(100% - 400px);
	padding-right: 50px;
	/* margin-top: -35px; */
}
.field.field--name-field-tag.field--type-entity-reference.field--label-above{
	position: absolute;
	left: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: -50px;
}
.field.field--name-field-tag.field--type-entity-reference.field--label-above .field--item{
  display: inline-flex; 
	flex-direction: column;
	margin-right: 5px;
}
.field.field--name-field-tag.field--type-entity-reference.field--label-above a{
	background-color: rgba(227,253,175,.5);
	padding: 6px 32px;
	border-radius: 50px;
	cursor: pointer;
	color: #595959;
	text-decoration: none;
}
.field.field--name-field-tag.field--type-entity-reference.field--label-above a:hover{
	background-color: rgba(227,253,175,1);
	color: #222528;
}

.rapport.is-promoted.full.clearfix .field.field--name-field-file.field--type-file.field--label-above .file{
	margin: 0;
}
span.file.file--mime-application-pdf.file--application-pdf.icon-before{
	background: rgba(119,189,124,0.7) !important;
    text-decoration: none !important;
    -webkit-transition: none 0.5s cubic-bezier(0.28, 0, 0.1, 1);
    -o-transition: none 0.5s cubic-bezier(0.28, 0, 0.1, 1);
    transition: none 0.5s cubic-bezier(0.28, 0, 0.1, 1);
    -webkit-transition-property: opacity, background-color, -webkit-transform, -webkit-box-shadow;
    transition-property: opacity, background-color, -webkit-transform, -webkit-box-shadow;
    -o-transition-property: transform, opacity, box-shadow, background-color;
    transition-property: transform, opacity, box-shadow, background-color;
    transition-property: transform, opacity, box-shadow, background-color, -webkit-transform, -webkit-box-shadow;
    -webkit-box-shadow: 0 0rem 1rem -0.9rem rgb(0 0 0 / 50%);
    box-shadow: 0 0rem 1rem -0.9rem rgb(0 0 0 / 50%);
    will-change: transform;
}
span.file.file--mime-application-pdf.file--application-pdf.icon-before:hover{
	-webkit-transform: translateY(-0.1rem);
    -ms-transform: translateY(-0.1rem);
    transform: translateY(-0.1rem);
    -webkit-box-shadow: 0 0.5rem 1rem -0.5rem rgb(0 0 0 / 60%);
    box-shadow: 0 0.5rem 1rem -0.5rem rgb(0 0 0 / 60%);
    background: rgba(119,189,124,1) !important;
}
.rapport.is-promoted.full.clearfix .field.field--name-field-file.field--type-file.field--label-above .file-link a{
	text-decoration: none;
    line-height: 1.3rem;
}
.rapport.is-promoted.full.clearfix .field.field--name-field-file.field--type-file.field--label-above .file-link a, 
.rapport.is-promoted.full.clearfix .field.field--name-field-file.field--type-file.field--label-above .file-icon span,
.rapport.is-promoted.full.clearfix .field.field--name-field-file.field--type-file.field--label-above .file-size{
	color: #fff;
}
.rapport.is-promoted.full.clearfix .field.field--name-field-file.field--type-file.field--label-above span{
	background-color: unset;
}
.page.full.clearfix, .views-element-container.form-group{
	width: 100%;
}
.block-title{
	display: none;
	visibility: hidden;
}
@media only screen and (max-width: 500px) {
	.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .more-link.form-group a,
	.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .more-link.form-group a{
		font-size: 20px !important;
	}
	.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix h1{
		font-size: 20px !important;
	}
}
@media only screen and (max-width: 900px) {
    .views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix{
		display: flex;
		height: 450px;
		box-sizing: border-box;
		margin-right: 10px;
		margin-left: 15px;
		width: 100% !important;
		justify-content: flex-start;
		padding: 2.5em;
		vertical-align: top;
		border: 1px solid #ccc;
    }
	.block.block-block-content.block-block-content62c6b3ed-c25f-42ab-94f2-88920c001944.clearfix{
		display: flex;
		width: 100%;
		margin-right: 10px;
		margin-left: 15px;
	}
	
	#block-formationcarte {
		width: 100% !important;
	}
	#block-formationenmartinique{
		display: flex;
		width: 100%;
		margin-right: 10px;
		margin-left: 15px;
	}
}
@media only screen and (min-width: 900px) {
	.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix{
		display: flex;
		height: unset;
		box-sizing: border-box;
		margin-right: 10px;
		margin-left: 15px;
		width: calc(50% - 15px) !important;
		justify-content: flex-start;
		padding: 2.5em;
		vertical-align: top;
		border: 1px solid #ccc;
		margin-top: 1.5rem;
	}
	.block.block-block-content.block-block-content62c6b3ed-c25f-42ab-94f2-88920c001944.clearfix{
		display: inline-flex;
		width: calc(50% - 20px);
		margin-top: 1.5rem;
	}
	.div-wrapper-flex-col{
		width: calc(35% - 15px) !important;
		margin-top: 1.5rem;
	}
	#block-slider-graph{
		margin-top: .5rem;
	}
	#block-formationenmartinique{
		display: inline-flex;
		width: calc(65% - 20px);
		margin-top: 1.5rem;
	}
	#block-formationcarte {
		width: calc(50% - 15px) !important;
	}
}
#block-formationcarte {
	display: flex;
    flex-direction: column;
    margin-right: 10px;
    margin-left: 15px;
}
#block-formationcarte iframe{ height: 573px !important;}
.accueil-h2 {
	font-size: 30px;
}
.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item{
	width: 100%;
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .form-group{
	content-visibility: auto;
	contain: size;
	overflow: hidden; 
	text-overflow: ellipsis;
	width: 100%;
	position: relative;
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .form-group:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3.2em;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .more-link.form-group {
	display: block;
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	position: absolute;
	top: 0;
	height: 3rem;
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .more-link.form-group:after{
	display: none;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .more-link.form-group {
	display: block;
	float: left;
	width: 100%;
	margin: -3rem 0rem;
	padding: 0px;
	z-index: 1;
	position: absolute;
	top: 0rem;
	height: 3rem;
	left: 2.5rem;
	border: unset !important;
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .more-link.form-group a,
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .more-link.form-group a{
	display: flex;
	text-decoration: none;
	font-weight: bold;
	color: #77bd7c;
	text-transform: uppercase;
	font-size: 30px;
	font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .more-link.form-group a:after,
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .more-link.form-group a:after{
	content: "\f061 "; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-flex;
	margin-left: 1em; /* same as padding-left set on li */
	width: 1.3em;
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .more-link.form-group a:hover:after,
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .more-link.form-group a:hover:after {
	position: relative; 
	animation: mymove 0.5s infinite;
	animation-timing-function: ease-in-out;
	animation-direction: alternate;
	animation-iteration-count: 2;
}
@keyframes mymove {
	from {left: 0px;}
	to {left: 5px;}
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .more-link.form-group a:hover{
	color: #6baa70;
}
.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
	align-self: stretch !important;
	height: auto;
	position: relative;
	/* display: inline-block; */
	/* margin-bottom: 5rem; */
}
.page-node-type-forum.has-glyphicons .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item p,
.page-node-type-forum.has-glyphicons .field.field--name-comment-body.field--type-text-long.field--label-hidden.field--item p{
	font-size: 20px;
}
.contextual-region.js-comment.by-viewer ul {
	margin-top: 1rem;
}
/*.views-element-container.contextual-region.block.block-views.block-views-blockarticles-block-1.clearfix,*/
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix a{
	font-size: 20px;
}
.view.view-block-articles.view-id-block_articles.view-display-id-block_1.js-view-dom-id-6fd361ff892003040b844523e74ab3ee33bdfe685129a79724da081876924adf{
	position: relative; 
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .view-content,
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .view-content {
  align-self: top;
  padding-top: 3rem;
}
.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .img-responsive{
	max-width: 50% !important;
	margin-left:auto;
	margin-right:auto;
}

.views-element-container.block.block-views.block-views-blockblock-articles-block-1.clearfix .views-field.views-field-title{
	text-transform: uppercase;
}

.d4c-content, .user-login-form, .contact-message-feedback-form.contact-message-form.contact-form{
	width: 100%;
	/* margin-top: 3rem; */
}

.d4cwidget-map-tooltip__record.ng-scope{
	scrollbar-width: thin; 
}
.d4cwidget-map-tooltip__record.ng-scope::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.d4cwidget-map-tooltip__record.ng-scope::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}
.d4cwidget-map-tooltip__record.ng-scope::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border: 0.5px solid #989898;
}
.d4cwidget-map__map .leaflet-popup-content{
	margin-top: 10px !important;
}
.d4cwidget-map-tooltip__record{
	max-height: 285px !important;
	word-break: break-word;
	word-wrap: break-word;
}

.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-row{
	overflow: auto;
    position: relative;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .view-content {
    background-color: #F5F5F5;
    padding: 1.5rem 2.5rem 1.5rem;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .form-group {
    position: relative;
    margin-top: 3rem;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-image{
	display: inline-flex;
	float: right;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-image img{
	height: auto;
	width: 200px;
}
@media only screen and (max-width: 500px) {
	.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-image{
		display: unset !important;
		float: unset !important;
	}
	.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-image img{
		display: none;
	}
	.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-body,
	.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-file,
	.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-title,
	.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-tag{
		width: 100% !important;
		padding-right: 0px !important;
		display: block !important;
		height: unset !important;
		position: unset !important;
	}
}

.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-body h1{
    display: none !important;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-body h2{
    font-size: 15px;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-body{
    width: calc(100% - 200px);
    padding-right: 50px;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-file {
	width: calc(100% - 200px);
    padding-right: 50px;
    display: flex;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-title {
	font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
	width: calc(100% - 200px);
	padding-right: 50px;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-title a {
	text-decoration: none;
	color: #595959;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-title a:hover {
	color: #222528;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-tag{
	margin-top: 5px;
	margin-bottom: 15px;
	width: calc(100% - 200px);
	padding-right: 50px;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-tag a {
	background-color: rgba(227,253,175,.5);
	padding: 6px 32px;
	border-radius: 50px;
	cursor: pointer;
	color: #595959;
	text-decoration: none;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-tag a:hover {
	background-color: rgba(227,253,175,1);
	color: #222528;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-file {
	position: absolute;
	width: calc(100% - 200px);
	padding-right: 50px;
	bottom: 0;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-file .field-content{
	width: 100%;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .views-field.views-field-field-file .field-content span{
	margin: 0;
	background-color: unset;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .pager.js-pager__items {
	margin-bottom: 0px;
}
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .file-link a, 
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .file-icon span,
.views-element-container.block.block-views.block-views-blockblock-rapports-block-1.clearfix .file-size{
	color: #fff;
	text-decoration: none;
}

#block-flourishaccueil{
    width: 100%;
    margin-top: 2rem;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-left: 15px;
    padding: 2.5rem;
}
#block-flourishaccueil a,
#block-flourishrapportdanalyse a,
.accueil-a{
	text-decoration: none !important;
	font-weight: bold;
	color: #77bd7c;
	text-transform: uppercase;
	font-size: 30px;
	font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
}
#block-flourishaccueil a:hover,
#block-flourishrapportdanalyse a:hover,
.accueil-a:hover,
#block-flourishaccueil a:active,
#block-flourishrapportdanalyse a:active,
.accueil-a:active,
#block-flourishaccueil a:focus,
#block-flourishrapportdanalyse a:focus,
.accueil-a:focus {
	color: #6baa70;
}

#block-flourishrapportdanalyse{
	width: 100%;
	border: 1px solid #ccc;
	padding: 2.5rem;
	margin-left: 15px;
	margin-right: 10px;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.flourish-credit {
	display: none !important;
}

@media only screen and (max-width: 800px) {
	#block-flourishaccueil a,
	#block-flourishrapportdanalyse a,
	.accueil-a{
		font-size: 19px;
	}
	#block-flourishaccueil {
	    padding: 1.5rem;
	}

	#block-flourishrapportdanalyse{
		width: 100%;
		border: 1px solid #ccc;
		padding: 2.5rem;
		margin-left: 0px;
		margin-right: 0px;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	#block-flourishrapportdanalyse,
	.article.is-promoted.full.clearfix,
	.article.is-promoted.teaser.clearfix,
	.rapport.is-promoted.full.clearfix,
	.rapport.is-promoted.teaser.clearfix,
	.path-zoom-sur .view-header{
		margin-left: auto;
		margin-right: auto;
	}
	.field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
		display: inline-block;
	}
	.article.is-promoted.teaser.clearfix .links.inline.list-inline li, 
	.rapport.is-promoted.teaser.clearfix .links.inline.list-inline li {
		position: unset !important;
		display: block !important;
		float: unset !important;
		margin: 0px;
		text-align: center;
	}
	.article.is-promoted.teaser.clearfix .links.inline.list-inline, 
	.rapport.is-promoted.teaser.clearfix .links.inline.list-inline {
		position: unset !important;
		display: block !important;
		float: unset !important;
	}
	.article.is-promoted.teaser.clearfix .content, 
	.rapport.is-promoted.teaser.clearfix .content {
		margin-bottom: 0;
	}
	.div-wrapper-flex-col {margin-top: 57vh !important;}
	#block-chatbot-aide {display: none !important}
	#views-exposed-form-rapport-d-analyse-page-1 {
		margin-left: 0%;
		margin-right: 0%;
		height: 90px;
	}
	#edit-field-filtre-producteur-value {width: 200px;}
	#edit-submit-rapport-d-analyse {
		/* width: 100px; */
		margin-top: 0px;
		margin-right: 0px;
	}
	.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-filtre-producteur-value.js-form-item-field-filtre-producteur-value.form-group label{
		width: unset !important;
		max-width: unset !important;
		margin: 0;
		display: inline-block !important;
	}
	.form-item.js-form-item.form-type-select.js-form-type-select.form-item-field-filtre-producteur-value.js-form-item-field-filtre-producteur-value.form-group {
		display: inline !important;
	}
	#block-testjeuxdedonnees {
		margin: 0 !important;
	}
	
    .article.is-promoted.full.clearfix .field.field--name-field-image.field--type-image.field--label-hidden.field--item {
    	width: 100% !important;
    }
    .article.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item{
    	width: 100% !important;
    	padding: 0;
    }
    .article.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h1,
    .rapport.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item h1 {
    	font-size: 22px;
    }
	.rapport.is-promoted.full.clearfix .field.field--name-body.field--type-text-with-summary.field--label-hidden.field--item {
		width: 100%;
		padding: 0;
		margin-bottom: 2rem;
	}
	.field.field--name-field-image.field--type-image.field--label-hidden.field--item {
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}
	.field.field--name-field-image.field--type-image.field--label-hidden.field--item img {
		max-width: 100%;
		margin: 0;
		padding: 0;
	}
	.rapport.is-promoted.full.clearfix .field.field--name-field-file.field--type-file.field--label-above {
		width: 100%;
		padding: 0;
		margin-top: 2rem;
	}
}

#block-chatbot-aide {
	width: 100%;
	z-index: 10000;
	position: sticky;
	top: 100vh;
}

#search-form{
	width: 100%;
	margin-top: 3rem;
}
#search-form .form-search.form-control {
	width: 100%;
	padding: 6px 12px;
	border: unset;
	border-bottom: 1px solid #77bd7c;
	margin-top: 1rem;
	background-image: url(/sites/default/files/inline-images/loupe.png);
	background-size: 15px;
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 50px;
	box-shadow: unset !important;
	margin-top: 0;
	border-radius: 0;
}
#search-form .input-group {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2rem;
}
#search-form .button.js-form-submit.form-submit.btn-primary.btn.icon-only {
	display: none;
	visibility: hidden;
}    
#search-form .panel-heading{
	background-color: rgba(227,253,175,.5)
}
#search-form .panel-heading:hover{
	background-color: rgba(227,253,175,1)
}
#search-form .control-label{
	font-size: 15px !important;
	font-weight: normal;
	text-transform: unset !important;
}
#search-form #edit-lang-fieldset{
	display: none;
}
#search-form .btn-default:active, 
#search-form .btn-default:hover{
	background-color: #77bd7c;
	color: white;
}    
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content{
	padding-right: 20%;
	padding-left: 20%;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content h2 {
	width: 100%;
	text-align: center;
} 
.path-search.has-glyphicons .pager-nav.text-center{
	width: 100%;
}
.path-search.has-glyphicons .pager__item.is-active.active a {
	background-color: #77bd7c;
	border-color: #77bd7c;
	color: #fff;
}
.path-search.has-glyphicons .pager__item.is-active.active a:hover {
	background-color: #6baa70 !important;
	border-color: #6baa70 !important;
}
.path-search.has-glyphicons .pager__item a {
	color: #595959;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content li h3 a {
	color: #6baa70;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content li strong {
	color: #595959;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content li {
	padding-bottom: 1rem;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content ol {
	list-style: none;
	padding-left: 0px;
}
.path-search.has-glyphicons .region.region-header {
	visibility: hidden;
	display: none;
}
.path-search.has-glyphicons .search-help-link,
.path-search.has-glyphicons a[href^="/user"] {
	color: #595959;
    font-weight: bold;
}
.path-search.has-glyphicons h2 {
	color: #595959;
	text-transform: uppercase;
}
@media only screen and (max-width: 800px) {
	.path-search.has-glyphicons .main-container.container.js-quickedit-main-content{
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}
.region.region-content {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.path-dashboard .region.region-content {
    display: block;
}
.user-login-form{
	margin-left: 20%;
	margin-right: 20%;
}
.path-user.has-glyphicons .tabs--primary.nav.nav-tabs{
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 3rem;
}
.user-register-form.user-form,
.user-pass,
.simplenews-subscriber-account-form.simplenews-subscriber-form,
.user-logged-in.path-user.has-glyphicons article,
.user-logged-in.path-user.has-glyphicons .user-form{
	width: 100%;
	margin-left: 20%;
	margin-right: 20%;	
}

/*/rapport-d-analyse pagination*/
.path-rapport-d-analyse.has-glyphicons .pager__item a {
	border-color: transparent !important;
	border-radius: 50px;
	padding: unset !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(119,189,124,.5);
	color: white;
	margin: 0 5px;
}
.path-rapport-d-analyse.has-glyphicons .pager__item a:hover {
	background-color: rgb(119,189,124);
	color: white;
}
.path-rapport-d-analyse.has-glyphicons .pager__item.is-active.active a {
	background-color: rgb(119,189,124);
	color: white !important;
}
.path-rapport-d-analyse.has-glyphicons .pager__item.pager__item--last,
.path-rapport-d-analyse.has-glyphicons .pager__item.pager__item--first {
	display: none;
}
.path-rapport-d-analyse.has-glyphicons .pager__item.pager__item--next .visually-hidden,
.path-rapport-d-analyse.has-glyphicons .pager__item.pager__item--previous .visually-hidden {
	position: unset !important;
}
.path-rapport-d-analyse.has-glyphicons .pager__item.pager__item--next a,
.path-rapport-d-analyse.has-glyphicons .pager__item.pager__item--previous a {
	width: unset;
	position: relative;
    display: inline-block;
    overflow: hidden;
    background: linear-gradient(to right, #6baa70, #6baa70 50%, #313131 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease-in-out;
}
.path-rapport-d-analyse.has-glyphicons .pager__item.pager__item--next a:hover,
.path-rapport-d-analyse.has-glyphicons .pager__item.pager__item--previous a:hover {
	background-color: white;
	color: #313131;
	background-position: 0 100%;
}

#block-testjeuxdedonnees {
	margin-left: 15%;
	margin-right: 15%;
	width: 100%;
}

.author, .d4cwidget-social-buttons {
	display: none;
	visibility: hidden;
}

/*hide api on /portail */
#main.widget-opendata .dataset p a[href^="/visualisation/api"] {
	display: none !important;
	visibility: hidden !important;
}
/*hide api on dataset page */
.d4c-tabs__tab.api.d4c-tabs__tab--horizontal {
	display: none !important;
	visibility: hidden !important;
}

#block-citizena-themes-quicktabsapi {
    width: 100% !important;
}

/* FORUM */
.path-forum.has-glyphicons .action-links {
    width: 100% !important;
    list-style: none;
    margin-top: 3rem;
    margin-bottom: 1rem;
    margin-left: 15% !important;
    margin-right: 15% !important;
}
li a[href="/node/add/forum?forum_id=11"] {
	display: none;
	visibility: hiddden;
}
.path-forum.has-glyphicons .action-links a {
	padding: 6px 12px;
	color: white !important;
}
.path-forum.has-glyphicons table,
.path-forum.has-glyphicons .table-responsive,
.path-node.page-node-type-forum.has-glyphicons .forum.full.clearfix,
.path-taxonomy.has-glyphicons .forum.teaser.clearfix,
.user-logged-in.path-node.has-glyphicons .node-forum-form.node-form{
    width: 100% !important;
    margin-left: 15% !important;
    margin-right: 15% !important;
    font-size: 20px;
}
.path-forum.has-glyphicons .table-responsive table {
	margin-left: 0 !important;
    margin-right: 0 !important;
	font-size: 20px;
}
.path-node.page-node-type-forum.has-glyphicons .region.region-header,
.path-comment.has-glyphicons .region.region-header,
.path-forum.has-glyphicons .region.region-header {
    margin-left: 15% !important;
    margin-right: 15% !important;
    margin-top: 0 !important;
}
.path-node.page-node-type-forum.has-glyphicons .region.region-header h1 {
	display: block;
	font-size: 30px;
	text-align: left;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: #77bd7c;
    border: unset;
}
.path-forum.has-glyphicons .region.region-header .breadcrumb,
.path-comment.has-glyphicons .region.region-header .breadcrumb,
.path-node.page-node-type-forum.has-glyphicons .region.region-header .breadcrumb {
    visibility: visible;
    margin-bottom: 2rem;
}
.field.field--name-taxonomy-forums.field--type-entity-reference.field--label-above {
	margin-top: 2.5rem;
	margin-bottom: 1.5rem;
	display: block;
}
.field.field--name-taxonomy-forums.field--type-entity-reference.field--label-above a{
	font-size: 20px;
}
.js-comment {
    margin-top: 3rem;
    align-items: center;
    margin-left: 3rem;
    border-left: 1px solid #E8E8E8;
    padding-left: 30px;
}
.js-comment a {
	margin-top: 0px !important
}
.js-comment footer a[href^='/comment']{
	visibility:hidden;
}
.js-comment p {
	margin: 0 !important;
}
.path-node.page-node-type-forum.has-glyphicons .author {
	display: block;
	visibility: visible;
	margin-top: 1rem;
}
.path-node.page-node-type-forum.has-glyphicons .field.field--name-user-picture.field--type-image.field--label-hidden.field--item {
	float: left;
	margin-right: 30px;
}
.path-comment.has-glyphicons .region-content,
.user-logged-in.path-node.has-glyphicons .highlighted  {
	margin-left: 15% !important;
    margin-right: 15% !important;
    width: auto;
}
.path-comment.has-glyphicons .contextual-region.js-comment.by-viewer,
.path-comment.has-glyphicons .comment-comment-forum-form.comment-form {
	width: 100%;
}
.path-comment.has-glyphicons .comment-comment-forum-form.comment-form {
	margin-top: 3rem;
}
.path-node.page-node-type-forum.has-glyphicons .contextual-region.forum.full.clearfix h2 {
	margin-top: 3rem;
	font-family: 'Hind', "Open Sans", Helvetica, arial, sans-serif !important;
	font-size: 15px;
font-weight: bold;
}

.path-node.page-node-type-forum.has-glyphicons .contextual-region.forum.full.clearfix .comment-add {
	display: none;
}

.path-node.page-node-type-forum.has-glyphicons .contextual-region.forum.full.clearfix .form-actions.form-group.js-form-wrapper.form-wrapper,
.user-logged-in.path-node.has-glyphicons .form-actions.form-group.js-form-wrapper.form-wrapper {
	margin: 0 !important;
}
.path-node.page-node-type-forum.has-glyphicons .contextual-region.forum.full.clearfix .form-actions .btn, .form-actions .btn-group, 
.user-logged-in.path-node.has-glyphicons .form-actions .btn{
	margin-right: 0 !important;
	margin-left: 10px !important;
}

.path-forum.has-glyphicons a,
.path-node.page-node-type-forum.has-glyphicons h3 a,
.path-comment.has-glyphicons h3 a,
.path-taxonomy.has-glyphicons h2 a {
	text-decoration: none !important;
	color: #77bd7c;
/* font-size: 20px; */
}
.path-forum.has-glyphicons a:hover,
.path-node.page-node-type-forum.has-glyphicons h3 a:hover,
.path-comment.has-glyphicons h3 a:hover,
.path-taxonomy.has-glyphicons h2 a:hover {
	color: #6baa70;
}
.path-node.page-node-type-forum.has-glyphicons a,
.path-comment.has-glyphicons a,
.path-taxonomy.has-glyphicons a {
	color: #595959;
	font-weight: bold;
}
.path-node.page-node-type-forum.has-glyphicons a:hove,
.path-comment.has-glyphicons a:hover,
.path-taxonomy.has-glyphicons a:hover {
	color: #77bd7c;
}
@media (max-width: 800px) {
    .path-forum.has-glyphicons .action-links,
    .path-forum.has-glyphicons table,
    .path-forum.has-glyphicons .table-responsive,
    .path-node.page-node-type-forum.has-glyphicons .forum.full.clearfix,
    .path-node.page-node-type-forum.has-glyphicons .region.region-header,
    .path-comment.has-glyphicons .region-content,
    .path-taxonomy.has-glyphicons .forum.teaser.clearfix,
    .user-logged-in.path-node.has-glyphicons form {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

}
.contextual-region.page.is-unpublished.full.clearfix {
	background-color: white;
}
.user-logged-in.path-node.has-glyphicons .js-text-full.text-full.form-textarea.required.form-control.resize-vertical, 
.user-logged-in.path-node.has-glyphicons .form-text.required.form-control, 
.user-logged-in.path-node.has-glyphicons .form-email.required.form-control {
	width: 100% !important;
}

.user-logged-in.path-user.has-glyphicons .form-email.required.form-control {
    width: 100% !important;
}
.user-logged-in.path-user.has-glyphicons .control-label {
	font-size: 15px !important;
}
.user-logged-in.path-user.has-glyphicons .form-actions.form-group.js-form-wrapper.form-wrapper {
	margin: 0 !important;
}
.user-logged-in.path-user.has-glyphicons .button.button--primary.js-form-submit.form-submit.btn-success.btn.icon-before {
	margin: 0 !important;
}
.user-logged-in.path-user.has-glyphicons .file.file--mime-image-png.file--image.icon-before span,
.user-logged-in.path-user.has-glyphicons .select-wrapper:after {
	color: #77bd7c !important;
}
.user-logged-in.path-user.has-glyphicons .form-checkbox {
	filter: hue-rotate(-79deg) saturate(34%) brightness(124%);
}
.user-logged-in.path-user.has-glyphicons .file.file--mime-image-png.file--image.icon-before {
	width: auto;
	margin-right: -15px;
}
.user-logged-in.path-user.has-glyphicons .tabs {
	margin-bottom: 2rem
}
.user-logged-in.path-user.has-glyphicons .label {
	color: #333333;
	font-size: 15px;
	text-transform: uppercase
}
.user-logged-in.path-user.has-glyphicons .field.field--name-user-picture.field--type-image.field--label-hidden.field--item {
	float: left;
	margin-right: 30px;
}

@media only screen and (max-width: 800px) {
	.user-register-form.user-form, .user-pass, 
	.simplenews-subscriber-account-form.simplenews-subscriber-form, 
	.user-logged-in.path-user.has-glyphicons article, 
	.user-logged-in.path-user.has-glyphicons .user-form,
	.path-user.has-glyphicons .tabs--primary.nav.nav-tabs {
		margin-left: 0px;
		margin-right: 0px;
	}
    .user-logged-in.path-user.has-glyphicons .file.file--mime-image-png.file--image.icon-before {
    	margin-left: -15px;
    }
    .user-logged-in.path-user.has-glyphicons img {
    	margin-left: auto;
    	margin-right: auto;
    }
    .user-logged-in.path-user.has-glyphicons .button.js-form-submit.form-submit.btn-danger.btn.icon-before{
    	float: right;
        margin-right: -15px;
    }
    .user-logged-in.path-user.has-glyphicons .field.field--name-user-picture.field--type-image.field--label-hidden.field--item {
    	float: unset !important;
    	width: 100%;
    	margin-bottom: 30px;
    	margin-right: 0px;
    }
}

#datasets {
	scrollbar-width: thin; 
}
#datasets::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
#datasets::-webkit-scrollbar {
	width: 3px;
	background-color: #F5F5F5;
}
#datasets::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border: 0.5px solid #989898;
}

.path-search.has-glyphicons .js-quickedit-main-content {
	min-height: unset !important;
}

#main.widget-opendata .dataset {
	margin-left: 0.5% !important;
    margin-right: 0.5% !important;
}

.field.field--name-field-taxonomie {
	display: none;
	visibility: hidden;
}

.contact-message-nouvel-jeu-de-donnees-rapport-a__form.contact-message-form.contact-form {
	width: 100%;
    margin-left: 15%;
    margin-right: 15%;
    margin-top: 3rem;
}
.field--type-string.field--name-subject.field--widget-string-textfield.form-group.js-form-wrapper.form-wrapper input,
.form-item.js-form-item.form-type-textarea.js-form-type-textarea.form-item-message-0-value.js-form-item-message-0-value.form-group textarea {
	width: 100% !important;
}
.contact-message-nouvel-jeu-de-donnees-rapport-a__form.contact-message-form.contact-form .form-actions.form-group.js-form-wrapper.form-wrapper {
	margin: 0 !important;
}
.contact-message-nouvel-jeu-de-donnees-rapport-a__form.contact-message-form.contact-form .form-actions.form-group.js-form-wrapper.form-wrapper button {
	margin-right: 0 !important;
	margin-left: 10px;
}
.panel-heading, .field-label, 
.tabledrag-toggle-weight.btn-sm.btn.btn-default {
	display: none;
	visibility: hidden;
}
#edit-field-partenaire-fichier, #edit-field-partenaire-fichier--content {
	padding: 0;
	border: unset;
	box-shadow: unset;
}
#edit-field-partenaire-fichier--content input {
	width: 100% !important;
	height: unset;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    background-color: #77bd7c!important;
    border-color: #77bd7c!important;
}

.qtip-content .ng-scope {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.d4cwidget-calendar__tooltip-fields{
	scrollbar-width: thin; 
}
.d4cwidget-calendar__tooltip-fields::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
}
.d4cwidget-calendar__tooltip-fields::-webkit-scrollbar {
	width: 3px !important;
	background-color: #F5F5F5;
}
.d4cwidget-calendar__tooltip-fields::-webkit-scrollbar-thumb {
	background-color: #CCC;
	border: 0.5px solid #989898;
}
.d4cwidget-calendar__tooltip-field-name.ng-binding.ng-scope{
	margin-top: 10px !important;
}

.field-add-more-submit.button.js-form-submit.form-submit.btn-info.btn,
.btn-primary {
	background-color: #77bd7c;
	border-color: #77bd7c;
}
.field-add-more-submit.button.js-form-submit.form-submit.btn-info.btn:hover,
.btn-primary:hover {
	background-color: #6baa70;
	border-color: #6baa70;
}
.form-control, .form-control:focus {
	box-shadow: unset;
}
.form-control:focus {
	border-color: #6baa70;
}
#edit-field-partenaire-fichier--content input:focus{
	border: 1px solid #6baa70 !important;
	outline: unset;
}
.form-checkbox {
	filter: hue-rotate(-79deg) saturate(34%) brightness(124%);
}

.path-contact.has-glyphicons .js-quickedit-page-title.page-header {
	font-size: 30px;
	margin-top: 3rem;
	border: unset;
	color: #77bd7c;
	text-transform: uppercase;
}

.path-search.has-glyphicons .main-container.container.js-quickedit-main-content p:last-child {
	display: none;
	visibility: hidden;
}
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content #edit-advanced, 
.path-search.has-glyphicons .main-container.container.js-quickedit-main-content #edit-help-link {
	display: none;
}

.d4cwidget-calendar__tooltip.d4cwidget-calendar__tooltip--increase-precedence {
    min-width: 250px;
}

/*ADD DOCUMENT PARTENAIRE*/
@media only screen and (min-width: 800px) {
	.node-documents-form,
	#node-documents-edit-form {
		margin-left: 20%;
		margin-right: 20%;
	}
}
.node-documents-form, #node-documents-edit-form {
	width: 100%;
	margin-top: 3rem;
}
.node-documents-form .js-form-file.form-file.form-control,
#node-documents-edit-form .js-form-file.form-file.form-control{
	width: 100% !important;
	height: auto;
}
.node-documents-form .form-autocomplete.form-text.form-control.ui-autocomplete-input,
#node-documents-edit-form .form-autocomplete.form-text.form-control.ui-autocomplete-input {
	width: calc(100% - 39.25px) !important;
	height: 34px;
}
.node-documents-form .input-group-addon,
#node-documents-edit-form .input-group-addon {
	width: auto;
	height: 34px;
	line-height: 22px !important;
}
.node-documents-form .form-item.js-form-item.form-type-vertical-tabs.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label.form-group,
#node-documents-edit-form .form-item.js-form-item.form-type-vertical-tabs.js-form-type-vertical-tabs.form-item-.js-form-item-.form-no-label.form-group {
	display: none;
}
#node-documents-edit-form #edit-delete:before{
	font-family: FontAwesome;
    content: "\f014";
    margin-left: -0.25em;
    margin-right: 0.25em;
    line-height: 1;
}
#node-documents-edit-form #edit-delete {
	display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #ccc;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 0 !important;
    margin-left: 10px !important;
    text-decoration: none;
    color: #333;
    background-color: #fff;
}
#node-documents-edit-form #edit-delete:hover {
	color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
@media only screen and (max-width: 800px) {
	#node-documents-edit-form #edit-delete, 
	#node-documents-edit-form #edit-actions button {
		margin-right: 0px !important;
		margin-left: 5px !important;
		font-size: 12px;
	}
}

.leaflet-control-layers.leaflet-control {
	display: none;
}
.leaflet-control-layers-expanded {
	padding: 6px 0 6px 6px !important;
}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	max-height: 200px;
    overflow: auto;
    padding-right: 6px;
}
.paragraph--type--carte {
	width: 100%;
}
.paragraph--type--carte{
	border: 1px solid #ccc;
	padding: 1.5rem;
}
.paragraph--type--carte a[href*="/visualisation"] {
	font-weight: bold;
}
.flourish-credit {display: none;}
article.tableau-de-bord {
	display: block;
	width: 100%;
	position: relative;
}
.paragraph--type--carte p {
	margin-bottom: 5px !important;
}
.paragraph--type--carte {
	display: grid;
	grid-template-areas:
		'indicateur carte'
		'nivgeo carte'
		'annee carte';
	grid-auto-columns: 1fr 3.5fr;
	grid-auto-rows: min-content min-content 1fr;
	align-items: start;
}
.paragraph--type--carte .d4cwidget-map__map {
	height: 750px;
}
.paragraph--type--carte .field--name-field-indicateurs {
	grid-area: indicateur;
	padding-right: 1.5rem;
	position: relative;
}
.paragraph--type--carte .field--name-field-niveaux-geographiques {
	grid-area: nivgeo;
	padding-right: 1.5rem;
	align-self: start;
	position: relative;
}
.paragraph--type--carte .field--name-field-annee {
	grid-area: annee;
	padding-right: 1.5rem;
	align-self: start;
	height: 100%;
	position: relative;
}
.paragraph--type--carte .field--name-field-visualisation .field--name-field-identifiant-de-la-carte {
	display: none;
}
.paragraph--type--carte .field--name-field-visualisation .field--name-field-carte,
.paragraph--type--carte .field--name-field-visualisation .field--name-field-tableau {
	overflow: hidden;
	position: relative;
}
.paragraph--type--carte .field--name-field-visualisation .field--name-field-tableau {
	height: 0;
}
.paragraph--type--carte .field--name-field-visualisation {
	grid-area: carte;
	width: 100%;
	max-width: 100%;
	overflow: auto;
	position: relative;
}
.paragraph--type--carte .field--name-field-visualisation .leaflet-control-layers-expanded .leaflet-control-layers-list {
	max-height: 470px;
}
.paragraph--type--carte .field--name-field-visualisation .leaflet-control-layers-base > label:nth-child(1) {
	display: none;
}
.paragraph--type--carte .field--name-field-visualisation .leaflet-control-layers.leaflet-control {
	display: block;
}
.field--name-field-indicateurs input[type="radio"],
.field--name-field-niveaux-geographiques input[type="radio"],
.field--name-field-annee input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.field--name-field-indicateurs label,
.field--name-field-niveaux-geographiques label,
.field--name-field-annee label,
#pager .nav-pills > li {
    border: 2px solid #6baa70 !important;
    border-radius: 4px !important;
    padding: 7px 15px !important;
    color: #6baa70 !important;
    background: transparent !important;
    -webkit-transition: all .55s ease-in-out;
    text-decoration: none !important;
    font-weight: normal;
    cursor: pointer;
}
input[type="radio"][disabled] + label, 
input[type="checkbox"][disabled] + label, 
input[type="radio"].disabled + label, 
input[type="checkbox"].disabled + label, 
fieldset[disabled] input[type="radio"] + label, 
fieldset[disabled] input[type="checkbox"] + label,
button:disabled,
button[disabled] {
	background: rgb(34 37 40 / .25) !important;
	border: 2px solid rgb(34 37 40 / 1) !important;
	color: rgb(34 37 40 / 1) !important;
	opacity: .25;
	cursor: not-allowed;
}
#pager {
	display: block;
	width: 100%;
	height: 3.3rem;
}
#pager .nav-pills {
	padding: 0 !important;
}
#pager .nav-pills > li {
	list-style: none;
}
.field--name-field-indicateurs label,
.field--name-field-niveaux-geographiques label,
.field--name-field-annee label {
	width: 100%;
}
.field--name-field-indicateurs input[type="radio"]:checked + label,
.field--name-field-indicateurs input[type="radio"]:focus + label,
.field--name-field-indicateurs label:hover,
.field--name-field-niveaux-geographiques input[type="radio"]:checked + label,
.field--name-field-niveaux-geographiques input[type="radio"]:focus + label,
.field--name-field-niveaux-geographiques label:hover,
.field--name-field-annee input[type="radio"]:checked + label,
.field--name-field-annee input[type="radio"]:focus + label,
.field--name-field-annee label:hover,
#pager .nav-pills > li:hover,
#pager .nav-pills > li:focus {
    background: #6baa70 !important;
    color: #fff !important;
    outline: none;
    box-shadow: none !important;
}

/* Espace partenaire / Espace documentaire / Liste formulaire */
.view-id-espace_partenaire_documents {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

.view-id-espace_partenaire_documents label.control-label {
    color: #77bd7c;
    text-transform: uppercase;
    font-weight: bold;
    width: 100%;
    font-size: 27px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.js-form-item-field-document-producteur-target-id {
    width: 100%;
}

select#edit-field-document-producteur-target-id {
	margin-bottom: 1.5rem;
	padding: 1rem;
	width: 100%;
	/* overflow-y: hidden; */
	height: 155px;
}

select#edit-field-document-producteur-target-id option {
    padding-left: 20px;
    font-size: 20px;
    text-transform: uppercase !important;
    border-bottom: 1px solid #77bd7c;
    border-top: 1px solid #77bd7c;
    margin-top: -1px;
}

.view-id-espace_partenaire_documents a.button--primary {
    padding: 2px 1em;
    border: #77bd7c 2px solid;
    border-radius: 20em;
    background-color: #77bd7c;
    color: white;
    font-weight: bold;
    text-decoration: none;
}

.view-id-espace_partenaire_documents .view-header {
    margin-top: 30px;
    margin-bottom: 15px;
}

.view-id-espace_partenaire_documents .view-footer {
    margin-top: 40px;
}

.view-id-espace_partenaire_documents div#edit-actions {
    visibility: hidden;
    display: none;
}


.view-id-espace_partenaire_documents ul {
		padding-left: 0px!important;
}
li.item-list-document, 
.page-node-type-documents .contextual-region.documents {
    list-style-type: none;
    border: 1px solid #ccc;
    margin-bottom: 1.5rem;
    padding: 2.5rem;
    width: 100%;
}
.page-node-type-documents .contextual-region.documents {
    width: 100%;
    margin-left: 15%;
    margin-right: 15%;
}

.view-id-espace_partenaire_documents ul span.quickedit-field,
.page-node-type-documents .js-quickedit-page-title.page-header{
    font-size: 2rem;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .1rem;
    color: #595959;
    font-weight: bold;
}

.view-id-espace_partenaire_documents ul .field--label,
.page-node-type-documents .contextual-region.documents .field--label,
.page-node-type-documents .contextual-region.documents .field--name-field-restricted {
    visibility: hidden;
    display: none;
}

.view-id-espace_partenaire_documents ul .file-icon > span, .view-id-espace_partenaire_documents ul .file > span {
    color: #77bd7c;
}

.view-id-espace_partenaire_documents li.item-list-document h2,
.page-node-type-documents .js-quickedit-page-title.page-header {
    margin-top: 0px!important;
	text-decoration: none!important;
}

li.item-list-document {
    list-style-type: none;
    border: 1px solid #ccc;
    margin-bottom: 1.5rem;
    padding: 2.5rem;
    width: 100%;
}

.view-id-espace_partenaire_documents ul span.quickedit-field {
    font-size: 2rem;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: .1rem;
    color: #595959;
    font-weight: bold;
}

.button-action:before {
    margin-left: -0.2em;
    padding-right: 0.2em;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16px;
    -webkit-font-smoothing: auto;
}

.field.field--name-field-document-producteur.field--type-entity-reference a[href^="/taxonomy/partenaires"]:before {
	content: "";
	background-size: contain;
	background-repeat: no-repeat;
	width: 100px;
	height: 100px;
	position: absolute;
	display: block;
	visibility: visible;
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/akto"]:before {
	background-image: url(/sites/default/files/inline-images/AKTO.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/academie"]:before {
	background-image: url(/sites/default/files/inline-images/RECTORAT.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/cma"]:before {
	background-image: url(/sites/default/files/inline-images/CMA.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/ctm"]:before {
	background-image: url(/sites/default/files/inline-images/CTM.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/cacem"]:before {
	background-image: url(/sites/default/files/inline-images/CACEM.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/espace-sud"]:before {
	background-image: url(/sites/default/files/inline-images/CAESM.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/constructys"]:before {
	background-image: url(/sites/default/files/inline-images/Constructys_0.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/daaf"]:before {
	background-image: url(/sites/default/files/inline-images/DAAF.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/iedom"]:before {
	background-image: url(/sites/default/files/styles/large/public/2021-05/logo_iedom.png?itok=h81QIxWX);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/imfpa"]:before {
	background-image: url(/sites/default/files/inline-images/IMFPA.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/carif"]:before {
	background-image: url(/sites/default/files/inline-images/agefma_oref.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/pole-emploi"]:before {
	background-image: url(/sites/default/files/inline-images/POLE_EMPLOI_QUADRI-removebg-preview%20%281%29.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/insee"]:before {
	background-image: url(/sites/default/files/inline-images/Logo_Insee.svg_.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/ladom"]:before {
	background-image: url(/sites/default/files/inline-images/LADOM.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/ocapiat"]:before {
	background-image: url(/sites/default/files/inline-images/Ocapiat.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/onisep"]:before {
	background-image: url(/sites/default/files/inline-images/Onisep.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/rsma"]:before {
	background-image: url(/sites/default/files/inline-images/RSMA.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/uniformation"]:before {
	background-image: url(/sites/default/files/inline-images/Uniformation_0.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/univ-des-antilles"]:before {
	background-image: url(/sites/default/files/inline-images/Univercite%20des%20Antilles.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href="/taxonomy/partenaires/urssaf"]:before {
	background-image: url(/sites/default/files/inline-images/URSSAF.png);
}
.field.field--name-field-document-producteur.field--type-entity-reference a[href^="/taxonomy/partenaires"] {
	position: relative;
	float: left;
	height: 100px;
	visibility: hidden;
	width: 110px;
}
.field.field--name-field-document.field--type-file,
.field.field--name-field-description.field--type-text-with-summary {
	padding-left: 150px;
}
/*/espace-partenaire-document pagination*/
.path-espace-partenaire-documents.has-glyphicons .pager__item a {
	border-color: transparent !important;
	border-radius: 50px;
	padding: unset !important;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: rgba(119,189,124,.5);
	color: white;
	margin: 0 5px;
}
.path-espace-partenaire-documents.has-glyphicons .pager__item a:hover {
	background-color: rgb(119,189,124);
	color: white;
}
.path-espace-partenaire-documents.has-glyphicons .pager__item.is-active.active a {
	background-color: rgb(119,189,124);
	color: white !important;
}
.path-espace-partenaire-documents.has-glyphicons .pager__item.pager__item--last,
.path-espace-partenaire-documents.has-glyphicons .pager__item.pager__item--first {
	display: none;
}
.path-espace-partenaire-documents.has-glyphicons .pager__item.pager__item--next .visually-hidden,
.path-espace-partenaire-documents.has-glyphicons .pager__item.pager__item--previous .visually-hidden {
	position: unset !important;
}
.path-espace-partenaire-documents.has-glyphicons .pager__item.pager__item--next a,
.path-espace-partenaire-documents.has-glyphicons .pager__item.pager__item--previous a {
	width: unset;
	position: relative;
    display: inline-block;
    overflow: hidden;
    background: linear-gradient(to right, #6baa70, #6baa70 50%, #313131 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
    transition: background-position 275ms ease-in-out;
}
.path-espace-partenaire-documents.has-glyphicons .pager__item.pager__item--next a:hover,
.path-espace-partenaire-documents.has-glyphicons .pager__item.pager__item--previous a:hover {
	background-color: white;
	color: #313131;
	background-position: 0 100%;
}
.contextual-region.documents.teaser h2 a{
	text-decoration: none;
}

.field.field--name-field-entreprise .field--label {
	display: none;
	visibility: hidden;
}

#tag-header-a:before {
	font-family: FontAwesome;
	content: "\f177";
	padding-right: 10px;
}


/** Mise en forme de la page API **/
.ng-scope.service-box {
    border: 2px solid #77bd7c;
    border-radius: 11px;
	padding: 25px
}
#block-citizena-themes-quicktabsapi {
    width: 74% !important;
    margin-left: 13%;
    margin-right: 13%;
}

video {
    width: 100%;
    height: auto;
}

article.video {
	width: 100%;
}
#block-views-block-videos-block-1 {
	width: 100%;
}

#block-views-block-videos-block-1 > * {
	width: 100% !important;
}
#block-views-block-videos-block-1 .views-row {
	position: relative;
}
#block-views-block-videos-block-1 .views-row > .views-field-title > span > a {
	position: absolute;
	height: 100%;
	z-index: 9;
	opacity: 0;
}
@media (max-width: 1200px) {
	#block-views-block-videos-block-1 .view-videos {
		margin-top: 3rem;
		overflow-x: scroll;
		width: 100%;
	}
	#block-views-block-videos-block-1 .view-content {
		display: inline-flex;
		flex-direction: row;
	}
	#block-views-block-videos-block-1 .views-row:not(:last-child) {
		margin-right: 1.5rem;
	}
	#block-views-block-videos-block-1 .views-row {
		width: 200px;
	}
}
@media (min-width: 1200px) {
	article.video {
		width: 80%;
		padding-right: 3rem;
	}
	#block-views-block-videos-block-1 {
		width: 20%;
		overflow: hidden;
	}
	#block-views-block-videos-block-1 .view-videos {
		overflow: hidden;
	}
	#block-views-block-videos-block-1 .view-content {
		overflow-y: scroll;
		height: 100%;
	}
	#block-views-block-videos-block-1 .views-row:not(:nth-child(1)) {
		margin-top: 1.5rem;	
	}
}