@font-face {
	font-family:"Lato";src:url("/fonts/Lato_Light/latoLato-Light.eot?") format("eot"),
url("/fonts/Lato_Light/Lato-Light.woff") format("woff"),url("/fonts/Lato_Light/Lato-Light.ttf") format("truetype"),url("/fonts/Lato_Light/Lato-Light.svg#Lato-Light") format("svg");
	font-weight:normal;
	font-style:normal;
}


@font-face {
    font-family: 'Lato-bold';
    src: url('/fonts/lato-bold/lato-bold.eot');
    src: url('/fonts/lato-bold/lato-bold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/lato-bold/lato-bold.woff2') format('woff2'),
         url('/fonts/lato-bold/lato-bold.woff') format('woff'),
         url('/fonts/lato-bold/lato-bold.ttf') format('truetype'),
         url('/fonts/lato-bold/lato-bold.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/** 
 *  DEBUG
 */	

.debug-bg-green{ background-color :green;}
.debug-bg-orange{ background-color :orange;}
.debug-bg-blue{ background-color :blue;}
 
.color-green{color: #3ED57C;}
.color-red{color: #D54C56;}
.color-blue { color: #7CACFF;}
.color-gray {color: #9EA59E; }
.color-panel { color: #DBDED9;}

.font-size-small{ font-size: 11px; }
.font-size-medium{ font-size: 14px; }
.font-size-normal{ font-size: 16px; }
.font-size-large{ font-size: 18px; }
.font-size-x-large{ font-size: 22px; }

 
.child-gray-bold > a {
    font-weight: bold;
    color: #7c7c7c;
 } 
 

.beta-title{
	color: #f76060;
  font-size: 34px;
  text-align: center;
  font-family: Verdana;
  }


/** 
 *  Centrale
 */	

#centrale_article
{
	background-color: white;
	border: 6px solid white;
	border-radius: 6px;
	padding: 6px;
	display: none;
}

#centrale_tree li  { cursor: pointer; }



/** 
 *  Biblio
 */	

#admin_biblio_article
{
	background-color: white;
	border: 6px solid white;
	border-radius: 6px;
	padding: 6px;
	display: none;
}

/** 
 *  Bootstrap Spacing V4
 */	
 
  /* Margin */
 .m-0 { margin: 0px }
 .m-1 { margin: 6px }
 .mt-1 { margin-top: 6px }
 .mb-1 { margin-bottom: 6px }
 .ml-1 { margin-left: 6px } 
 .mr-1 { margin-right: 6px }
 .mx-1 { margin-left: 6px; margin-right: 6px }
 .my-1 { margin-top: 6px; margin-bottom: 6px }  

 .m-2 { margin: 12px }
 .mt-2 { margin-top: 12px }
 .mb-2 { margin-bottom: 12px }
 .ml-2 { margin-left: 12px } 
 .mr-2 { margin-right: 12px }
 .mx-2 { margin-left: 12px; margin-right: 12px }
 .my-2 { margin-top: 12px; margin-bottom: 12px }  

 .m-3 { margin: 24px }
 .mt-3 { margin-top: 24px }
 .mb-3 { margin-bottom: 24px }
 .ml-3 { margin-left: 24px } 
 .mr-3 { margin-right: 24px }
 .mx-3 { margin-left: 24px; margin-right: 24px }
 .my-3 { margin-top: 24px; margin-bottom: 24px }  


  /* Padding */
 .p-0 { padding: 0px }
 .p-1 { padding: 6px }
 .pt-1 { padding-top: 6px }
 .pb-1 { padding-bottom: 6px }
 .pl-1 { padding-left: 6px } 
 .pr-1 { padding-right: 6px }
 .px-1 { padding-left: 6px; padding-right: 6px }
 .py-1 { padding-top: 6px; padding-bottom: 6px }  

 .p-2 { padding: 12px }
 .pt-2 { padding-top: 12px }
 .pb-2 { padding-bottom: 12px }
 .pl-2 { padding-left: 12px } 
 .pr-2 { padding-right: 12px }
 .px-2 { padding-left: 12px; padding-right: 12px }
 .py-2 { padding-top: 12px; padding-bottom: 12px }  

 .p-3 { padding: 24px }
 .pt-3 { padding-top: 24px }
 .pb-3 { padding-bottom: 24px }
 .pl-3 { padding-left: 24px } 
 .pr-3 { padding-right: 24px }
 .px-3 { padding-left: 24px; padding-right: 24px }
 .py-3 { padding-top: 24px; padding-bottom: 24px }  



/** 
 *  Useful
 */	
 
 
.jquery-lightbox-background img
{
    background-color: white !important;
}     
 

.span-action { display:none; background-color: #D7DDDD; border-radius: 4px; padding: 4px; font-size:9px; color: gray; }
.div-alert { display:none; }


.loading-small img { width: 20px; }

.visibility-hidden { visibility: hidden; }

.no-gutter{ padding-left:0; padding-right:0; }
.no-space{ padding: 0px; margin: 0px; }

.no-padding{ padding: 0px}
.padding-0 { padding: 0px; }
.padding-1 { padding: 6px; }
.padding-2 { padding: 12px; }
.padding-3 { padding: 16px; }
.padding-t0 { padding-top: 0px; }
.padding-t1 { padding-top: 6px; }
.padding-t2 { padding-top: 12px; }
.padding-t3 { padding-top: 16px; }
.padding-b0 { padding-bottom: 0px; }
.padding-b1 { padding-bottom: 6px; }
.padding-b2 { padding-bottom: 12px;  }
.padding-b3 { padding-bottom: 16px;  }
.padding-l0 { padding-left: 0px; }
.padding-l1 { padding-left: 6px; }
.padding-l2 { padding-left: 12px;  }
.padding-l3 { padding-left: 15px;  }
.padding-r0 { padding-right: 0px; }
.padding-r1 { padding-right: 6px; }
.padding-r2 { padding-right: 12px;  }
.padding-r3 { padding-right: 16px;  }

.no-margin { margin-top: 0px; }
.margin-1 { margin: 6px; }
.margin-2 { margin: 12px; }
.margin-3 { margin: 16px; }
.margin-t0 { margin-top: 0px; }
.margin-t1 { margin-top: 6px; }
.margin-t2 { margin-top: 12px; }
.margin-t3 { margin-top: 16px; }
.margin-t4 { margin-top: 20px; }
.margin-t5 { margin-top: 24px; }
.margin-t6 { margin-top: 28px; }
.margin-b0 { margin-bottom: 0px; }
.margin-b1 { margin-bottom: 6px; }
.margin-b2 { margin-bottom: 12px;  }
.margin-b3 { margin-bottom: 16px;  }
.margin-b4 { margin-bottom: 24px;  }
.margin-l0 { margin-left: 0px; }
.margin-l1 { margin-left: 6px; }
.margin-l2 { margin-left: 12px;  }
.margin-l3 { margin-left: 15px;  }
.margin-r0 { margin-right: 0px; }
.margin-r1 { margin-right: 6px; }
.margin-r2 { margin-right: 12px;  }
.margin-r3 { margin-right: 16px;  }

.display-block{ display: block !important;}
.display-inline-block{ display: inline-block !important;}
.display-none{ display: none !important;}

.cursor-pointer { cursor: pointer; }

.font-size-default {font-size : 16px; }
.font-size-small1 { font-size : 8px; }
.font-size-small2 { font-size : 12px; }
.font-size-small3 { font-size : 14px; }
.font-size-big1 { font-size : 20px; }
.font-size-big2 { font-size : 24px; }
.font-size-big3 { font-size : 28px; }

.font-weight-normal { font-weight: normal;}
.font-weight-bold { font-weight: bold;}

.btn-gray { background-color: gray; color: white;  }

/* centered columns styles */
.col-centered{
	float: none;
	margin: 0 auto;
}

.bg-color1{ background-color: #61B82B;}
.bg-color2{ background-color: #3D9F00;}
.bg-color3{ background-color: #FF9500;}
.bg-blue3 { background-color: #c5e3fa; }
.bg-blue4 { background-color: #dce9f2; }
.bg-gray1 { background-color: #e0e0e0; }
.bg-gray2 { background-color: #cecece; }
.bg-gray3 { background-color: #bbbbba; }

.color-red1 { color: #df2925; }
.color-blue1 { color: #0d406f; }
.color-blue2 { color: #0084ff; }
.color-blue3 { color: #c5e3fa; }
.color-blue4 { color: #dce9f2; }
.color-green1 { color: #57ab1e; }
.color-green2 { color: #74bf42; }
.color-orange1 { color: #ff9000; }
.color-gray1 { color: #bbbbba; }
.color-gray2 { color: #9A9A9A; }
.color-gray3 { color: #505050; }


/**
	 HEADER 
*/


.col-connection {  -moz-border-radius: 4px;
  	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #e5e5e5;
	padding: 10px 40px;
  }
          
  .col-centered{
	float: none;
	margin: 0 auto;
}

.img-logo{ padding-bottom: 6px; }

.form-signin-h2{ font-weight: bold; font-size: 31.5px; }
.form-signin input, .form-signin .btn { margin-bottom: 10px;}

.col-forgot-pass { padding: 10px 40px;  }
 
/**
	 BODY
*/

body { background-color: #f5f5f5; }
.bg-white { background-color: white; }

.body-h1{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 20px;
	/* margin-left: 20px; */
}



.circle-online {
	display: inline-block;
  background-color: #33EE98;
  border-radius: 50%;
	width: 10px;
	height: 10px; 
}

.circle-offline {
	display: inline-block;
  background-color: #EE777F;
  border-radius: 50%;
	width: 10px;
	height: 10px; 
}

.circle-disabled {
	display: inline-block;
  background-color: #7C6C7E;
  border-radius: 50%;
	width: 10px;
	height: 10px; 
}




/**
	 ASIDE
*/


/**
	 FOOTER
*/