@font-face {
    font-family: 'heydings_iconsregular';
    src: url('/css/font/heydings_icons-webfont.eot');
    src: url('/css/font/heydings_icons-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/font/heydings_icons-webfont.woff') format('woff'),
         url('/css/font/heydings_icons-webfont.ttf') format('truetype'),
         url('/css/font/heydings_icons-webfont.svg#heydings_iconsregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#yapi_fond {
	position: absolute;
	
	/*border: 1px solid #000001;*/
	visibility: visible;
	/*height: 100%;
	width: 100%;*/
	height: 800px;
	/*width: 1650px;*/
	width: 100%;

	top: 0em;
	z-index: 1;
}

#yapi_info_haut {
	/*position: absolute;*/
	position:fixed;
	border: 1px solid #000001;
	visibility: visible;

	/*background-color: white;*/
	/* height: 125px;*/
	height:97px;
	width: 95%;

	top: 4px;
	z-index: 10;


	color:black;
	border-radius: 5px;
	box-shadow: 3px 2px 2px #aaa;
	z-index:1000;
	background-color:white;
	
	
} 

#boutswap {
  position: absolute;

  visibility: visible;

 /* background-color: red;*/
  height: 20px;
  width: 20px;

  /*top: 125px;*/
  left:200px;
  z-index: 500;
  transition-property:  all;
  transition-duration: 1s;
  transition-timing-function: ease;
  top:140px 

} 

#yapi_menu {
	position:fixed;

	visibility: visible;
	border-top: 1px solid #23236C;

	background:none white;

	height:auto;
	min-height:800px;
	width: 200px;
	
	/*position: absolute;*/
	top:110px;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 10px;
	color: #090;

	border: 1px solid #000001;
	border-radius: 5px;
	box-shadow: 3px 3px 2px #aaa;
	padding-top:5px;
	z-index:1000;
	background-color:white;
}


#onglet_centreh{
	/*position:absolute;*/
	position:fixed;
	left:180px;
	width:calc(100% - 180px);
	height:30px;
	/*background-color:red;*/
	/*top:100px;*/
	z-index:100;
	top:77px;
	z-index:1001;
	display: flex;
	flex-direction: column; 
}
#yapi_centre {
  /*border: 1px solid #000001;*/
  visibility: visible;
  z-index: 5;
  /*background-color: #a5ceff;*/
position: absolute;


  top: 102px;
  /*height: 800px;*/
  height:auto;
  min-height:800px;
  left: 2px;
 /* left: 200px;*/

  width: 100%;
  z-index:20;
  background-image:url('');
  padding:10px;
	
  transition-property:  all;
  transition-duration: 1s;
  transition-timing-function: ease;
  margin-top:1px;
}


table {
 border-width:1px; 
 border-style:solid; 
 border-color:black;
 border-collapse:collapse;
 background-color:transparent;
 }


.surligne{
	background:#ffff87;
	color:black;
}

/* Pour enlever la couleur de fond des fancybox */
.fancybox-skin{background-color:#fff;}

/* Messages en cas de succes, erreur ou avertissement */
#info_integration {
    border-radius: 20px 20px 20px 20px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 3px 3px 6px #AAAAAA;
    color: #FFFFFF;
    font-family: arial;
    font-size: 18px;
    padding: 4px 10px;
    position: absolute;
	left: 200px;
	top: -100px;
    transition: opacity 0.5s ease-in-out 0s;
    min-width: 400px;
	max-width: 700px;
    z-index: 100000;

	background-color: #DFF0D8;border-color: #D6E9C6;color: #468847
}
#info_integration.has-error{background-color:#F2DEDE;border-color:#EED3D7;color:#B94A48}
#info_integration.has-warning{background-color:#FCF8E3;border-color:#FBEED5;color:#C09853}

/* tableau par defaut*/
	.tabletitre{
		color:white; 
		background-color:#808080; 
		text-align:center; 
		font-family:arial; 
		border-color:white;
	}
	.bouton_css{
		font-size:45px;
		text-decoration:none;
		font-family:'heydings_iconsregular'
	}
	.bouton_css_red{
		color:#DF0101;
	}
	.bouton_css_base{
		color:#585858;
	}
	#yapi_logout {
		/*position:absolute;*/
		position:fixed;;
		top:10px;
		right:5%;
		z-index: 1010;
	}
	#info_cache{
		/*position:absolute;*/
		position:fixed;;
		font-size:9px;
		top:80px;
		left:14px;
		font-weight:bold;
	}