/* --------------------------------------------------------------

 Hartija Css Print  Framework
   * Version:   1.0

-------------------------------------------------------------- */

body {
width:100% !important;
margin:0 !important;

padding:0 !important;
line-height: 1.45;
font-family: Garamond,"Times New Roman", serif;
color: #000;
background: none;
font-size: 14px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }
h1{font-size:19pt;}
h2{font-size:17pt;}
h3{font-size:15pt;}
h4,h5,h6{font-size:14pt;}


p, h2, h3 { orphans: 3; widows: 3; }

code { font: 12pt Courier, monospace; }
blockquote { margin: 1.2em; padding: 1em;  font-size: 12pt; }
hr { background-color: #ccc; }

p{font-size: 20px !important}
/* Images */
img { float: left; margin: 1em 1.5em 1.5em 0; max-width: 100% !important; }
a img { border: none; }

/* Links */
/* a:link, a:visited { background: transparent; font-weight: 700; text-decoration: underline;color:#333; } */
a:link[href^="http://"]:after, a[href^="http://"]:visited:after { content: " (" attr(href) ") "; font-size: 90%; display: none}

abbr[title]:after { content: " (" attr(title) ")"; }

/* Don't show linked images  */
a[href^="http://"] {color:#000; }
/* a[href$=".jpg"]:after, a[href$=".jpeg"]:after, a[href$=".gif"]:after, a[href$=".png"]:after { content: " (" attr(href) ") "; display:none; } */

/* Don't show links that are fragment identifiers, or use the `javascript:` pseudo protocol .. taken from html5boilerplate */
a[href^="#"]:after, a[href^="javascript:"]:after {content: "";}
a.text-link{text-decoration: none !important; font-weight: none; pointer-events: none;}
/* Table */
table { margin: 1px; text-align:left; }
th { border-bottom: 1px solid #333;  font-weight: bold; }
td { border-bottom: 1px solid #333; }
th,td { padding: 4px 10px 4px 0; }
tfoot { font-style: italic; }
caption { background: #fff; margin-bottom:2em; text-align:left; }
thead {display: table-header-group;}
img,tr, li {page-break-inside: avoid;}

#top, #MathJax_Message, .affix-top, .modal, .modal-backdrop, #cookie-bar {display: none !important}
header{margin-top: -100px; border: none}
header.header{border: none; clear: both}
header.header img{height: 50px}
article{border: none; clear: both}
h1{text-align: left; margin-left: -20px; padding-left: 0}

footer p, footer a{font-size: 12px !important; color: #999 !important}

@page
{
    size: auto;   /* auto is the initial value */

    /* this affects the margin in the printer settings */
    margin: 10mm;
}

.print-media{display: block; width: 100% !important; margin: 10px auto; page-break-inside:avoid !important}
.print-media:not(.first){page-break-before:always}
.print-media img{float: none !important; clear: both !important; max-width: 100% !important}
#lang{display: none}
	.screen-only, .tts{display:none; visibility: hidden}
	header.header{padding: 0}
	.logo-print{display: block; width: 100%; text-align: center; height: 75px}
	a[href]:after{content:""}
	.drawer{width: 800px !important; padding-top: 0; position:relative !important; display:block !important; float:none; clear:both; overflow:visible; height:auto; border:none; box-shadow:none; margin-left: 75px !important}
	.drawer a{text-decoration:none !important; font-weight:normal !important}
	.drawer .type{font-size:0.5em !important; color:#666 !important; margin-left:15px; text-transform:uppercase; font-family:Arial; margin-top:10px}
	.drawer small{font-size: 10px}
	.drawer li:not(:last-child){border-bottom:1px solid #eee; margin-bottom:20px}
	#favoris .dossiers.specific :not(.only-print){display:none}
	#favoris .dossiers.specific .only-print *:not(.options){display:inherit !important}
	#favoris .dossiers.specific .only-print a.closed::before, #favoris .dossiers.specific .only-print a.opened::before{float:left; content:"\f07c"; font-family:FontAwesome; margin-right:5px}
	#favoris .dossiers.specific .only-print, #favoris .dossiers.specific .only-print li{border-bottom:none !important}
	#favoris .dossiers.all a.closed{font-weight:bold}
	#favoris .dossiers.all a.closed::before{content:"\f07c"; font-family:FontAwesome; margin-right:5px}
	#favoris .dossiers.all ul{display:block !important}
	#favoris .dossiers.all li:not(:last-child){border:none}
	.med-colonne{float:none; clear:both; display:block; page-break-inside:avoid}
	.med-colonne:not(.first){page-break-before:always}
	.med-colonne img.visible-print{display:block; width:100%; margin:0 auto 10px auto; clear:both; float:none}
	.med-colonne .legende{display:block; float:none; clear:both}
	.med-colonne .credit{color:#999 !important; font-size: .8em; font-style:italic}
	footer{display: inline-block !important; position: relative !important; width: 100%; margin: 0 !important}
	.media-legend{height: auto !important}

	.media-print{
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		margin: 20px auto 0 auto !important;
		padding: 0 !important;
		text-align: center !important;
	}
	.media-print .media-content{
		width: 100%;
		position: relative;
		margin: 0 auto;
		width: 100%;
	}
	.media-print .media-element{
		width: 100%;
		margin: 0 auto;
		padding: 0;
		height: auto !important;

	}
	.media-print .media-element .lhp_miv_content_holder{
		position: relative !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		margin: 0 auto;
		text-align: center !important;
		overflow: visible

	}
	.media-print .media-element .lhp_miv_content_holder img{
		margin: 0 auto !important;
		max-width: 100% !important;
		height: auto !important;
		float: none !important;
		border: 1px solid #ccc;
		padding: 4px;
		border-radius: 6px;
	}
	#print-atlas-carte{width: 90%; margin: 10px auto}
	#print-atlas-carte img{		border: 1px solid #ccc; padding: 4px; border-radius: 6px}
	#print-atlas-carte .list-unstyled{display: inherit; visibility: visible !important}
	#print-atlas-carte .col-sm-6, #print-atlas-carte .col-sm-4{float: left;}
	#print-atlas-carte .col-sm-6{width: 50% !important}
	#print-atlas-carte .col-sm-4{width: 33% !important}


	.lhp_miv_map{display: none}
	#medias-fr{display: block; float: none; clear: both; width: 100%}


.list-inline .btn{display: none}