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

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

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


@font-face {
  font-family: 'Montserrat-Light';
  src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),  url('fonts/Montserrat-Light.otf')  format('opentype'),
	     url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf')  format('truetype'), url('Montserrat-Light.svg#Montserrat-Light') 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 { 
		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 */
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	video,
	svg { width:100%;max-width: 100%; outline:none}

	body > script { display: none !important; }
	
	img {
		height:auto;
	}
/* 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: 1.3rem;
	  color:#000 !important;
	}
	
	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;*/
	}
	
	strong {
		font-family: 'Montserrat-Bold';
	}
	
	em {
		font-family: 'Montserrat-Italic';
	}


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

 	html { 
		font-size: .625em; 
		font-size: calc(1em * .625); 
	}
	
	body,
	.body {
		font-weight: normal;
		font-size: 1.5rem;
		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: #000 !important;
	}
	 
	textarea:-moz-placeholder { /* Firefox 18- */
	input: #000 !important;  
	}
	 
	textarea::-moz-placeholder {  /* Firefox 19+ */
	input: #000 !important;  
	}
	 
	textarea:-ms-input-placeholder {  
	input: #000 !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:#fff;
		font-family: 'Montserrat', sans-serif !important;
		
	}
	
	body { 
		padding-top:15px;
		padding-left:40px;
		padding-right:40px;
		position:relative;
		z-index:5;
	}
	
	.l-wrapper {
		
		float:left;
		width:100%;
		height:auto;
		margin-top:70px;
	}
	
	.l-main {
		padding-bottom:40px;
	}
	
	.l-main,.content {
		float:left;
		width:100%;
	}
	
	#hamburger { 
		height:24px;
		width: 53px;
		cursor: pointer;
		position: relative;
		margin-left:-17px;
		margin-top:15px;
		float:left;
	} 

	
 	#hamburger::after {
		content: '';
		position: absolute; left: 0; top: 0; right: 0; bottom: 0;
		background-image: url(../img/bt-hamburger.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out; 
		-o-transition: all .3s ease-in-out; 
		-ms-transition: all .3s ease-in-out;
	}
	#hamburger.active::after {
		-webkit-transform: rotate(90deg); 
		-moz-transform: rotate(90deg); 
		-o-transform: rotate(90deg);
		-ms-transform: rotate(90deg); 	
	}
	
	.mobile {
		padding-bottom:60px;
		border-bottom:1px solid #000;
	}
	
	.desktop {
		padding-bottom:30px;
		border-bottom:1px solid #000;
	}
	
	header {
		background-color: #fff;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		z-index:500;
		padding-top: 15px;
    padding-left: 40px;
    padding-right: 40px;
	}
	
	nav ul li {
		float:left;
		font-size:1.4rem;
		
	}
	
	nav {
		position:relative;
		z-index:500;
		background-color: #fff;
	}
	
	nav .contact img {
		width:20px;
	}
	
	nav .desktop  .contact {
		padding-top:12px;
		margin-right:15px;
	}
	
	nav .logo img {
		width:170px;
	}
	
	nav .desktop .logo {
		text-align: center;
		overflow:hidden;
		width:calc(100% - 790px);
	}

	nav .desktop .page {
		float:right;
		width:720px;
	}
	
	nav .desktop .page ul li {
		margin-right:15px;
		padding-top:20px;
	}
	
	nav .mobile {
		display:none;
	}
	
	nav .mobile .logo {
		text-align: center;
		overflow:hidden;
		width: calc(100% - 80px);
	}
	
	 nav .mobile .contact {
		float: right;
		padding-top:18px;
	}
	
	nav .mobile .l-nav {
		display:none;
		width:100%;
		clear: both;
	}
	
	nav .mobile .l-nav {
		padding-top:20px;
		padding-left:10px;
	}
	
	nav .mobile .l-nav li {
		display:block;
		float:none !important;
		margin-bottom:10px;
	}
	
	
	.home nav a {
		color:#000;
	}
	
	.home .contact {
		display:none;
	}
	
	.home .desktop {
	    padding-bottom: 30px;
	    border-bottom: 0px solid #000;
	}
	
	nav a:hover {
		text-decoration: underline;
		font-weight: bold;
	}
	
	nav a:hover, nav .selected {
		text-decoration: underline;
		font-weight: bold;
		letter-spacing: -1px;
	}
	
	/*nav a:hover:before, nav .selected:before {
	  position: absolute;
	  font-weight: bold;
	  content: attr('data-text');
	}*/
	
	nav ul li.page ul li:last-child {
		margin-right:0px;
	}
	
	
	.bloc-100 {
		width:100%;
		margin-top:15px;
		float:left;
	}
	
	.bloc-100.flex {
		
		display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden;
	}
	
	.bloc-100.child {
		border-top:1px solid #000;
		margin-top:10px;
		padding-top:10px;
	}
	
	.bloc-100.child .bloc-texte {
		width:100% !important;
	}
	
	.bloc-100.child .bloc-texte p {
		width:60% !important;
	}
	
	.bloc-50 {
		border-top:1px solid #000;
		padding-top:10px;
		float:left;
		width: calc(50% - 7.5px);
		flex: 1;
		position: relative;
	}
	
	
	
	.bloc-33 {
		border-top:1px solid #000;
		padding-top:10px;
		float:left;
		width: calc(33.3333% - 15px);
	}
	
	
	.bloc-33.mini {
		width: calc(16.6666% - 15px) !important;
	}
	
	
	.bloc-50 h2,.bloc-33 h2,.bloc-100 h2 {
		float:left;
		width:90% !important;
		font-family: 'Montserrat-Bold';
	}
	
	.page_telecharger .bloc-33 h2 {
		height: 55px !important;
	}
	
	.fleche {
		float:right;
		width:18px;
		vertical-align: top;
		cursor: pointer;
	}
	
	.fleche img {
		width:100%;
		margin-top:0px !important;
	}
	
	.fleche .selected {
		transform: rotate(180deg);
	}
	
	.bloc-50 img,.bloc-33 img {
		margin-top:15px;
		width:100%;
	}
	
	.bloc-50.marge {
		margin-right:15px;
	}
	
	.bloc-texte {
		float:left;
		width:25%;
		margin-right:15px;
	}
	
	.bloc-texte {
		float:left;
		width:35%;
	}
	
	h1 {
		font-size:2.8rem;
		font-family: 'Montserrat-Black';
		margin-bottom:15px;
	}
	
	h2 {
		font-size:2rem;
		font-family: 'Montserrat-Bold';
		margin-bottom:7px;
	}
	
	p {
		color:#878787;
		clear:both;
	}
	
	.bloc-visuel {
		float:right;
		width:63.2%;
		text-align:right;
	}
	
	.bloc-visuel img{
		width:100%;
	}
	
	.bloc-visuel .verti {
		width:65%;
	}
	
	.savoir-plus {
		margin-top:20px;
		display:block;
		width:100px;
		padding:5px;
		background-color: #ef7d03;
		color:#fff;
		cursor:pointer;
		text-align:center;
		
	}
	
	.savoir-plus a,.savoir-plus a:hover {
		color:#fff;
		text-decoration: none;
	}
	
	.telecharger {
		 position: absolute;
		  top: 35%; /* poussé de la moitié de hauteur du référent */
		  transform: translateY(-45%);
		  left: 50%; /* poussé de la moitié de hauteur du référent */
		  transform: translateX(-50%);
		width:100px;
		padding:5px;
		background-color: #ef7d03;
		color:#fff;
		cursor:pointer;
		text-align:center;
		
	}
	
	
	
	.telecharger a,.telecharger a:hover {
		color:#fff;
		text-decoration: none;
	}
	
	.img-telecharger {
		position:relative;
		cursor: pointer;
	}
	
	.img-telecharger .cache-telecharger {
		 position: absolute;
		 left:0px;
		 top:0;
		width:100%;
		height:100%;
		background-color: #ef7d03;
		display:none;
	}
	
	
	
	
	
	.legende {
		font-size:1.1rem;
	}
	
	.legende.tel {
		text-align: left;
	}
	
	.bloc-33.marge {
		margin-right:15px;
	}
	
	.bloc-33.marge:last-child {
		margin-right:0px;
	}
	
	.bloc-33 .resume img {
		width:100%;
	}
	
	.bloc-33 .resume {
		position:relative;
		clear:both
	}
	
	.bloc-33 .resume.tel {
		text-align: left;
	}
	
	.resume.tel img {
		margin-top:0;
	}
	
	.resume .legende {
		padding-top:5px;
	}
	
	.swiper-container {
	    width: 100%;
	    position: relative;
	    overflow: hidden;
	    z-index: 1;
	     -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	}
	
	.swiper-container.home {
	   position:absolute;
	   left:-20px;
	   top:-15px;
	   width:110%;
	   height: 110%;
	   z-index:1;
	   
	}
	
	.couleur {
		 -webkit-filter: grayscale(0%) !important; /* Safari 6.0 - 9.0 */
    filter: grayscale(0%) !important;
	}
	
	
	.swiper-container.home .swiper-slide {
	    height: auto;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
	
	.actualite {
		position:absolute;
		left:20%;
		top:20%;
		width:60%;
		
	}
	
	.actualite h1 {
		color:#000;
		font-size: 8.0rem;
		font-family: 'Montserrat-Black';
		padding-top:20px;
		border-bottom:1px solid #000;
	}
	
	.actualite p {
		color:#000;
		font-size:1.8rem;
		line-height: 1;
	}
	
	.actualite .texte-actualite {
		color:#000;
		padding-top:0px;
		width:80%;
		max-width:80%;
		
	}
	
	.actualite .savoir-plus {
		margin-top:20px;
		display:block;
		width:200px;
		padding:5px;
		background-color: #ef7d03;
		color:#fff;
		cursor:pointer;
		font-size:2.3rem;
		text-align:center;
		
	}
	
	.actualite .savoir-plus a,.actualite .savoir-plus a:hover {
		color:#fff;
		text-decoration: none;
	}

	
	
	
	.google_map {
		margin-top:15px;
	}

	
	.formulaire input,select {
		width:400px;
		max-width:400px;
		border:1px solid #000;
	}
	
	.formulaire .bloc-100 h2,.formulaire .info {
		width:50% !important;
	}
	
	.formulaire [type="checkbox"] {
		width:auto !important;
	}
	
	.formulaire .info {
		float:right;
		text-align: right;
	}
	
	.formulaire .bloc-100.main label {
		float:left;
		margin-right:5px;
		/*width:200px;*/
	}

	.content-form {
		float:left;
		margin-top:15px;
		clear:both;
		width:100%;
	}
	
	.content-form .marge {
		margin-top:5px;
	}
	
	.content-form label {
		float:left;
		margin-right:5px;
		width:200px;
		color:#878787;
	}
	
	.clear {
		clear:both;
	}
	
	.group-form {
		float:left;
	}

	
	.group-form.label-100 label {
		width:100px;
	}
	
	.content-form p {
		padding-bottom:5px;
	}
	
	.valider-button {
		display:block;
		width:100px;
		padding:5px;
		background-color: #ef7d03;
		color:#fff;
		cursor:pointer;
		text-align:center;
		float:right;
	}
	
	.valider-form a,.valider-form a:hover {
		color:#fff;
		text-decoration: none;
	}
	
	.erreur-form {
		float:left;
		width:87%;
		color:#ef7d03;
		font-weight: bold;
		text-align: right;
	}
	
	.valider-form {
		float:right;
		width:120px;
	}
	
	.valider {
		margin-top:15px;
		width:100%;
		float:right;
	}
	
	.required {
		color:#ef7d03 !important;
		font-weight: bold;
	}
	
	.required-border {
		border:1px solid #ef7d03 !important;
	}
	
		
	.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%;
				}

	
	footer {
		 clear: both;
	    float: left;
	    width: 100%;
	    padding-top: 20px;
	    padding-bottom: 50px;
	    height: auto;
	}
	footer .bloc_footer {
		border-top: 1px solid #000;
	    padding-top: 10px;
	    float: left;
	    width: calc(33.3333% - 15px);
	    margin-right:15px;
	}
	
	footer .bloc:last-child {
	    margin-right:0px;
	    width: calc(33.3333%);
	}
	
	footer input {
		border:1px solid #000;
		height:28px;
		float:left;
		width: calc(100% - 170px);
	}
	
	footer .newsletter_content-message {
		clear:both;
		margin-top:5px;
		width:90%;
		color:#ef7d03;
	}
	

	.zone-valider-button-newsletter {
		max-width:50%;
		text-align: right;
		float:left;
	}
	
	.valider-button-newsletter {
		
		display:block;
		width:100px;
		padding:5px;
		background-color: #ef7d03;
		color:#fff;
		cursor:pointer;
		text-align:center;
		margin-left:5px;
		
	}
	
	#map {
                height: 500px;
            }
    
    table {
	    border-collapse: collapse;
	    background-color: transparent;
	    padding-left:30px;
	}
	
	.table tr {
	    
	    padding-bottom:5px;
	    display: table-row;
	    vertical-align: inherit;
	    border-color: inherit;
	    cursor: pointer;
	    
	}
	
	.table .del-element {
	    width:40px;	    
	}
	
	.table td, .table th {
	   padding: .75rem;
	    vertical-align: top;
		text-align:left;
	}
	     
    .formulaire-zone-upload,.formulaire-zone-lien {
	    margin-top:10px;
    }
    
    .formulaire-upload {
	    width:200px;
	    font-size:1.4rem;
    }
    
    .ajax-file-upload-error {
	    font-size: 1.3rem;
	    color:#ef7d03;
    }
    
    .formulaire-liste {
	    width:90%;
    }

@media all and (max-width: 640px) {
	.actualite h1 {
		font-size: 8vw;
	}
	
	.actualite p {
		color:#000;
		font-size:1.4rem;
		line-height: 1;
	}
	
	.actualite .texte-actualite {
		width:90%;
		max-width:90%;
		
	}
}

@media all and (max-width: 920px) {
	
	footer .bloc_footer {
		float:none;
		margin-bottom:15px;
		width:100% !important;
	}
	
	.bloc-100.child {
		/*margin-top:0px;*/
	}
	
	nav .mobile {
		display:block;
	}
	
	nav .desktop {
		display:none;
	}
	
	.bloc-texte  {
		display:block;
		float:none;
		width:100%;
	}
	
	.bloc-visuel  {
		display:block;
		float:none;
		width:100%;
	}
	
	h1 {
		margin-top:10px;
		font-family: 'Montserrat-Black';
	}
	
	.bloc-visuel .verti {
		width:100%;
	}
	
	.bloc-100 {
		/*margin-top:0px;*/
	}
	
	.bloc-100.first {
		margin-top:15px;
	}
	
	.bloc-50,.bloc-33 {
		width:100% !important;
		padding-bottom:0px;
		margin-top:20px;
		padding-top:10px;
		float:none;
	}
	
	.bloc-50.open,.bloc-33.open {
		padding-bottom:15px;
	}
	
	.bloc-50 .resume,.bloc-33 .resume {
		width:100%;
	}
	
	.bloc-33.marge {
		margin-right:0;
	}
	
	
	
	.fleche {
		display:block;
	}
	
	.bloc-59 .resume:visible {
		margin-bottom:0px;
	}
	
	.bloc-100.child .bloc-texte {
		width:100% !important;
	}
	
	.actualite h1 {
		color:#000;
		font-size: 10vw;
		font-family: 'Montserrat-Black';
	}
	
}

@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;
    }
}