.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%);

}

h1 { font-size:22px; font-weight:bold; margin-bottom:40px; margin-top:20px;}
h2 { font-size:18px; }
h3 { font-size:11px; }

.menu-items {
	padding:0; 
	margin:0;
	vertical-align: middle;
}

.menu-items li {

	display: inline-block;		
	border-right:1px solid #555;				
}

.menu-items li a {

	padding:10px;
	line-height: 40px;			
	text-decoration:none; 
	color:#fff;
	
}

.nav li { padding:5px; }

.cmain { 
	background-color:#2a86b5;	
	color:#fff;
}
.cmain a { color:#fff; }
.cmain a:hover { color:#aaa; }

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

.csecondary {
	background-color:#003778; 
}
.csecondary a { color:#fff; }
.csecondary a:hover { color:#aaa; }

.breadcrumb { 
	
	min-height:40px;
	line-height:40px; 
	margin:0;
	padding:0;

}


.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*/


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



/* 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:1px solid #ddd;
	background-color:#eee;	
	transition:none;
}
.login .form-control:focus {
	box-shadow:none;
	border:none;
	transition:none;
}
.login input {
	color:#000;

	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 {
	background-color:#2a86b5;	
	color:#fff;		
	border-radius:0;	
    min-width:40px;
} 

.input-group-addon {
	min-width:40px;
	text-align:center;
	vertical-align:middle;
	line-height:40px;

}


.cmain a:hover {
	color: #fff;
}
.nav-link:hover {
	text-decoration:none !important;
	border-bottom: 1px solid #fff;
	padding-bottom:4px;

}
.nav-link.active {
	text-decoration:none !important;
	border-bottom: 1px solid #fff;		
	padding-bottom:5px;	
}
.nav-link {
	margin-left: 10px;
	margin-right: 10px;
	font-weight: 500 !important;
	font-size: 1.06rem;
	color: #fff !important;
	padding-bottom:5px;
}