/*@font-face {
 font-family: "CourierStd";
 src: url("./fonts/CourierStd.otf") format("truetype");
}*/

html, body {
    height: 100%;
    margin: 0px;
    padding: 0;
}

/** { font-family: CourierStd; }*/
text { font-size: 50px; }
a, a:hover, a:focus{
	text-decoration: none;
	color: inherit;
}

#container, #sw{
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0;
	overflow: hidden;
}

.sw{
	transform: perspective(400px);
}
.grid {
    stroke: #fff;
}
.case{
		
}
.main_case{
  /*fill: transparent;*/
  stroke: #003dff;
  stroke-width: 1;
  fill: #003dff;
  cursor: pointer;
}
.main_case:hover{
  stroke: #ff1200;
  fill: #ff1200;
}
.content_case{
	fill: transparent;	
  stroke: transparent;
  stroke-width: 1;
}
.content_case:hover{
/*	stroke: #000;*/
}
.blannnk_case{
  fill: transparent;	
  stroke: transparent;
}
.search_case, .info_case{
  fill: transparent;	
  stroke: transparent;
	cursor: pointer;
  stroke-width: 1;
  color: #003dff;
}
.search_case:hover, .info_case:hover{
  color: #ff1200;
}
.search_case div, .info_case div{
  background: transparent url('../images/search-blue.svg') center center no-repeat;
  background-size: 80% 80%;
  width: 100%;
  height: 100%;
}
.search_case:hover div{
  background-image: url('../images/search-red.svg');
}
.info_case div{
  background-image: url('../images/info-blue.svg');
  background-size: 100% 100%;
}
.info_case:hover div{
  background-image: url('../images/info-red.svg');
}

.btn_edit{
  cursor: pointer; 
}
.fond_btn_edit{
  fill: #f5f5f5;
  stroke: transparent;
  stroke-width: 1;
}
.text_btn_edit{
  font-size: 20px; 
}

.content_div{
	background-color: #000;
	height: 100%;
  position: relative;
  text-align: center;
}
.content_div .titre{
	font-size: 10px;
  	word-wrap: break-word;
  	overflow: hidden;
  	text-align: center;
  	max-height: 100%;
  	font-weight: bold;
    color: gray;
}

.content_div p {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content_div img {
  width: 100%;
  max-width: 100%;
	max-height: 100%;
}

.content_div .plus{
  display: none;
}

.content_div:hover .plus{
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 22px;
  height: 22px;
  background-color: gray;
  color: black;
  
}

.star{
  font-size: 50px;
  color: #e8e8e8;
  cursor: pointer;
}
.star.active{
  font-size: 50px;
  color: #003dff;
}
.star.active.hover{
  font-size: 50px;
  color: #e8e8e8;
}
.star.hover.rating{
  font-size: 50px;
  color: #003dff;
}

#tt_title, #content_modal_title, #info_modal_title, #tt_notes, #content_modal_notes{
  font-weight: 600;
}
#tt_rate, #content_modal_rate{
  font-size: 1rem;
}
 #info_modal_title{
 color: #003dff;
 }
 #tt_notes{
  border-radius: 0;
    border: 2px solid #000;
    padding: 0.5rem;
    margin-bottom: 0.25rem;
 }

textarea.form-control, textarea.form-control:focus, textarea.form-control:active,
input.form-control, input.form-control:focus, input.form-control:active,
.choices__inner{
  background-color: #fff;
  color: #000;
  border-radius: 0;
  border: 2px solid #000;
}
.choices__input{
  background-color: #fff;
  margin-top: 0;
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.choices_inner{
  padding-bottom: 0;
}
.choices__list--multiple .choices__item{
    margin: 0.35rem;
    margin-right: 0.1;
    padding-bottom: 0;
}
.choices__list--multiple .choices__item {
    background-color: #eaeaea;
    border-color: #eaeaea;
}
.choices__list--multiple .choices__item {
    color: black;
    border-color: #eaeaea;
}
.choices[data-type*=select-multiple] .choices__button, .choices[data-type*=text] .choices__button {
  border-color: #5b5b5b;
}  

#content_modal_btn_change, #info_modal_btn_close, #url_modal_button{
  width: 200px;
}

.form-control:focus, .form-select:focus, select.form-control:focus,
.btn:focus, .btn-secondary:focus, .btn-secondary:active:focus {
  border: none;
  box-shadow: 0 0 0 0.15rem rgba(0, 0, 0, 0.15);
}

.case-link{
  width: 42px;
  height: 42px;
  background-color: #003dff;
}