@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: #fff;
	padding: 0px
}
ul.menu.menu--main.nav.navbar-nav li a:hover {color: grey}

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
}

.alert.alert-danger.alert-dismissible {
    display: none;
}

#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
}

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
}

.footer {
    background-color: #575656;
    color: #FFF;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

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

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

#home_search_bar {
    height: 40px;
    width: 100%;
    margin: auto;
    font-size: 16px;
    border-radius: 8px;
    border: #610a2b solid 2px	
}

h2:first-child.block-title {
    visibility: hidden;
    display: none;
    position: absolute;
    top: -999px;
    left: -9999px;
}

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

.navbar .logo {
   margin: 5px 5px 5px 25%;

}

.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;
}

@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
	}
}

.navbar-default #navbar-collapse li .is-active {
	background-color: white;
    color: #c82b45
}
ul.menu.menu--main.nav.navbar-nav {
    background-color: #575656;
}

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

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

.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-nav>li {
	display: inline-block;
	float: unset
}

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

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

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

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

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

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

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

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

.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 5%;
	text-align: center
}

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

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

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

#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
}

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

.statistics_row-2 {
	display: flex
}

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

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

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

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

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

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

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

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

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

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

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

.navbar-header {
	width: 100%;
	position: relative;
}

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

#icones_accueil {
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 15px;
    display: flex;
	text-align: center;
}

#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 {
    padding: 0;
    margin: 24px 0 0 0px;
    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;;

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

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

h1, h2, h3, h4 {
    font-family: 'Oswald', "Open Sans", Helvetica, arial, sans-serif;
}
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: #c82b45;
}

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

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

/* FOOTER */


.MYSITE-api {
    padding: 30px 0;
    margin-top: 30px;
    text-align: center;
    background-color: #c82b45;
    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: #c82b45;
    height: 1.8em;
}

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

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

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

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

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

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

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

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

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

.actions {
    text-align: center;
}

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

/* Home */

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

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

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

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

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

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

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

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

main {
    margin: 0px;
}

.access {
    text-align: center;
}

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

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

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

.leaflet-draw {
    display: none;    
}

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

.themeblock h3 {
    text-transform: uppercase;
}

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

.MYSITE-map {
    padding-top: 30px;
    text-align: left;
}
.MYSITE-map__description h2 {
    margin: 0 auto;
    color: #c82b45;
}
.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: #c82b45;
    text-decoration: underline;
}

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

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

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

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

}
ul.menu--main li a:hover {
    color: #c82b45!important;
}

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




#main.widget-opendata #filter h1 {background-color: #c82b45!important;}
#main.widget-opendata #filter h2 {background-color: #c82b45!important;}
#main.widget-opendata .dataset:hover {border-left: 3px solid #c82b45!important;}
#main.widget-opendata .jetons li {background-color: #c82b45!important; border: solid 1px #c82b45!important;}


/*MENTION LEGALE*/
#mentionlegale{
    max-width: 100%;
    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;
}

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

.navbar-header {
     margin-top: -40px !important;
}

#mentionlegale h1, h2 {
		font-weight: 500;
		color: #2C3F56!important;
		}
#mentionlegale h3 {
		font-weight: 500;
		color: #2C3F56!important;
	}
	
#mentionlegale a{
		color: #2C3F56!important;
		}