/* xxxxxxxxxxxxxxxxxxxxxxxxx MEDIA QUERIES xxxxxxxxxxxxxxxxxxxxxxx*/
  @media screen and (max-width: 1200px) {
  	.web_box-container > .web_blk-expand.web_blk-expand-down {padding-left:.5em;}
    .web_aside {width:100%; max-width:100%; height:auto; padding:.5em 0; background:#e0e0e0;}
    .web_aside-illus {max-height:150px;vertical-align: middle; padding-right:.5em;float: left;}
    .web_blk-expand.web_blk-expand-down {max-width:940px;}
    .web_blk-expand.web_blk-expand-full-page {max-width:100%;padding:.5em} 
     } 
  @media screen and (min-width: 768px) and (max-width: 1000px) {
  	.web_box-container > .web_blk-expand.web_blk-expand-down {padding-left:0em;}
		.web_blk-expand.web_blk-expand-down {width:100%;margin-left:0em; padding-left:0em}
		.web_blk-expand.web_blk-expand-full-page {width:100%;margin-left:0em;padding:.5em}
	  .web_table-style p {margin: .1em .1em}
	  .web_table-style th,
		.web_table-style td  {font: normal normal .938em/1.4 'Roboto Condensed', sans-serif; margin:.05em 0; padding: .0 .07em; border:1px solid #c3d2e6;} 
		} 
  @media screen and (max-width: 768px){ 
    .web_main-container p {margin: .2em 0;}
		.web_main-container .web_biblio-container p {margin: .2em 0 0 1em;}
		.web_btn-empty {display:none}
    .web_box-container > .web_blk-expand.web_blk-expand-down {padding-left:0;}
    .web_blk-expand.web_blk-expand-down {width:100%;max-width:768px;padding-left:0em}
    .web_blk-expand.web_blk-expand-full-page {width:100%;left:0;padding:0 1em}
    .web_table-style p {margin: .1em .1em}
		.web_table-style {background:white}
		.web_table-style th,
		.web_table-style td {font: normal normal .938em/1.4 'Roboto Condensed', sans-serif; margin:.05em 0; padding: .0 .07em; border:1px solid #c3d2e6;}
		.web_table-heading, .web_table-subheading,
		.web_figure-heading, .web_figure-subheading{text-align:left;}
		
		.web_blk-expand-full-page .web_table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    /*overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;*/
    border: 1px solid #dddddd;
    overflow: auto;
    height: 100vh;
    padding-bottom: 2em;
  }
  .web_table-responsive > .table {
    margin-bottom: 0;
  }
  .web_table-responsive > .table > thead > tr > th,
  .web_table-responsive > .table > tbody > tr > th,
  .web_table-responsive > .table > tfoot > tr > th,
  .web_table-responsive > .table > thead > tr > td,
  .web_table-responsive > .table > tbody > tr > td,
  .web_table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .web_table-responsive > .table-bordered {
    border: 0;
  }
  .web_table-responsive > .table-bordered > thead > tr > th:first-child,
  .web_table-responsive > .table-bordered > tbody > tr > th:first-child,
  .web_table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .web_table-responsive > .table-bordered > thead > tr > td:first-child,
  .web_table-responsive > .table-bordered > tbody > tr > td:first-child,
  .web_table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .web_table-responsive > .table-bordered > thead > tr > th:last-child,
  .web_table-responsive > .table-bordered > tbody > tr > th:last-child,
  .web_table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .web_table-responsive > .table-bordered > thead > tr > td:last-child,
  .web_table-responsive > .table-bordered > tbody > tr > td:last-child,
  .web_table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .web_table-responsive > .table-bordered > tbody > tr:last-child > th,
  .web_table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .web_table-responsive > .table-bordered > tbody > tr:last-child > td,
  .web_table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
	}
  @media screen  and (min-width: 320px) and (max-width: 414px) {
    .web_main-container p {margin: .2em 0;}
    .web_main-container .web_biblio-container p {margin: .2em 0 0 1em;}
    .web_aside-illus {max-width:140px;vertical-align: middle;} 
    .web_btn-toc-content {height:calc(99vh - 6.250rem); /* valeur de la toc moins têtière*/}
  	.web_btn-view {display:none}
    .web_box-container > .web_blk-expand.web_blk-expand-down {padding-left:0;}
    .web_blk-expand.web_blk-expand-full-page  {max-width: 100%; max-height: 100%; right: inherit; padding: 0 1em}
    .web_table-style p {margin: .1em .1em}
     }
     
