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

.cadre {
    height: 100%; /* ajuste le bas au bas de l'IFRAME qui s'adapte */
    display: flex; /* placer en premier pour paramétrer ensuite*/
    /*align-items: center; /* centré verticalement */
    /*border: 3px solid #ff8800; /* orange */
    max-height: 600px;
}

.outer {
    /*height: 400px;*/
    display: flex; /* placer en premier pour paramétrer ensuite*/
      /*justify-content: center; /* centré horizontalement */
    /*max-width: 1500; /* Pour que la video soit max hauteur chapitrage*/
    margin-left: auto;
    margin-right: auto;
    /*border: 3px solid #ff0000; /* rouge */
    width: 100%;
    
}

.inner-player {
    display: flex;
    align-items: center;
    min-width: 65%;
    background-color: #000000;
}
.inner-odj {
    display: flex;
    /*align-items: center; /* centré verticalement */
    min-width: 35%;
    height: 100%;
    /*border: 3px solid #0000ff; /* Bleu marine */
    overflow-y: auto;
    background-color: #f5f5f5;
    
}

.zone_ordre {
	width: 100%;
	/*height: 100%; /* 340px */
	/*overflow-y: auto; */
	border: 1px solid #EAEAEA;
    /*border: 3px solid #000000; /* noir */
}
.zone_ordre_live {
	width: 100%;
	overflow-y: auto;
	border: 1px solid #EAEAEA;
}

 
@media screen and (max-width: 710px /* VERTICALE sinon basculera en horizontale si > 710 LILAS 870 Antony */) {
.outer {
    flex-direction: column; /* En colonne */
    }

.cadre {
    max-height: 700px; /* OK 700px nouveau site */
    /*border: 3px solid #ff8800; /* orange */
}
}

#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: #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);
}

.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%;
}




.video-responsive {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}
.video-responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}


.resp {
  width: 90%; /* on agrde un petit bord */
  height: 90%; 
  object-fit: contain;/* ratio gardé, image max hauteur ou largeur de la div */
   display: flex; /* placer en premier pour paramétrer ensuite*/
    margin-left: auto;
    margin-right: auto;
}