html,body {
	background-color: #ddd;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: .95em;
	margin: 0;
	padding: 0;
}

.mainContainer {
	padding-left: 0;
	padding-right: 0;
}
.corps {
	margin-left: 0 -10px;
	margin-right: 0 -10px;
}

/* HEADER */
.site-header {
	background-color: #3a5796;
	color: #fff;
	height: 70px !important;
	margin: 0 -15px;
}

.site-header .navbar-brand img {
	height: 50px !important;
}

.site-header .navbar-toggler {
	border-color: #fff;
	color: #fff;
	font-weight: normal;
	margin-right: 10px;
}

.site-header .nav-item {
	background-color: transparent !important;
	padding-top: 7px;
	margin-bottom: 0;
}

.site-header .nav-item .nav-link {
	/* border: 1px solid yellow; */
	border-radius: 20px;
	color: #ddd;
	margin:0 10px;
	padding:8px 20px;
}

.site-header .nav-item.active {
	border-bottom: 3px solid #fff;
	opacity: 1 !important;
}

.site-header .nav-item:hover .nav-link {
	background-color: #0c95e0;
	color: #fff !important;
}

.site-header .nav-item.active .nav-link {
	/* background-color: #0c95e0; */
	/* background-color: #337ab7; */
	background-color: #1781d0;
	/* background-color: #006bba; */
	color: #fff !important;
}

.site-header .navbar-collapse {
	background-color: #3a5796;
	/* float: left; */
	height: calc(90vh);
	padding: 10px;
}

.site-header .navbar-collapse .container.deconnecte,
.site-header .navbar-collapse .container.connecte {
	margin-left: 0;
	padding-left: 0;
}

.site-header .navbar-text {
	color: #ddd;
	font-size: .9em;
	text-align: right;
}

.site-header .langToggle {
	display: inline-block;
	margin-left: 10px;
}

.site-header .langToggle img {
	width: 16px;
}

.site-header .cnxHelloAvatar {
	font-size: 2em;
	margin: 0;
	padding: 0;
	width: 0;
}

.site-header .langToggle img.imgGrise {
	filter: grayscale(100%);
}

.site-header .headerPanier {
	margin-bottom: -15px;
	padding-top: 5px;
}
/* FIN HEADER */


/* CORPS */
.breadcrumb {
	margin-top: 80px;
}

.corps {
	background-color: #fff;
	display: inline-block;
	margin: 10px auto;
	min-height: 600px;
	padding: 10px;
}

.error404-container {
	text-align: center;
}

.error404 {
	color: #5a5c69;
	font-size: 7rem;
	position: relative;
	line-height: 1;
	width: 12.5rem;
}

.error404::after {
	content: attr(data-text);
	position: absolute;
	left: 2px;
	text-shadow: -1px 0 #e74a3b;
	top: 0;
	color: #5a5c69;
	background: #f8f9fc;
	overflow: hidden;
	clip: rect(0,900px,0,0);
	animation: noise-anim 2s infinite linear alternate-reverse;
}

.error404::before {
	content: attr(data-text);
	position: absolute;
	left: -2px;
	text-shadow: 1px 0 #4e73df;
	top: 0;
	color: #5a5c69;
	background: #f8f9fc;
	overflow: hidden;
	clip: rect(0,900px,0,0);
	animation: noise-anim-2 3s infinite linear alternate-reverse;
}

@-webkit-keyframes noise-anim{
	0%{clip:rect(78px,9999px,4px,0)}
	5%{clip:rect(87px,9999px,70px,0)}
	10%{clip:rect(21px,9999px,60px,0)}
	15%{clip:rect(79px,9999px,83px,0)}
	20%{clip:rect(20px,9999px,28px,0)}
	25%{clip:rect(42px,9999px,78px,0)}
	30%{clip:rect(71px,9999px,37px,0)}
	35%{clip:rect(89px,9999px,49px,0)}
	40%{clip:rect(36px,9999px,48px,0)}
	45%{clip:rect(77px,9999px,67px,0)}
	50%{clip:rect(7px,9999px,94px,0)}
	55%{clip:rect(90px,9999px,79px,0)}
	60%{clip:rect(48px,9999px,57px,0)}
	65%{clip:rect(64px,9999px,35px,0)}
	70%{clip:rect(23px,9999px,88px,0)}
	75%{clip:rect(68px,9999px,27px,0)}
	80%{clip:rect(39px,9999px,98px,0)}
	85%{clip:rect(97px,9999px,57px,0)}
	90%{clip:rect(61px,9999px,53px,0)}
	95%{clip:rect(79px,9999px,44px,0)}
	100%{clip:rect(12px,9999px,19px,0)}
}
@keyframes noise-anim{
	0%{clip:rect(78px,9999px,4px,0)}
	5%{clip:rect(87px,9999px,70px,0)}
	10%{clip:rect(21px,9999px,60px,0)}
	15%{clip:rect(79px,9999px,83px,0)}
	20%{clip:rect(20px,9999px,28px,0)}
	25%{clip:rect(42px,9999px,78px,0)}
	30%{clip:rect(71px,9999px,37px,0)}
	35%{clip:rect(89px,9999px,49px,0)}
	40%{clip:rect(36px,9999px,48px,0)}
	45%{clip:rect(77px,9999px,67px,0)}
	50%{clip:rect(7px,9999px,94px,0)}
	55%{clip:rect(90px,9999px,79px,0)}
	60%{clip:rect(48px,9999px,57px,0)}
	65%{clip:rect(64px,9999px,35px,0)}
	70%{clip:rect(23px,9999px,88px,0)}
	75%{clip:rect(68px,9999px,27px,0)}
	80%{clip:rect(39px,9999px,98px,0)}
	85%{clip:rect(97px,9999px,57px,0)}
	90%{clip:rect(61px,9999px,53px,0)}
	95%{clip:rect(79px,9999px,44px,0)}
	100%{clip:rect(12px,9999px,19px,0)}
}
@-webkit-keyframes noise-anim-2{
	0%{clip:rect(20px,9999px,91px,0)}
	5%{clip:rect(20px,9999px,44px,0)}
	10%{clip:rect(84px,9999px,55px,0)}
	15%{clip:rect(40px,9999px,93px,0)}
	20%{clip:rect(37px,9999px,73px,0)}
	25%{clip:rect(75px,9999px,57px,0)}
	30%{clip:rect(89px,9999px,38px,0)}
	35%{clip:rect(6px,9999px,68px,0)}
	40%{clip:rect(63px,9999px,17px,0)}
	45%{clip:rect(55px,9999px,49px,0)}
	50%{clip:rect(98px,9999px,28px,0)}
	55%{clip:rect(18px,9999px,57px,0)}
	60%{clip:rect(18px,9999px,64px,0)}
	65%{clip:rect(35px,9999px,77px,0)}
	70%{clip:rect(31px,9999px,59px,0)}
	75%{clip:rect(30px,9999px,38px,0)}
	80%{clip:rect(13px,9999px,52px,0)}
	85%{clip:rect(63px,9999px,91px,0)}
	90%{clip:rect(96px,9999px,67px,0)}
	95%{clip:rect(24px,9999px,13px,0)}
	100%{clip:rect(5px,9999px,29px,0)}
}
@keyframes noise-anim-2{
	0%{clip:rect(20px,9999px,91px,0)}
	5%{clip:rect(20px,9999px,44px,0)}
	10%{clip:rect(84px,9999px,55px,0)}
	15%{clip:rect(40px,9999px,93px,0)}
	20%{clip:rect(37px,9999px,73px,0)}
	25%{clip:rect(75px,9999px,57px,0)}
	30%{clip:rect(89px,9999px,38px,0)}
	35%{clip:rect(6px,9999px,68px,0)}
	40%{clip:rect(63px,9999px,17px,0)}
	45%{clip:rect(55px,9999px,49px,0)}
	50%{clip:rect(98px,9999px,28px,0)}
	55%{clip:rect(18px,9999px,57px,0)}
	60%{clip:rect(18px,9999px,64px,0)}
	65%{clip:rect(35px,9999px,77px,0)}
	70%{clip:rect(31px,9999px,59px,0)}
	75%{clip:rect(30px,9999px,38px,0)}
	80%{clip:rect(13px,9999px,52px,0)}
	85%{clip:rect(63px,9999px,91px,0)}
	90%{clip:rect(96px,9999px,67px,0)}
	95%{clip:rect(24px,9999px,13px,0)}
	100%{clip:rect(5px,9999px,29px,0)}
}

.error404-titre {
	color: #5a5c69 !important;
	font-size: 1.25rem;
	font-weight: 300;
	margin-bottom: 1rem !important;
}

.error404-texte {
	color: #b7b9cc !important;
	margin-bottom: .5rem !important;
}

/* Home Jumbotron */
.home-jumbo {
	border-bottom: 1px solid #ccc;
	position: relative;
}
.home-jumbo:before {
	content: ' ';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.8;
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: cover;
}
.home-jumbo .container-fluid {
	position: relative;
}
.home-jumbo h1, .home-jumbo p {
	color: #fff;
	text-shadow: 2px 2px #333;
}
/* Fin Home Jumbotron */

/* Inscription */
.formInscription {
	font-size: .9em;
}
.formInscription ul.nav-tabs {
	border-bottom: 1px solid #3a5796;
}
.formInscription ul.nav-tabs li a.active {
	background-color: #3a5796;
	border: 1px solid #3a5796;
	color: #fff;
	font-weight: bold;
}

label:not(.form-check-label) {
	font-weight: bold;
}

label.required:after {
	content: " *";
	color: #f00;
}

.showpass {
	cursor: pointer;
	pointer-events: all;
}

.already-used-feedback {
	color: #dc3545;
	font-size: 80%;
	margin-top: .25rem;
	width: 100%;
}

.already-used-feedback a {
	text-decoration: underline;
}

.input-group.passwd-strength {
	height: auto;
	padding: 2px 0 4px 0;
}
  
.input-group.passwd-strength .progress {
	height: 4px;
	width: 100%;
}
  
.input-group.passwd-strength .progress .progress-bar {
	background-color: green;
}
/* Fin Inscription */

/* Commander */
ul.cmdPaiement, ul.cmdDevis {
	list-style-type: none;
	margin: 0;
	padding-left: 10px;
}
ul.cmdPaiement li i {
	color: #3068b3;
}
ul.cmdDevis li i {
	color: #555;
}
/*
ul.cmdPaiement li:before {
	color: #3068b3;
	content: '\f0a9';
	font-family: 'FontAwesome';
	margin:0 5px 0 -15px;
}
*/
/* Fin Commander */
/* FIN CORPS */


/* MENU DROITE */
.menu_droite {
	display: inline-block;
	float: right;
	margin: 0;
	padding: 0 5px;
}
.menu_droite .panier_menu,
.menu_droite .client_menu,
.menu_droite .contactcom_menu,
.menu_droite .stats_menu {
	background-color: #fff;
	border: 1px solid #ddd;
	margin: 0 0 15px 0;
	padding: 10px;
	width: 100%;
}
/* Panier */
.menu_droite .panier_menu .bloc-panier {
	font-size: .9em;
}
/* Fin Panier */
/* Client */
.menu_droite .client_menu .bloc-client {
	font-size: .9em;
}
.menu_droite .client_menu .bloc-client ul {
	list-style-type: none;
	margin-top: 10px;
	padding-left: 5px;
}
.menu_droite .client_menu .bloc-client ul li {
	margin-bottom: 5px;
}
.menu_droite .client_menu .bloc-client ul li a {
	color: #3b5999;
	text-decoration: none;
}
/* Fin Client */
/* Contact commercial */
.menu_droite .contactcom_menu .bloc-contactcom {
	font-size: .9em;
}
.menu_droite .contactcom_menu .bloc-contactcom ul {
	/* list-style-type: "\1F44D"; */
	list-style-type: circle;
	margin-top: 10px;
	padding-left: 15px;
}
.menu_droite .contactcom_menu .bloc-contactcom ul li {
	margin-bottom: 5px;
}
.menu_droite .contactcom_menu .bloc-contactcom ul li .titre {
	color: #3b5999;
	font-weight: bold;
	margin: 0;
}
/* Fin Contact commercial */
/* Stats */
.menu_droite .stats_menu .bloc-stats {
	font-size: .9em;
}
.menu_droite .stats_menu .bloc-stats .titre {
	color: orange;
}
/* Fin Stats */
/* FIN MENU DROITE */


/* FOOTER */
.site-footer {
	background-color: #343a40;
	font-size: .9em;
	margin: 15px 0 0 0;
	padding: 25px;
	text-align: center;
	width: 100%;
}

.site-footer a {
	color: #f8f9fa;
}

.site-footer a:hover {
	color: #bbb !important;
	text-decoration: none !important;
}

.site-footer .infos {
	color: #999;
	font-size: .9em;
	margin-top: 10px;
	text-align: center;
}
/* FIN FOOTER */