@charset "utf-8";
/* CSS Document */
a:link {
    color: #000000;
}
a:visited {
    color: #000000;
}
a:hover {
    color: #000000;
}
a:active {
    color: #000000;
}
input:invalid
{
    background:#FFCCCC;
}
 
input:valid
{
    background:#FFFFFF;
}
.cadre {
    border: 1px #000 solid; 
    width: auto; 
    margin: 10px; 
    padding: 10px;
    color: black;
}
.cadron {
    border: 1px #000 solid; 
    width: 700px; 
    margin: 10px auto; 
    padding: 10px;
    color: black;
	background-color: yellow;
	box-shadow: #000 2px 2px 3px;
}
.cadrin {
    border: 1px #000 solid; 
    width: 700px; 
    margin: 10px auto; 
    padding: 10px;
    color: black;
	background-color: orange;
	box-shadow: #000 2px 2px 3px;
}
.cadre a:link{
    color: black;
    background-color: transparent;
}
.cadre:hover{
    background-color: yellow;
    box-shadow: #000 2px 2px 3px;
}
.bouton {
    border: 1px #000 solid; 
    width: auto; 
    margin: 10px; 
    padding: 10px;
    color: black;
}
.bouton a:link{
    color: black;
    background-color: transparent;
}
.bouton:hover{
    background-color: orange;
    box-shadow: #000 2px 2px 3px;
}

.encadrement {
		border: #000000 1px solid;
		border-radius: 5px;
		padding: 10px;
		margin-left: 10px;
		margin-right: 10px;
	}
.encadrelogo {
		border: #FFFFFF 0px solid;
		background-color: white;
		margin: 10px;
		padding: 5px;
	}
.encadrementcompte {
		border: #000000 1px solid;
		box-shadow: #000 3px 3px 3px;
		border-radius: 5px;
		padding: 10px;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: -5px;
		color: black;
	}
.deepshd {
  color: red;
  /*background-color: #333;*/
  letter-spacing: .1em;
  text-shadow: 0 -1px 0 #fff, 0 1px 0 #2e2e2e, 0 2px 0 #2c2c2c, 0 3px 0 #2a2a2a, 0 4px 0 #282828, 0 5px 0 #262626, 0 6px 0 #242424, 0 7px 0 #222, 0 8px 0 #202020, 0 9px 0 #1e1e1e, 0 10px 0 #1c1c1c, 0 11px 0 #1a1a1a, 0 12px 0 #181818, 0 13px 0 #161616, 0 14px 0 #141414, 0 15px 0 #121212, 0 22px 30px rgba(0, 0, 0, 0.9);
}
input::placeholder {
  color: grey;
}
.barre {
	width: 100px;
	height: 100px;
	vertical-align: bottom;
	margin-bottom: 15px;
	padding-top: auto;
	padding-bottom: auto;
}

.barre1
 {
	 display:inline;
	 float: left;
	 text-align:center;
	 vertical-align: bottom;
}
.dropdown-menu {
	background-color: black;
}
.dropdown-menu.a {
	background-color: black;
}

.plus {
    width: 255px;
    height: 36px;
	border: #5B5B5B 1px solid;
	background-color: #2E2E2E;
	border-radius: 2px;
}
#cligno{
    animation: cligno 2s infinite;
}
@keyframes cligno{
    0%{opacity: 1;}
    50%{opacity: 0;}
    100%{opacity: 1;}
}
.fondnoir {
	background-color: #D4C600;
    box-shadow: #000 2px 2px 3px;
    color: black;
}
.newqr {
	background-color: #FFC9CA;
    box-shadow: #000 2px 2px 3px;
    color: black;
}
.fondsav {
	background-color:#B7FFAC;
    box-shadow: #000 2px 2px 3px;
}
.fondlitige {
	background-color:#FFCE74;
    box-shadow: #000 2px 2px 3px;
}
.fondmag {
	background-color:#EFBFFF;
    box-shadow: #000 2px 2px 3px;
}
.fondbleu {
	background-color:blue;
    box-shadow: #000 2px 2px 3px;
}
.noir {
	color: black;
}
.modalaver {
display:block;
}

.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

#scroll_to_top {
  position: fixed;
  width: 100px;
  height: 25px;
  bottom: 50px;
  right: 10px;
}
#scroll_to_top img {
  width: 35px;
}

#affichemessage {
    position:sticky;
    width: 25%;
    height: 50px;
    bottom: 50px;
    left: 30px;
}

.img1 {
width: 120px;
transition: transform .1s;
}

.img1:hover {
-webkit-transform:scale(2); /* Safari et Chrome */
-moz-transform:scale(2); /* Firefox */
-ms-transform:scale(2); /* Internet Explorer 9 */
-o-transform:scale(2); /* Opera */
transform:scale(2);
}