@charset "utf-8";
/* CSS Document */
body {
	background-color: #F5F5F5;
}

#histo {
    
    border-collapse: collapse;
	font-family: Arial,Verdana,Helvetica,Sans-serif;
	font-size: 12px;
	color: #a2417f; /* texte Arbo 0 */
}
#histo .trxMonth {
	font-size: 14px;
	/* height: 20px; */
	line-height: 20px;
	padding-left: 10px;
	text-align: left;
	cursor: pointer;
	background-color: #efefef  ; /* fond Arbo 0 */
	border: 1px solid #C3C3C3;
	margin: 0px;
	border-radius: 4px 4px 4px 4px;
}
#histo .linkShowAll div.button_bottom {
    padding: 1px 0px;
    background: none repeat scroll 0% 0% rgb(221, 221, 221);
    margin: 5px 0px;
    width: 100px;
	cursor: pointer;
}
#histo .line1 { 
    
	border: 1px solid #dddddd ; /* encadré des arbo 1 */
    color: #5f6469; /* texte des arbo 1 */
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    
}
#histo .rapporteur {
	color: #ff0000;
}

#histo .line1:hover {
	background-color: #fafafa ; /* fond des arbo 1 */
    background-color: #fefefe ; /* fond des arbo 1 */
}

#histo .line2 {
    font-size: 14px;
	height: 20px;
    line-height: 20px;
    padding-left: 10px;
    text-align: left;
    cursor: pointer;
    background-color: #E2ECFF;
    border: 1px solid #CFCFCF;
    margin: 0px;
    border-radius: 4px 4px 4px 4px;
}

a:link {
	text-decoration: none;
	color: rgb(38, 82, 161);
}
#zone_ordre {
	width: 100%;
	height: 300px;
	overflow-y: auto;
	border: 1px solid #EAEAEA;
}
#zone_ordre_live {
	width: 100%;
	overflow-y: auto;
	border: 1px solid #EAEAEA;
}
.auto-resizable-iframe {
  max-width: 1000px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 56.5%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}
.resp {
  width: 100%; /* or any custom size */
    height: 100%; 
    object-fit: contain;
}