:root { -
	-blue: #007bff; -
	-indigo: #6610f2; -
	-purple: #6f42c1; -
	-pink: #e83e8c; -
	-red: #dc3545; -
	-orange: #fd7e14; -
	-yellow: #ffc107; -
	-green: #28a745; -
	-teal: #20c997; -
	-cyan: #17a2b8; -
	-white: #fff; -
	-gray: #868e96; -
	-gray-dark: #343a40; -
	-primary: #007bff; -
	-secondary: #868e96; -
	-success: #28a745; -
	-info: #17a2b8; -
	-warning: #ffc107; -
	-danger: #dc3545; -
	-light: #f8f9fa; -
	-dark: #343a40; -
	-breakpoint-xs: 0; -
	-breakpoint-sm: 576px; -
	-breakpoint-md: 768px; -
	-breakpoint-lg: 992px; -
	-breakpoint-xl: 1200px; -
	-font-family-sans-serif: 'Nunito Sans', -apple-system,
		BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial,
		sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	-
	-font-family-monospace: 'Nunito Sans', SFMono-Regular, Menlo, Monaco,
		Consolas, "Liberation Mono", "Courier New", monospace
}

body {
	margin: 0;
	font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont,
		"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 0.9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	text-align: left;
	background-color: #fff
}

a.help-pdf {
	text-decoration: none;
	color: black;
}

a.help-pdf:hover {
	text-decoration: underline;
	color: #2073D1;
}

a.help-pdf-category {
	text-decoration: none;
	color: white;
	font-weight: bold;
	letter-spacing: 0.08em;
}

a.help-pdf-category:hover {
	text-decoration: underline;
	font-weight: bolder;
	color: rgba(154, 219, 231, 1);
}

.bg_red_dgo5_nav {
	margin-top: 5px;
	border-top: 1px rgba(0, 0, 0, 0.1) solid;
	border-bottom: 3px rgba(183, 28, 28, 0.9) solid;
}

.navbar-red .navbar-brand {
	color: #000000;
}

.navbar-red .navbar-brand:focus, .navbar-red .navbar-brand:hover {
	color: #be1622;
}

.navbar-red .navbar-nav .nav-link {
	color: rgba(0, 0, 0, .8);
	webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.navbar-red .navbar-nav .nav-link:focus, .navbar-red .navbar-nav .nav-link:hover
	{
	color: rgba(190, 22, 34, 1);
	background-color: rgba(190, 22, 34, 0.05);
	text-decoration: underline;
	border-bottom: 2px solid rgba(190, 22, 34, 1);
	border-radius: 5px 5px 0px 0px;
	padding: .3rem 0.5rem;
}

.navbar-red .navbar-nav .nav-link.disabled {
	color: rgba(0, 0, 0, .25)
}

.navbar-red .navbar-nav .active>.nav-link, .navbar-red .navbar-nav .nav-link.active,
	.navbar-red .navbar-nav .nav-link.show, .navbar-red .navbar-nav .show>.nav-link
	{
	color: #000000;
	border-bottom: 2px solid #be1622;
	border-radius: 2px;
}

.dropdown-item.active {
	background-color: inherit;
	color: #000000;
	border-bottom: 2px solid #be1622;
	border-radius: 2px;
}

.navbar-red .navbar-toggler {
	color: rgba(0, 0, 0, .5);
	border-color: rgba(0, 0, 0, .1)
}

.navbar-red .navbar-toggler-icon {
	background-image:
		url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E")
}

.navbar-red .navbar-text {
	color: rgba(0, 0, 0, .5);
}

.navbar-red .navbar-text a {
	color: #000000;
}

.navbar-red .navbar-text a:focus, .navbar-red .navbar-text a:hover {
	color: #be1622
}

.bg_red_dgo5 {
	/*background-image: linear-gradient(315deg, #810117 10%, #c70106 50%, #ed2328 100%);*/
	background-image: linear-gradient(315deg, #8eaac6 10%, #7d9dbd 50%, #688db3 100%);
	color: #688db3;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 3px;
	letter-spacing: 0.04em;
}

.card-header_H3 {
	font-weight: bold;
}

.bg_dark_dgo5 {
	background-color: #343a40;
	color: #ffffff;
	padding-top: 5px;
}

.row-padding {
	padding: 30px;
}

.card-header H3 {
	font-weight: normal;
	color: #EFEFEF;
}

.bg_dark_dgo5 A {
	text-decoration: none;
	color: #FAFAFA;
}

.bg_dark_dgo5 A:hover {
	text-decoration: underline;
	color: #7fa1c5;
}

.pdf_media {
	width: 100%;
	height: 100%;
	min-height: 1150px;
}

.simple_list_dgo5 {
	text-decoration: none;
	list-style: none;
}

.simple_list_dgo5 LI {
	padding-top: 5px;
}

.card-body UL {
	padding: 10px;
}

.card-body .telechargement_left_panel {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	padding-top: 5px;
}

.alert-dgo5-danger {
	border-color: #be1622;
	background-color: #ffffff;
	color: #be1622;
}

tr .table_province_padding {
	padding-left: 20px;
}

tr .table_commune_padding {
	padding-left: 40px;
}

.table_commune {
	width: 100%;
	max-width: 100%;
	margin-bottom: 1rem;
	background-color: transparent;
	border-collapse: collapse;
	display: table;
	border-spacing: 2px;
	border-color: grey;
}

.table_commune td, .table_commune th {
	padding: .25rem;
	vertical-align: top;
	border-top: 1px solid #dee2e6;
}

.btn-lg {
	color: #fff;
	background-color: #f8f9fa !important;
	border-color: #f8f9fa !important;
}

.btn-dgo5-red {
	color: #fff;
	background-color: #be1622;
	border-color: #be1622;
}

.image_btn_expand {
	background-color: transparent;
	background-image: url("../img/plus_30x30.png");
	width: 30px;
	height: 30px;
}

.image_btn_expanded {
	background-color: transparent;
	background-image: url("../img/moins_30x30.png");
	width: 30px;
	height: 30px;
}

.nav-link-ecomptes {
	color: rgba(0, 0, 0, .8)
}

h1 {
	margin-top: 20px;
	font-size: 1.6em;
}

.lead {
	font-size: 1.2em;
}

.nav-link-btn {
	font-weight: normal;
	text-transform: none;
	color: #fff;
	padding: 5px 10px;
	margin-left: 10px;
	height: 30px;
}

.bg-light_dgo5 .nav-link-btn {
	font-weight: bold;
}

@media only screen and (max-device-width : 639px) {
	.bg-light_dgo5 .nav-link-btn-dgo5 {
		/*background-image: linear-gradient(270deg, #e4e4e4 -50%, #d3d3d3 50%, #c7c7c7 100%);*/
		color: rgba(0,0,0, 0.85);
		font-size: 1.2em;
		font-weight: bold;
		display: block;
    	padding: .25rem 0.5rem;
		
	}
	
	.bg-light_dgo5 .nav-link-btn-dgo5:hover {
		color: rgba(255,0,0, 0.75);	
	}
}
@media only screen and (min-device-width : 640px) {
	.bg-light_dgo5 .nav-link-btn-dgo5 {
		/*background-image: linear-gradient(270deg, #e4e4e4 -50%, #d3d3d3 50%, #c7c7c7 100%);*/
		background-color: #f1f1f1;
		text-transform: none;
		color: #c51331;
		padding: 5px 10px;
		margin-left: 10px;
		text-decoration: none;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
		height: 30px;
		letter-spacing: 0.05em;
		transition: all 0.5s ease;
		webkit-transition: all 0.5s ease;
	}
	
	.bg-light_dgo5 .nav-link-btn-dgo5:hover {
		background-image: linear-gradient(270deg, #820068 -50%, #C8005D 50%, #ED2345 100%);
		font-weight: bold;
		text-transform: none;
		color: #ffffff;
		padding: 5px 10px;
		margin-left: 10px;
		text-decoration: underline;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
		height: 30px;
		letter-spacing: 0.05em;
	}
}
.fa-user-circle:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: "\f2bd";
}

.nav-bold {
	color: #071E22;
	font-weight: bold;
	font-size: 1.125rem;
	letter-spacing: 0.005em;
}

.letter-red A {
	color: #ED2345;
	font-weight: 700;
}

.breadcrumb-item.active {
	color: rgba(71, 97, 121, .9);
	font-weight: 700;
}

.breadcrumb-item+.breadcrumb-item::before {
	display: inline-block;
	content: ">";
	font-weight: 700;
	letter-spacing: 0.2em;
	font-size: 0.9375rem;
	display: inline;
	margin-right: 0.20rem;
	margin-left: 0.5rem;
}

.border-cell-footer {
	border-left: 1px solid rgba(255, 0, 0, .25);
}

.bg_dark_dgo5_footer {
	padding-top: 35px;
	background: #1D1D1D;
	color: #ffffff;
}

.bg_dark_dgo5_footer A {
	letter-spacing: .02em;
	text-decoration: none;
	color: #FAFAFA;
}

.bg_dark_dgo5_footer A:hover {
	text-decoration: underline;
	color: rgba(255, 255, 255, .6);
}

.bg_dark_dgo5_footer P {
	font-size: 1.1em;
	letter-spacing: .05em;
	padding-bottom: 10px;
}

.subfoorter {
	/*background-color: #000;*/
	background: #000000;
	font-weight: 400;
}

.subfooter_link {
	margin: 10px 10px 10px 13px;
	font-size: 0.8em;
}

.bg_dark_dgo5_footer LI {
	color: rgba(255, 0, 0, 0.5);
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem .05em;
	margin: .125rem 0rem 0rem;
	font-size: 1rem;
	color: #212529;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .15);
	border-radius: .25rem;
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>a.dropdown-item:after {
	font-family: FontAwesome;
	content: "\f054";
	float: right;
}

.dropdown-submenu>a.dropdown-item:after {
	font-size: 0.9em;
	content: "\f0da";
	float: right;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: 0px;
	margin-left: 0px;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.title_header {
	height: 135px;
	border-left: 2px solid #be1622;
	padding-top: 38px;
}

.no_padding_width {
	padding-left: 0px !important;
	padding-right: 0px !important;
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.field_research {
	background-color: rgb(255, 255, 255);
	border-radius: 15px 0px 0px 15px;
	border-right: 0px;
	border-left: 1px solid rgba(195, 195, 195, 0.8);
	border-bottom: 1px solid rgba(195, 195, 195, 0.8);
	border-top: 1px solid rgba(195, 195, 195, 0.8);
}

.btn_research {
	color: rgb(237, 35, 69);
	background-color: rgb(255, 255, 255);
	border-radius: 0px 15px 15px 0px;
	border-bottom: 1px solid rgba(195, 195, 195, 0.8);
	border-right: 1px solid rgba(195, 195, 195, 0.8);
	border-top: 1px solid rgba(195, 195, 195, 0.8);
	border-left: 0px;
}

mark {
	background-color: yellow;
	color: black;
}

.border-circle {
	border-radius: 50%;
	border: 4px solid rgba(220, 220, 220, 1);
	width: 100px;
	height: 100px;
	text-align: center;
	padding-top: 25px;
	background-color: rgba(195, 195, 195, 1);
}

.border-circle:hover {
	color: red;
}

.list_platform_media_item {
	background-color: transparent;
	border: 0px;
	margin: 10px 5px 10px 5px;
	padding: 0px;
}

.list_platform_media_item A {
	color: black;
	font-size: 1.5em;
	transition: all 0.5s ease;
	webkit-transition: all 0.5s ease;
}

.list_platform_media_item A:hover {
	color: #21a6d8;
}

.bg-tr-ecompte {
	background-color: #1b5a81;
	color: #ffffff;
}

.icon-circle {
	background-image: -webkit-linear-gradient(top, #eaeaea, #f6f6f6);
	margin: 0px 15px 20px 15px;
	padding: 15px;
	width: 8em;
	height: 8em;
	border: 7px solid #ffffff;
	border-radius: 50%;
	color: rgba(0, 0, 0, 0.7);
	box-shadow: 4px 4px 6px rgba(102, 102, 102, 0.3);
	transition: all 0.5s ease;
	webkit-transition: all 0.5s ease;
}

.icon-circle:hover {
	box-shadow: 4px 4px 6px rgba(102, 102, 102, 0.8);
}

.icon-circle-link {
	transition: all 0.5s ease;
	webkit-transition: all 0.5s ease;
}

.icon-circle-link:hover {
	color: rgba(0, 0, 0, 1);
	transform: scale(1.05);
	text-decoration: none;
}

.icon-circle-link I {
	font-size: 3em;
}

.icon-circle:hover {
	background-image: -webkit-linear-gradient(bottom, #eaeaea, #f6f6f6);
	color: rgba(0, 0, 0, 1);
}

.coup_oeil {
	align-items: center;
	margin-top: 20px;
	margin-bottom: 10px;
}

.coup_oeil H4 {
	font-weight: bolder;
}

.coup_oeil:BEFORE {
	content: '';
	border-top: 1px solid #a0a0a0;
	flex: 1 0 20px;
	width: 40px;
	margin-bottom: 5px;
	margin-right: 10px;
}

.coup_oeil:AFTER {
	content: '';
	border-top: 1px solid #a0a0a0;
	flex: 1 0 20px;
	width: 40px;
	margin-left: 10px;
	margin-bottom: 5px;
}

.bg_coup_oeil {
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	padding-bottom: 25px;
}

.main_content {
	padding-bottom: 20px;
}

.dropdown-toggle::after {
	display: inline-block;
	width: 0;
	height: 0;
	content: none;
	margin-left: .255em;
	vertical-align: .255em;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}

@media only screen and (min-device-width : 320px) {
	.bg_ecomptes_header_img {
		background-image: url("./../img/Fotolia_127542563_M_Gris.png");
		background-position: top;
		background-repeat: repeat-x;
		position: inherit;
		background-size: 100% 100%;
		background-position: 0% 0%;
		margin-bottom: 10px;
		/*z-index: -9000;*/
	}
	.h1-dgo5 {
		font-size: 1.4em;
	}
	.h2-dgo5 {
		font-size: 1.1em;
	}
	.btn-link-ecomptes {
		background-image: linear-gradient(270deg, #820068 -50%, #C8005D 0%, #ED2345 100%);
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 0.05em;
		text-transform: none;
		padding: 3px 5px;
		margin: 5px 5px;
		text-decoration: none;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
		height: 30px;
	}
	.btn-link-ecomptes:hover {
		background-image: linear-gradient(270deg, #e4e4e4 -50%, #d3d3d3 0%, #c7c7c7 100%);
		color: #000000;
	}
}

@media only screen and (min-width : 1224px) {
	.bg_ecomptes_header_img {
		background-image: url("./../img/Fotolia_127542563_M_Gris.png");
		background-size: cover;
		background-position: top;
		background-repeat: repeat-x;
		position: inherit;
		background-size: 100%;
		background-position: 0em -10em;
		margin-bottom: 20px;
		/*z-index: -9000;*/
	}
	.h1-dgo5 {
		font-size: 8em;
	}
	.h2-dgo5 {
		font-size: 2em;
	}
	.btn-link-ecomptes {
		background-image: linear-gradient(270deg, #820068 -50%, #C8005D 0%, #ED2345 100%);
		color: #FFFFFF;
		font-weight: bold;
		letter-spacing: 0.1em;
		text-transform: none;
		padding: 5px 30px;
		margin: 10px 30px;
		text-decoration: none;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		-ms-border-radius: 20px;
		-o-border-radius: 20px;
		border-radius: 20px;
		height: 35px;
		transition: all 0.5s ease;
		webkit-transition: all 0.5s ease;
	}
	.btn-link-ecomptes:hover {
		background-image: linear-gradient(270deg, #820068 -5%, #C8005D 50%, #ED2345 100%);
		color: #FFFFFF;
		transform: scale(1.1);
	}
}

.circle {
	overflow: hidden;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	width: 100px;
	height: 100px;
}

.shadow {
	box-shadow: 5px 5px 10px rgba(0, 6, 93, .1);
}

.row_tiles {
	display: flex;
	flex-wrap: wrap;
	padding: 0 4px;
	align-items: flex-start;
}

/* Create four equal columns that sits next to each other */
.column_tiles {
	flex: 33%;
	max-width: 33%;
	padding: 0 4px;
}

.column_tiles img {
	margin-top: 8px;
	vertical-align: middle;
	width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 1200px) {
	.column_tiles {
		flex: 33%;
		max-width: 33%;
	}
}

@media screen and (max-width: 800px) {
	.column_tiles {
		flex: 50%;
		max-width: 50%;
	}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
	.column_tiles {
		flex: 100%;
		max-width: 100%;
	}
}

.focus-header {
	font-size: 1.5em;
	//background-image: linear-gradient(270deg, #820068 -50%, #C8005D 0%, #ED2345 100%);
	//color: #FFFFFF;
	color:rgba(0,0,0,0.8);
	font-weight: bold;
}

.focus-header-text {
	padding-top: 1rem;
	padding-left: 3rem;
}

.news-header {
	font-size: 1.5em;
	//background-image: linear-gradient(270deg, #0a0082 -50%, #5f00c8 0%, #30a3e0 100%);
	//color: #FFFFFF;
	color:rgba(0,0,0,0.8);
	font-weight: bold;
}

.news-header-text {
	padding-top: 1rem;
	padding-left: 3rem;
}

.tips-header {
	font-size: 1.5em;
	color: #064b9f;
	//background-image: linear-gradient(270deg, #f1660a -50%, #ff8b17 0%, #eeb60d 100%);
	//color: #FFFFFF;
	color:rgba(0,0,0,0.8);
	font-weight: bold;
}

.tips-header-text {
	padding-top: 1rem;
	padding-left: 3rem;
}
.page-header {
	font-size: 2em;
	color: #508559;
	background-image: linear-gradient(270deg, #3a6141 -50%, #508559 0%, #5e9d69 100%);
	color: #FFFFFF;
	font-weight: bold;
}

.page-header-text {
	padding-top: 1rem;
	padding-left: 3rem;
}
.card_link, .card_link:hover {
	text-decoration: none;
	color: inherit !important;
}

.card-tiles {
	transition: all 0.5s ease;
	webkit-transition: all 0.5s ease;
}

.card-tiles:hover {
	-webkit-transform: translateY(1em);
	transform: translateY(1em);
	transform: scale(1.1);
	box-shadow: 5px 5px 10px rgba(0, 6, 93, .5);
	z-index: 9999;
}

.row-gestion-contenu{
	padding-top:5px;
	padding-bottom:5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.5);
	margin-right:0px;
	margin-left:0px;
}
.row-gestion-contenu:hover{
	background-color: rgba(0, 0, 0, 0.15);
}

.w-10 {
	width: 10% !important
}
.w-20 {
	width: 20% !important
}
.w-30 {
	width: 30% !important
}