/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html,button,input,select,textarea { color: #333; }
html { font-size: 1em; line-height: 1.4; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0 }
ul,ol { list-style:none; }
fieldset,img,abbr,acronym { border:0 }
table { border-collapse:collapse; border-spacing:0 }

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

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
audio,canvas,img,video { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
body { font-family: Arial, sans-serif; font-size: 14px; background:#d6d6d6;/* background:#f4e8e1 url(../img/theme/voeux/bg-site.jpg) no-repeat top center */}
a { text-decoration:none; color:#333; } a:hover { text-decoration:underline; } :focus { outline:0; }
h1 { font-size:22px; } h2 { font-size:18px; } h3 { font-size:16px; } h4 { font-size:13px; } h5,h6 { font-size:12px; }
h1,h2,h3,h4,h5,h6 { font-weight:bold; }
/*input,button,select,textarea,option { font:12px Arial,serif; }*/
.rouge { color:#f00; border-color:#f00 } .vert { color:#01d758 } #commentform input.error, #commentform textarea.error { border:1px solid red }
div.feedback { border-top:1px solid; border-bottom:1px solid; text-align:center; font-weight:bold }
/* ==========================================================================
   LAYOUT
   ========================================================================== */
#wrapper { background:#fff; margin:0 auto 10px auto; padding:15px 0; width:1000px; border:1px solid #dfdfdf; box-shadow:0px 0px 3px #333; }
#header { background:#FFF; padding:0 15px 0 15px; text-align:left; } #header h1 { margin-bottom:10px }
#main { width:1000px; } #content { float:left; width:665px; }
#sidebar { float:right; width:320px; margin:10px 15px 0 0; padding:0; }
.content-loop { float:left; width:650px; overflow:hidden; }
.pub-smart { display:none }

/*---------------------------------------------------------------------------------*/
/* TOP */
/*---------------------------------------------------------------------------------*/
.logo { float:left; } .logo { margin:10px 0px 0px; } .logo .logo-acc { display:none } .logo .not-home { display:inline }
.header-ad { float:right; width:471px; height:100px; overflow:hidden; margin:10px 0 10px; }

#top { background:#fff; width:970px; height:32px; font-size:11px; margin:0 auto; padding:1px 0; line-height:32px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }

/* top navigation */
.topnav a { position:relative; color:#666; display:block; font-weight:bold; text-transform:uppercase; text-decoration:none; }
.topnav li { float:left; width:auto; }
.topnav li a { padding:0 13px; font-size:11px; line-height:16px; text-decoration:none; line-height:32px; }
.topnav li a:hover, .topnav li a:active { color:#fff; text-decoration:none; }
.topnav li.first a { line-height:32px; color:#fff; }

/* search form */
.widget_search { padding:10px 15px; border:0 !important; }
#search { float:right; display:inline; width:160px; margin:3px 0 0 0; }
#searchform { background:#FFF; border:1px solid #dcddd8; height:24px; }
#searchform input { display:block; background:none; border:none; }
#searchform input#s { float:left; background:#fff; width:100px; height:16px; padding:4px 7px 4px 7px; font-size:11px; line-height:12px; color:#777; line-height:12px; }
#searchform input#searchsubmit { float:right; background:url(../img/ico-search.png) no-repeat left center; width:19px; height:18px; padding:4px 6px 2px 0; overflow:hidden; text-indent:-5555em; cursor:pointer; }

/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/
#cat-menu { background:#fff; width:970px; height:34px; margin:0 auto; border-top:1px solid #dcddd8; border-bottom:3px solid; }
#cat-menu #cat-nav-mobile { display:none }
.nav { z-index:99; float:left; margin:0px; padding:0px; list-style:none; line-height:1; height:34px; }
.nav a { position:relative; color:#333; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; }
.nav li a { font-size:13px; padding:0 14px; border-right:1px solid #e6e6e6; text-decoration:none; line-height:34px; }
.nav li a:hover, .nav li a:active, .nav li.first a { color:#fff; line-height:34px; }
.nav li a:hover { text-decoration:none; }
.nav #close-mn {display:none }
/*---------------------------------------------------------------------------------*/
/* BREADCRUMB  fil ariane page */
/*---------------------------------------------------------------------------------*/
#breadcrumb { float:left; background:#FFF; width:100%; margin:0 0 10px 0; padding:0 0 10px 0; color:#9f9f9f; font-size:11px; line-height:16px; text-transform:uppercase; border-bottom:1px solid #dcddd8; }
#breadcrumb a,#breadcrumb span { padding:0 6px 0 10px; background:url(../img/ico-arrow.png) no-repeat 0 3px; color:#9f9f9f; }
#breadcrumb .tip { background:none; padding:0; }
#breadcrumb .home { background:none; }
.archive #breadcrumb { margin-bottom:10px; }
.onecolumn #breadcrumb { width:970px; }

/*---------------------------------------------------------------------------------*/
/* Slideshow Calico */
/*---------------------------------------------------------------------------------*/
.slideshow { width:634px; height:270px; border:1px solid #F0F0F0; margin:10px 0 10px 15px; }
ul.ppt { position: relative; }
.ppt li { list-style-type: none; position: absolute; top: 0; left: 0; }

.titre-slideshow { position:absolute; bottom:40px; left:0px; padding:5px 20px; text-align:center; color:white; font-weight:bold; text-transform:uppercase }
.ad300x250 { width: 300px; height: 270px; margin: 1px 0px 10px 0px; }

/*---------------------------------------------------------------------------------*/
/* CONTENT */
/*---------------------------------------------------------------------------------*/
.home-title { border-bottom:2px solid #6f0e8e; margin:0 0 10px 15px; }
.home-title span { background-color:#b60f80; color:#fff; padding:5px 15px; margin-left:15px; margin-bottom:-10px; font-weight:bold; border:1px solid #fff; display:inline-block; box-shadow:0px 0px 3px #333 }
.content-loop .post { float:left; width:288px; height:255px; overflow:hidden; margin:0 0 15px 15px; padding:10px; border:1px solid #dcddd8; }
.gridrow .post { width:auto; float:none; height:auto }
.content-loop .home-une { width:94%; height:auto }
.content-loop .entry-excerpt { display:block; clear:both; text-align:justify }
.content-loop .home-une .entry-excerpt { margin-top:15px; clear:none }
.hentry { margin:15px 15px; padding:0 0 15px; border-bottom:1px solid #dcddd8; }
h1.entry-title { font-size:22px; margin:0 0 10px 0; line-height:24px; }

/* miniature home*/
.entry-thumb { float:left; display:block; position:relative; margin:0 15px 10px 0; padding:4px; display:block; border:1px solid #dcddd8; color:#000; }
.entry-thumb img { display:block; }
.entry-title { line-height:17px; font-size:15px; font-weight:bold; font-family:'Droid Serif', serif; }
.entry-title a:hover { text-decoration:underline; }
/* date home */
.entry-meta { color:#777; margin:5px 0; font-size:11px; }
.entry-meta a { color:#777; text-decoration:none; }
.entry-meta a:hover { text-decoration:underline; }
.entry-meta .author { margin:5px 0 }
.meta-more { font-size:11px; margin:10px 0 0; font-weight:bold; display:block; text-align:right }
/*nav page par page */
.pagenavi { padding: 15px; text-align: center; clear: both; }
.pagenavi span.pages { background: none; border: 0; text-decoration: none; padding: 3px 5px; margin: 2px;}
.pagenavi span.current { font-weight: bold; background:#fff; }
.pagenavi a:hover, .pagenavi span.current { border-color: #000; }
.pagenavi a, .pagenavi span { text-decoration: none; border: 1px solid #BFBFBF; padding: 3px 5px; margin: 2px; }
/* sidebar */
.widget-title { height: 30px; padding: 0 15px; color: #fff; line-height: 30px; clear: both; font-size: 13px; margin-bottom:10px; } 
.tagcloud { text-align:center; padding:10px 15px;font: 100%/160% Arial; } .tagcloud a { margin:0 2px }
/* footer */
#footer { background:#fff; color:#333; overflow:hidden; width:970px; margin:0 auto; border-top:1px solid #E6E6E6; }
#footer #fwidget-2 { margin-left:15px; margin-right:15px; }
#footer #fwidget-3 { float:right; }
#footer .widget { float:left; display:inline; width:32%; padding:0; margin:15px 0 15px 0; border-bottom:0; }
#footer .fwidget { margin-bottom:15px; }
#footer .widget-title { color:#333; border-bottom:1px solid #dcddd8; }
#footer ul li { padding:0 10px 10px 0; float:left }
#bottom { clear:both; font-size:11px; color:#333; width:930px; margin:0 auto; padding:10px 0px 0px 0px; border-top:1px solid #E6E6E6; }
#bottom a { color:#333; }
.backtotop { background:url(../img/ico-go-up.png) no-repeat; width:48px; height:48px; }
/* page listes arricles */
.section-title { background: #fbfbfb; margin: 10px 10px 10px 15px; padding: 10px 15px; border-bottom: 1px solid #dcddd8; border-top: 1px solid #dcddd8; font-size: 15px; line-height: 1; }
.cat-feedlink a { vertical-align: bottom; width: 16px; height: 16px; display: inline-block; background: #FAFAFA url(../img/ico-rss.png) no-repeat 0 1px; margin: 0 0 0 4px; text-indent: -5555em; overflow: hidden; }
/*---------------------------------------------------------------------------------*/
/* entry : contenu article*/
/*---------------------------------------------------------------------------------*/
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6, .entry ul, .entry ol { margin:10px 0 20px 0; }
.entry p { text-align:justify } .old-style p { margin-bottom:10px }
.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color:#0A0A0A; }
.entry ul,.entry ol { margin:20px 0 20px 30px; }
.entry ul ul, .entry ul ol, .entry ol ol, .entry ol ul { margin:0 0 0 20px; }
.entry hr { border-top:1px solid #FFF; border-top:1px solid #C7D7DB; background:none; height:0; margin:0 0 20px 0; padding:0; clear:both; }
.entry hr.none { border:0 none; height:0; background:none; margin:0; padding:0; clear:both; }
.entry a { color:#00F; text-decoration:underline; font-weight:bold }
.entry a[target="_blank"] { color:#800080; }
.entry blockquote { margin:20px 20px; padding:0 30px 0 20px; overflow:hidden; border-left:10px solid #F7F7F7; }
.entry img { vertical-align:bottom; }
.entry .thematique { float:right; width:100%; color:#6f0e8e; font-weight:bold; text-transform:uppercase }
.entry .mediumsize { max-width:50%; float:left; margin:0 10px 10px 0 } .entry .fullsize { max-width:97.5%; max-height:none }

img.alignleft { margin:6px 10px 6px 0; } .captWidth300 { max-width:300px }
img.alignright { margin:6px 0 6px 10px; }
/* post images */
.wp-caption { background:#e7e7e7; margin:0px 10px 10px 0; text-align:center; padding:4px 0px 5px 0px; border:1px solid #e6e6e6; }
.wp-caption img { margin:0px 0px 5px 0px; padding:0px; border:0px; max-width:100%; height:auto; }
.wp-caption figcaption { margin:0px; padding:0px; font-size:11px; font-weight:normal; line-height:14px; }
/* Images */
.entry-content { line-height:20px; }
.entry-content img, .comment-content img { max-width: 97.5%; height:auto }
/* tag */
#entry-bottom { margin:15px 0; background: #f9f9f9; border: 1px solid #e6e6e6; padding: 10px; color: #333; line-height: 18px; }
#entry-bottom a { color:#333 }
#entry-author { border-top:1px solid #dcddd8; border-bottom:1px solid #dcddd8; margin:0px 0 15px 0; font-size:.85em; color:#9c9c9c }
#author-avatar { float:left; }
#author-avatar img { display:block; padding:4px; background:#FFF; }
.entry-author-content { background:#fafafa; padding:10px 15px; }
.entry-related { padding:0 0 10px 0; border-bottom:1px solid #dcddd8; }
.entry-related h3 { margin-bottom:10px; }
.related-post { float:left; width:135px; margin:0 15px 0 0; text-align:center }
.related-post img { background:#fff; padding:4px; border:1px solid #dcddd8; }
.related-post h3 { margin:0 0 10px 0; }
.related-post .title { display:block; line-height:16px; margin:7px 0 0 0; color:#333 }
.related-post .title:hover { color:#6f0e8e }
/* styyles persos*/
.entry h2.mediumtitle { font-size:1.1em; color:#800080; margin:0; }
.entry .post_theme { color:#800080; text-transform:uppercase; font-weight:bold }
.entry a { color:#00f; }
.entry a[target="_blank"] { color:#800080; }

/* theme violet */
a:hover, .logo a, #tab-sidebar #recent-comments a:hover span.comment-author, .cancel-comment-reply a, .commentlist p a, .reply a, .reply a:visited { color:#6f0e8e; }
.topnav li.first a, .topnav li ul li a:hover, .nav li a:hover, .nav li a:active, .nav li.first a, .nav li ul li a:hover, #sidebar .widget-title, .tab-widget-menu li.selected, .subscribe-submit { background:#b60f80; }

.topnav li a:hover, .topnav li a:active { background-color:#6f0e8e;  }
#cat-menu { border-bottom-color:#6f0e8e; }

#searchform input#s:focus { color:#6f0e8e; border-left:1px solid #6f0e8e }
#searchform input#searchsubmit:hover { background:#6f0e8e url('../img/ico-search-o.png') no-repeat left center; }

.titre-slideshow { background-color:rgba(111,14,142,.7); }
.pagenavi .current { background:#b60f80 !important; color:#fff; }

/*---------------------------------------------------------------------------------*/
/* COMMENTS */
/*---------------------------------------------------------------------------------*/
#respond { margin:20px 0px 0px 0px; }
#respond p { color:#777; margin:0px; }
.comments-box { margin:0 15px; padding:10px 0px 0px 0px; }
.comments-box h3 { font-size:16px; font-weight:bold; }
.cancel-comment-reply a { padding:5px 0px 0px 0px; font-size:11px; }
.text { border:1px solid #e6e6e6; padding:2px; color:#777; width:200px; }

/* comment framework */
#pings { margin-bottom:40px; }
ul.children { margin-left:0px; }
ol.commentlist { margin:20px 0px 0px 0px; }
cite.fn { font-size:14px; font-weight:bold; font-style:normal; letter-spacing:-0.05em; display:block; padding-top:9px; }
cite.fn a, cite.fn a:hover { text-decoration:none; }
span.says { display:none; }
.commentlist li { margin:10px 0px 0px 0px; padding:15px; list-style:none; border:1px solid #dcddd8; }
.commentlist li.depth-2 { background:#ffffff; border:1px solid #dcddd8; margin-left:15px; }
.commentlist li.depth-3 { background:#fafafa; border:1px solid #dcddd8; margin-left:15px; }
.commentlist li.depth-4 { background:#ffffff; border:1px solid #dcddd8; margin-left:15px; }
.commentlist li.depth-5 { background:#fafafa; border:1px solid #dcddd8; margin-left:15px; }
.commentlist code { background:#e6e6e6; padding:5px; }
.commentlist .moderation { margin-top:10px; color:#660000; }
.commentlist .thread-even { background:#fafafa; }
.commentlist .children { margin-top:15px; }
.commentlist p { clear:both; }
.comment-author { margin-bottom:5px; }
.avatar { margin-right:10px; float:left; padding:3px; border:1px solid #e9e9e9; background:#fff; }
.reply { margin:15px 0px 0px 0px; }
.reply a, .reply a:visited { font-size:12px; text-decoration:none; }
.reply a:hover { text-decoration:underline; }
.comment-meta { float:left; font-size:12px; margin-bottom:15px; color:#777 }	

/* comment form */
#commentform { margin:15px 0 0 0; }
#commentform input, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color:#ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; }
#commentform input.txt { color:#666; background:#fafafa; width:170px; margin:0 5px 10px 0; padding:5px 7px; }
#commentform textarea { color:#666; background:#fafafa; width:95% !important; padding:5px 7px; }
#commentform #submit { margin:15px 0 10px 0; }

/* button */
a.button { background:url(../img/btn-left.png) no-repeat left; color:#505050 !important; display:block; float:left; font-size:12px; font-weight:bold; height:23px; line-height:22px !important; margin:15px 0; padding:0 0 10px 12px; cursor:pointer; }
a.button span { background:url(../img/btn-right.png) no-repeat right; display:block; float:left; height:23px; padding:5px 10px 5px 0; }
a.button:hover { text-decoration:none; }

/* misc */
.page .hentry, .error404 .hentry { border-bottom:0; }

input[type=submit] { 
background: #e0e0e0; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #e0e0e0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#e0e0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
color:#505050; font-weight:bold; padding:5px 10px; border:1px solid #d5d1d1 }

#s2email { width:90% }
.responsive-sur { display:none }

/* ==========================================================================
   Media Queries
   ========================================================================== */
@media screen and (max-width: 1000px) {
	#wrapper { padding:5px 0; width:100%; border:0; } #header { padding:0 5px 0 5px; } #main { width:100%; } #content { float:none; width:auto; margin-right:340px; }
	#sidebar { margin:10px 0 0 0; } .content-loop { width:auto; } .slideshow { display:none }
	
	.logo { float:none; width:auto; margin:10px 480px 0 15px; } .logo object { display:none }	.logo .logo-acc { display:block; width:auto; float:left } .logo .logo-acc img { width:100%; height:auto } .header-ad { margin:0 0 5px 0; }
	
	#top { width:97%; } #cat-menu { width:97%; height:34px; overflow:hidden }
	
	.content-loop { padding:0 0 0 15px } .home-title { margin-left:0 } .content-loop .post { float:none; width:97%; margin:0 0 5px 0; padding:1% } .home-une .entry-thumb img { width:80px; height:80px } .content-loop .entry-excerpt { clear:none }
	
	#footer { width:97%; padding-top:10px }	#footer .widget { float:none; width:100%; margin:5px 0 5px 0; }	#bottom { width:97%; }
	
	.meta-more a { background: -moz-linear-gradient(top, #f4f4f4 0%, #e0e0e0 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%,#e0e0e0 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%,#e0e0e0 100%); /* W3C */ color:#505050; font-weight:bold; padding:5px 10px; border:1px solid #d5d1d1; float:right; margin:-5px 0 1px 0 } .meta-more a:active { margin:-4px 0 2px 0 }
	/*page inside*/
	#breadcrumb { margin:0 0 10px 0; padding:0 0 5px 0; text-transform:inherit } .hentry { float:left; clear:both; } entry .wp-caption { width:100%; height:auto } .gridrow { float:left }
}

@media screen and (max-width: 750px) {
	/* disparition des pubs */
	#sidebar { display:none } #content { margin:1% } .content-loop { padding:0 } .content-loop .post { height:auto }
	.logo { width:95%; text-align:center; margin:10px auto } .logo .logo-acc { float:none; } .header-ad { display:none }
	.hentry { width:100%; margin:0 }
	.pub-smart { display:block; background-color:#6f0e8e; margin:5px 0 10px 0; }
	.pub-smart img { max-width:100% }
	.responsive-sur { display:block; position:fixed; bottom:0; max-width:100% }
	body { padding-bottom:80px }
}

@media screen and (max-width: 600px) {
	#top { height:auto; }
	#search { display:block; float:left; width:90%; margin:10px 0 10px 5%; } .content-loop {width:100% }
	#header h1 { margin:5px auto }
	#cat-menu #cat-nav-mobile { display:block; background:#6f0e8e url(../img/menu-actualite-eco.png) no-repeat 5px center; float:left; height:34px; line-height:35px; padding:0 10px 0 40px; color: #fff; font-weight: bold; cursor:pointer }	
	#cat-menu #cat-nav-mobile:hover, #cat-menu #cat-nav-mobile:active { background:#fff url(../img/menu-actualite-eco-ov.png) no-repeat 5px center; border:1px solid #6f0e8e; color:#6f0e8e }
	ul#cat-nav { position:absolute; top:0px; left:-100%; background-color:#6f0e8e; width:100%; height:auto; z-index:200; padding:10px; box-sizing:border-box; text-transform:uppercase }
	ul#cat-nav li { float:none; border-top:1px solid #fff }	ul#cat-nav li a { color:#fff } ul#cat-nav li a:hover, ul#cat-nav li a:active { background-color:#fff; color:#6f0e8e }
	nav #close-mn { text-align:right; display:block !important }
}

@media screen and (max-width: 430px) {
	.topnav li a { padding:0 2px; font-size:10px; border-left:1px solid #dcddd8 }
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {

}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden {  border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }

.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix {*zoom: 1;}

.clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear { display:inline-block; } * html .clear { height:1%; }
.clear { display:block; } .left { float:left; } .right { float:right; }
.aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:10px; }
.alignright { float:right; margin:0px 0px 10px 10px; }
.alignleft { float:left; margin:0px 10px 10px 0px; }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        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) ")";
    }

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

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

    thead {
        display: table-header-group;
    }

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

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

    @page {
        margin: 0.5cm;
    }

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

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