body {
	overflow-y: scroll;
}
.cx {

	background-image: linear-gradient(rgba(255, 255, 255, 0.01), rgb(255, 255, 255) 85%), radial-gradient(at 0% 0%, rgba(13, 110, 253, 0.5), rgba(0, 0, 0, 0) 50%), radial-gradient(at 100% 0%, rgba(255, 228, 132, 0.5), rgba(0, 0, 0, 0) 50%), radial-gradient(at 100% 50%, rgba(113, 44, 249, 0.5), rgba(0, 0, 0, 0) 50%), radial-gradient(at 0% 50%, rgba(214, 51, 132, 0.5), rgba(0, 0, 0, 0) 50%);

}

.bg-grey {
	background-color:#eee;
}

a { 
	color:#000; 
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
.clickshow {
	text-decoration:none;
	color: #003778;
	margin-left:10px;
	cursor:pointer;
}
.link {
	text-decoration:underline;
	color: #003778;
}

.footer {
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;

}
.footer > li {
	display: inline;
	text-align: center;
	margin-left:10px;
	margin-right:10px;

}

.footer > ul {
	list-style-type: none;
	display: inline-block;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.nav-item a:hover {
		text-decoration:none !important;
		border-bottom: 1px solid #fff;
	}

	.nav-item.active a {
		border-bottom: 1px solid #fff;		
		text-decoration:none !important;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}


.active { color: #003778; }
a.active { color:#003778; }
h1 { font-size:22px; font-weight:bold; margin-bottom:40px; margin-top:20px;}
h2 { font-size:18px; }
h3 { font-size:18px; }

.nav li { padding:5px; }

.cmain { 
	/* background-color:#003778; */
	background-color:#2a86b5; 
	color:#000;
}
.cmain, .cmain a { color:#fff;  }
.navbutton {
	background-color:#fff !important;
}

.nav-link { position: relative; }

/*
.nav-item a:hover::before {
	content: ">";
	position: absolute;
	top: 50%;
	left: -15px;
	transform: translateY(-50%);
}
*/
.cmain a:hover { color:#fff; }
.cmain_button {
	background-color:#2a86b5;
	border:1px solid #fff;
}
.cmain_button:hover {
	background-color:#fff;

	border:1px solid #000;
}

.cbutton {
	min-width:140px;
}

.active a {
	color:#fff !important;
}

.btn_accueil {
	width:150px;
	height:60px;
}

.nav-link {
	margin-left:10px;
	margin-right:10px;
	font-weight:500 !important; 
	font-size: 1.06rem;
}

.minw img {
	min-width: 200px;
	background-color:black;
}

.csecondary {
	/* background-color:#2a86b5; */		
	background-color:#003778; 
	min-height:70px;
}
.csecondary a { color:#fff; }
.csecondary a:hover { color:#fff; }

.breadcrumb { margin-top:20px; }


.c0 { color:#DEDEE1; } /* État non disponible */
.c1 { color:#55C67B; } /* État normal */
.c2 { color:#DAE821; } /* Seuil de surveillance */
.c3 { color:#E8983C; } /* Innondation mineure */
.c4 { color:#D56050; } /* Innondation moyenne */
.c5 { color:#8D5150; } /* Innondation majeure*/

.text-left {
	text-align: left !important;
}

/* CSS Document */
#core-breadcrumb a { color:#fff; }
#core-breadcrumb a:hover { color:#fff; }
#core-breadcrumb a:selected { color:#fff; }

.box-message {
	border:1px solid #eee;
}
.table {
	font-size:12px; 
}

/* Login */
.gradient {
	background: -moz-linear-gradient(top, rgba(196,196,196,0.65) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(196,196,196,0.65) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(196,196,196,0.65) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6c4c4c4', endColorstr='#00000000',GradientType=0 );
}
.menu-filter {
	z-index:2100; 
	width:100%;	
}

.login img {
	margin-top:60px;
	margin-bottom:30px;
}

.login .input-group input {
	border-radius:0;
}
.login .form-control {
	box-shadow:none;
	border:none;
	transition:none;
}
.login .form-control:focus {
	box-shadow:none;
	border:none;
	transition:none;
}
.login input {
	color:#000;
	background-color:#eee;
	border:none;
}
.login .alert {
	border-radius:0;
	margin-bottom:0;
	border:none;
}
.login .login-img {
	padding-top:20px;
	padding-bottom:20px;
	margin-bottom:20px;
}
.login .input-group-addon {
	border:none;
	background-color:#ddd;
	color:#fff;		
	border-radius:0;	
    min-width:40px;
} 
.login button {
	background-color:#ddd;
	border:none;
	border-radius:0;	
	color:#fff;		
}
.input-group-addon {
	min-width:40px;
	text-align:center;
	vertical-align:middle;
	line-height:40px;
}

#hero {
	width: 100%;
	height: 100vh;
	background: url("/docs/ssrc/images/cobaric.jpg") top center;
	background-size: cover;
	position: relative;
	
}

.btn-primary {
	background-color:#00549a;
}
.modal-content
{
    background-color:transparent;
	border:none;
}
.modal-content .modal-body img {
	border:2px solid #000;
}

.cookiebanner {
	background-color:rgb(250, 238, 199);
}

.cookiebutton {
	font-size:13px;
	padding:8px;
	border-color:rgb(0, 191, 99);
	background-color:rgb(250, 238, 199);
	color: #000;

}

.cookiebuttonaccept {
	font-size:13px;	
	padding:8px;
	border-color:rgb(0, 191, 99);
	background-color:rgb(0, 191, 99);
	color: #fff;

}

.cookiebutton:hover {
	font-size:13px;	
	padding:8px;
	border-color:rgb(0, 191, 99);
	background-color:rgb(0, 191, 99);
	color: #fff;

}