#envoifichierparmail {
  width:500px;
  height:300px;
  background:#999;
  border-radius: 5px;
  z-index:9999;
}

#chargement, #pb {
  display:none;
}
.ligneDoc{
  border-top:1px solid #999;
}
.badge{
  border-radius:3px;
}
.v0 {
  display:none;
}
.dropdown-content li > a, .dropdown-content li > span {
    color: #e53935 !important;
    font-size:1em;
}
#resume:focus {
  border-bottom: 1px solid #e53935;
  box-shadow: 0 1px 0 0 #e53935;
}

#resume:focus + label {
  color: #e53935;
}


.border-top {
border-top:1px solid #ccc;
}

.radio-red[type="radio"].with-gap:checked + label:after{
     border: 2px solid #e53935;
     background-color: #e53935;
}
.radio-red[type="radio"].with-gap:checked + label:before{
     border: 2px solid #e53935;
}

input[type=text].bred:focus, input[type=textarea].bred:focus {
     border-bottom: 1px solid #e53935;
     box-shadow: 0 1px 0 0 #ccc;
   }
   textarea.bred:focus {
        border-bottom: 1px solid #e53935;
        box-shadow: 0 1px 0 0 #ccc;
      }

.picker__weekday-display {
  background-color: #e53935;
}
.picker__date-display {
  background-color: #ff6161;
}

.btn-flat {
  color: #e53935;
}


/* The awesome
------------------ */

/* Shelf (Works best in Webkit) */
.shelf {
	position: relative;
	border-bottom: 13px solid #24252a;
	text-align: center;
	padding: 0 27px;
  margin: 20px auto;
  background: transparent;
}
.normal {
	width: 721px;
}
.petite {
	width:300px;
}

.shelf:after {
	position: absolute;
	bottom: -13px;
	left: 34px;
	height: 10px;
	background: transparent;
	content: "";
	-webkit-transform: perspective( 150 ) rotateX( -25deg );
	   -moz-transform: perspective( 150 ) rotateX( -25deg );
	    -ms-transform: perspective( 150 ) rotateX( -25deg );
	        transform: perspective( 150 ) rotateX( -25deg );
	right: 34px;
	box-shadow: 0 0 17px 5px rgba(0, 0, 0, 0.7);
	z-index: -1;
}

	.shelf > div {
		border-bottom: 23px solid #303138;
		position: relative;
		z-index: 1;
	}

	.shelf > div:before {
	  content: '';
	  width: 0px;
	  height: 0px;
	  border-style: solid;
	  border-width: 0 0 23px 27px;
	  border-color: transparent transparent #303138 transparent;
	  position: absolute;
	  bottom: -23px;
	  left: -27px;
	  z-index: 2;
	  -webkit-transform:rotate(360deg);
	  -moz-transform:rotate(360deg);
	  transform:rotate(360deg);
	}

	.shelf > div:after {
	  content: '';
	  width: 0px;
	  height: 0px;
	  border-style: solid;
	  border-width: 23px 0 0 27px;
	  border-color: transparent transparent transparent #303138;
	  position: absolute;
	  bottom: -23px;
	  right: -27px;
	  z-index: 2;
	}

		.shelf > div > * {
			position: relative;
			z-index: 2;
			top: 18px;
		}


/* Default case template (Bluray) */

.case {
	display: inline-block;

	border-radius: 5px;
	position: relative;
	z-index: 1;
}

.cnorm {
	width: 142px;
	height: 179px;
}

.cpetite {
	width: 80px;
	height: 100px;
}
.case:after {
	width: 100%;
	height: 10px;
	border-radius: 20px;
	content: "";
	background: rgba(0, 0, 0, 0.3);
	position: absolute;
	bottom: -5px;
	-webkit-transform: perspective(600) rotateX(100deg);
	   -moz-transform: perspective(600) rotateX(100deg);
	    -ms-transform: perspective(600) rotateX(100deg);
	     -o-transform: perspective(600) rotateX(100deg);
	        transform: perspective(600) rotateX(100deg);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	left: 0;
}

	.case > div {
		width: 100%;
		height: 100%;
		background: #46b0e9;
		background: rgba(70, 176, 233, 0.8);
		border-radius: 8px 8px 5px 5px;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 14px 3px 3px 0;
		overflow: hidden;
		position: relative;
	}

	.case > div:after {
		content: "";
		position: absolute;
		top: 0;
		left: 35px;
		width: 100%;
		height: 200%;
		background: rgba(255, 255, 255, 0.2);
		z-index: 10;
		-webkit-transform: rotate(30deg);
		   -moz-transform: rotate(30deg);
		    -ms-transform: rotate(30deg);
		     -o-transform: rotate(30deg);
		        transform: rotate(30deg);
	}

		.case > div > .logo {
			position: absolute;
			top: 5px;
			left: 0;
			width: 100%;
		}

			.case > div > .logo > img {
				max-height: 8px;
				width: auto;
				margin: auto;
				display: block;
			}

		.case > div > .img {
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			width: 100%;
			height: 100%;
			padding: 1px 1px 1px 0;
			border-radius: 0 4px 4px 0;
			background: rgba(0, 0, 0, 0.2);
			position: relative;
		}

		.case > div > .img:before {
			content: "";
			position: absolute;
			top: -10px;
			left: 1px;
			width: 2px;
			bottom: 0;
			background: rgba(255, 255, 255, 0.3);
			border-radius: 8px;
			z-index: 3;
		}

		.case > div > .img:after {
			content: "";
			position: absolute;
			top: -13px;
			left: 1px;
			right: -2px;
			height: 15px;
			border-top: 2px solid rgba(255, 255, 255, 0.3);
			border-radius: 8px;
		}

			.case > div > .img > span {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				width: 100%;
				height: 100%;
				padding: 1px 1px 1px 0;
				border-radius: 0 4px 4px 0;
				background: rgba(255, 255, 255, 0.2);
				display: block;
				position: relative;
			}

			.case > div > .img > span:before {
				position: absolute;
				top: 2px;
				left: 0;
				width: 0;
				height: 100%;
				content: "";
				box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
				z-index: 2;
			}

			.case > div > .img > span:after {
				position: absolute;
				top: 5px;
				left: 0;
				width: 0;
				height: 100%;
				content: "";
				box-shadow: 0 0 5px 3px rgba(255, 255, 255, 0.3);
				z-index: 1;
			}

				.case > div > .img > span > img {
					width: 100%;
					height: 100%;
					display: block;
					border-radius: 0 3px 3px 0;
				}


/* PS3 */
.case.ps3 > div {
	background: #fff;
	background: rgba(239, 239, 239, 0.8);
}

	.case.ps3 > div > .logo {
		text-align: left;
		overflow: hidden;
	}

		.case.ps3 > div > .logo > img {
			float: left;
			margin-left: 10px;
		}

		.case.ps3 > div > .logo > img + img {
			float: right;
			margin-right: 7px;
			max-height: 3px;
			margin-top: 2px;
		}

/* XBOX 360 */
.case.xbox {
	height: 203px;
}
.case.xbox.cpetite {
	height: 110px;
}

.case.xbox > div {
	background: #75bb24;
	background: rgba(113, 193, 173, 0.8);
	padding: 3px 3px 3px 0;
	border-radius: 2px 5px 5px 2px;
}

.case.xbox2 > div {
	background: #75bb24;
	background: rgba(155, 108, 0, 1);
	padding: 3px 3px 3px 0;
	border-radius: 2px 5px 5px 2px;
}

/* CD */
.case.cd {
	height: 131px;
}

.case.cd > div {
	background: #fff;
	background: rgba(255, 255, 255, 0.15);
	border-radius: 0;
	padding: 1px 1px 1px 13px;
	border: 1px solid rgba(0, 0, 0, 0.6);
}

	.case.cd > div > .img {
		border-radius: 0;
		padding: 0;
		border: 1px solid rgba(0, 0, 0, 0.6);
	}

	.case.cd > div > .img:after,
	.case.cd > div > .img > span:before,
	.case.cd > div > .img > span:after {
		display: none;
	}

	.case.cd > div > .img:before {
		box-shadow: none;
		width: 12px;
		background-color: #444;
		background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, rgba(0, 0, 0, .2)), color-stop(.5, transparent), to(transparent));
		background-image: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent);
		background-image: -moz-linear-gradient(0deg, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent);
		background-image: -ms-linear-gradient(0deg, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent);
		background-image: -o-linear-gradient(0deg, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent);
		background-image: linear-gradient(0deg, rgba(0, 0, 0, .2) 50%, transparent 50%, transparent);
		border-radius: 0;
		background-size: 2px 100%;
		top: -1px;
		bottom: -1px;
		left: -14px;
	}

		.case.cd > div > .img > span {
			background: transparent;
		}

			.case.cd > div > .img > span > img {
				border-radius: 0;
			}