@font-face {
	font-family: 'Conv_HelveticaLTStd-Roman';
	src: url('fonts/HelveticaLTStd-Roman.eot');
	src: local('☺'), url('fonts/HelveticaLTStd-Roman.woff') format('woff'), url('fonts/HelveticaLTStd-Roman.ttf') format('truetype'), url('fonts/HelveticaLTStd-Roman.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
  font-family: 'ModernMT-Extended';
  src: url('fonts/ModernMT-Extended.eot?#iefix') format('embedded-opentype'),  url('fonts/ModernMT-Extended.woff') format('woff'), url('fonts/ModernMT-Extended.ttf')  format('truetype'), url('fonts/ModernMT-Extended.svg#ModernMT-Extended') format('svg');
  font-weight: normal;
  font-style: normal;
}


@font-face {
	font-family: 'Conv_ITCFranklinGothicStd-Demi';
	src: url('fonts/ITCFranklinGothicStd-Demi.eot');
	src: local('☺'), url('fonts/ITCFranklinGothicStd-Demi.woff') format('woff'), url('fonts/ITCFranklinGothicStd-Demi.ttf') format('truetype'), url('fonts/ITCFranklinGothicStd-Demi.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Conv_AndaleMonoMTStd';
	src: url('fonts/AndaleMonoMTStd.eot');
	src: local('☺'), url('fonts/AndaleMonoMTStd.woff') format('woff'), url('fonts/AndaleMonoMTStd.ttf') format('truetype'), url('fonts/AndaleMonoMTStd.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #1A171B;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ---------------------------------------------------------
--- Reset */

	html { -webkit-tap-highlight-color: transparent; }

	figure { 
		margin: 0; 
/* 		padding: 1em; */
	}
	
	article { position: relative; }
	
	table { 
		table-layout: fixed;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	h1 + p,
	h2 + p,
	h3 + p { margin-top: 0; }
	
	p:first-child { margin-top: 0; }
	
	*,
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
		
	/* max values */
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	video,
	svg { max-width: 100%; outline:none}

	body > script { display: none !important; }
	
	
/* reset form */

	button,
	input,
	optgroup,
	select,
	textarea {
	  margin: 0;
	  font: inherit;
	  color: inherit;
	}
	
	button {
	  overflow: visible;
	}
	
	button,
	select {
	  text-transform: none;
	}
	
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
	  -webkit-appearance: button;
	  cursor: pointer;
	}
	
	button[disabled],
	html input[disabled] {
	  cursor: default;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	  padding: 0;
	  border: 0;
	}
	
	input {
	  line-height: normal;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
	  -webkit-box-sizing: border-box;
	          box-sizing: border-box;
	  padding: 0;
	}
	
	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
	  height: auto;
	}
	
	input[type="search"] {
	  -webkit-box-sizing: content-box;
	          box-sizing: content-box;
	  -webkit-appearance: textfield;
	}
	
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
	  -webkit-appearance: none;
	}
	
	legend {
	  padding: 0;
	  border: 0;
	}
	
	textarea {
	  overflow: auto;
	}
	
	optgroup {
	  font-weight: bold;
	}
	
	button,
	[role="button"],
	input,
	label,
	select,
	summary,
	textarea {
	  -ms-touch-action: manipulation;
	      touch-action: manipulation;
	}
	

	input,
	button,
	select,
	textarea {
	  margin: 0;
	  line-height: inherit;
	  border-radius: 0;
	  border: 0;
	}
	
	input[type="text"], input[type="password"],
	textarea, select {
	  font-size: 16px;
	}
	
	textarea {
	  resize: vertical;
	}
	
	fieldset {
	  min-width: 0;
	  padding: 0;
	  margin: 0;
	  border: 0;
	}
	
	
	input[type="search"] {
	  -webkit-box-sizing: inherit;
	          box-sizing: inherit;
	  -webkit-appearance: none;
	}
	
	/* Formulaire */

	.b-form__grp { 
		display: block; 
		overflow: hidden;
	}
	
	.b-form__grp > * { float: left; }

	.b-form__input,
	.b-form__textarea {
		border: 1px solid #1A171B;
	}



	/* tableaux */

	table th,
	table td {
		/*padding: 1.725em 0;*/
	}


/* ---------------------------------------------------------
--- Typo */

 	html { 
		font-size: .625em; 
		font-size: calc(1em * .625); 
	}
	
	body,
	.body {
		font-family: 'Conv_HelveticaLTStd-Roman';
		font-weight: normal;
		font-size: 1.9rem;
		line-height: : 1.9rem;
	}

	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-style: normal;
	}
	
	.bold {
		font-weight: bold;
	}
	
	.bigger { font-size: 1.4em; }
	
	.smaller { font-size: .8em; }

	
	ul {
		list-style-type: none;
		padding: 0;
		margin:0;
	}
	
	
	a {
		text-decoration: none;
	}
	
	input::-webkit-input-placeholder {
	color: #ff4040 !important;
	}
	 
	textarea:-moz-placeholder { /* Firefox 18- */
	input: #ff4040 !important;  
	}
	 
	textarea::-moz-placeholder {  /* Firefox 19+ */
	input: #ff4040 !important;  
	}
	 
	textarea:-ms-input-placeholder {  
	input: #ff4040 !important;  
	}
	
	.clear {
		clear:both;
	}
	
	a {
		color:#000;
		word-wrap: break-word;
	}
	
	a:hover {
		color:#000;
	}
	
	h1 {
		font-size: 1.4rem;
			text-transform: uppercase;		
	}

	
	p {
		line-height:1.3;
			
	}
	
	.underline:hover {
		text-decoration: underline;
	}
	
	.hide {
		display: none;
	}
	
	p {
		padding:0;
		margin:0;
	}

/* ---------------------------------------------------------
--- Layout -- */

	html,
	body { 
		position: relative;
		color:#000;
		height:100%;
		background-color:#fcf9ef;
		
	}
	
	body { 
		margin-top:20px;
		margin-left:20px;
		margin-right:20px;
		overflow: hidden;
	}
	
	header {
		float:left;
		width: 100%;
		background-color: #fcf9ef;
		height:auto;
	}
	
	#mobile header {
		float:left;
		width: 100%;
		background-color: #fff;
		height:35px;
		padding-left:15px;
		padding-right:15px;
		padding-top:4px;
	}
	
	#mobile .projet {
		display:block;
		width: 100%;
		background-color: #fff;
		height:35px;
		padding-left:15px;
		padding-right:15px;
		padding-top:5px;
		font-size: 2.2rem;
    letter-spacing: 0.05rem;
	}
	
	#mobile .info-projet {
		cursor: pointer;
	}
	
	#mobile .open {
		cursor: pointer;
	}
	
	.loader {
		width:100%;
		margin-top:10px;
		margin-bottom:10px;
		text-align: center;
	}
	
	#mobile .projet div {
		display:inline-block;
	}
	
	#mobile .desc {
		position: absolute;
		left:0;
		bottom:0;
		width:100%;
		background-color: #fff;
		padding-left:15px;
		padding-right:15px;
		padding-top:15px;
		
	}
	
	#mobile .projet .numero {
		bottom:0px;
		width:30px;
	}
	
	#mobile .projet .titre {
	}
	
	#mobile .projet .open {
		float:right;
	}
	
	nav {
		height:auto;
	}
	
	header, .info_projet, .follow,.liste ul li {
		font-size: 1.8rem;
		letter-spacing:0.05rem;
	}
	
	.info_projet {
		position: fixed;
		left:20px;
		top:18px;
		z-index:850000000001;
		cursor: pointer;
	}
	
	.follow {
		position: fixed;
		right:25px;
		bottom:5px;
		z-index:850000000000;
	}
	
	.texte_info_projet p {
		font-size: 1.2rem;
	}
	
	
	
	.texte_info_projet {
		position: fixed;
		left:0px;
		top:0px;
		width:25%;
		height:100%;
		background-color: #fff;
		display: none;
		padding:20px;
		z-index:850000000000;
		cursor: default !important;

;
	}
	
	.texte_info_projet h1 {
		margin-bottom:20px;
	}
	
	
	
	header .logo {
		width:60%;
		float:left;
	}
	
	header .signature {
		width:30%;
		float:left;
		padding-top:4px;
		line-height: 2.2rem;
	}
	
	header .info {
		width:10%;
		float:right;
		text-align:right;
	}
	
	
	
	footer {
		
	}
	
	

	
	.l-wrapper {
		float:left;
		width:100%;
		height:100%;
	}
	
	.l-main {
		float:left;
		width:100%;
		height:100%;
		
	}
	
	.content {
		height:100%;
		overflow:hidden;
		border-left:2px solid #000;
		border-right:2px solid #000;
		/*display: flex;*/
	}
	
	.bigtitre {
		width:100%;
		font-size: 7vw;
		font-family: 'Conv_HelveticaLTStd-Roman';
		line-height: 6vw;
		margin:0;
		padding:0;
		margin-top:92px;
		margin-bottom:75px;
	}
	
	.bigtitre.selected {
		color:#000;
	}

	.studio {
		font-size: 1.8rem;
		width:30%;
		float:left;
		line-height: 1.8rem;
		
	}
	
	.studio p {
		font-size: 0.9rem !important;
		line-height: 1.5rem !important;
		padding-left:20px;
		font-family: 'Conv_AndaleMonoMTStd';
		letter-spacing: 0.05rem;
		text-transform: uppercase;
	}
	
	.jour {
		margin-top:92px;
		font-size: 7vw;
		line-height: 6vw;
		float:left;
		text-align:left;
		margin-left:-6px;
	}
	
	.liste {
		font-size: 1.8rem;
		width:60%;
		float:left;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	.liste .swiper-container  {
		margin-right:5px;
	}
	.liste .swiper-slide {
	    height: auto;
	}
	
	.liste ul {
		display:table-row;
		position:relative;
		z-index:10;
	}
	
	.liste ul li {
		display: table-cell;
	}
	
	.table td {
	}
	
	.liste ul li:first-child {
		padding-right:5px;
	}
	
	
	.table {
	    width: auto;
	}
	
	
table {
    background-color: transparent;
    border: 0px;
    padding:0; 
    margin:0;
    border-collapse: collapse;
    
}

.table tr {
    
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    
}

.table td, .table th {
    vertical-align: bottom;
        display: table-cell;
        
        
        
}


.tito {
	position: relative;
    /*bottom: -16px;*/
    
}

.titre td {
	line-height: 3.6rem;
}

.numero {
	position: relative;
    bottom: -2px;
    line-height: 2.2rem;
}

	.liste .marge {
		/*padding-top:15px;*/
	}

	
	
	.liste .titre div:last-child p {
		line-height: 1.4rem !important;
		height:100%;

	}
	
	.date {
		position: relative;
		bottom:-2px;
		font-size: 0.65rem !important;
		line-height: 0.55rem !important;
		padding-left:2.5px;
		font-family: 'Conv_AndaleMonoMTStd';
		letter-spacing: 0.05rem;
	}
	
	.titre_projet {
		position: relative;
		bottom: -2px;
    /*line-height: 2.6rem;*/
	}
	
	.ladate {
		
	}
	
	.preview {
		color:#ff4f00;
	}
	
	.preview_img {
		position:absolute;
		z-index:500000;
		
	}
	
	.etat_preview {
		font-size: 1.2rem;
	}
	
	.floatMedia {
		position:fixed;
		display:none;
		height:100%;
		overflow: hidden;
		z-index:6000;
		pointer-events: none;
	}
	
	.floatMedia iframe,.floatMedia video {
		pointer-events:all !important;
		
	}
	
	.floatMedia img {
		height:100%;
		max-width:none;
		pointer-events: none;
	}

	.zoneMedia {
		position:relative;
		z-index:1;
	}
	
	.liste ul {
		cursor: pointer;
	}
	
	.liste ul li {
		vertical-align: middle !important;
		position:relative;
	}
	
	
	
	.liste .date span {
		/*position:relative;
		left:0;
		bottom:0px;*/
	}

	.liste .numero a  {
        display: inline-block;
  position: relative;
  padding: 0px 8px; 
  transition: 0.8s;
  transform: rotateZ(0deg);
  -webkit-transform: rotateZ(0deg);
		  
		  
	}
	
	.liste .numero .actif {
		transform: rotateZ(-90deg);
  -webkit-transform: rotateZ(-90deg);

		  
	}
	
	.out {
		left:0;
		top:0;
		position: fixed;
		overflow: hidden;
		width:100%;
		height:100%;
		display:none;
		z-index:400000000;
	}
	
	.out img {
		width:100%;
		height:100%;
	}
	
	.media_100 {
		width:100%;
		height:100%;
	}
	
	.media_90 {
		
		top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
  height:100%;
	}
	
	.centre_50 {
		top: 50%; left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
  height:100%;
	}
	
	.centre_50 iframe,.centre_50 video {
position: relative;
  top: 50%;
  transform: translateY(-50%);
	}
	
	.showMedia {
		display:block;
	}
	
	.hidden {
		display:none;
	}
	
	.gauche_50 {
		top:0;
		left:0;
	}
	
	.droite_50 {
		top:0;
		right:0;
	}
	
	.centre_50 .floatMedia-element {
		/*width:50%;*/
		height:100%;
	}
	
	
		
	
	
	
	.nav-projet {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index:8500000000000;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg==),none !important;
    mix-blend-mode: difference;
    font-size: 2rem;
    
    }
    
    .off-difference {
	    mix-blend-mode:normal !important;
    }
    
    .nav-projet-zone {
	    display: block;
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    z-index: 500;
	    mix-blend-mode: difference;
    }

    .close {
		position: fixed;
		right:20px;
		top:18px;
		z-index:850000000000;
		cursor: pointer;
		font-size: 1.8rem;
		color:#fff;
	}
	
	
    .nav-projet-zone .mouse_nav{
	    position:absolute;
	    width:100px;
	    height:100px;
	    margin:-50px 0 0 -50px;
	    pointer-events:none;
	    display:-webkit-box;
	    display:-moz-box;
	    display:-webkit-flex;
	    display:-webkit-box;
	    display:-moz-box;
	    display:-ms-flexbox;
	    display:-webkit-flex;
	    display:-ms-flexbox;
	    display:box;
	    display:flex;
	    -webkit-box-align:center;
	    -moz-box-align:center;
	    -o-box-align:center;
	    -ms-flex-align:center;
	    -webkit-align-items:center;
	    align-items:center;
	    -webkit-box-pack:center;
	    -moz-box-pack:center;
	    -o-box-pack:center;
	    -ms-flex-pack:center;
	    -webkit-justify-content:center;
	    justify-content:center;
	    font-size: 2rem;;
		letter-spacing: 0.1rem;
	}
	
	.nav-projet-zone .mouse_nav::before{
		content:'';
		color:#fff
	}
	
	.nav-projet-zone .prev,.nav-projet-zone .next
	{
		float:left;
		clear:none;
		text-align:inherit;
		width:50%;
		margin-left:0%;
		margin-right:0%;
		height:100%;
		
	}
	
	.nav-projet-zone .prev:before,.nav-projet-zone .next:before,.nav-projet-zone .prev:after,.nav-projet-zone .next:after
	{
		content:'';
		display:table
	}
	
	.nav-projet-zone .prev:after,.nav-projet-zone .next:after
	{
		clear:both
	}
	.nav-projet-zone .prev:hover ~ .mouse_nav::before
	{
		content:'Prev'
	}
	
	.nav-projet-zone .next:hover ~ .mouse_nav::before
	{
		content:'Next'
	}
	

	.img-next,.img-prev {
		width:60px;
		fill: #000;
	}

	
	.previous a {
		position:absolute;
		right:0;
		top:60%;
		color:#000;
		display:none;
	}
	
	.next a {
		position:absolute;
		left:0;
		top:40%;
		color:#000;
		display:none;
	}
	
	.next a:hover,.position a:hover {
		color:#000;
	}
	

	
	
	.o-embed {
				display: block;
				overflow: hidden;
				position: relative;
				width: 100%;
			}
			.o-embed:before {
				content: '';
			    display: block;
			    width: 100%;
			}
			.o-embed--third:before 		{ padding-top : 33.33333%; }
			.o-embed--half:before 		{ padding-top : 50%; }
			.o-embed--16ninth:before	{ padding-top : 56.25%; } /* 9:16 = 0.5625 > 56.25% */
			.o-embed--4thirds:before 	{ padding-top : 75%; }
			.o-embed--equal:before		{ padding-top : 100%; }		
			
				.o-embed iframe {
				    position: absolute;
				    top:0;
				    left: 0;
				    width: 100%;
				    height: 100%;
				}

	.zoneInfo {
		width:100%;
		height:100%;
	}
	
	.zoneInfo .left {
		float:left;
		width:50%;
		border-right: 1px solid #000;
		height:calc(100% - 30px);
		margin-bottom:30px;
	}
	
	.zoneInfo .right {
		float:right;
		width:50%;
		height:calc(100% - 30px);
		margin-bottom:30px;
		padding-left:20px;
	}
	
	.zoneInfo .top {
		height:calc(100% - 60px) !important;
		margin-top:30px;
	}
	
	.zoneInfo .end {
		height: calc(100% - 70px) !important;
	}

	.zoneInfo .info {
		width:100%;
		height:33.3333%;
		display:block;
		border-bottom: 1px solid #000;
	}

	.zoneInfo .info:last-child {
		 float:left;
		border-bottom: 0px solid #000;
	}
	
	.zoneInfo .titre {
		width:50%;
		font-family: 'Conv_HelveticaLTStd-Roman';
		font-size: 1.8rem;
		float:left;
	}
	
	.zoneInfo .contenu {
		width:calc(50% - 30px) !important;
		font-family: 'Conv_AndaleMonoMTStd';
		font-size: 0.9rem !important;
	    line-height: 1rem !important;
	    letter-spacing: 0.05rem;
	    padding-right: 15px;
	    float:right;
	}
	
	.zoneInfo .titre.big {
		font-family: 'Conv_HelveticaLTStd-Roman';
		font-size: 7vw;
		width:100% !important;
	}
	
	.swiper-container {
	    width: 100%;
	    height:auto;
	    position: relative;
	    overflow: hidden;
	    z-index: 1;
	}
	
	.swiper-slide {
	    height: auto;
	}
	
	.bt_clic_here {
		position:relative;
		z-index:500;
	}



@media all and (max-width: 680px) {

	body { 
		margin:0px;
		overflow: visible !important;
	}
	
	
	header {
		font-size: 2.2rem;
		letter-spacing: 0.05rem;
		padding-top:5px;
	}
	header .logo {
		width:50%;
	}
	
	header .infosignature {
		float:right;
		width:50%;
		text-align: right;
	}
	
	header .signature {
		float:right;
		width:auto;
		padding-top:0;
		margin-right:10px;
		line-height:normal;
	}
	
	header .info {
		
		float:right;
		width:auto;
	}
	
	
	.zoneInfo .left {
		border-right: 0px solid #000;
		margin-bottom:0;
	}
	
	.zoneInfo .left,.zoneInfo .right {
		float:none;
		display:block;
		width:100%;
	}
	
	.zoneInfo .titre {
		float:none;
		display:block;
		width:100%;
	}
	
	.zoneInfo .contenu {
		width:100% !important;
		float:none;
		padding-right: 0px;
	}
	
	.zoneInfo .info {
		width:100%;
		height:auto !important;
		display:block;
		border-bottom: 0px solid #000;
		margin-top:10px;
	}
	
	.zoneInfo .right {
		padding-left:0px;
		margin-bottom:0;
	}
	
	.zoneInfo .info:last-child {
		float:none;
	}
	
	.zoneInfo .top {
		height:auto !important;
		margin-top:0;
	}
	
	.close {
		top:10px;
	}
	
	.zoneInfo .left.top,.zoneInfo .right.top {
		border-bottom: 1px solid #000;
		padding-top:10px;
		padding-bottom:10px;
		
	}
	
	.zoneInfo .left,.zoneInfo .right {
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom: 1px solid #000;
	}
	
	.zoneInfo .left.no {
		padding-top:0;
	}
	
	.zoneInfo .end {
		height: auto !important;
	}
	
	.zoneMedia {
		clear:both;
	}
	
	#mobile .projet {
		font-size: 1.9rem !important;
		letter-spacing: 0.05rem !important;
	}
	
	.swiper-container-mobile {
		width: 100%;
	    position: relative;
	    overflow: hidden;
	    z-index: 1;
	}
	
	.diapo {
		cursor:pointer;
		position:relative;
	}
	
	
}

@media all and (max-width: 420px) {
	header {
		font-size: 2.2rem !important;
		letter-spacing: 0.05rem;
		padding-top:8px !important;
	}
}

@media all and (max-width: 340px) {
	header {
		padding-top:9px !important;
		font-size: 2rem !important;
		letter-spacing: 0.05rem;
	}
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

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

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

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

    h2,
    h3 {
        page-break-after: avoid;
    }
}