/* ****************************************************
@file  theme.css
@description  Feuille de styles de thème
@author       Cédric Métairie (www.neweb-design.com)
***************************************************** */
@import url("reset.css"); 
@import url("960.css"); 
@import url("layout.css"); 
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Font  */
@font-face{font-family:"Cantarell"; src:url("http://fonts.googleapis.com/css?family=Cantarell&subset=latin"); font-family:"vollkorn"; src:url("http://fonts.googleapis.com/css?family=Vollkorn:regular,italic&subset=latin")}
body{font-family:"Cantarell",Verdana,sans-serif; font-size:11px; letter-spacing:0; line-height:16px; color:#444; text-align:justify}
p{margin-bottom:8px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Global  */
html{height:100%}
a{text-decoration:none}

body{background:#373f42 url('/images/frontend/headerPattern.png') repeat-x}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Header  */
header{background:transparent url('/images/frontend/header-bg.jpg') no-repeat center top}
header#accueil{background:transparent url('/images/frontend/header-bg-home.jpg') no-repeat center top}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  nav  */
header nav a{color:#a6c7d3}
header nav a.activ{color:#fff}
header nav li{font-size:14px; background:transparent url('/images/frontend/nav-sep.png') repeat-y}
header nav li a span{font-size:11px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Main page  */
#main{background:#fff url('/images/frontend/mainPattern.png') repeat-x}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Contenus  */
#main article.box p{padding:0 20px}
 article.box cite, article.box a{ margin-right:20px;  margin-left:20px;  margin-bottom:20px;  margin-top:6px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Titres  */
h1, h2, h3{}
h2{font-family:Cantarell,arial,serif; color:#676767; font-size:200%; text-transform:none; font-weight:normal; margin:14px 0 24px 0}
h3{font-family:Cantarell,arial,serif; color:#676767; font-size:180%; text-transform:none; font-weight:normal; margin:14px 0 24px 0}
h4{font-family:Cantarell,arial,serif; color:#77cad2; font-size:140%; text-transform:none; font-weight:normal; margin:0px 0 24px 0; text-transform:uppercase; background:transparent url(/images/frontend/h4pix.gif) repeat-x 0 8px; padding-left:24px}
h4 span{background-color:white; padding:0 10px 0 10px}

h2.bulle{color:white; font-family:Cantarell,arial,serif; display:-moz-inline-stack; display:inline-block; vertical-align:top; font-size:14px; height:40px; margin:0px 0px 1.2em 0mm; zoom:1; *display:inline}
h2.bulle span{display:inline-block; height:23px; padding:5px 13px 0px 8px; text-transform:uppercase}
#main article h2.bulle{background:transparent url(/images/frontend/bulle-bleu-bg.png) no-repeat 0% 100%}
#main article h2.bulle span{background:transparent url(/images/frontend/bulle-bleu-spanbg.png) no-repeat 100% 0%; text-transform:uppercase}
#main article.box h2.bulle{position:absolute; top:-13px; left:20px; background:transparent url(/images/frontend/bulle-verte-bg.png) no-repeat 0% 100%}
#main article.box h2.bulle span{background:transparent url(/images/frontend/bulle-verte-spanbg.png) no-repeat 100% 0%; text-transform:uppercase}

#main nav h2.bulle{background:transparent url(/images/frontend/bulle-bleu-bg.png) no-repeat 0% 100%}
#main nav h2.bulle span{background:transparent url(/images/frontend/bulle-bleu-spanbg.png) no-repeat 100% 0%; text-transform:uppercase}

#page-content article.box h2.bulle{position:absolute; top:-13px; left:20px; background:transparent url(/images/frontend/bulle-verte-bg.png) no-repeat 0% 100%}
#page-content article.box h2.bulle span{background:transparent url(/images/frontend/bulle-verte-spanbg.png) no-repeat 100% 0%; text-transform:uppercase}
#page-content form article.box h2.bulle{position:absolute; top:-13px; left:20px; background:transparent url(/images/frontend/bulle-grise-bg.png) no-repeat 0% 100%}
#page-content form article.box h2.bulle span{background:transparent url(/images/frontend/bulle-grise-spanbg.png) no-repeat 100% 0%; text-transform:uppercase}

#main aside article#categorie h2.bulle{position:absolute; top:0px; left:0px; background:transparent url(/images/frontend/bulle-grise-bg.png) no-repeat 0% 100%}
#main aside article#categorie h2.bulle span{background:transparent url(/images/frontend/bulle-grise-spanbg.png) no-repeat 100% 0%; text-transform:uppercase}

#boxfoot article h2.bulle{background:transparent url(/images/frontend/bulle-blanche-bg.png) no-repeat 0% 100%; color:#0096b4}
#boxfoot article h2.bulle span{background:transparent url(/images/frontend/bulle-blanche-spanbg.png) no-repeat 100% 0%; text-transform:uppercase}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Paragraphes  */
#main article.box{font-family:"Cantarell",Verdana,sans-serif; font-size:11px; letter-spacing:0; line-height:1.5em; color:#787878}
#page-content article #temoignage{font-family:"vollkorn",Georgia,serif; font-size:145%; letter-spacing:0; line-height:1.4em; color:#9e9e9e}
#boxfoot article{font-family:"Cantarell",Verdana,sans-serif; font-size:100%; letter-spacing:0; line-height:1.5em; color:#fff}
#page-content article p strong, #page-content article li strong{color:#898989}
#page-content article p a, #page-content article #detail li a{color:#0096b4; background:#fff}
#page-content article li{list-style:none outside none; background:transparent url(/images/frontend/puce.png) no-repeat 0 8px; padding-left:18px; line-height:20px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  HOME Portfolio  */
article#portfolio #folio-viewer a{display:block; float:left; margin-right:9px; margin-bottom:4px;}
article#portfolio #folio-viewer a.last{margin:0; padding:0}
article#portfolio #folio-viewer a.last img{margin:0}
article#portfolio #folio-viewer a img{margin:0}
article#portfolio #folio-viewer{padding-bottom:14px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Témoignage  */
.slideshow{height:141px}
.slideshow div.item{}
#alaune time{background:transparent url('/images/frontend/puce-time.png') no-repeat 0 5px; padding-left:8px; color:#b4b4b4}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Btons  */
a.bton, .submit_footer{color:#fff; display:block; background-color:#b3c0c5; line-height:22px; padding:0 10px; float:right; margin-top:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
a.btoncontact{display:block; height:52px; line-height:52px; width:187px; padding-left:45px; background:transparent url(/images/frontend/bton-contact.png) no-repeat 0 0; float:right; color:#77c7d7; font-size:130%; text-transform:uppercase; font-weight:bold; margin-top:24px; margin-bottom:24px}
.btoncontact{display:block; height:52px; line-height:52px; width:232px; background:transparent url(/images/frontend/bton-contact.png) no-repeat 0 0; float:right; color:#77c7d7; font-size:130%; text-transform:uppercase; font-weight:bold; margin-top:24px; margin-bottom:24px; border:none;}
a.btoncontact:hover, .btoncontact:hover {background:transparent url(/images/frontend/bton-contact.png) no-repeat 0 -52px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Nos Packs Module  */
article#nospacks #nospacks-content{margin-top:8px; padding:0}
article#nospacks #nospacks-content img{float:left; padding:0; margin:0}
#nospacks-p{margin-left:147px}

/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Pages  */
#main_content nav{background:transparent url(/images/frontend/bg-nav-page.png) no-repeat; margin-top:40px; height:585px}
#main_content nav li{height:38px; line-height:38px; width:250px}
#main_content nav li.activ{background:transparent url(/images/frontend/over-nav-page.png) no-repeat}
#main_content nav li.activ span{color:#fff}
#main_content nav li a, #main_content nav li span{display:block; height:38px; line-height:38px; border-top:solid #fff 1px; border-bottom:solid #e3e3e3 1px; width:210px; font-size:130%; color:#5d5d5d; padding-left:20px}
#main_content nav li.last a{border:none}
#page-content h1{font-size:250%; background:transparent url(/images/frontend/pointille.png) repeat-x 0 70px; margin:0; padding:5px 0 10px 40px; color:#0096b4; text-transform:none; font-weight:normal; margin-top:20px; line-height: 30px; height:60px;}

#ariane{background:transparent url(/images/frontend/ariane-accueil.png) no-repeat 10px 0; border-bottom:solid #e5e4e4 1px; padding-bottom:10px}
#ariane ul{margin:0; padding:0 0 0 10px}
#ariane ul li{float:left; list-style:none outside none; margin:0}
#ariane ul li a{display:block; background:transparent url(/images/frontend/ariane-fleche.png) no-repeat 6px 6px; padding:0 0 0 14px; color:#9c9c9c; font-size:90%; text-decoration:underline}
#ariane ul li a.activ{text-decoration:none; color:#0096b4; background:transparent url(/images/frontend/ariane-fleche-activ.png) no-repeat 6px 6px}
#page-content article.box .imgbox{background:none; border:none; position:absolute; bottom:0px; right:38px}

/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Page portoflio  */
#page-content article#portfolio.box{position:relative; padding:30px 400px 0px 30px; margin-top:60px}
#page-content article.box p{padding-left:0; font-family:"vollkorn",Georgia,serif; font-size:130%; line-height:1.5em; color:#888}
#page-content.grid_16 article.box #ecran{background:transparent url(/images/frontend/ecran.png) no-repeat 0 0; width:319px; height:218px; padding:22px 0 0 10px}
#page-content #foliocontent{padding-bottom:14px; position:relative}
#page-content #foliocontent a{display:block; position:relative; width:218px; height:148px; margin-top:14px; margin-bottom:14px; border:solid #dcdcdc 1px; padding:0; overflow:hidden}
#page-content #foliocontent a span{display:block; height:33px; line-height:33px; position:absolute; /*bottom:5px; */bottom:-35px; left:0; background:transparent url(/images/frontend/caption-folio.png) no-repeat 0 0; color:white; width:500px; padding-left:35px}
#page-content #foliocontent a img{border:solid #fff 1px; background-color:#e9f1f3; padding:4px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Page réalisation  */
#realisationecran{position:relative; height:413px; background:transparent url(/images/frontend/realisationecran.png) center top; margin-top:36px}
#realisationecranimg{position:absolute; top:27px; left:52px}
#realisationecranimg img{position:absolute; top:0; left:0; width:524px;height:349px;}
#detail.box{font-size:120%}
#detail.box #detail-titre{width:108px; float:left; padding-bottom:20px; color:#2a2a2a; font-size:120%}
#detail.box #detail-content{width:230px; float:left; color:#676767; font-size:120%}
#detail.box #detail-mot{width:280px; float:left}
#detail.box #detail-mot p{color:#676767; font-size:110%; line-height:1.5em}
#detail.box #detail-mot p strong{color:#2a2a2a; font-weight:normal; font-size:120%}
#detail.box #detail-mot p strong sup{color:#0096b4; font-size:60%}
#detail.box ul li{list-style:none outside none; background:none; padding:0; line-height:1.8em}
#detail.box ul li a{margin:0; color:#0096b4; background:#f1f1f1}
#ruban{width:45px; height:146px; position:absolute; top:0; right:70px; background:transparent url(/images/frontend/rubannew.png); z-index:99}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  NOS PACKS  */
#page-content.grid_11 article#boxpack.box{position:relative; padding:44px 214px 14px 30px; margin-top:60px}
#page-content article.box .infobox{background:none; border:none; position:absolute; bottom:16px; right:44px}
#page-content article div#tab{position:relative; border:solid #e0e0e0 1px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
#page-content article div#tab{margin-top:80px; margin-bottom:30px}
#page-content article table{width:100%}
#page-content article table thead{height:58px}
#page-content article table thead tr td, #page-content article table thead tr th{background:#222 url(/images/frontend/tab-entete-bg.png) repeat-x; height:58px; text-indent:-9999em}
#page-content article table thead tr span.existence{background:transparent url(/images/frontend/tab-existence.png) repeat-x; height:142px; width:142px; display:block; position:absolute; top:-90px; left:250px}
#page-content article table thead tr span.corporate{background:transparent url(/images/frontend/tab-corporate.png) repeat-x; height:142px; width:142px; display:block; position:absolute; top:-90px; left:370px}
#page-content article table thead tr span.business{background:transparent url(/images/frontend/tab-business.png) repeat-x; height:142px; width:142px; display:block; position:absolute; top:-90px; left:490px}
#page-content article table a{padding-left:4px; color:#0096b4}

#page-content article table tbody tr td, #page-content article table tbody tr th, #page-content article table tbody tr{color:#555; font-weight:normal}
#page-content article table tr td, #page-content article table tr th{height:48px}

#page-content article table tr.pair td span, #page-content article table tr.pair th span{background:#f7f7f7}
#page-content article table tr td span.oui{background:transparent url(/images/frontend/checktab.png) no-repeat center 12px; text-indent:-9999em}
#page-content article table tr.pair td span.oui{background:#f7f7f7 url(/images/frontend/checktab.png) no-repeat center 12px; text-indent:-9999em}
#page-content article table tbody td{border-left:solid #e0e0e0 1px}
#page-content article table tbody span{display:block; height:48px; line-height:48px; border-bottom:solid #e0e0e0 1px; border-top:solid #fff 1px; padding-left:30px}
#page-content article table tbody tr.last span{border-bottom:none}
#page-content article table tr td span.non{display:block;  text-indent:-9999em}
#page-content article table tr td{width:120px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  tooltip  */
.tooltip{background:transparent url(/images/frontend/tooltip-top.png); font-size:12px; height:127px; width:193px; padding:20px; color:#fff; font-weight:normal; margin-left:73px}
.tooltip.bottom{background:transparent url(/images/frontend/tooltip-bottom.png); padding-top:30px; height:117px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Contact  */
#page-content.grid_11 article#boxcontact.box{position:relative; padding:44px 30px 14px 30px; margin-top:60px}
article#boxcontact.box #coordonnees{margin-top:40px}
article#boxcontact.box img{float:right}
article#boxcontact.box h3{font-family:"Cantarell",Verdana,sans-serif; font-size:150%; color:#676767; font-style:normal; margin-bottom:8px; margin-top:0}
article#boxcontact.box ul{font-family:"Cantarell",Verdana,sans-serif; font-size:90%; color:#888; font-weight:bold; font-style:normal; float:left; margin:0}
article#boxcontact.box ul#adresse{padding-right:40px;width:200px;}
article#boxcontact.box ul#tel{padding-left:40px; border-left:solid #d1d1d1 1px}
article#boxcontact.box ul li{background:none; margin:0; padding:0}
form article.box label{font-family:"Cantarell",Verdana,sans-serif; font-size:90%; color:#888; font-style:normal}
article#demande.box{padding:44px 30px 14px 50px; margin-bottom:56px}
article#demande.box input{margin-right:8px; line-height:20px}
article#coordonnee.box{padding:44px 30px 14px 30px; margin-bottom:18px}
article#coordonnee.box label{width:150px; display:block; float:left; padding-left:0px}
#main article#coordonnee.box p{padding:0 0 0 20px}
article#coordonnee.box input{background:transparent url('/images/frontend/input-court.png') no-repeat; border:none; height:34px; line-height:34px; width:394px; padding-left:10px; color:#676767}
article#coordonnee.box input:focus, article#coordonnee.box textarea:focus{color:#0096b4; outline:2px solid #0096b4}
article#coordonnee.box textarea{background:transparent url('/images/frontend/textarea.png') no-repeat; border:none; height:124px; width:392px; padding-left:10px; padding-top:8px; resize:none}

/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Actualités  */
#page-content.grid_11 article#actualite.box{position:relative; padding:44px 30px 14px 30px; margin-top:60px}
article#actualite.box img{float:right}
article#actualite.box h4{color: #aaa;font-size: 100%;font-style: italic;text-transform: none;padding-left: 8px;background: transparent url(/images/frontend/pointeuractu.png) no-repeat 0 6px;font-family:georgia,serif;margin: 0 0 8px 0;}
article#actualite.box h4 time, article#actualite.box h4 a{color: #777;font-size: 100%;font-style: normal;text-transform: uppercase;font-family:"Cantarell",Verdana,sans-serif;background: none;padding: 0;margin: 0;}
article#actualite.box h4 a {background: transparent url(/images/frontend/pointille_actu.png) repeat-x 0px 14px;padding-bottom: 2px;}
article#actualite.box h4 a:hover {color: #77c7d7;background-position-y: -5px;}
article#actualite.box h3{color: #616161;font-size: 180%;margin: 0 0 24px 0;font-family:"Cantarell",Verdana,sans-serif;line-height:21px;}
article#actualite.box p{color: #787878;font-size: 100%;font-family:"Cantarell",Verdana,sans-serif;}
article#actualite.box img{margin-left: 24px;}
article#actualite.box a.bton{margin-right: 0px;}

article#listingactu div.actualite  {background: transparent url(/images/frontend/pointille_actu.png) repeat-x 0px 135px;margin-top: 20px; padding-bottom: 20px;position: relative;}
article#listingactu div.actualite h5 {color: #444444;font-size: 140%;font-weight: bold;margin-bottom: 2px;}
article#listingactu div.actualite h6 {color: #aaa;font-size: 90%;font-weight: normal ;font-style: italic;text-transform: none;padding-left: 148px;background: transparent url(/images/frontend/pointeurlistingactu.png) no-repeat 140px 6px;font-family:georgia,serif;margin: 0 0 8px 0;}

.sep_temoi {width:100%; height:15px;}
.signature_temoi {width:100%;text-align:right;margin-top:-10px;}

article#listingactu div.actualite .date_temoi {color: #aaa;font-size: 90%;font-weight: normal ;font-style: italic;text-transform: none;padding-left: 0px;background: transparent url(/images/frontend/pointeurlistingactu.png) no-repeat 140px 6px;font-family:georgia,serif;margin: 0 0 8px 0;}

article#listingactu div.actualite h6 time,article#listingactu div.actualite h6 a{color: #777;font-size: 100%;font-style: normal;text-transform: uppercase;font-family:"Cantarell",Verdana,sans-serif;background: none;padding: 0;margin: 0;}
article#listingactu div.actualite h6 a {background: transparent url(/images/frontend/pointille_actu.png) repeat-x 0px 12px;padding-bottom: 0px;}
article#listingactu div.actualite h6 a:hover {color: #77c7d7;background-position-y: -7px;}
article#listingactu div.actualite img {float: left;margin-right: 24px;}
article#listingactu div.actualite p {margin-bottom: 18px;}
article#listingactu div#pagination  {color: #959595; padding: 34px 0 0 0;}
article#listingactu div#pagination span {float: left;line-height: 20px;padding-right: 30px;}
article#listingactu div#pagination a {display: block;float:left;height: 18px; line-height:18px;padding-left:6px;width: 12px; margin-left:4px;color:#959595;background-color: #f1f1f1; border: solid #e5e5e5 1px;}
article#listingactu div#pagination a.activ,  article#listingactu div#pagination a:hover{color:#666;border: solid #aaa 1px;}

/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Actualite Détail  */

article#actuviewer {position:relative;height:220px;width:640px;margin :20px 0 0 0;}
article#actuviewer div#legende ul {margin:14px 14px 6px 14px;}
article#actuviewer div#legende {position:absolute;bottom:7px;right:0;background:#f1f1f1;color:#aaaaaa;font-family:georgia,serif;margin:0;padding:0;font-style:italic;font-size:90%;}
article#actuviewer div#legende span, article#actuviewer div#legende a {color:#777;font-family:"Cantarell",Verdana,sans-serif;font-style:normal;text-transform:uppercase;}
article#actuviewer div#legende a {background: transparent url(images/frontend/pointille.png) repeat-x 0px 12px;padding-bottom: 4px;}
article#actuviewer div#legende a:hover {color: #77c7d7;background-position-y: -7px;}
article p.citation {color:#898989; font-family:"vollkorn",Georgia,serif; font-size:100%;padding: 0 20px 0 20px;}

/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Aside  */
aside article#categorie {margin-top: 100px;}
aside article#categorie ul {padding-top: 60px;}
aside article#categorie li, aside article#categorie li a, aside article#categorie li a span {border: none;font-size: 100%; }
aside article#categorie li {border:none;border-bottom: solid #ececec 1px;background: none;width: 200px;}
aside article#categorie li a {border:none;display:block;background: transparent url(/images/frontend/categoriepuce.png) no-repeat 0 15px;color: #616161;}
aside article#categorie li a:hover {color: #77c7d7;}
aside article#categorie li a span {display: inline;padding-left: 4px;color: #77c7d7;}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  BoxFoot  */
#boxfoot li{line-height:27px; list-style:none outside none; border-bottom:solid #6c767b 1px}
#boxfoot ul{margin:0 0 14px 0}
#boxfoot li.last{border:none}
#boxfoot li a{color:#ccc; display:block; background:#5b676c}
#boxfoot li a time{color:#879093; margin-right:20px}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Formulaire  */
#boxfoot #formulaire form input{width:249px; margin-bottom:14px; line-height:32px; height:32px; border:none; background:transparent url(/images/frontend/formulaire-input.png) no-repeat; color:#444; padding-left:30px}
#boxfoot #formulaire form .submit_footer{color:#fff; display:block; background-color:#b3c0c5; background-image: none; line-height:22px; padding:0 10px; float:right; margin-top:0; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
#boxfoot #formulaire form textarea{width:250px; height:79px; border:none; background:none; color:#b4b9ba; padding:8px 0 0 30px; line-height:18px; overflow:hidden; resize:none}
#boxfoot #formulaire form .textarea{width:280px; height:87px; margin-bottom:14px; border:none; background:transparent url(/images/frontend/formulaire-textarea.png) no-repeat; background-origin:padding-box; color:#b4b9ba; overflow:hidden}
boxfoot #formulaire form:active, boxfoot #formulaire form:focus, boxfoot #formulaire form:onblur{ background:#ffd; color:black}
/*  //////////////////////////////////////////////////////////////////////////////////////////////////  Footer  */
footer, footer a{color:#8e9394}
footer a{text-transform:uppercase}

footer #copyright{float:left}
footer #w3c{float:right}
#main article.box blockquote{font-family:"vollkorn",Georgia,serif; font-size:19px; letter-spacing:0; line-height:24px; font-style:italic; color:#5b676c}
#main article.box cite{display:block; color:#9da8ac; font-family:"vollkorn",Georgia,serif; font-size:16px; letter-spacing:0; line-height:3em; font-style:italic; text-align:right; padding-bottom:0px}
article.box{background:#f1f1f1}
img.border{padding:7px; border:solid #f1f1f1 1px; background-color:white}
img.right{float:right; margin-left:20px}

article.box blockquote{background:transparent url(/images/frontend/citation-left.png) no-repeat top left}
article.box blockquote p{background:transparent url(/images/frontend/citation-right.png) no-repeat bottom right}
#boxfoot{background:#5c676d}
footer{background:#373f42}

.ie6, .ie7, .ie8, .ie9{}
/* Feuille de style PRINT */
@media print{ *{background:transparent !important; color:#444 !important; text-shadow:none !important}
 a, a:visited{color:#444 !important; text-decoration:underline}
 a:after{content:"("attr(href) ")"}

 abbr:after{content:"("attr(title) ")"}
 .ir a:after{content:""}
 /* Don't show links for images */
 pre, blockquote{border:1px solid #999; page-break-inside:avoid}
 thead{display:table-header-group}/* css-discuss.incutio.com/wiki/Printing_Tables */
 
 tr, img{page-break-inside:avoid}
 @page{margin:0.5cm}
 p, h2, h3{orphans:3; widows:3}
 h2, h3{page-break-after:avoid}
}