/* CSS Document */
@import url("/css/font.css");

@import url('https://fonts.googleapis.com/css?family=Lato:400,900&display=swap');



body , html {


	font-family:'Lato' , 'vegasoft' ,  sans-serif;
font-weight: 300 ;
	color: rgba(90 , 90 , 90 , 1) ;
	background: #eeeeee55 ;
	}
h1,h2,.h1,.h2 {
	font-family: 'Lato', 'vegasoft' , sans-serif;


	font-weight: 300 ;
}


.myfont{
	font-family: 'Lato', 'vegasoft' , sans-serif;


	font-weight: 400 ;
}

h3,.h3
 {
	font-family: 'Lato', 'vegasoft' , sans-serif;


	font-weight: 300 ;
}


.indexB .item{
	background: #fff ;
	


		padding-bottom: 10px ;
		transition-duration: 0.5s ;
	
	/*color: red ;*/
	    
    margin-bottom: 10px;
    border: 1px solid rgba(90,122,190,0.08);
    box-shadow: 0 3px 0 0 rgba(90,122,190,0.12);
   
    border-radius: 10px;
   
	
	
}

.itemLoc{
	padding: 3px ;
	text-align: left ;
	cursor: pointer ;
}

.itemLoc:hover{
	background: #eee ;
}
.indexB .contItem{
	padding: 20px 10px 10px 10px ;
	height: 150px ;
	margin-bottom: 5px ;
	 overflow: hidden ;
	text-align: left ;
}
	.indexB .item:hover {
		/*background: #7F8C8D ;*/
		cursor: pointer ;
		color: #666 ;
		 box-shadow: 0 1px 1px 0 rgba(90,122,190,0.1), 0 10px 20px 0 rgba(90,122,190,0.2);

	}



.indexB .perItem{
	padding: 5px ;
}



.hide{
	display: none ;
}
.cleanMargPad{
	margin: 0px ;
	padding: 0px ;
}
.btn {
	margin: 3px ;
}
.btn:hover{
	cursor: pointer ;
}
.flex{
	display: flex ;
}

.flexHAlign{
	margin: 0px auto ;
}

.flexVAlign{
	margin:  auto 0px ;
}
.flexVHAlign{
	margin: auto ;
}
.Flouter{
	transition-duration: 0s ;
}
nav{
	
	padding: 10px 20px ;
	
	background: #3C8DBC ;
	
	min-height: 10vh ;
	
}

nav .h1 , nav .h2 , nav .h3 , nav .h4 , nav .h5 , nav .h6 {
	color: rgba(255,255,255,0.9) ;
}




.navigationArea {
	padding-top: 20px ;
	background: #222D31 ;
	color: #fff ;
	min-height: 90vh ;
}
.navigationArea a {
		padding: 10px 20px ;
	display: block ;
	width: 100% ;
	height: 100% ;
}
.navigationArea ul{
	list-style: none ;
}
.navigationArea li{
padding:0px ;
margin: 0px ;	
	transition-duration: 0.5s ;
}

.navigationArea li:hover{
	cursor: pointer ;
	background: rgba(255,255,255,0.1) ;
}

.textNav , .iconNav {
	display: inline-block ;
}
.iconNav{
	
	width: 30px ;
}
.contentArea {
	padding: 30px ;
	overflow-y: scroll ;
		height: 90vh ;
}

.itemStateArea {
	padding: 20px 10px 0px 35px ;
	height: 160px ;
	width: 100% ;
	color: #fff ;
	border-radius: 5px ;
	position: relative ;
	white-space:nowrap;
}

.nbrItemBig {
	font-weight: 600 ;
	font-size: 30px ;
	line-height: 30px ;
}

.textItem {
	line-height: 25px ;
	font-size: 16px
}

.footerItem {
	width: 100% ;
	height: 35px ;
	background: rgba(0,0,0,0.1) ;
	padding: 5px ;
	text-align: center ;
	position: absolute ;
	bottom: 0px ;
	left: 0px ;
	border-radius: 0px 0px 5px 5px 
}



.stateArea {
	margin-top: 30px ;
}

.nbrItemSmal {
	font-size: 20px ;
}

.textIS {
	line-height: 10px ;
	font-size: 14px ;
}

	.messenger{
		position: fixed ;
		bottom: 5px ;
		right: 10px ;
		z-index: 5000 ;
		opacity: 0.5 ;
	}
	.messenger:hover{
		opacity: 1 ;
	}
	.charging{
		width: 100% ;

		padding: 30px ;
		text-align: center ;
		font-size: 23px ;
	}
	.formBtnLoad{
		display: none ;
	}
	.clicked{
		cursor: pointer ;
	}
			.help-block{
			padding: 10px 15px ;
			background: rgba(255 , 255 , 255 ,0.95) ;
			font-size: 14px ;
			color: #111 ;
			max-width: 300px  ;
			display: none ;
			position: absolute ;
			
			margin: 3px ;
			border: 1px solid #eee ;
			box-shadow: 1px 2px 2px rgba(61,61,61,0.7) ;
			
					text-align: left ;
		z-index: 999999 ;
			
		}
	.form-group{
		text-align: left ;
	}

.has-error .control-label,
.has-error .help-block,
.has-error .form-control-feedback {
    color: #a94442;
}

	.has-error .form-control{
		border-color: #a94442 ;
	}

/* Color of valid field */
.has-success .control-label,
.has-success .help-block,
.has-success .form-control-feedback {
    color: #3c763d;
}
.has-success .form-control{
		border-color: #3c763d ;
	}

	.info-bull {
		/*position:absolute ;*/
		display: none ;
		/*left:10px ;
		right:10px ;
		top: 150px ;*/
		z-index: 995299 ;
		}
.contInfo{
	position: absolute ;
	left: 10px ;
	right: 10px ;
	height: 100vh ;
	padding: 25px ;
	top: 0px ;
}
	.info-bull .panel {
		box-shadow: 2px 3px 5px rgba(0,0,0,0.50) ;}

		#navbar{
			z-index: 70 ;
		}

		.noirTout {
			position: fixed ;
			top: 0px ;
			left: 0px ;
			right: 0px ;
			bottom: 0px ;
			background: rgba(0,0,0,0.80) ;
			z-index: 999999999996 ;
			display: none ;
		}

	.index{
	z-index: 60 ;
}


		.panel-heading {
			height: 35px ;
			border: none ;

		}

		.panel-primary {
			background: rgba(255,255,255,1.00) ;
			border: none ;

		}

	.panel-heading{
		background: rgba(43,88,94,1.00) ;
	}
	.panel-body{
		padding: 20px ;
	}

	#body-panel{
		padding: 10px ;
	}
	.change{
		margin-top: 70px  ;
	}


.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #73879C;
    opacity: 1; /* Firefox */
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #73879C;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #73879C;
}

.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
  background-color: #fff ;
  border: 1px solid rgba(0,0,0,.15) ;
	margin-right:  0px ;
  min-height: 38px ;
	border-radius: .25rem ; 
	
 }
.select2-dropdown{
	  border: 1px solid rgba(0,0,0,.15) ;
	z-index: 12002 ;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #73879C;
  padding-top: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-top: 2px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 34px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 2px;
  border: none;
  border-radius: 0;
  padding: 2px 4px; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid rgba(0,0,0,.15); }

.select2-search , .select2-search--inline {
	width: 100% ;
}
.panel-heading{
 padding: 10px;
    height: 50px;
}


.toutNoir {
	position: fixed ;
	top: 0px ;
	left: 0px ; 
	right: 0px ;
	bottom: 0px ;
background: rgb(44,83,158); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(44,83,158,1) 0%, rgba(44,83,158,1) 100%); 
background: -webkit-radial-gradient(center, ellipse cover, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); 
background: radial-gradient(ellipse at center, rgba(44,83,158,1) 0%,rgba(44,83,158,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=1 ); 
color: #fff ;
}

.textDebut {
	text-align: center ;
	padding: 20px ;
}

.contentAreaItem {
	
	width: 100% ;
	height: 100% ;
}

.finClass {
	width: 100% ;
	height: 50px ;
	
	margin-bottom: 30px ;
}
.nextZone{
	width: 100% ;
	height: 100% ;
}

.tableInfo tr , .tableInfo td {
	padding: 5px ;
}

.informationSuplimentaire .myBold {
	width: 220px ;	
}

.table-xs th {
	font-size: 12px ;
}



.ItemInfo{
	font-weight: bold ;
	margin: 5px 0px ;
	font-size: 18px ;
}
.ItemInfo div , .ItemInfo span {
	font-weight: normal ;
	font-size: 14px ;
}

.myBold , strong , b {
	font-weight: 600 ;
}