:root {
	--border-color-1: rgb(44, 46, 194);
	--border-color-2: rgb(240, 186, 10);
	--navbar-color: #e3f2fd;
}

h2 {
	color: rgb(15, 59, 201);
	font-family: 'Palatino Linotype', serif; /*'Trocchi', serif;*/
	font-size: 38px;
	line-height: 48px;
	margin: 0;
	text-shadow: 1px 1px 2px #30b4d4;
 	/* font-family: "Great Vibes", cursive; */
	/*font-family: 'Rouge Script', cursive; font-size: 38px; font-weight: normal; line-height: 48px; margin: 0 0 50px; text-align: center; text-shadow: 1px 1px 2px #082b34;*/
}

nav {
	background-color: var(--navbar-color);
}

nav .navbar-toggle {
	background: var(--navbar-color);
	border-style: none;
	margin: 0 5px 0 0;
}

nav .nav-item {
    border: solid transparent;
}

nav .nav-item:hover {
    border: solid var(--border-color-1);
	border-radius: 6px;
}

nav .nav-item .nav-link {
    color: var(--border-color-1);
}

.dropdown-menu{
	min-width: 100%;
}

#logo-impact {
	width: 85px;
}

.tabbable {
	padding: 5px 5%;
	text-align: left;
}

.modal { overflow: auto !important; }

.modal-dialog .modal-header {
	cursor: grab;
}

span.rouge {
	color: red;
}

span.petit-bleu {
	font-size: 13px;
	color: blue;
}

span.bouton {
    color: green;
    font-weight: 650;
}

span.bold {
	font-weight: bold;
}

label.required::after {
	content: '*';
	color: red;
	font-weight: bold;
}

/* Nécéssaire pour que \n marche */
#message-supprime-client-simple {
	white-space: pre;
}

body {
	margin-bottom: 25px;
	clear: both;
}

footer {
	height : 25px
}

.btn-telecharge-pdf{
	border: none;
	border-radius: 4px;
	font-size: 26px;
	color: rgb(226, 14, 14);
	background-color: white;
}

.mot-de-passe-oublie {
	background-color: rgb(251, 219, 180);
	padding: 2px 4px;
	border-radius: 5px;
	border: solid rgb(247, 159, 59);
	font-size: 14px;
}

.tabbable-login {
	background-color: rgb(243, 243, 243);
	font-size: 18px;
	border: solid rgb(64, 71, 170);
	padding: 15px 20px;
	border-radius: 15px;
}

.tabbable-mdp {
	background-color: rgb(243, 243, 243);
	border: solid rgb(64, 71, 170);
	padding: 15px 20px;
	border-radius: 15px;
}

.content-section-b {
	padding: 30px 20px;
	background-color: var(--navbar-color);
}

.card-accueil {
	padding: 0 10px;
	border: solid var(--border-color-1) 4px;
	border-radius: 12px;
	box-shadow: 8px 4px 12px 0 rgb(112, 112, 112);
}

.card-accueil .card-title {
	display: inline-block;
	color: black;
	padding: 10px 30px 10px 30px;
	margin: 0 -10px  0 -10px;
	border-bottom: solid var(--border-color-1) 4px;
}

.card-accueil .card-title .title {
	font-weight: 1000;
	margin: 0 0 0 20px;
}

.card-accueil .card-body {
	color: black;
	padding: 15px 20px 5px 20px;
}

.carousel-control.left {
	background-image:none;
}

.carousel-control.right {
	background-image:none;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img{display: inline-block;}

.btn-jaune {
    text-align: center;
    background: linear-gradient(to bottom, #FFFFFF 0, #ffdd4e 3%, #f8c67b 100%) repeat scroll 0 0 transparent;
    color: black;
}

.btn-jaune:hover {
    background: linear-gradient(to bottom, #FFFFFF 0, #ffcb4e 3%, #ffb67b 100%) repeat scroll 0 0 transparent;
}

button:hover:enabled {
	box-shadow: 0px 0px 8px 0 rgb(112, 112, 112);
}

input:hover:enabled {
	box-shadow: 0px 0px 8px 0 rgb(112, 112, 112);
}

/* inner add-on */
.right-inner-addon {
	position: relative;
}
.right-inner-addon input {
	padding-right: 30px;
}
.right-inner-addon i {
	position: absolute;
	right: 0px;
	padding: 10px 12px;
	cursor: pointer;
}