#bg_conteneur{
	/*background-image:url(../img/bg_001.jpg);*/
	/*background-image:url(../img/bg_003.jpg);*/
	/*background-image:url(../img/bg_002.png);*/
	background-size:auto 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #fff;
	background-image:url(../img/bg_002.png) ;
}

#boite_connexion{
	/*background-color:rgba(30, 144, 255, 0.5);*/
	background-color: rgba(0,147,233,0.4);
	/*background-image: linear-gradient(160deg, rgba(42,245,152,0.6) 0%,rgba(8,74,234,0.7) 100%);*/
	/*background-image: linear-gradient(160deg, rgba(8,74,234,0.7) 0%,rgba(56,159,228,0.1) 100%);*/
	background-image: linear-gradient(160deg, rgba(8,74,234,0.7) 0%,rgba(255,255,255,0.4) 100%);
	/*background-color: #08AEEA;
	background-image: linear-gradient(0deg, #08AEEA 0%, #2AF598 100%);*/

	border-radius:40px 0px 40px 0px;
	margin-top:35px;
	padding:20px;
}

#myVideo{
	position: fixed;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	opacity: 0.7;
}

@media print {
	.no_print{
		display: none;
	}
}

.bg_opaque{
	background: rgba(54, 25, 25, .5);
	padding:20px;
	color:white;
}

.sortable{
	cursor: move;
	/*list-style-type: none;*/
}

.alert,.alert-link{
	color:black !important;
}

/*DROPZONE*/
.dropzone{
	border-radius: 10px;
	padding:10px;
	background: url(../img/media_files.png) center center no-repeat ghostWhite;
	background-size: 120px auto;
	min-height: 120px;
	vertical-align: middle;
}

.dropzone{
	cursor: pointer;
	border :2px dashed orange;
}

.dropzone:hover{
	opacity: 0.7;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
}

.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 5px 0px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}

.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 20px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.btn-circle.btn-xxl {
  width: 100px;
  height: 100px;
  padding: 20px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 50px;
}

.btn-circle.btn-xxxl {
  width: 150px;
  height: 150px;
  padding: 20px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 75px;
}

.avis_support{
	text-decoration: none !important;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

textarea{
	resize: vertical;
}

.padding_none{
	padding:0;
}

.square_legende{
	height: 15px;
  	width: 15px;
  	margin: 0px 5px;
}

#modale_large{
	z-index: 4000;
}

#modale_graphique{
	z-index: 5000;
}

#message_serveur{
	z-index:6000;
}

.border_left{
	border-left:3px solid lightgrey;
}